/* * {-webkit-user-select:none;-moz-user-select:none;user-select:none;} */

body {
    background: #f9f9fb;
}

._mobile {
    display: none;
}

._desktop {
    display: block;
}

.show_mobile {
    display: none;
}

/* home */

.wrapper,
.site-content-wrapper {
    max-width: 1800px;
    margin: 0 auto;
    height: 100%;
}

.header-wrapper {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-left: 116px;
    padding-right: 116px;
}

.site-content-wrapper:not(.is-native):not(.pre-login) {
    padding-left: 116px;
    padding-right: 116px;
    box-sizing: border-box;
}

.site-content-wrapper.is-native:not(.pre-login) {
    padding-left: 32px;
}

.site-content-wrapper.apply-slide-transition,
.header-wrapper.apply-slide-transition {
    transition: padding-left 0.2s ease-in-out;
}

@media print {
    .site-content-wrapper:not(.pre-login) {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
}

@media screen and (min-width: 1800px) and (max-width: 2280px) {
    .site-content-wrapper.navigation-open:not(.pre-login):not(.is-native),
    .header-wrapper.navigation-open {
        padding-left: calc(352px - (100vw - 1800px) / 2);
    }
}

@media screen and (max-width: 1800px) {
    .site-content-wrapper.navigation-open:not(.pre-login):not(.is-native),
    .header-wrapper.navigation-open {
        padding-left: 352px;
    }
}

@media screen and (max-width: 1728px) {
    .wrapper,
    .site-content-wrapper:not(.pre-login) {
        padding-right: 32px !important;
    }
}

/* 767px instead of 768px due to a Chakra bug with useBreakpointValue */
@media screen and (max-width: 767px) {
    .wrapper,
    .site-content-wrapper:not(.pre-login) {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

.site-content-wrapper.wide {
    max-width: 100%;
    margin: 0 auto;
    border: none !important;
    overflow: hidden;
}

.site-content-wrapper.wide #global-site-content {
    border: none;
    top: 0;
}

#global-site-content .header-img,
#global-site-content #header-img {
    background-size: cover;
}

.wrapper-wide {
    padding: 0 40px !important;
}

.maxwrapp {
    max-width: 1600px;
    margin: 0 auto;
}

/* HEADER */
#ie8_recomandare {
    display: none;
}

#header {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    z-index: 999;
    position: relative;
    border-bottom: 1px solid #f2f4f7;
}

#header .wrapper {
    position: relative;
}

#header .logo {
    width: 106px;
    height: 26px;
    background-color: #fff;
    -webkit-mask: url("/images/Adservio-logo-header-footer.svg") no-repeat 50% 50%;
    -moz-mask: url("/images/Adservio-logo-header-footer.svg") no-repeat 50% 50%;
    -o-mask: url("/images/Adservio-logo-header-footer.svg") no-repeat 50% 50%;
    -ms-mask: url("/images/Adservio-logo-header-footer.svg") no-repeat 50% 50%;
    mask: url(/images/Adservio-logo-header-footer.svg) no-repeat 50% 50%;
    display: inline-block;
}

#header #logo_before,
#header #logo_after {
    float: left;
}

#header #logo_after {
    display: none;
}

#header .header-nav {
    position: relative;
    z-index: 20;
}

#header .header-nav .compact-nav {
    font-size: 16px;
    text-transform: uppercase;
}

#header .header-nav .compact-nav li {
    float: left;
    border-right: 1px solid #0097ba;
}

#header .header-nav .compact-nav li:last-child {
    border-right: none;
}

#header .header-nav .compact-nav li a {
    padding: 5px 14px 0px;
    color: #fff;
    line-height: 42px;
    display: block;
    float: left;
    transition: background 500ms;
    -webkit-transition: background 500ms;
    -moz-transition: background 500ms;
    -o-transition: background 500ms;
}

#header .header-nav .compact-nav li a:hover {
    background: #0086c9;
}

#header .header-nav .compact-nav li a.active {
    background: #0086c9;
}

/* logged in */
#header.loggedin #logo_before {
    display: none;
}

#header.loggedin #logo_after {
    display: inline-block;
    width: 16.6%;
    text-align: right;
    padding: 9px 10px 0 0;
    box-sizing: border-box;
}

#header .header-nav {
    float: left;
}

#header .header-nav .icon-navibar {
    width: 40px;
    height: 33px;
    padding: 11px 0;
    cursor: pointer;
    color: #fff;
    text-align: center;
}

#header .header-nav .icon-navibar:hover,
#header .header-nav .icon-navibar.active {
    background-color: #0590b5;
}

#header .header-nav .icon-navibar .icon-x {
    display: none;
}

#header .header-nav .icon-navibar.active .icon-x {
    display: block;
}

#header .header-nav .icon-navibar.active span,
#header .header-nav .icon-navibar.active .icon-meniu {
    display: none;
}

#header .header-nav .icon-navibar .icon-meniu,
#header .header-nav .icon-navibar .icon-x {
    color: #fff;
    font-size: 25px;
    padding-left: 1px;
}

#header .header-nav .icon-navibar .icon-x {
    padding: 5px 0;
}

#header .header-nav .icon-navibar span {
    font-size: 9px;
    position: relative;
    bottom: 3px;
    color: #fff;
}

#header .icon-navibar {
    display: none;
}

#header.loggedin .header-nav .compact-nav {
    border-top: 1px solid #0c8aae;
    background-color: #0590b5;
    position: absolute;
    display: none;
}

#header.loggedin .header-nav .compact-nav li {
    float: none;
}

#header.loggedin .header-nav .compact-nav li a {
    padding: 0px 15px;
    white-space: nowrap;
    float: none;
}

#header.loggedin .header-nav .compact-nav li.active {
    background: #0086c9;
    -moz-box-shadow: inset 0 2px 5px #666;
    -webkit-box-shadow: inset 0 2px 5px #666;
    box-shadow: inset 0 2px 5px #666;
}

#header.loggedin .header-nav .compact-nav li.active a:hover {
    background: none;
}

#header .langselector,
.oauth-popup .langselector {
    float: right;
    position: relative;
}

#header .langselector .active,
#header .langselector ul a,
.oauth-popup .langselector .active,
.oauth-popup .langselector ul a {
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    border-left: 1px solid #0097ba;
    padding: 1px 19px 0px;
    display: block;
    line-height: 45px;
}

#header .langselector .active:hover,
#header .langselector ul a:hover,
.oauth-popup .langselector .active:hover,
.oauth-popup .langselector ul a:hover {
    background: #0086c9;
}

#header .langselector ul,
.oauth-popup .langselector ul {
    display: none;
    position: absolute;
    background: #0ba5ec;
    left: 0;
    z-index: 100;
    list-style-type: none;
    width: 100%;
}

#header .langselector ul li,
.oauth-popup .langselector ul li {
    border-top: 1px solid #0097ba;
}

#header .langselector:hover ul,
.oauth-popup .langselector:hover ul {
    display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-moz-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2) {
    #header .logo {
        background: url("/images/logo-adservio@2x.png") no-repeat;
        background-size: 106px 26px;
    }
}

.panel-login {
    width: 599px;
    height: 593px;
    position: absolute;
    top: 4%;
    right: 5%;
    background: url("/images/site/index/background-log-in.png");
    display: table;
    background-size: cover;
}

.panel-login .vcenter {
    display: table-cell;
    vertical-align: top;
    padding-top: 90px;
}

.panel-login .login-form {
    width: 250px;
    margin: 0 auto;
}

.panel-login .icon-key {
    color: #fff;
    font-size: 60px;
    text-align: center;
}

.panel-login .main_panel_login {
    width: 250px;
    margin: 0 auto;
}

.iosslider {
    -webkit-perspective: none !important;
    perspective: none !important;
}

.panel-login .main_panel_login .iosslider {
    width: 250px !important;
    height: 100% !important;
}

.merge_account_accesscode.max_width_450,
.merge_account_pass.max_width_450,
.merge_account_accesscode .preferinte,
.merge_account_pass .preferinte,
.merge_account_accesscode .max_width_230,
.merge_account_pass .max_width_230,
.merge_account_pass .iosslider {
    height: 100% !important;
    min-height: 500px;
}

.merge_account_accesscode .parent_main_panel_login {
    min-height: 700px;
}

.parent_main_panel_login {
    height: auto;
    min-height: 390px;
}

.main_panel_login {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.main_panel_login .iosslider {
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
}

.main_panel_login .iosslider .slider form {
    width: 100%;
    height: 100%;
}

.main_panel_login .slider,
.main_panel_login .slide {
    height: 100%;
    width: 240px !important;
}

.recover_pass {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .parent_main_panel_login {
        min-height: 430px;
    }
}

.newfeed_mobile_title {
    max-width: 275px;
    margin: 0 auto;
    text-align: center;
}

.panel-login .avatar {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.panel-login .signin-title,
.newfeed_mobile .signin-title {
    padding: 15px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}

.signin-inputs {
    padding: 0 20px;
    list-style-type: none;
}

.signin-inputs .row {
    margin-bottom: 10px;
}

.signin-inputs .row label {
    font-weight: 400;
    font-style: italic;
    font-size: 11px;
    color: #fff;
    padding: 0 2px;
    vertical-align: top;
}

.signin-inputs.account_preferences .row label {
    color: #999;
    font-style: normal;
}

.signin-inputs .row input {
    width: 96%;
    padding: 10px 2%;
    line-height: 1;
    font-size: 16px;
}

.signin-inputs .row.captcha input {
    width: 53%;
}

.signin-inputs .row.captcha img {
    vertical-align: middle;
}

.signin-inputs #signin-sms-save {
    width: auto;
    height: 20px;
    width: 20px;
    padding: 0;
}

.signin-inputs a.forgot {
    font-size: 14px;
    color: #fff;
    display: inline-block;
}

.signin-inputs a.forgot:hover {
    text-decoration: underline;
}

.signin-inputs .eroare {
    border: 1px solid #d9cdcd;
    background: #f9e8e8;
    padding: 5px;
    margin: 0;
    font-size: 12px;
    color: #ef255f;
}

.signin-inputs .btn {
    width: 100%;
    font-style: normal;
}

.signin-inputs .btn.autentificare {
    font-size: 14px;
    padding: 10px 0;
    margin-top: 10px;
}

.btn.ccont {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.btn.ccont {
    background: none;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 0;
}

.btn.ccont:hover {
    background: #fff;
    color: #333;
}

.signin-inputs .btn.autentificare .ladda-label {
    width: 100%;
    display: inline-block;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* end LEFT HEADER */

#header #liceu_nume {
    color: #101828;
    font-size: 15px;
    line-height: 18px;
    float: left;
    box-sizing: border-box;
}

.logged_user {
    float: right;
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row-reverse;
}

.logged_user a {
    color: #fff;
}

.logged_user .user_info {
    cursor: pointer;
    box-sizing: content-box;
    min-width: 210px;
    padding-left: 10px;
    padding-right: 10px;
}

.logged_user .user_info .user_img {
    width: 40px;
    height: 40px;
    background-color: #ccc;
    float: left;
    border-radius: 100%;
    position: relative;
}

.logged_user .user_info .user_img img {
    width: 40px;
    height: 40px;
    border: 0 none;
    border-radius: 100%;
}

.logged_user .user_info .user_img .arrow-up {
    display: none;
    position: relative;
    left: 9px;
    top: 4px;
    z-index: 100;
}

.logged_user .user_info .showUsername {
    color: #1d2939;
    font-size: 12px;
    width: 100%;
    height: 40px;
    line-height: 1.5;
}

.showUsername .username-label {
    font-weight: 600;
    font-size: 14px;
}

.showUsername .username-role {
    color: #667085;
}

.user-menu-icon {
    color: #1d2939;
}

#userNavigationToggle {
    position: absolute;
    display: none;
    top: 54px;
    right: 2px;
    max-width: 290px;
    width: 100%;
    min-width: 230px;
}

#userNavigationToggle .userNavigation {
    padding: 0;
    list-style-type: none;
    text-align: left;
    background: #fff;
    position: relative;
    z-index: 100;
    box-shadow: 0px 0px 2px 2px #d7d7d7;
    border: 1px #d7d7d7;
    top: 7px;
}

#userNavigationToggle .userNavigation .accountsUserNavigation li:after {
    content: "\e622";
    font-family: Adservio;
    font-size: 20px;
    color: #d7d7d7;
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
}

#userNavigationToggle .userNavigation:after,
#userNavigationToggle .userNavigation:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -8px;
    position: absolute;
    left: 89%;
    transform: translateX(-50%);
}

#userNavigationToggle .userNavigation:before {
    border-bottom: 10px solid #d7d7d7;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    top: -10px;
}

#userNavigationToggle .userNavigation .accountsUserNavigation li {
    border: 0;
    position: relative;
}

.account_notification {
    width: 10px;
    height: 10px;
    background: #f94646;
    position: absolute;
    border-radius: 50%;
    bottom: 2px;
    left: -3px;
}

#userNavigationToggle .userNavigation li a {
    padding: 7px 15px 7px 10px;
    box-sizing: border-box;
    color: #04a7cd;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
}

#userNavigationToggle ._icon {
    color: #000;
    font-size: 32px;
    width: 35px;
    text-align: center;
    display: inline-block;
}

#userNavigationToggle ._icon.icon-center {
    font-size: 28px;
    padding-left: 2px;
    text-align: left;
    box-sizing: border-box;
}

/*		#userNavigationToggle .userNavigation .userNavigation li:last-child { border-bottom:3px solid #EAECF0; }*/
#userNavigationToggle .userNavigation ._withIcon a {
    padding: 3px 10px;
}

#userNavigationToggle ._icon.currentUserNav {
    background: #32d583;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    padding: 7px 0;
}

#userNavigationToggle .userNavigation li:not(:first-child):hover {
    background: #f0f9ff;
}

#userNavigationToggle .accountsUserNavigation li:hover {
    background: #f0f9ff;
}

#userNavigationToggle .accountsUserNavigation li:last-child {
    border-bottom: 3px solid #eaecf0;
}

#userNavigationToggle .userNavigation li .active {
    color: #07b7e6;
}

#userNavigationToggle .arrow-up {
    position: relative;
    top: 1px;
    left: 5px;
}

#userNavigationToggle .displayElev a {
    padding: 12px 10px !important;
}

#userNavigationToggle .displayElev img {
    height: 20px;
    width: 20px;
}

#userNavigationToggle .displayElev span.elevName {
    position: relative;
    bottom: 4px;
    left: 5px;
}

#userNavigationToggle .userSubmenuName {
    line-height: 25px;
    display: inline;
    vertical-align: middle;
    margin-left: 5px;
}

#userNavigationToggle .user_logout {
    border-top: 3px solid #eaecf0;
}

/* end HEADER */

#global-site-content {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #f9f9fb;
    position: relative;
    padding-top: 24px;
    padding-bottom: 24px;
    min-height: 100%;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    #global-site-content:not(.pre-login) {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

#global-site-content,
.panel-small {
    vertical-align: top;
}

.site-content-wrapper.wide #global-site-content {
    padding-top: 0;
}

.site-content-wrapper.wide .panel-wide {
    border: none;
}

.panel-wizard {
    width: 100%;
    padding: 20px 20px 0px 20px;
    background: #f0f9ff;
    text-align: center;
    box-sizing: border-box;
}

.panel-small {
    width: 16.6%;
    height: 100%;
    display: table-cell;
    table-layout: fixed;
    position: relative;
    z-index: 50;
    border-right: 1px solid #ddd;
    background: #f0f9ff;
}

.panel-wide {
    display: table-cell;
    table-layout: fixed;
    vertical-align: top;
    position: relative;
    display: table-cell;
    table-layout: fixed;
    vertical-align: top;
    padding: 20px 20px 30px 20px;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
}

.dashboard_no_border {
    border: 0;
}

.dashboard_background_gray {
    background-color: #f9f9fb;
    padding: 0;
}

.panel-wide.bt {
    border-top: 1px solid #dddddd;
}

.front-news {
    width: 50%;
    background: url("/images/patterns/white-pattern-bg.png");
    margin: 0 auto;
    padding-top: 100px;
    position: relative;
}

.front-news .news-title {
    font-size: 29px;
    color: #333;
    padding: 20px 30px;
    line-height: 1em;
}

.front-news .news-subtitle {
    font-size: 14px;
    color: #98a2b3;
    display: block;
    margin-left: 10px;
}

.front-news .news-message {
    font-size: 15px;
    color: #333;
    padding: 10px 30px 60px 30px;
    line-height: 1.2em;
}

.front-news .news-separator {
    border-bottom: 1px dashed #a9b0a5;
}

.front-news .readmore {
    background: #c6c4c4;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    position: absolute;
    bottom: 20px;
    right: 0;
}

.front-news .readmore:hover {
    background: #09a8d2;
}

/* dashboard */
.panel-wide.gridview {
    background-color: transparent;
    padding: 0 0 20px 0;
    border: 0;
}

.panel-wide.gridview .baloon {
    background-color: #fff !important;
    border: 1px solid #ddd;
    padding: 10px 20px;
    margin-bottom: 10px;
    position: relative;
}

.panel-wide.gridview .baloon.bl0 {
    border-left: 0;
}

.panel-wide.gridview .panel-left.baloon {
    background-color: #fff;
}

/* small devices & tablet */
@media screen and (max-width: 950px) {
    #header #logo_before,
    #header #logo_after {
        float: none;
    }

    .align_center_mobile {
        text-align: center;
        display: block;
    }
}

/* small devices & tablet Portrait */
@media screen and (max-width: 800px), (orientation: portrait) {
    /* Main menu - toggle */
    #header .header-nav {
        float: left;
    }

    #header .header-nav .icon-navibar {
        height: 33px;
        padding: 6px 0;
        display: block;
    }

    #header .header-nav .compact-nav {
        min-width: 155px;
        border-top: 1px solid #0c8aae;
        background-color: #0590b5;
        position: absolute;
        display: none;
    }

    #header .header-nav .compact-nav li {
        float: none;
    }

    #header .header-nav .compact-nav li a {
        padding: 0px 14px;
        white-space: nowrap;
        float: none;
    }

    #header .header-nav .compact-nav li.active {
        background: #0086c9;
        -moz-box-shadow: inset 0 2px 5px #666;
        -webkit-box-shadow: inset 0 2px 5px #666;
        box-shadow: inset 0 2px 5px #666;
    }

    #header .header-nav .compact-nav li.active a:hover {
        background: none;
    }

    #header.loggedin #logo_after {
        text-align: left;
    }

    .panel-small {
        display: none;
        z-index: 1000;
        width: 200px;
    }

    .panel-small {
        position: fixed;
    }

    #global-site-content .panel-wide {
        width: 100%;
        padding: 20px 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #global-site-content .panel-wide.pre-login {
        padding: 0;
    }

    #global-site-content .panel-wide.homepage {
        padding: 20px 0 0 0;
    }

    #global-site-content .panel-small {
        z-index: 9001;
        top: 45px;
        height: calc(100% - 45px);
        padding-bottom: 15px;
        box-sizing: border-box;
    }

    .header_ntabs {
        margin-left: -10px;
        margin-right: -10px;
    }

    .panel-wide.dashboard_no_border.dashboard_background_gray > .header_ntabs {
        padding: 20px 0 0 0;
    }
}

@media (max-height: 480px) {
    .panel-small {
        overflow-y: scroll;
    }

    .panel-small::-webkit-scrollbar {
        width: 4px;
    }

    .panel-small::-webkit-scrollbar-track {
        background-color: #f3f3f3;
    }

    .panel-small::-webkit-scrollbar-thumb {
        background-color: #98a2b3;
    }

    .panel-small::-webkit-scrollbar-thumb:hover {
        background-color: #aaa;
    }
}

.panel-wide .upload_big_panel_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 15px;
    justify-items: center;
}

@media screen and (min-width: 1320px) {
    .panel-wide .upload_big_panel_wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    }
}

.panel-wide .upload_big_panel {
    border: 2px dashed #d9d9d9;
    text-align: center;
    padding: 25px 1%;
    min-height: 270px;
    display: block;
    margin-top: 20px;
    width: 31%;
    box-sizing: border-box;
    display: inline-block;
}

.panel-wide .upload_big_panel.noborder {
    border: none;
}

.panel-wide .upload_big_panel.hidden {
    display: none;
}

.panel-wide .upload_big_panel:hover {
    color: #000;
    border-color: #f97c00;
    cursor: pointer;
}

.panel-wide .upload_big_panel.no-click:hover {
    color: #999;
    border-color: #d9d9d9;
    cursor: default;
}

.panel-wide .upload_big_panel:hover ._icon {
    color: #f97c00;
}

.panel-wide .upload_big_panel.no-click:hover ._icon {
    color: #ccc;
}

.panel-wide .upload_big_panel ._icon {
    font-size: 105px;
    color: #d0d5dd;
    display: inline-block;
    margin-bottom: 15px;
}

.panel-wide .upload_big_panel ._icon.icon-user {
    font-size: 110px;
    margin-bottom: 0px;
}

.panel-wide .upload_big_panel ._icon.icon-teacher {
    font-size: 110px;
    margin-bottom: 0px;
}

.panel-wide .upload_big_panel .secText {
    font-size: 18px;
    color: #b2b2b2;
    display: block;
    line-height: 1.3em;
}

.panel-wide .upload_big_panel .prmText {
    font-size: 24px;
    color: #333;
    display: block;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.panel-wide .upload_big_panel.wide {
    width: 100%;
}

.site-content-wrapper.wide .panel-wide {
    padding: 0;
}

.site-content-wrapper.wide .panel-small {
    width: 300px;
    background: url("/images/patterns/front-signin-bg.png");
}

.mainmenu_separator {
    height: 1px;
    background: #ddd;
    display: block;
    width: 90%;
    margin: 10px auto;
}

.panel-small .icon_help_chat {
    font-size: 23px;
    padding: 6px;
    border-radius: 50%;
    background: #32d583;
    color: #fff;
    vertical-align: middle;
    margin-left: 5px;
}

.auth-wrap {
    width: 730px;
    height: 500px;
    margin: 0 auto;
    font-size: 14px;
    background: url("/images/login/login-rolls.png") no-repeat;
    margin-top: 5%;
}

.auth-box {
    width: 270px;
    margin: 0 auto;
    position: relative;
    top: 125px;
    color: #676767;
}

.auth-box input[type="text"],
.auth-box input[type="password"] {
    width: 250px;
}

.auth-logo {
    position: relative;
    left: 70px;
}

.auth-box #submit-btn {
    margin-top: 10px;
    width: 100%;
    padding: 6px 10px 5px 10px;
}

.auth-error {
    color: #f65858;
    margin-bottom: 25px;
    padding-top: 7px;
    font-size: 12px;
}

.page_description {
    font-size: 20px;
    color: #666666;
    text-align: center;
    margin: 10px 40px;
    line-height: 1em;
}

.zone-title {
    font-size: 24px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.zone-title-links {
    float: right;
    font-size: 12px;
}

/* MAIN MENU */
#mainmenu_accounts {
    text-align: right;
    list-style-type: none;
}

#mainmenu_accounts li {
    padding: 3px 10px;
}

#mainmenu_accounts li:hover {
    background: #e1f0f4;
}

#mainmenu_accounts .active_account {
    padding: 10px;
}

#mainmenu_accounts .active_account._more:hover {
    background: #e1f0f4;
}

#mainmenu_accounts .rounded {
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #dadada;
    text-align: center;
    background: #fff;
    overflow: hidden;
}

#mainmenu_accounts .active_account._more {
    cursor: pointer;
}

#mainmenu_accounts .active_account._more .icon-chevron-down {
    color: #777;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 18px;
}

#mainmenu_accounts .active_account .icon-chevron-down {
    display: none;
    color: #999;
}

#mainmenu_accounts .active_account .elevDetails {
    display: inline-block;
    width: 115px;
    vertical-align: top;
}

#mainmenu_accounts .active_account .elevDetails .details {
    display: block;
    font-size: 11px;
    text-align: right;
    color: #9b9a98;
}

#mainmenu_accounts .active_account .elevDetails .elevName {
    font-size: 14px;
    color: #000;
    vertical-align: top;
    line-height: 14px;
    display: block;
    overflow: hidden;
    height: 15px;
}

#mainmenu_accounts .active_account .rounded {
    height: 35px;
    width: 35px;
}

#mainmenu_accounts .active_account .rounded img {
    width: 100%;
    height: 100%;
}

#mainmenu_accounts .allresults {
    display: none;
}

#mainmenu_accounts .allresults li {
    list-style-type: none;
}

#mainmenu_accounts .displayElev a {
    display: inline-block;
}

#mainmenu_accounts .displayElev a:hover {
    color: #000;
}

#mainmenu_accounts .displayElev .elevName {
    font-size: 13px;
    color: #333;
    vertical-align: top;
    line-height: 39px;
    display: inline-block;
    margin-right: 3px;
}

#mainmenu_accounts .displayElev .rounded {
    height: 35px;
    width: 35px;
}

#mainmenu_accounts .displayElev .rounded ._icon {
    font-size: 24px;
    line-height: 33px;
}

#mainmenu_accounts .displayElev .rounded img {
    width: 100%;
    height: auto;
}

.chat-menu,
#mainmenu {
    list-style-type: none;
    text-align: right;
    padding-right: 10px;
}

.chat-menu > li,
#mainmenu > li {
    position: relative;
}

.chat-menu > li > a,
#mainmenu > li > a {
    padding: 5px 0px 5px 10px;
    display: block;
    color: #777;
    position: relative;
    z-index: 100;
}

.chat-menu > li > a.helper,
#mainmenu > li > a.helper,
.chat-menu > li > a.helper,
#mainmenu > li > button.helper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border: none;
    background: none;
}

#mainmenu > li > button.helper {
    width: 100%;
}

.chat-menu > li > a.helper > .mm_name,
#mainmenu > li > a.helper > .mm_name,
#mainmenu > li > button.helper > .mm_name {
    line-height: initial;
    height: auto;
    margin-right: 4px;
}

.chat-menu > li > a.helper .round_circle,
#mainmenu > li > a.helper .round_circle {
    background: transparent;
}

.chat-menu > li > a.helper .round_circle .mm_ic,
#mainmenu > li > a.helper .round_circle .mm_ic {
    color: #0ba5ec;
    font-size: 35px;
    height: 35px;
    top: 0;
    vertical-align: middle;
    width: 39px;
}

#mainmenu > li .icon-comment-filled {
    color: #0ba5ec;
    font-size: 32px;
    padding-left: 5px;
}

#mainmenu > li:hover .icon-comment-filled {
    color: #0086c9;
}

.chat-menu > li.active > a .round_circle,
#mainmenu > li.active > a .round_circle {
    background: #333;
}

.chat-menu > li.active > a .round_circle.manual-ajutor,
#mainmenu > li.active > a .round_circle.manual-ajutor {
    background: #fff;
}

.chat-menu > li.active > a .round_circle.manual-ajutor ._icon.icon-help-circle-filled,
#mainmenu > li.active > a .round_circle.manual-ajutor ._icon.icon-help-circle-filled {
    color: #333;
}

.chat-menu > li.active .submenu,
#mainmenu > li.active .submenu {
    display: block;
}

.chat-menu > li.active > a .mm_name,
#mainmenu > li.active > a .mm_name {
    color: #333;
}

.chat-menu .mm_name,
#mainmenu .mm_name {
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
    height: 25px;
    font-size: 16px;
    color: #0ba5ec;
}

.chat-menu .new_feature,
#mainmenu .new_feature {
    display: inline-block;
    vertical-align: top;
    background: #8ac43e;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    margin-top: 2px;
    margin-left: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.chat-menu .submenu,
#mainmenu .submenu {
    list-style-type: none;
    display: none;
}

.chat-menu .submenu li,
#mainmenu .submenu li {
    padding: 2px 0;
}

.chat-menu .submenu li:hover .mm_name,
#mainmenu .submenu li:hover .mm_name {
    color: #777;
}

.chat-menu .submenu li:hover .icon-large-dot,
#mainmenu .submenu li:hover .icon-large-dot {
    color: #777;
}

.chat-menu .submenu li.active .icon-large-dot,
#mainmenu .submenu li.active .icon-large-dot {
    color: #000;
}

.chat-menu .submenu li.active .round_circle,
#mainmenu .submenu li.active .round_circle {
    background: #333;
}

.chat-menu .submenu li.active .mm_name,
#mainmenu .submenu li.active .mm_name {
    color: #333;
}

.chat-menu .submenu .round_circle,
#mainmenu .submenu .round_circle {
    background: #0086c9;
}

.chat-menu .submenu .mm_name,
#mainmenu .submenu .mm_name {
    font-size: 14px;
    line-height: 18px;
    color: #0086c9;
    padding: 0 10px;
}

.chat-menu .submenu .icon-large-dot,
#mainmenu .submenu .icon-large-dot {
    font-size: 16px;
    color: #0086c9;
    margin-right: 9px;
    position: relative;
    top: 1px;
}

.chat-menu .hasSubmenu .round_circle .icon-chevron-down,
#mainmenu .hasSubmenu .round_circle .icon-chevron-down {
    display: none;
}

.chat-menu .hasSubmenu:hover .round_circle .icon-chevron-down,
#mainmenu .hasSubmenu:hover .round_circle .icon-chevron-down {
    display: inline-block;
}

.chat-menu .hasSubmenu:hover .round_circle .default_icon,
#mainmenu .hasSubmenu:hover .round_circle .default_icon {
    display: none;
}

.chat-menu .round_circle,
#mainmenu .round_circle {
    margin-left: 5px;
    height: 36px;
    width: 36px;
    background: #0ba5ec;
    color: #fff;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.chat-menu .round_circle.notice,
#mainmenu .round_circle.notice {
    background: #f97066;
}

.chat-menu .round_circle.notice .counter,
#mainmenu .round_circle.notice .counter {
    color: #fff;
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
}

.chat-menu .round_circle.manual-ajutor,
#mainmenu .round_circle.manual-ajutor {
    background: #fff;
}

.chat-menu .round_circle ._icon,
#mainmenu .round_circle ._icon {
    position: relative;
    top: 7px;
}

.chat-menu .round_circle ._icon.icon-puzzle,
#mainmenu .round_circle ._icon.icon-puzzle {
    left: 1px;
    top: 6px;
}

.chat-menu .round_circle ._icon.icon-calendar,
#mainmenu .round_circle ._icon.icon-calendar {
    font-size: 23px;
    top: 5px;
}

.chat-menu .round_circle ._icon.icon-help-circle-filled,
#mainmenu .round_circle ._icon.icon-help-circle-filled {
    color: #0ba5ec;
    font-size: 35px;
    left: -3px;
    top: 1px;
}

.chat-menu .round_circle ._icon.icon-chevron-down,
#mainmenu .round_circle ._icon.icon-chevron-down {
    top: 9px;
}

.chat-menu .separator,
#mainmenu .separator {
    height: 30px;
}

.chat-menu .icon-calendar,
#mainmenu .icon-calendar {
    font-size: 20px;
}

.chat-menu .icon-activity,
#mainmenu .icon-activity {
    font-size: 22px;
    top: 5px;
}

.chat-menu .icon-mail,
#mainmenu .icon-mail {
    font-size: 20px;
    top: 7px;
}

.chat-menu .icon-news,
#mainmenu .icon-news {
    font-size: 20px;
    top: 7px;
}

.chat-menu .icon-homework,
#mainmenu .icon-homework {
    font-size: 21px;
    left: 2px;
}

.chat-menu .icon-book,
#mainmenu .icon-book {
    font-size: 22px;
    top: 5px;
}

.chat-menu .icon-users,
#mainmenu .icon-users {
    font-size: 22px;
}

.chat-menu .icon-user-question,
#mainmenu .icon-user-question {
    font-size: 22px;
    top: 6px;
}

.chat-menu .icon-image,
#mainmenu .icon-image {
    font-size: 24px;
    top: 7px;
}

.chat-menu .icon-school,
#mainmenu .icon-school {
    font-size: 20px;
}

.chat-menu .icon-chevron-down,
#mainmenu .icon-chevron-down {
    font-size: 16px;
    top: 10px;
}

.chat-menu .icon-class,
#mainmenu .icon-class {
    font-size: 20px;
}

.chat-menu .icon-settings,
#mainmenu .icon-settings {
    font-size: 20px;
}

.chat-menu ._icon.icon-dollar-sign,
#mainmenu ._icon.icon-dollar-sign {
    top: 6px;
}

.chat-menu .round_circle .icon-dollar-sign,
#mainmenu .round_circle .icon-dollar-sign {
    top: 6px;
}

.chat-menu .icon-admin,
#mainmenu .icon-admin {
    top: 6px;
}

.chat-menu .icon-teacher-2,
#mainmenu .icon-teacher-2 {
    font-size: 21px;
}

.chat-menu .icon-briefcase,
#mainmenu .icon-briefcase {
    font-size: 20px;
}

.chat-menu li:hover .mm_name,
.chat-menu li .mm_name:hover,
#mainmenu li:hover .mm_name,
#mainmenu li .mm_name:hover {
    color: #0086c9;
}

.chat-menu li:hover .round_circle,
#mainmenu li:hover .round_circle {
    background: #0086c9;
}

.chat-menu li:hover .round_circle.manual-ajutor,
#mainmenu li:hover .round_circle.manual-ajutor {
    background: #fff;
}

.chat-menu li:hover .round_circle.manual-ajutor ._icon.icon-help-circle-filled,
#mainmenu li:hover .round_circle.manual-ajutor ._icon.icon-help-circle-filled {
    color: #0086c9;
}

.chat-menu li:hover a.helper .round_circle .mm_ic,
#mainmenu li:hover a.helper .round_circle .mm_ic {
    color: #0086c9;
}

.chat-menu li.active .hasSubmenu .round_circle .icon-chevron-down,
#mainmenu li.active .hasSubmenu .round_circle .icon-chevron-down {
    display: inline-block;
}

.chat-menu li.active .hasSubmenu .round_circle .default_icon,
#mainmenu li.active .hasSubmenu .round_circle .default_icon {
    display: none;
}

.chat-menu li.active a.helper .round_circle,
#mainmenu li.active a.helper .round_circle {
    background: transparent;
}

.chat-menu li.active a.helper .round_circle .mm_ic,
#mainmenu li.active a.helper .round_circle .mm_ic {
    color: #333;
}

/* END MAIN MENU */

/* CODURI ACCESS */
.success_partial_content {
    background: #d1fadf;
    max-width: 405px;
    width: 100%;
    min-height: 105px;
}

.fail_partial_content {
    background: #f0f9ff;
    max-width: 500px;
    width: 100%;
    min-height: 105px;
}

.success_content {
    background: #d1fadf;
    max-width: 590px;
    width: 100%;
    min-height: 105px;
}

.ac_clase_students_container {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    display: block;
    width: 100%;
}

.ac_clase_students_container.column_one {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
}

.ac_clase_students_container .ac_clase_student {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    border-bottom: 1px solid #ccc;
}

.ac_clase_students_container .ac_clase_student .ac_clase_crt {
    font-size: 12px;
    width: 20px !important;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 20px;
    text-align: center;
    padding-left: 5px;
}

.ac_clase_students_container .ac_clase_student .info_container .toggle-form-email,
.ac_clase_students_container .ac_clase_student .info_container .toggle-form-phone {
    margin: 0 auto;
    max-width: 600px;
    text-align: center;
    width: 100%;
}

.ac_clase_students_container .ac_clase_student .info_container .email,
.ac_clase_students_container .ac_clase_student .info_container .tel {
    font-size: 12px;
    max-width: 310px;
    width: 100%;
}

.ac_clase_students_container .ac_clase_student .info_container .nume {
    max-width: 200px;
    font-size: 12px;
    width: 100%;
}

.ac_clase_students_container .ac_clase_student .info_container .cod_acces {
    width: 90px;
    display: inline-block;
    font-size: 12px;
    height: 20px;
}

.ac_clase_students_container .ac_clase_student .info_container .copy_detail_info,
.ac_clase_students_container .ac_clase_student .info_container .cancel_detail,
.ac_clase_students_container .ac_clase_student .info_container .copy_detail_section {
    display: none;
}

.ac_clase_students_container .ac_clase_student .info_container .change_detail,
.ac_clase_students_container .ac_clase_student .info_container .add_details,
.ac_clase_students_container .ac_clase_student .info_container .cancel_detail {
    font-size: 12px;
}

.ac_clase_students_container .ac_clase_students_parent {
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
}

.ac_clase_students_container .ac_clase_students_parent .crt {
    width: 20px !important;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 20px;
    text-align: center;
    font-size: 12px;
}

.ac_clase_students_container .ac_clase_students_parent .toggle-form-email,
.ac_clase_students_container .ac_clase_students_parent .toggle-form-phone {
    margin: 0 auto;
    max-width: 600px;
    text-align: center;
    width: 100%;
}

.ac_clase_students_container .ac_clase_students_parent .email,
.ac_clase_students_container .ac_clase_students_parent .tel {
    font-size: 12px;
    max-width: 310px;
    width: 100%;
}

.ac_clase_students_container .ac_clase_students_parent .nume {
    max-width: 200px;
    font-size: 12px;
    width: 100%;
}

.ac_clase_students_container .ac_clase_students_parent .cod_acces {
    width: 90px;
    display: inline-block;
    font-size: 12px;
    height: 20px;
}

.ac_clase_students_container .width_info_person {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.ac_clase_students_container .width_info_person.info_container {
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.ac_clase_header {
    display: flex;
    width: 100%;
}

.ac_clase_header .ac_clase_header_container {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    border-bottom: 1px solid #ccc;
}

.ac_clase_header .ac_clase_header_container.ac_clase_header_col1 {
    width: 48.5%;
    margin-right: 1%;
}

.ac_clase_header .ac_clase_header_container.ac_clase_header_col1.header_one_column {
    width: 100%;
    margin-right: 0;
}

.ac_clase_header .ac_clase_header_container.ac_clase_header_col2 {
    width: 48.5%;
    margin-left: 1%;
}

.ac_clase_header .ac_clase_header_container .nume {
    font-size: 12px;
    max-width: 210px;
    width: 100%;
}

.ac_clase_header .ac_clase_header_container .email,
.ac_clase_header .ac_clase_header_container .telefon {
    font-size: 12px;
    max-width: 300px;
    width: 100%;
}

.ac_clase_header .ac_clase_header_container .cod_acces {
    width: 90px;
    display: inline-block;
    font-size: 12px;
}

.ac_clase_header .ac_clase_header_container .crt {
    font-size: 12px;
    padding-left: 5px;
    width: 20px !important;
}

.without_account {
    background: #fee4e2;
    padding: 5px;
}

.copy_detail_section {
    display: none;
}

.disabled-link {
    pointer-events: none;
    cursor: default;
    color: #999;
}

.disabled-link ._icon {
    background: #999;
}

.hide_date {
    display: none;
}

.clase_container .copy_detail_info,
.clase_container .cancel_detail,
.clase_container .copy_detail_section {
    display: none;
}

/* .lista_elevi {
  margin: 0 -20px;
} */
.lista_elevi .clase_container_elevi {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-gap: 50px;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
}

.lista_elevi .clase_container_elevi .clasa-nume {
    border-radius: 5px;
    margin: 2px 0;
}

.lista_elevi .clasa-info {
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
    color: #000;
    position: relative;
}

.lista_elevi .clasa-info:hover .cod_border_b {
    color: #0086c9 !important;
}

.lista_elevi .clasa-info:hover .icon-more-horizontal {
    display: inline;
    position: absolute;
    right: 0;
    top: 10px;
}

.lista_elevi .clasa-info .cod_border_b {
    border-bottom: 1px solid #ccc;
}

.lista_elevi .clasa-info .show_bullets:hover .display_bullets {
    display: inline-block;
}

.lista_elevi .message_success ._icon {
    color: #32d583;
}

.lista_elevi .msg_access_code_border {
    border-left: 1px dashed #ccc;
}

.lista_elevi .message_child_red .icon_red {
    font-size: 70px;
    line-height: 35px;
}

.lista_elevi .submit_pdf_btn ._icon {
    background: #0ba5ec;
}

.no-touch .display_bullets {
    display: none;
}

@media screen and (max-width: 1300px) {
    .ac_clase_students_container {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    .ac_clase_header .ac_clase_header_container.ac_clase_header_col1 {
        width: 100%;
        margin-right: 0%;
    }

    .ac_clase_header .ac_clase_header_container.hide_tablet {
        display: none;
    }

    .ac_clase_header .ac_clase_header_container .telefon {
        max-width: 300px;
    }
}

@media screen and (max-width: 1200px) {
    .student_data input.w150 {
        width: 120px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 545px) {
    .clase-coduri-acces .info_container .email:before,
    .clase-coduri-acces .info_container .tel:before,
    .clase-coduri-acces .info_container .cod_acces:before,
    .clase-coduri-acces .ac_clase_students_parent .email:before,
    .clase-coduri-acces .ac_clase_students_parent .tel:before,
    .clase-coduri-acces .ac_clase_students_parent .cod_acces:before {
        vertical-align: middle;
        width: 80px;
        display: inline-block;
        text-transform: capitalize;
        padding-left: 5px;
    }

    .panel-wide .upload_big_panel_wrapper {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }

    .panel-wide .upload_big_panel_wrapper #descara_model {
        bottom: 2px !important;
    }

    .clase-coduri-acces .info_container .email:before,
    .clase-coduri-acces .info_container .email:before,
    .clase-coduri-acces .ac_clase_students_parent .email:before,
    .clase-coduri-acces .ac_clase_students_parent .email:before {
        content: attr(data-text);
    }

    .clase-coduri-acces .info_container .tel:before,
    .clase-coduri-acces .info_container .tel:before,
    .clase-coduri-acces .ac_clase_students_parent .tel:before,
    .clase-coduri-acces .ac_clase_students_parent .tel:before {
        content: attr(data-text);
    }

    .clase-coduri-acces .info_container .cod_acces:before,
    .clase-coduri-acces .info_container .cod_acces:before,
    .clase-coduri-acces .ac_clase_students_parent .cod_acces:before,
    .clase-coduri-acces .ac_clase_students_parent .cod_acces:before {
        content: attr(data-text);
    }

    .clase-coduri-acces .ac_clase_students_container .width_info_person.info_container {
        height: auto;
    }

    .clase-coduri-acces .ac_clase_students_container .ac_clase_students_parent {
        display: block;
        height: auto;
    }

    .clase-coduri-acces .btn.empty_blue,
    .clase-coduri-acces .btn.empty_blue:hover {
        padding-left: 0;
    }

    .clase-coduri-acces .restyle-mobile.modul_section_flex_end {
        justify-content: center;
    }
}

/* END CODURI ACCESS */

/* TAXE */
.content_statistici {
    margin: 0 auto;
}

.individual_tax {
    border: 1px solid #eaecf0;
    max-width: 265px;
    width: 16%;
    display: inline-block;
    vertical-align: top;
}

.individual_tax_red {
    border-color: #f97066;
}

.individual_tax_green {
    border-color: #32d583;
}

._icon.tax_payment_info_red {
    color: #f97066;
}

._icon.tax_payment_info_green {
    color: #32d583;
}

.due_tax {
    border-bottom: 1px solid #eaecf0;
}

.icon_unread_mess {
    position: absolute;
    left: 50%;
    top: 7px;
    transform: translateX(-50%);
    font-family: "Open Sans", "Lucida Sans Unicode", Helvetica, sans-serif;
}

.activities_groups_height {
    height: 100%;
    min-height: 100px;
    max-height: 100px;
    overflow: hidden;
}

.activities_groups_welcome {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.activities_groups-title {
    font-size: 20px;
    text-align: center;
    line-height: 24px;
}

.activities_groups-title-first {
    margin-top: 32px;
}

.activities_groups-subtitle {
    text-align: center;
    margin-top: 24px;
    line-height: 24px;
    padding: 0 50px;
}

@media screen and (max-width: 992px) {
    .activities_groups-subtitle {
        padding: 0 15px;
    }
}

.amount_tax {
    font-size: 16px;
    padding-top: 10px;
    display: inline-block;
}

.content_taxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.content_taxes p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#content_more {
    margin-bottom: 20px;
}

.observation_tax {
    background: #0086c9;
    color: #fff !important;
    border-radius: 50%;
    padding: 2px;
    font-size: 16px !important;
    vertical-align: top !important;
}

.mesagerie_tax {
    background: #0086c9;
    color: #fff;
    border-radius: 50%;
    padding: 5px 6px 5px 5px;
    font-size: 12px;
}

.due_tax_info {
    position: relative;
    overflow: hidden;
}

.due_tax_info p {
    font-size: 12px;
    line-height: 16px;
    color: #777;
}

.hideContent {
    height: 50px;
}

.showContent {
    height: auto;
}

.showContent p {
    display: block;
}

.tax_payment_info {
    font-size: 12px;
    line-height: 14px;
    color: #999;
}

.due_amount_tax a {
    vertical-align: bottom;
}

.show_more {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    padding: 0 5px;
    background: #fff;
}

.tableview .actions .more-actions .submenu.tax_submenu {
    top: 20px;
    padding: 10px;
    font-size: 14px;
    right: -20px;
}

.diff_amount_due {
    border-top: 2px solid #777;
}

.date_tax_submenu {
    color: #999;
    font-size: 12px;
    line-height: 14px;
}

.list_tax_searchbox .list_tax_btn_mobile {
    min-width: 100px;
    text-align: center;
}

.list_tax_searchbox .list_tax_searchbox_mobile.searchbox .icon-search {
    top: 50%;
    transform: translateY(-50%);
}

.style_ie_input .select2.select2-container {
    width: 45px !important;
}

.background_classes {
    background: #b9e6fe;
    padding: 2px 5px;
    margin-top: 2px;
    display: inline-block;
    border-radius: 4px;
}

.content_payment_status .searchbox {
    position: relative;
}

.content_payment_status .searchbox input {
    width: 93%;
}

.tax_info {
    color: #777;
    font-size: 12px;
}

._icon.tax_info_icon {
    color: #fff;
    background: #999;
    border-radius: 50%;
    padding: 5px;
}

.half_width_piechart {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

.tax_half_width_chart_div {
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
}

.config_center_groups {
    max-width: 580px;
    padding-left: 70px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
}

.parent_checked.disabled {
    pointer-events: none;
    color: #777;
}

.parent_checked.disabled input:checked + .slider_switch {
    background-color: #777 !important;
}

.parent_checked.disabled .green {
    color: #777;
}

.module_header_details {
    border-bottom: 1px solid #ccc;
}

.module_header_details p {
    color: #777;
}

.module_header_extra_info .share {
    display: flex;
    max-width: 210px;
}

.details_tax_header .person_share.share {
    margin: 0;
}

.group_content_person {
    border-top: 1px solid #eaecf0;
    padding-top: 16px;
}

.group_publish_form .classes_info_tax {
    max-width: 135px;
    width: 100%;
}

.group_publish_form .group_details {
    font-size: 14px;
    line-height: 18px;
}

.group_coordinators .preview_width {
    max-width: 170px;
    width: 100%;
}

.group_subtitle {
    line-height: 7px;
    font-size: 12px;
    color: #999;
}

.preview_publish_form {
    background: #eaecf0;
    border: 1px solid #eaecf0;
    padding: 7px 10px 10px;
    box-sizing: border-box;
}

.preview_publish_form_border {
    border-top: 1px solid #eaecf0;
    padding-top: 16px;
}

.preview_publish_form_repeat {
    width: 50%;
}

.preview_publish_form_repeat:nth-child(2) {
    border-left: 1px dashed #eaecf0;
    padding-left: 10px;
}

.preview_publish_form_title {
    width: 95%;
}

.module_header_details_1 {
    width: 75%;
}

.preview_publish_form_amount {
    width: 25%;
    text-align: right;
}

.preview_publish_form_applies {
    width: 50%;
}

.preview_publish_form_applies span {
    color: #fff;
}

.group_repeat_members {
    max-width: 200px;
    width: 100%;
}

.tax_title {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    min-height: 28px;
    vertical-align: bottom;
}

.restyle_icon_elevi {
    background: #999;
    border-radius: 50%;
}

.icon_tax {
    background: #999;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    padding: 10px;
    display: inline-block;
}

.publish_form .payment_info {
    line-height: 16px;
    color: #777;
    font-size: 12px;
}

.publish_form .classes_info_tax {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.publish_btn .tax_btn_padding {
    padding: 10px 45px;
}

.tax_more_padding {
    padding: 10px 45px;
}

.hide-time-inputs .recurrence_monthly {
    margin: 0 auto !important;
}

.hide-time-inputs .recurrence_weekly_day {
    margin: 0 auto !important;
}

.hide-time-inputs .recurrence_someday_day {
    margin: 0 auto !important;
    position: relative;
}

.hide-time-inputs .recurrence-delete {
    right: -25px;
}

.hide-time-inputs .icon_input_calendar {
    position: absolute;
    right: 18px;
    bottom: -3px;
}

.hide-time-inputs .datepicker {
    width: 91% !important;
}

.hide-time-inputs.recurrence_weekly {
    max-width: 130px;
    width: 100%;
}

.hide-time-inputs.recurrence_monthly {
    max-width: 130px;
    width: 100%;
}

.hide-time-inputs.recurrence_someday {
    max-width: 130px;
    width: 100%;
}

.new_tax {
    width: 100%;
    max-width: 330px;
}

#form_builder textarea {
    width: 100%;
    max-width: 330px;
    min-height: 70px;
}

.tax_search_select {
    width: 100%;
}

.activities_input_search {
    box-sizing: border-box;
    width: 100%;
}

.new_amount {
    width: 63.8%;
    vertical-align: bottom;
    padding-top: 5px;
}

input[type="tel"].new_amount {
    vertical-align: middle;
}

.currency_amount + .select2.select2-container.select2-container--default {
    width: 29% !important;
    padding: 2px;
}

.search_different_tax {
    max-width: 420px;
    width: 100%;
    margin: 35px auto 60px auto;
    position: relative;
}

.search_different_tax .searchbox {
    position: relative;
}

.search_different_tax #searchButton {
    position: absolute;
    right: 3px;
    background: #fff;
    top: 50%;
}

.search_different_tax input {
    width: 100%;
    max-width: 400px;
}

.search_different_tax .select2 {
    display: inline-block !important;
}

.form_category_pas3 .searchbox {
    position: relative;
}

.searchbox .icon-search {
    position: absolute;
    right: 7px;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
}

.searchbox .activities_input_search + a {
    top: 50%;
    transform: translateY(-50%);
}

.cancel_search {
    position: absolute;
    right: 7px;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    color: #fff !important;
    background: #0ba5ec;
    padding: 4px;
}

.searchbox.invoice_search .icon-search {
    top: 35px;
}

.dispaly_search {
    display: block;
}

.width_item_student {
    max-width: 250px;
    width: 100%;
}

.person_share.share {
    max-width: 220px;
    width: 100%;
    margin: 0 15px;
    display: inline-block;
}

.person_share img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #ccc;
    vertical-align: bottom;
    margin-bottom: 1px;
}

.activities_person_share img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #ccc;
    vertical-align: bottom;
    margin-bottom: 1px;
}

.text_person_share {
    color: #000;
    font-size: 14px;
    line-height: 16px;
}

.text_person_share small {
    font-weight: normal;
    font-size: 12px;
}

.individual_person {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
}

.individual_person input[type="text"] {
    padding: 2px;
}

.individual_person_column_count {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
}

.individual_person_column_count .tax_individual_share {
    max-width: 310px;
    width: 100%;
}

.check_repeat_never.create_tax {
    width: 95%;
}

.hours_check_repeat_never.hours_create_tax {
    width: 32%;
}

.content_form .form_step .group_clase {
    text-align: center;
}

.content_form .form_step .group_clase .perm_table {
    text-align: left;
}

.activities_content_form .form_step .group_clase {
    text-align: center;
}

.activities_content_form .form_step .group_clase .perm_table {
    text-align: left;
}

.tax_plus_individual_name {
    display: none;
}

.hide_select2 .select2 {
    display: none;
}

@media only screen and (max-width: 767px), (min-device-width: 320px) and (max-device-width: 767px) {
    .mobile_tax_content_header.mobile_restyle_table td:before {
        content: attr(data-text);
    }
}

/* END TAXE */

/* IMPLEMENTARE */

.page_cover {
    width: 100%;
    height: 400px;
    position: relative;
    margin-bottom: 50px;
    background-size: cover;
}

#pg_implementare {
    background: #fff;
    padding-bottom: 30px;
    width: 100vw;
    min-height: 100vh;
}

#pg_implementare .label_logo img {
    max-width: 279px;
    width: 100%;
}

#pg_implementare .header-img {
    background: #ccc url(/images/site/implementare/cover_implementare.jpg) center no-repeat;
    background-size: cover;
}

#pg_implementare .header-img .label {
    position: absolute;
    right: 0px;
    top: 30%;
    background: #fff;
    padding: 15px 100px 15px 35px;
}

#pg_implementare .maxwrapp {
    max-width: 1100px;
}

#pg_implementare .maxwrapp .form_block {
    max-width: 250px;
    width: 100%;
    float: left;
    display: inline-block;
    margin: 0 25px;
}

#pg_implementare .maxwrapp .form_block .header {
    text-align: center;
    margin-bottom: 30px;
}

#pg_implementare .maxwrapp .form_block .header h2 {
    font-size: 17px;
    margin-left: 15px;
}

#pg_implementare .maxwrapp .form_block .circle {
    width: 60px;
    height: 60px;
    background-color: #0ba5ec;
    border-radius: 50%;
}

#pg_implementare .maxwrapp .form_block .circle ._icon {
    font-size: 55px;
    color: #fff;
    line-height: 60px;
    padding: 5px;
}

#pg_implementare .maxwrapp .form_block .circle ._icon.icon-school {
    font-size: 34px;
}

#pg_implementare .maxwrapp .form_block .circle ._icon.icon-phone {
    font-size: 39px;
}

#pg_implementare .maxwrapp .form_block .circle ._icon.icon-briefcase {
    font-size: 40px;
}

#pg_implementare .maxwrapp .form_block .circle ._icon.icon-file-text {
    font-size: 40px;
}

#pg_implementare .maxwrapp .form_block .formfield {
    margin-bottom: 15px;
}

#pg_implementare .maxwrapp .form_block .formfield label {
    font-size: 12px;
    color: #333;
    display: block;
}

#pg_implementare .maxwrapp .form_block .formfield label .icon-top-right {
    font-size: 18px;
    position: absolute;
    right: -15px;
    top: 1px;
}

#pg_implementare .maxwrapp .form_block .formfield input {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

#pg_implementare .maxwrapp .form_block .formfield.icon-position ._icon.icon-calendar {
    position: absolute;
    right: 8px;
    top: 25px;
}

#pg_implementare .maxwrapp .form_block .formfield.col_1 {
    width: 48%;
    float: left;
    vertical-align: top;
}

#pg_implementare .maxwrapp .form_block .formfield.col_1 select {
    width: 100%;
}

#pg_implementare .maxwrapp .form_block .formfield.col_2 {
    width: 48%;
    float: left;
    vertical-align: top;
    margin: 0 0 0 14px;
}

#pg_implementare .maxwrapp .form_block .formfield.col_2.package_col {
    float: none;
    margin: 0 0 15px 0;
    width: 100%;
}

#pg_implementare .maxwrapp .form_block .formfield.col_1.simple label {
    height: 18px;
}

#pg_implementare .maxwrapp .form_block .formfield.col_2.simple label {
    height: 18px;
}

#pg_implementare .maxwrapp .form_block.form1 {
    max-width: 300px;
    width: 100%;
}

#pg_implementare .maxwrapp .form_block.form2 {
    max-width: 390px;
    width: 100%;
}

#pg_implementare .maxwrapp .form_block.form2 .unit_address {
    margin-bottom: 22px;
}

#pg_implementare .header_ntabs .tabs_links a.active {
    border-bottom: 3px solid #0086c9;
}

#pg_implementare .header_ntabs .tabs_links a:first-child {
    margin-right: 20px;
}

#pg_implementare .header_ntabs .tabs_links a:nth-child(2) {
    margin-right: 20px;
}

#pg_implementare .header_ntabs .tabs_links a span {
    display: inline-block;
    padding-bottom: 10px;
}

#pg_implementare .header_ntabs .tabs_links a span:first-child {
    font-size: 40px;
    padding-bottom: 0;
    vertical-align: middle;
    padding-right: 5px;
}

.implementare_conturi_demo {
    max-width: 992px;
    width: 100%;
    margin: 0 auto;
}

.implementare_conturi_demo.implementare_scoala {
    max-width: 1270px;
}

.conturi_demo p {
    color: #333;
}

.implementare_prezentare {
    max-width: 744px;
}

.demo_section {
    display: inline-block;
    max-width: 245px;
    width: 100%;
    vertical-align: top;
}

.demo_section p {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0;
}

.demo_section span {
    font-size: 12px;
    color: #777;
    font-weight: 400;
}

.second_demo_section p {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0;
}

.second_demo_section span {
    font-size: 12px;
    color: #777;
    font-weight: 400;
}

.password_info_section p:nth-child(2) {
    font-size: 12px;
    color: #777;
    font-weight: 400;
}

.password_info_section p:nth-child(3) {
    font-size: 12px;
    color: #777;
    font-weight: 400;
}

.conturi_section span {
    font-size: 14px;
}

.conturi_section span:first-child {
    font-size: 15px;
}

.conturi_section ._icon {
    color: #fff;
    background: #999;
    border-radius: 100%;
    padding: 3px;
    margin-right: 5px;
}

.second_demo_section {
    display: inline-block;
    max-width: 183px;
    width: 100%;
}

.second_demo_section span.first_letter {
    color: #fff;
    background: #999;
    border-radius: 100%;
    padding: 0 7px;
}

.second_cont_demo {
    border-bottom: 1px dashed #ccc;
}

.password_section {
    max-width: 290px;
    width: 100%;
    margin: 0 auto;
}

.icon_pass {
    max-width: 65px;
    width: 100%;
    display: inline-block;
    margin-right: 10px;
}

.icon_pass span {
    color: #fff;
    background: #7cd4fd;
    border-radius: 100%;
    padding: 5px;
    font-size: 55px;
}

.password_info_section {
    display: inline-block;
}

.password_info_section p {
    margin: 0;
}

.password_info_section p:first-child {
    font-weight: bold;
    font-size: 16px;
    color: #000;
}

.password_info_section p:nth-child(3) span {
    font-weight: bold;
    font-size: 14px;
    color: #000;
    margin-top: 5px;
    display: inline-block;
}

.video_section {
    display: inline-block;
    max-width: 210px;
    width: 100%;
    padding: 0 25px;
    border-left: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
}

.video_section p {
    text-align: center;
    color: #0ba5ec;
}

.video_section .play_video {
    position: relative;
}

.video_section a span {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 70px;
    color: #999;
}

.video_section .play_video img {
    width: 200px;
}

.video_section a span:hover {
    font-size: 75px;
}

.video_section a img:hover + span {
    font-size: 75px;
}

.first_line_video_section,
.second_line_video_section.border_bottom {
    border-bottom: 1px dashed #ccc;
}

.first_line_video_section .video_section {
    padding-top: 5px;
}

.second_line_video_section .video_section {
    padding-top: 20px;
}

.video_section.no_padding_left {
    padding-left: 0;
    border-left: 0;
    border-right: 0;
}

.video_section.no_padding_right {
    padding-right: 0;
    border-left: 0;
    border-right: 0;
}

/* END IMPLEMENTARE */

/* TRANSFERURI */
.transfer_each_year {
    width: 100%;
}

.move_student {
    max-width: 755px;
    width: auto;
    margin: 0 auto 20px auto;
    border-top: 1px solid #eaecf0;
    border-bottom: 1px solid #eaecf0;
    display: none;
}

.wrap-transfer-ani .move_student:after {
    bottom: 100%;
    left: 42%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 12px;
    margin-left: -12px;
}

.wrap-transfer-ani .move_student:before {
    bottom: 100%;
    left: 42%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #eaecf0;
    border-width: 13px;
    margin-left: -13px;
}

.wrap-transfer-ani .transfer_only_student {
    display: inline-block;
    width: 30%;
}

.wrap-transfer-ani .class-box {
    min-width: 200px;
    max-width: 300px;
    background-color: #b9e6fe;
}

.wrap-transfer-ani .class-box > .middle {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    height: 22px;
}

.wrap-transfer-ani .class-box:hover {
    background-color: #7cd4fd;
}

.wrap-transfer-ani .clase_transfer_class {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.wrap-transfer-ani .content_select_years {
    text-align: center;
}

.wrap-transfer-ani .content_select_years .icon-arrow-right {
    display: inline-block;
    margin: 25px 18px 0 22px;
}

.wrap-transfer-ani .transfer_each_year > div {
    min-width: 75px;
}

/* END TRANSFERURI */

/* CLASAMENTE */
.clasamente_all .loader_all_average {
    top: -25%;
}

.clasamente_all .parent_loader {
    background: #fff;
    width: 100%;
    height: 110%;
}

.clasamente_all .clasamente_content_absente {
    width: 860px;
    margin: 0 auto;
}

.clasamente_all .section_chart_bottom {
    max-height: 320px;
    overflow: hidden;
}

.clasamente_all .empty_state_evolutie {
    margin-top: -10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.clasamente_all .empty_state_evolutie img {
    max-width: 400px;
}

.clasamente_all .empty_state_line_chart {
    max-height: 340px;
}

.clasamente_all .empty_state_line_chart img {
    max-width: 400px;
    margin: 30px 0 15px 0;
}

.clasamente_all .pie_chart_empty {
    max-height: 340px;
}

.clasamente_all .pie_chart_empty img {
    max-width: 200px;
    margin: 40px 0 20px 0;
}

.clasamente_all .section_dashboard {
    min-width: 100px;
    width: 100%;
}

.clasamente_all .content_average {
    height: 100%;
}

.clasamente_all .clasamente_custom .no-evolutie .section_dashboard:last-child {
    border-right: 0;
}

.clasamente_all .border_r_dashed {
    border-right: 1px dashed #ccc;
}

.clasamente_all .border_top {
    border-top: 3px solid #eaecf0;
}

.clasamente_all .half_width_chart {
    width: 49.2%;
}

.clasamente_all .restyle_scroll_gray .scroll_div_subtab::-webkit-scrollbar-track {
    background-color: #ccc;
}

.clasamente_all .restyle_scroll_gray .scroll_div_subtab::-webkit-scrollbar {
    height: 5px;
    background-color: #ccc;
}

.clasamente_all .restyle_scroll_gray .scroll_div_subtab::-webkit-scrollbar-thumb {
    background-color: #999;
}

.clasamente_all .restyle_scroll_gray .scroll_div_subtab:hover::-webkit-scrollbar {
    height: 10px;
}

.clasamente_all .bg_lightgray {
    background: #b9e6fe;
}

.clasamente_all .scroll_max_height {
    max-height: 83px;
}

.clasamente_all .evolutie_txt {
    display: none;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}

.clasamente_all .changed_height_section {
    height: 190px;
    overflow: hidden;
}

.clasamente_all .changed_big_height {
    height: 190px;
}

.clasamente_all .no-evolutie {
    width: 100%;
    height: 200px;
    overflow: hidden;
    display: flex;
    margin-bottom: 20px;
}

.clasamente_all .legenda-medii {
    display: none;
    border-top: 1px dashed #ccc;
}

.clasamente_all #evolutieMsg {
    display: none;
}

.clasamente_all .legenda_media_min {
    border-right: 1px dashed #ccc;
}

.clasamente_all .chart_clasamente {
    width: 75%;
    height: 190px;
    box-sizing: border-box;
    padding-right: 20px;
}

.clasamente_all .evolutie_chart {
    width: 100% !important;
}

.clasamente_all .evolutie_hover_info {
    position: absolute;
    bottom: 33px;
    background: #333;
    padding: 5px;
    width: 140px;
    font-size: 12px;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.clasamente_all .evolutie_hover {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
}

.clasamente_all .evolutie_hover:hover .evolutie_hover_info {
    display: block;
}

.clasamente_all .evolutie_hover:hover .evolutie_hover_info:after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 45%;
    box-sizing: border-box;
    border: 7px solid black;
    border-color: transparent transparent #333 #333;
    transform-origin: 0 0;
    transform: rotate(-45deg);
}

.clasamente_all .evolutie_hover ._icon {
    background: #0ba5ec;
    color: #fff;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.clasamente_all .close_evolution {
    position: absolute;
    right: 10px;
    top: 0px;
    border: 1px solid #777;
    width: 18px;
    height: 18px;
}

.clasamente_all .tablet_width_txt {
    margin: 30px auto 0 auto;
    z-index: 6;
}

.clasamente_all .remove_b_p {
    border: 0;
    padding-right: 0;
}

.clasamente_all .hide_evolution {
    position: relative;
    z-index: -1;
}

/* END CLASAMENTE */

/* SECRETARIAT */
.crt-no-checkbox {
    display: none;
}

.crt-no-label {
    display: inline-block;
    vertical-align: middle;
    margin: 6px 0;
}

.pink-background {
    background-color: #fda29b;
}

.datatable-extender {
    display: inline-block;
    padding: 5px 20px;
    background: #05a7d2;
    color: #fff;
    margin-top: 15px;
}

.datatable-extender.hidden {
    display: none;
}

.table-placeholder {
    display: inline-block;
    min-width: 20px;
    width: 60%;
    max-width: 200px;
    background-color: #eaecf0;
    letter-spacing: 3px;
    text-align: center;
    color: #eaecf0;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.table-preview-container {
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
}

.table-preview-container .table-preview-sortable-column {
    height: 100px;
    min-width: 120px;
    text-align: center;
    cursor: move;
    margin-bottom: 20px;
}

.table-preview-container .table-preview-sortable-column .table-preview-column-middle {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-top: 15px;
    background: rgba(255, 255, 255, 0.7);
}

.table-preview-container .table-preview-sortable-column .table-preview-column-mover {
    border-left: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    padding: 5px 0 0 0;
    background: rgba(255, 255, 255, 0.7);
}

.table-preview-container .table-preview-sortable-column .table-preview-column-header {
    border: 1px solid #ccc;
    font-weight: 600;
    vertical-align: middle;
    background-color: #fff;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 15px;
    height: 28px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-preview-container
    .table-preview-sortable-column
    .table-preview-column-header
    .table-preview-sortable-column-select
    + span {
    max-width: 160px;
    width: 100% !important;
    text-align: left;
}

.table-preview-container .table-preview-sortable-column .table-preview-column-header:hover {
    background-color: #fee4e2;
}

.table-preview-container
    .table-preview-sortable-column
    .table-preview-column-header:hover
    .table-preview-column-remover {
    display: block;
    position: absolute;
    font-size: 13px;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    cursor: pointer;
}

.table-preview-container .table-preview-sortable-column .table-preview-column-header .table-preview-column-remover {
    display: none;
}

.table-preview-sortable-column.complex-column {
    width: 300px;
}

.table-preview-sortable-column.complex-column .table-preview-sortable-column-select {
    width: 120px;
}

.tableview#previewDatatableContainer {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.tableview#previewDatatableContainer th {
    color: #999;
    background-color: #fff;
    line-height: 1em;
    border-bottom: 1px solid #999;
    border-right: 3px solid #fff;
}

#sortersLink {
    cursor: pointer;
    font-size: 13px;
}

#filtersLink {
    cursor: pointer;
    font-size: 13px;
}

#filtersContainer .filter-container {
    padding: 0 30px 0 0px;
    margin: 5px 0;
    max-width: 540px;
    line-height: 30px;
    vertical-align: middle;
}

#filtersContainer .filter-container .column-select {
    width: 140px;
}

#filtersContainer .filter-container .filter-type-container {
    padding: 0;
    max-width: 375px;
    display: inline-block;
    vertical-align: middle;
}

#filtersContainer .filter-container .filter-type-container .filter-type-key-container {
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    vertical-align: middle;
    width: 160px;
}

#filtersContainer .filter-container .filter-type-container .filter-type-key-container .filter-type-key-extender {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    font-size: 12px;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container
    .drop-down-options
    input[type="radio"]
    + label:after {
    display: none;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container
    .drop-down-options
    input[type="radio"]
    + label:before {
    display: none;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container
    .drop-down-options
    input[type="radio"]:checked
    + label:after {
    display: none;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container
    .drop-down-options
    input[type="radio"]:checked
    + label:before {
    display: none;
}

#filtersContainer .filter-container .filter-type-container .filter-type-key-container.collapsed .drop-down-options {
    border: 1px solid transparent;
    z-index: 1;
    padding: 0;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container.collapsed
    .drop-down-options
    input[type="radio"]
    + label {
    display: none;
    font-size: 13px;
    padding: 0 5px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container.collapsed
    .drop-down-options
    input[type="radio"]:checked
    + label {
    display: block;
    padding-left: 5px !important;
    padding-right: 5px !important;
    color: #0ba5ec;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container.collapsed:hover
    .drop-down-options {
    z-index: 1;
    background-color: #fff;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 26px;
    border: 1px solid #ccc;
}

#filtersContainer .filter-container .filter-type-container .filter-type-key-container.extended .drop-down-options {
    z-index: 1;
    background-color: #fff;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 26px;
    border: 1px solid #ccc;
    height: auto;
    z-index: 3;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container.extended
    .drop-down-options
    label {
    display: block;
    font-size: 13px;
    padding: 0 5px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container.extended
    .drop-down-options
    label:hover {
    background-color: #fff;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container.extended
    .drop-down-options
    input[type="radio"]:checked
    + label {
    background-color: #eaecf0;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container.extended
    .drop-down-options
    input[type="radio"]:checked
    + label:hover {
    background-color: #fff;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#filtersContainer
    .filter-container
    .filter-type-container
    .filter-type-key-container.extended
    .filter-type-key-extender {
    z-index: 4;
}

#filtersContainer .filter-container .filter-type-container .filter-type-value-container {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    max-width: 190px;
}

#filtersContainer .filter-container .filter-type-container .filter-type-value-container .filter-type-value-title {
    position: absolute;
    top: -25px;
    font-size: 12px;
    color: #777;
}

#filtersContainer .filter-container .filter-type-container .filter-type-value-container input[type="text"] {
    margin: 0;
    vertical-align: top;
}

#filtersContainer .filter-container .filter-type-container .filter-type-value-container select {
    margin: 0;
    vertical-align: top;
    width: 190px;
}

#filtersContainer .filter-container .filter-conjunction-container {
    display: inline-block;
    padding: 0;
    margin-right: 10px;
    margin-top: 5px;
    height: 30px;
    vertical-align: middle;
    width: 50px;
}

#filtersContainer .filter-container .filter-conjunction-container .filter-conjunctions-extender {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    z-index: 2;
    font-size: 12px;
}

#filtersContainer .filter-container .filter-conjunction-container .drop-down-options input[type="radio"] + label:after {
    display: none;
}

#filtersContainer
    .filter-container
    .filter-conjunction-container
    .drop-down-options
    input[type="radio"]
    + label:before {
    display: none;
}

#filtersContainer
    .filter-container
    .filter-conjunction-container
    .drop-down-options
    input[type="radio"]:checked
    + label:after {
    display: none;
}

#filtersContainer
    .filter-container
    .filter-conjunction-container
    .drop-down-options
    input[type="radio"]:checked
    + label:before {
    display: none;
}

#filtersContainer .filter-container .filter-conjunction-container.collapsed .drop-down-options {
    z-index: 1;
    padding: 0;
}

#filtersContainer
    .filter-container
    .filter-conjunction-container.collapsed
    .drop-down-options
    input[type="radio"]
    + label {
    display: none;
    font-size: 13px;
    padding: 0 5px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#filtersContainer
    .filter-container
    .filter-conjunction-container.collapsed
    .drop-down-options
    input[type="radio"]:checked
    + label {
    color: #0ba5ec;
    display: block;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#filtersContainer .filter-container .filter-conjunction-container.collapsed:hover .drop-down-options {
    z-index: 1;
    background-color: #fff;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}

#filtersContainer .filter-container .filter-conjunction-container.extended .drop-down-options {
    z-index: 1;
    background-color: #fff;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    height: auto;
    z-index: 3;
}

#filtersContainer .filter-container .filter-conjunction-container.extended .drop-down-options label {
    display: block;
    font-size: 13px;
    padding: 0 5px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#filtersContainer .filter-container .filter-conjunction-container.extended .drop-down-options label:hover {
    background-color: #fff;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#filtersContainer
    .filter-container
    .filter-conjunction-container.extended
    .drop-down-options
    input[type="radio"]:checked
    + label {
    background-color: #eaecf0;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#filtersContainer
    .filter-container
    .filter-conjunction-container.extended
    .drop-down-options
    input[type="radio"]:checked
    + label:hover {
    background-color: #fff;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#filtersContainer .filter-container .filter-conjunction-container.extended .filter-conjunctions-extender {
    z-index: 4;
}

#filtersContainer .filter-container:last-child .filter-conjunction-container {
    display: none;
}

#filtersContainer .filter-container .filter-remover {
    position: absolute;
    display: none;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    cursor: pointer;
}

#filtersContainer .filter-container:hover .filter-remover {
    display: block;
}

#sortersContainer {
    min-height: 30px;
}

#sortersContainer .sort-container {
    max-width: 380px;
    padding: 4px 30px 4px 30px;
    margin: 1px 0;
}

#sortersContainer .sort-container .sort-type-handle {
    position: absolute;
    top: 30%;
    left: 5px;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    cursor: n-resize;
    transform: rotate(90deg);
}

#sortersContainer .sort-container .sort-column-select {
    width: 140px;
}

#sortersContainer .sort-container .sort-selects-separator {
    width: 70px;
    text-align: center;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    letter-spacing: 1px;
}

#sortersContainer .sort-container .sort-type-select {
    width: 100px;
}

#sortersContainer .sort-container .sort-remover {
    position: absolute;
    display: none;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    cursor: pointer;
}

#sortersContainer .sort-container:hover .sort-remover {
    display: block;
}

.export-links-container {
    position: absolute;
    top: -40px;
    right: 0px;
    height: 40px;
    width: 240px;
    text-align: right;
}

.export-links-container a {
    display: inline-block;
    height: 40px;
    line-height: 30px;
    padding: 5px;
    box-sizing: border-box;
}

form#usersForm #possibleTableColumns + span {
    max-width: 235px;
    width: 100% !important;
}

/* END SECRETARIAT */

/* OAUTH */
.oauth-popup {
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75);
    background: #fff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75);
    overflow: hidden;
}

.oauth-popup .union_account_user {
    background-color: #0b4a6f;
}

.oauth-popup .logo-oraro {
    background-color: #f79009;
    -webkit-mask: url(../../images/ORARO-24.svg) no-repeat 50% 50%;
    -moz-mask: url(../../images/ORARO-24.svg) no-repeat 50% 50%;
    -o-mask: url(../../images/ORARO-24.svg) no-repeat 50% 50%;
    -ms-mask: url(../../images/ORARO-24.svg) no-repeat 50% 50%;
    mask: url(../../images/ORARO-24.svg) no-repeat 50% 50%;
    width: 150px;
    height: 45px;
    display: inline-block;
}

.oauth-popup .notice-oraro {
    background-color: #f79009;
    -webkit-mask: url(../../images/notice-31.svg) no-repeat 50% 50%;
    -moz-mask: url(../../images/notice-31.svg) no-repeat 50% 50%;
    -o-mask: url(../../images/notice-31.svg) no-repeat 50% 50%;
    -ms-mask: url(../../images/notice-31.svg) no-repeat 50% 50%;
    mask: url(../../images/notice-31.svg) no-repeat 50% 50%;
    width: 100px;
    height: 65px;
    display: inline-block;
}

.oauth-popup .border_left_oauth {
    border-left: 1px dashed #0b4a6f;
}

/* END OAUTH */

/* ELEVI */
.foaie-matricola {
    width: 90%;
    margin: 0 auto;
}

.foaie-matricola input {
    background: #f0f9ff;
}

.foaie-matricola textarea {
    background: #f0f9ff;
}

.foaie-matricola h1 {
    font-size: 25px;
    text-align: center;
    margin-top: 30px;
    line-height: 25px;
}

.foaie-matricola h1 small {
    font-weight: bold;
    font-size: 18px;
}

.foaie-matricola h2 {
    font-size: 16px;
    text-transform: uppercase;
}

.foaie-matricola h4 {
    margin-top: 20px;
    font-size: 12px;
}

.foaie-matricola .box {
    text-align: center;
    font-size: 11px;
}

.foaie-matricola .field {
    margin-top: 20px;
    display: block;
    border: 1px solid #000;
    padding: 5px 0px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    min-height: 18px;
}

.foaie-matricola .nume-prenume .field {
    width: 100%;
    border-width: 2px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

.foaie-matricola .cnp .field {
    width: 300px;
    letter-spacing: 10px;
    font-weight: bold;
    font-size: 15px;
}

.foaie-matricola .data-nasterii {
    width: 60%;
    display: inline-block;
}

.foaie-matricola .nationalitate {
    width: 30%;
    float: right;
}

.foaie-matricola .parinti {
    border: 1px solid #000;
    width: 100%;
    margin-top: 20px;
    font-size: 13px;
}

.foaie-matricola .parinti td {
    padding: 2px 10px;
}

.foaie-matricola .parinti .tata {
    border-bottom: 1px solid #000;
    text-align: left;
}

.foaie-matricola .parinti .mama {
    text-align: left;
}

.foaie-matricola .domiciliu {
    border: 1px solid #000;
    width: 100%;
    margin-top: 20px;
    font-size: 13px;
}

.foaie-matricola .domiciliu td {
    padding: 2px 10px;
}

.foaie-matricola .domiciliu .tata {
    border-bottom: 1px solid #000;
    text-align: left;
}

.foaie-matricola .domiciliu .mama {
    text-align: left;
}

.foaie-matricola table.situatie {
    width: 100%;
    border-collapse: collapse;
}

.foaie-matricola table.situatie td {
    border: 1px solid #000;
    padding: 0px 2px;
    height: 18px;
    font-size: 12px;
}

.foaie-matricola table.situatie th {
    border: 1px solid #000;
    padding: 0px 2px;
    height: 18px;
    font-size: 12px;
}

.foaie-matricola table.situatie.discipline td {
    width: 50px;
    text-align: center;
}

.foaie-matricola table.situatie.discipline td.materie {
    width: auto;
    text-align: left;
}

.foaie-matricola .info-liceu {
    text-align: right;
    resize: none;
    overflow: hidden;
    height: 65px;
    width: 250px;
    font-size: 10px;
    line-height: 13px;
    margin-right: 5px;
    padding: 5px;
}

.foaie-matricola .underline {
    height: 16px;
    display: none;
}

.foaie-matricola .section-mentiuni {
    position: relative;
}

.foaie-matricola .input-mentiuni {
    width: 100%;
    height: 115px;
    line-height: 16px;
    overflow: hidden;
    font-size: 12px;
    color: #000;
    resize: none;
    box-sizing: border-box;
}

.foaie-matricola .semnaturi {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

.foaie-matricola .sep {
    display: block;
    margin-top: 25px;
    border-top: 1px dashed #777;
    margin-bottom: 25px;
}

#genereaza_diploma {
    color: #f97066;
}

#genereaza_diploma:hover {
    text-decoration: underline;
}

.select_an {
    font-size: 22px;
    border: 1px solid #fff;
    display: inline-block;
    padding: 5px;
    position: relative;
}

.select_an .show_years_arrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #999;
    display: inline-block;
    position: relative;
    bottom: 5px;
}

.header_ctabs:hover .select_an.hasDropmenu {
    border: 1px solid #ccc;
    cursor: pointer;
}

.header_ctabs:hover .select_an .show_years_arrow {
    border-top-color: #777;
}

.touch .header_ctabs .select_an.hasDropmenu {
    border: 1px solid #ccc;
    cursor: pointer;
}

.select_an.hasDropmenu {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#change_years {
    width: 142px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #000;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 37px;
    right: -1px;
    z-index: 100;
}

#classes_years {
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
}

#classes_years > a {
    padding: 8px 0;
    color: #333;
    display: block;
    font-size: 14px;
}

#classes_years > a:hover {
    background-color: #eaecf0;
}

#toate_clasele .ani_studiu {
    text-align: center;
}

#toate_clasele .ani_studiu a {
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
    display: inline-block;
}

#toate_clasele .ani_studiu a:hover {
    background: #eaecf0;
}

#toate_clasele .ani_studiu a.active {
    background: #000;
    color: #fff;
}

#toate_clasele .lista_clase {
    text-align: center;
}

#toate_clasele .lista_clase .clasa {
    margin: 20px;
    display: inline-block;
    float: none;
    position: relative;
}

#toate_clasele .lista_clase .clasa.active .box {
    background: #ccc;
    border-color: #ccc;
}

#toate_clasele .lista_clase .clasa.active .arrow {
    display: block;
}

#toate_clasele .materii {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    margin-top: 17px;
}

#toate_clasele .materii ul {
    max-width: 500px;
    display: block;
    margin: 0 auto;
    font-size: 6px;
    color: #0ba5ec;
}

#toate_clasele .materii ul a {
    font-size: 14px;
    padding: 5px 0;
    display: inline-block;
    vertical-align: middle;
}

#toate_clasele .materii ul a:hover {
    text-decoration: underline;
}

#toate_clasele .arrow {
    display: none;
    border: 1px solid #ccc;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    background: #fff;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 35px;
    bottom: -45px;
}

#show_options {
    padding: 5px 10px;
    background-color: #eaecf0;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    cursor: pointer;
}

#show_options_box {
    width: 100%;
    background-color: #eaecf0;
}

#show_options_box .top_right {
    position: absolute;
    right: 0;
    top: 0;
}

#show_options_box ._xgenereaza {
    bottom: 0;
    position: absolute;
    right: 0px;
}

#show_options_box .pas_header {
    padding-top: 10px;
    font-weight: 600;
    line-height: 1.5;
}

#show_options_box .pas_header .pas_no {
    margin-right: 10px;
    padding: 0 8px;
    color: #fff;
    font-weight: 400;
    background-color: #777;
    float: left;
}

#show_options_box .lista-elevi li {
    margin-bottom: 10px;
}

#show_options_box .lista-elevi li input[type="checkbox"] {
    margin-top: 1px;
    float: left;
}

#show_options_box .lista-elevi li label {
    margin-left: 20px;
    line-height: 1;
    display: block;
}

#show_options_box #pas-2-options {
    margin-left: 10px;
}

#show_options_box #pas-2-options > div {
    line-height: 30px;
}

.no-touch #show_options_box #pas-2-options {
    margin-left: 60px;
}

#fisa_elevului-sumar {
    page-break-inside: avoid;
}

#fisa_elevului-sumar table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

#fisa_elevului-sumar table tbody tr:last-child td {
    border-bottom: 1px solid #ccc;
}

#fisa_elevului-sumar tr th {
    line-height: 1.3em;
    padding: 5px 7px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1em;
    text-align: left;
    background-color: #999;
}

#fisa_elevului-sumar tr td {
    line-height: 1.3em;
    padding: 2px 7px;
}

#fisa_elevului-sumar tr td span {
    width: 120px;
    font-size: 13px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

#fisa_elevului-sumar tr td strong {
    font-size: 14px;
}

#fisa_elevului-sumar tr th.bl-5 {
    border-left: 5px solid #fff;
}

#fisa_elevului-sumar tr td.bl-5 {
    border-left: 5px solid #fff;
}

#fisa_elevului-elevNume {
    color: #0ba5ec;
    font-weight: 600;
    font-size: 25px;
}

#fisa_elevului-continut table {
    border-collapse: separate;
    border-spacing: 0px;
}

#fisa_elevului-continut table tbody tr:last-child td {
    border-bottom: 1px solid #ccc;
}

#fisa_elevului-continut tr th {
    text-align: left;
}

#fisa_elevului-continut tr td {
    text-align: left;
    padding: 0 5px;
    border: 1px solid #fff;
    page-break-inside: avoid;
}

#fisa_elevului-continut tr td:last-child {
    text-align: center;
}

#fisa_elevului-continut tr td.fisa-elev-note {
    text-align: left;
}

#fisa_elevului-continut tr td.fisa-elev-absente {
    text-align: left;
}

#fisa_elevului-continut tr.row-mat-0 td {
    background-color: #eaecf0;
}

#fisa_elevului-continut tr.row-mat-1 td {
    background-color: #eaecf0;
}

#fisa_elevului-continut .matNume {
    font-size: 14px;
}

#fisa_elevului-continut .medSem {
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    font-family: "Dancing Script", cursive;
}

#fisa_elevului-continut .medGen {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    font-family: "Dancing Script", cursive;
}

#fisa_elevului-continut strong {
    width: 28px;
    font-size: 15px;
    text-align: right;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

#fisa_elevului-continut .lista_note {
    margin-left: 35px;
}

#fisa_elevului-continut .lista_note > div {
    width: 75px;
    float: left;
}

#fisa_elevului-continut .lista_note > div strong {
    font-family: "Dancing Script", cursive;
}

#fisa_elevului-continut .lista_note > div strong.sn-buline {
    width: auto;
}

#fisa_elevului-continut .lista_absente {
    margin-left: 40px;
}

#fisa_elevului-continut .lista_absente > div {
    width: 35px;
    margin: 1px;
    padding: 0 1px;
    border: 1px solid transparent;
    line-height: 13px;
    float: left;
}

#fisa_elevului-continut .lista_absente > div.motivat {
    border: 1px solid #999;
    border-radius: 2px;
}

#fisa_elevului-evolutie {
    page-break-inside: avoid;
}

#fisa_elevului-evolutie tr th {
    text-align: left;
}

#fisa_elevului-evolutie tr td {
    text-align: left;
}

#fisa_elevului-scutiri {
    page-break-inside: avoid;
}

#fisa_elevului-scutiri tr th {
    text-align: left;
}

#fisa_elevului-scutiri tr td {
    text-align: left;
}

#fisa_elevului-avertismente {
    page-break-inside: avoid;
}

#fisa_elevului-avertismente tr th {
    text-align: left;
}

#fisa_elevului-avertismente tr td {
    text-align: left;
}

.fisa_elevului_header_container {
    display: flex;
    justify-content: space-between;
}

.fisa_elevului_header_title {
    display: flex;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
}

.fisa_elevului_header_container > .box_left {
    display: flex;
    flex-direction: column;
}

.fisa_elevului_header_container > .box_right {
    display: flex;
    width: 64px;
    height: 64px;
}

.fisa_elevului_footer {
    display: flex;
    justify-content: space-between;
    margin: 40px 10px;
}

.fisa_elevului_footer .box_left {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.fisa_elevului_footer .box_right {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.fisa_elevului_footer > .box_left > span {
    font-weight: bold;
}

.fisa_elevului_footer > .box_right > span {
    font-weight: bold;
}

.fisa_elevului_footer > .box_right > p {
    text-align: end;
}

.filter-form {
    display: block;
    clear: both;
}

.filter-form .form-column {
    display: inline-block;
    width: 300px;
    vertical-align: top;
    padding: 10px;
}

#transfer-elev-clasa .form-column.col-right.line-left {
    padding-top: 0 !important;
}

.filter-form .form-column.line-right {
    border-right: 1px solid #eaecf0;
}

.filter-form .form-column.line-left {
    border-left: 1px solid #eaecf0;
}

.filter-form .form-column.col-right {
    padding-left: 20px;
}

.filter-form .error {
    color: #f97066;
    margin-top: 5px;
}

.filter-form .error p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #f97066;
}

.filter-form .filter {
    margin: 2px 0;
    display: inline-block;
    width: 100%;
}

.filter-form .filter-ib {
    display: inline-block;
    text-align: left;
}

.filter-form label {
    color: #777;
    font-size: 12px;
    display: inline-block;
    clear: right;
    margin: 0 0 1px 0;
}

.import_elcad .upload_big_panel {
    border: 2px dashed #ccc;
    text-align: center;
    padding: 40px 1%;
    display: block;
    display: inline-block;
    min-height: 201px;
    width: 49%;
    margin: 0;
    position: relative;
    top: 0;
}

.import_elcad .upload_big_panel #descara_model {
    width: 135px;
    font-size: 14px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 9px;
    z-index: 50;
}

.import_elcad .btn.small .icon-maximize {
    top: 1px;
    position: relative;
    display: inline-block;
    color: #2ea5dc;
}

.import_elcad .btn.small .icon-minimize {
    top: 1px;
    position: relative;
    display: inline-block;
    color: #2ea5dc;
}

.import_elcad .btn.small:hover .icon-maximize {
    color: white;
}

.import_elcad .btn.small:hover .icon-minimize {
    color: white;
}

.import_elcad .upload_big_panel #descara_model:hover {
    text-decoration: underline;
}

.import_elcad .page_succes {
    text-align: center;
}

.import_elcad .page_succes ._icon {
    font-size: 140px;
    color: #f79009;
}

.import_elcad .page_succes .message {
    font-size: 26px;
    margin: 10px 0 20px 0;
}

.import_elcad .subtitle {
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    padding: 0px 0 10px 0;
}

.import_elcad .tableview tr:hover {
    background-color: #eaecf0;
}

.import_elcad .tableview tr td {
    vertical-align: middle;
}

.import_elcad .tableview tr td .icon-x {
    font-size: 16px;
}

.import_elcad .tableview tr td .icon-x:hover {
    color: #f97066;
}

.import_elcad .tableview tbody tr td input {
    font-size: 12px;
}

.import_elcad .tableview tbody tr td input[type="text"] {
    padding: 5px;
}

.import_elcad .tableview tbody tr td input[type="password"] {
    padding: 5px;
}

.import_elcad .tableview tbody tr td input[type="tel"] {
    padding: 5px;
}

.import_elcad .tableview tbody tr td input[type="number"] {
    padding: 5px;
}

.import_elcad .scrollpanel {
    overflow: auto;
    padding-bottom: 20px;
}

.config_ani_studiu .select2-container--default .select2-selection--multiple,
.add_parent_categ .select2-container--default .select2-selection--multiple,
.celula_formular_fisa .select2-container--default .select2-selection--multiple,
.filter-form .select2-container--default .select2-selection--multiple,
.import_elcad .table-add-teachers .select2-container--default .select2-selection--multiple {
    border-radius: 0;
    border-color: #ccc;
    padding: 0 0 0 3px;
}

.config_ani_studiu
    .select2-container--default.select2-container--focus.select2-container--open
    .select2-selection--multiple,
.add_parent_categ
    .select2-container--default.select2-container--focus.select2-container--open
    .select2-selection--multiple,
.celula_formular_fisa
    .select2-container--default.select2-container--focus.select2-container--open
    .select2-selection--multiple,
.filter-form .select2-container--default.select2-container--focus.select2-container--open .select2-selection--multiple,
.import_elcad
    .table-add-teachers
    .select2-container--default.select2-container--focus.select2-container--open
    .select2-selection--multiple {
    border-color: #666;
}

.config_ani_studiu
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li.select2-search--inline,
.add_parent_categ
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li.select2-search--inline,
.celula_formular_fisa
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li.select2-search--inline,
.filter-form
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li.select2-search--inline,
.import_elcad
    .table-add-teachers
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li.select2-search--inline {
    margin-top: 3px;
    height: 27px;
    padding-left: 3px;
}

.config_ani_studiu .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.add_parent_categ .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.celula_formular_fisa .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.filter-form .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.import_elcad
    .table-add-teachers
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered {
    padding-top: 3px;
    height: 100%;
    box-sizing: border-box;
}

.config_ani_studiu .select2-container--default .select2-selection--multiple .select2-selection__choice,
.add_parent_categ .select2-container--default .select2-selection--multiple .select2-selection__choice,
.celula_formular_fisa .select2-container--default .select2-selection--multiple .select2-selection__choice,
.filter-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.import_elcad .table-add-teachers .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgb(153 153 153 / 50%);
    -moz-box-shadow: 0 0 4px 0 rgba(153, 153, 153, 0.5);
    box-shadow: 0 0 4px 0 rgb(153 153 153 / 50%);
    color: #1d2939;
}

.config_ani_studiu .select2-container--default .select2-selection--multiple .select2-selection__choice,
.add_parent_categ .select2-container--default .select2-selection--multiple .select2-selection__choice,
.celula_formular_fisa .select2-container--default .select2-selection--multiple .select2-selection__choice,
.filter-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.import_elcad .table-add-teachers .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 14px;
    display: flex;
    flex-direction: row-reverse;
    height: 28px;
    align-items: center;
    border-color: #eaecf0;
    margin-top: 0px;
}

.config_ani_studiu .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.add_parent_categ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.celula_formular_fisa .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.filter-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.import_elcad .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 5px;
    margin-right: 0;
    font-size: 32px;
    font-weight: 300;
    color: #777;
}

.config_ani_studiu .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.add_parent_categ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.celula_formular_fisa .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.filter-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.import_elcad .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #777;
}

.config_ani_studiu .select2-container--default .select2-selection--multiple .select2-selection__clear,
.add_parent_categ .select2-container--default .select2-selection--multiple .select2-selection__clear,
.celula_formular_fisa .select2-container--default .select2-selection--multiple .select2-selection__clear,
.filter-form .select2-container--default .select2-selection--multiple .select2-selection__clear,
.import_elcad .select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.add_parent_categ .select2.select2-container,
.celula_formular_fisa > span.select2.select2-container {
    min-width: 400px;
    width: 100% !important;
    max-width: 400px;
}

.lista_elevi ._desktop {
    display: block;
}

.lista_elevi ._mobile {
    display: none;
}

.lista_elevi ._mobile .note {
    padding: 4px 0;
    border-bottom: 1px solid #eaecf0;
    min-height: 40px;
}

.lista_elevi ._mobile .activitati .right_side .minus {
    margin-left: 5px;
}

.lista_elevi .tableview tbody tr:hover {
    background: #f2f4f7;
}

.lista_elevi .tableview tbody tr a {
    color: #0ba5ec;
}

.lista_elevi .top_menu {
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
}

.lista_elevi .top_menu .head_info {
    min-height: 25px;
    display: block;
    text-align: center;
}

.lista_elevi .top_menu .title_wrapp {
    vertical-align: top;
    display: inline-block;
    height: 39px;
}

.lista_elevi .top_menu .align_middle {
    display: table;
    height: 100%;
    vertical-align: middle;
}

.lista_elevi .top_menu h2 {
    color: #333;
    font-size: 34px;
    line-height: 35px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.lista_elevi .top_menu h2.gr_pr {
    font-size: 18px;
    line-height: 19px;
    max-width: 200px;
    text-align: right;
    font-weight: 600;
}

.lista_elevi .top_menu .other_info {
    height: 39px;
    text-align: left;
    font-size: 12px;
    line-height: 13px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #ccc;
    padding-top: 4px;
}

.lista_elevi .top_menu .other_info a {
    color: #0ba5ec;
}

.lista_elevi .top_menu .clasa-submenu2 {
    text-align: center;
    display: none;
}

.lista_elevi .top_menu .clasa-submenu2 > ul {
    display: inline-block;
    margin-left: -20px;
}

.lista_elevi .top_menu .clasa-submenu2 > ul > li {
    display: inline-block;
    font-size: 13px;
    border-bottom: 2px solid transparent;
}

.lista_elevi .top_menu .clasa-submenu2 > ul > li:hover {
    color: #b9e6fe;
    border-bottom: 2px solid #0ba5ec;
}

.lista_elevi .top_menu .clasa-submenu2 > ul > li > a {
    padding: 6px;
    color: #0ba5ec;
    font-size: 14px;
    display: block;
}

.lista_elevi .top_menu .clasa-submenu2 > ul > li.active {
    color: #000;
    border-bottom: 2px solid #0ba5ec;
}

.lista_elevi table._desktop {
    display: table;
}

.lista_elevi table {
    width: 100%;
    border-collapse: collapse;
}

.lista_elevi table thead tr th {
    font-weight: 400;
    padding: 0 0.5%;
    vertical-align: bottom;
}

.lista_elevi table thead tr th:last-child {
    padding-right: 0;
}

.lista_elevi table thead tr th:last-child .white_bg_tooltip {
    right: 20px;
}

.lista_elevi table thead tr th:last-child span {
    padding-right: 20px;
    box-sizing: border-box !important;
}

.lista_elevi table thead tr th:last-child span .icon-info {
    right: 24px;
}

.lista_elevi table thead tr th span {
    width: 100%;
    padding: 3px 0;
    border-bottom: 2px solid #999;
    font-size: 11px;
    display: block;
}

.lista_elevi table thead tr.header-grupa td {
    padding: 16px 20px 10px 20px;
    border-bottom: 2px solid #f97066;
}

.lista_elevi table tbody tr td {
    padding: 1px 0.5%;
}

.lista_elevi table ._elev {
    padding: 0;
    text-align: left;
}

.lista_elevi table ._elev span {
    width: 100%;
}

.lista_elevi table ._extrainfo {
    width: 10%;
    padding: 0 0.5% 0 0;
}

.lista_elevi table ._mesaje {
    width: 5%;
}

.lista_elevi table ._absente {
    width: 17%;
}

.lista_elevi table ._note {
    width: 28%;
}

.lista_elevi table ._activitate {
    width: 8%;
}

.lista_elevi table ._medie {
    width: 8%;
    padding-right: 0;
}

/** Tab Classes */
.wrapp-year {
    margin-top: 40px;
}

.wrapp-year .title {
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0;
    padding-left: 30px;
}

.wrapp-year .addNewClass {
    display: inline;
    float: right;
    position: relative;
    top: 15px;
}

.wrapp-year .wrapp-class {
    display: flex;
    flex-direction: row;
    padding: 10px 20px;
    border: 1px solid #efefef;
    text-align: left;
    align-items: stretch;
    position: relative;
    margin-top: 10px;
}

.wrapp-year .wrapp-class .wc-class {
    min-width: 150px;
    padding: 10px;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.wrapp-year .wrapp-class .wc-class .classname {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}

.wrapp-year .wrapp-class .saveClass {
    margin-top: 7px;
}

.wrapp-year .wrapp-class .more-actions {
    position: absolute;
    right: 30px;
    top: 13px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 4px;
    border: 1px solid #333;
}

.wrapp-year .wrapp-class .btn.small {
    padding: 7px 10px;
    color: #fff;
}

.wrapp-year .wrapp-class .more-actions ._icon {
    color: #333;
}

.wrapp-year .wrapp-class .more-actions .submenu {
    right: -16px;
    top: 38px;
}

@media screen and (max-width: 767px) {
    .lista_elevi .top_menu .clasa-submenu2 > ul {
        margin: 0;
    }

    .wrapp-year .wrapp-class {
        flex-direction: column;
    }

    .wrapp-year .wrapp-class label {
        line-height: 1.6em;
    }
}

/* white bg tooltip start*/
.tooltip_parent {
    position: relative;
}

.tooltip_parent ._icon {
    color: #2ea5dc;
    position: absolute;
    right: 4px;
    vertical-align: middle;
    font-size: 16px;
    cursor: pointer;
    padding-bottom: 20px;
}

.white_bg_tooltip {
    position: absolute;
    background: #fff;
    z-index: 2;
    box-shadow: 1px 1px 5px 0px #ccc;
    top: 27px;
    min-width: 140px;
    left: -10px;
    padding: 5px;
    box-sizing: border-box;
    display: none;
}

.white_bg_tooltip a {
    text-decoration: underline;
    color: #333;
    font-size: 12px;
}

.tooltip_parent.menu .white_bg_tooltip {
    top: 52px;
    left: -10px;
    min-width: 160px;
}

.tooltip_parent.menu .white_bg_tooltip a {
    text-decoration: none;
    color: #2ea5dc;
    font-size: 12px;
    line-height: 13px;
    padding: 5px;
    display: block;
}

.white_bg_tooltip:hover {
    display: block;
}

.tooltip_parent ._icon:hover + .white_bg_tooltip {
    display: block;
}

.white_bg_tooltip:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 92%;
    transform: translateX(-50%);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 2;
}

.white_bg_tooltip:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 92%;
    transform: translateX(-50%);
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #efefef;
}

/*white bg tooltip end*/
#showInReports_lbl ._icon {
    color: inherit !important;
    right: -24px;
}

/* list elevi clasa - custom - promovat/corigent */
.white_bg_tooltip.tp_situatie_flag_1 {
    color: #32d583;
}

.white_bg_tooltip.tp_situatie_1:before,
.white_bg_tooltip.tp_situatie_flag_2:before,
.white_bg_tooltip.tp_situatie_flag_3:before {
    top: -12px;
}

b._icon.situatie_flag_2:hover,
b._icon.situatie_flag_3:hover,
._icon.situatie_flag_1:hover,
b._icon.situatie_flag_2,
b._icon.situatie_flag_3,
._icon.situatie_flag_1 {
    color: #fff !important;
    text-align: center;
}

._icon.situatie_flag_2:before,
._icon.situatie_flag_3:before {
    content: "\0021" !important;
}

.white_bg_tooltip.tp_situatie_flag_2 span {
    color: #f97066;
}

.handwriting.sn {
    font-family: "Open Sans";
    font-style: italic;
}

.situatie_flag_1 {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #32d583;
    font-size: 11px;
    padding: 2px 5px;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.situatie_flag_2,
.situatie_flag_3 {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f97066;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 8px;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

._mobile .situatie_flag_1,
._mobile .situatie_flag_2,
._mobile .situatie_flag_3 {
    position: relative;
}

.situatie_flag_3 {
    background-color: #fdb022;
}

.situatie_flag_2.anual_,
.situatie_flag_3.anual_,
.situatie_flag_1.anual_ {
    top: 39px;
}

.white_bg_tooltip.tp_situatie_flag_1.anual_,
.white_bg_tooltip.tp_situatie_flag_2.anual_,
.white_bg_tooltip.tp_situatie_flag_3.anual_ {
    top: 67px;
    text-align: center;
}

#lista-elevi ._elev-touch-info.corigent {
    background-color: #fee4e2;
}

.situatie_flag_0 {
    display: none;
}

.lista_elevi table ._extrainfo_mobile {
    font-size: 30px;
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
}

.lista_elevi ._elev-touch-info td._medie {
    width: 12%;
    padding: 0 0.5%;
    vertical-align: text-top;
    padding-right: 20px;
}

.lista_elevi ._elev-touch-info td {
    height: 58px;
}

.lista_elevi ._elev-touch-info:nth-child(odd) {
    background-color: #eaecf0;
}

.lista_elevi tbody .cell-padding {
    position: relative;
    text-align: center;
}

.lista_elevi tbody .tbutton {
    box-shadow: 1px 1px 5px 0px #ccc;
    background-color: #fff;
    display: none;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.lista_elevi tbody .tbutton ._creion {
    display: initial;
    float: left;
    font-size: 26px;
    position: relative;
    top: 7px;
    margin-right: 4px !important;
}

.lista_elevi tbody .tbutton ._stilou {
    display: initial;
    float: left;
    font-size: 26px;
    position: relative;
    top: 4px;
    margin-right: 4px !important;
}

.lista_elevi tbody .tbutton .btn-text {
    margin: 0 5px 0 30px;
    color: #777;
    font-size: 11px;
    line-height: 40px;
    white-space: nowrap;
    display: block;
}

.lista_elevi tbody .tbutton:hover ._creion {
    background-position: -63px -98px;
}

.lista_elevi tbody .tbutton:hover ._stilou {
    background-position: -75px -148px;
}

.lista_elevi tbody .tbutton:hover .btn-text {
    color: #777;
}

.lista_elevi tbody ._absente .tbutton {
    margin: -21px -51px 0 0;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 1;
}

.lista_elevi tbody ._absente .lista_absente .un_absent {
    margin: 1px 0;
    padding: 0;
    float: left;
    height: 21px;
}

.lista_elevi tbody ._absente .lista_absente .un_absent > span {
    margin: 0 2px;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 13px;
    font-family: "Dancing Script";
}

.lista_elevi tbody ._absente .lista_absente .un_absent > span > span {
    color: #999;
    font-family: "Open Sans";
}

.lista_elevi tbody ._absente .lista_absente .un_absent._motivat > span {
    width: 38px;
    border-color: #999;
    text-align: center;
    display: block;
}

.lista_elevi tbody ._note .tbutton {
    margin: -21px -40px 0 0;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 1;
}

.lista_elevi tbody ._note .lista_note {
    font-family: "Dancing Script", cursive;
}

.lista_elevi tbody ._note .lista_note .nota {
    width: 60px;
    margin: 2px;
    font-size: 16px;
    line-height: 1em;
    font-style: normal;
    white-space: nowrap;
    float: left;
}

.lista_elevi tbody ._note .lista_note .nota img {
    width: 40px;
    margin: 0 auto;
}

.lista_elevi tbody ._note .lista_note .nota > span {
    height: 16px;
    color: #777;
    font-family: "Dancing Script";
    vertical-align: bottom;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.lista_elevi tbody ._note .lista_note .nota > span > span {
    height: 11px;
    color: #000;
    font-size: 11px;
    font-family: "Open Sans";
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.lista_elevi tbody ._note .lista_note .nota .data_luna {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.lista_elevi tbody ._purtare .tbutton {
    margin: -21px -45px 0 0;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 1;
}

.lista_elevi tbody ._avertismente .tbutton {
    margin: -21px -52px 0 0;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 1;
}

.lista_elevi tbody ._scutiri .tbutton {
    margin: -21px -38px 0 0;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 1;
}

.lista_elevi tbody ._medie .tbutton {
    margin: -21px -45px 0 0;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 1;
}

.lista_elevi tbody .tbutton.small .btn-text {
    display: none;
}

.lista_elevi tbody ._elev {
    padding-left: 20px;
    border-right: none;
    font-size: 14px;
    font-weight: 600;
}

.lista_elevi tbody ._elev span {
    font-size: 12px;
    font-weight: 400;
    vertical-align: top;
}

.lista_elevi tbody ._elev .nume-elev {
    display: inline-block;
}

.lista_elevi tbody ._elev .nume-elev:hover {
    text-decoration: underline;
}

.lista_elevi tbody ._mesaje .cell-padding {
    vertical-align: top;
}

.lista_elevi tbody ._mesaje .cell-padding .icon-mail {
    font-size: 26px;
    color: #000;
    position: relative;
    display: none;
}

.lista_elevi tbody ._mesaje .cell-padding .icon-mail.newmsg {
    display: block;
}

.lista_elevi tbody ._mesaje .cell-padding ._notificari {
    background-color: #f04438;
    width: 22px;
    height: 13px;
    color: #fff;
    font-size: 12px;
    padding: 3px;
    right: 0;
    line-height: 13px;
    position: absolute;
    top: 0px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: "Open Sans", "Lucida Sans Unicode", Helvetica, sans-serif;
    text-align: center;
}

.lista_elevi tbody ._catalog a {
    display: none;
}

.lista_elevi ._elev-touch-info .icon-gradebook {
    font-size: 26px;
}

.lista_elevi ._elev-touch-info .icon-pen-tool {
    font-size: 26px;
}

.lista_elevi tbody ._activitate {
    text-align: center;
}

.lista_elevi tbody ._activitate .cell-padding {
    text-align: left;
}

.lista_elevi tbody ._activitate .number {
    width: 20px;
    padding: 1px 0;
    color: #333;
    font-size: 14px;
    text-align: right;
    vertical-align: top;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.lista_elevi tbody ._activitate .plus {
    height: 24px;
    margin-bottom: 4px;
    color: #ccc;
    font-size: 17px;
    position: relative;
}

.lista_elevi tbody ._activitate .minus {
    height: 24px;
    color: #ccc;
    font-size: 17px;
    position: relative;
}

.lista_elevi tbody ._activitate .button {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    position: relative;
}

.lista_elevi tbody ._activitate .button:hover {
    background-color: #333;
    color: #fff;
}

.lista_elevi tbody ._activitate .button._icon {
    font-size: 24px;
    color: #999;
}

.lista_elevi tbody ._activitate ._icon.icon-rollback {
    position: absolute;
    display: none;
}

.lista_elevi tbody ._medie {
    min-width: 84px;
    position: relative;
    text-align: center;
    font-size: 12px;
    font-family: "Open Sans", cursive;
}

.lista_elevi tbody ._medie .general-tooltip {
    width: 150px;
    font-family: "Open Sans";
    font-size: 14px;
    right: 0;
}

.lista_elevi tbody ._medie .general-tooltip .arrow-up {
    left: 102px;
}

.lista_elevi tbody ._medie .general-tooltip .tooltip-content {
    padding: 5px;
}

.lista_elevi tbody ._medie ul li {
    line-height: 15px;
    position: relative;
}

.lista_elevi tbody ._medie .small {
    font-size: 14px;
}

.lista_elevi tbody ._medie .handwriting.red {
    color: #f97066;
}

.lista_elevi tbody ._extrainfo .buttons {
    display: none;
}

.lista_elevi tbody ._extrainfo .buttons .white_bg_tooltip {
    right: -15px;
    top: -28px;
    background: black;
    color: white;
    border-radius: 7px;
    min-width: auto;
    text-wrap: nowrap;
}

.lista_elevi tbody ._extrainfo .buttons .white_bg_tooltip::before {
    content: unset;
}

.lista_elevi tbody ._extrainfo .buttons .white_bg_tooltip::after {
    content: unset;
}

.lista_elevi tbody ._extrainfo .buttons a._icon {
    font-size: 26px;
}

.lista_elevi thead ._elev span {
    width: 97%;
    padding: 3px 0 3px 3%;
    padding-left: 20px;
}

.lista_elevi .nota {
    border: 1px dashed transparent;
    padding: 2px;
}

.lista_elevi .nota.marcare-anulare {
    border-color: #f79009;
}

.lista_elevi .nota.titf {
    color: #0ba5ec;
}

.lista_elevi .nota.nota_tip_4 {
    color: #0ba5ec;
}

.lista_elevi .nota.nota_tip_6 {
    color: #0ba5ec;
}

.lista_elevi .nota.nota_tip_8 {
    color: #0ba5ec;
}

.lista_elevi ._elev-touch-info.corigent {
    background: #f0f9ff;
}

.lista_elevi ._elev-touch-info.medie49 {
    background: #f0f9ff;
}

#clasa-menu2 {
    margin-top: 15px;
    height: 60.5px;
}

.clasa_diriginte #clasa-menu2 {
    height: 50.5px;
}

.listare-note .tableview._desktop {
    display: table;
}

.listare-note .tableview._mobile {
    display: none;
}

.lista_elevi._desktop table tbody tr:hover .lista_absente {
    opacity: 0.5;
}

.lista_elevi._desktop table tbody tr:hover .lista_note {
    opacity: 0.5;
}

.lista_elevi.clasa_diriginte tbody ._mesaje .cell-padding ._notificari {
    right: -10px;
    top: 3px;
}

.nota.nota_tip_2 {
    color: #f97066;
}

.nota.nota_tip_5 {
    color: #f97066;
}

.nota .nota_tip_8 {
    color: #0ba5ec;
}

#lista-elevi ._elev-touch-info {
    border-bottom: 1px solid #eaecf0;
}

#lista-elevi ._elev-touch-info:hover .tbutton {
    display: block;
    padding: 0 4px;
}

#lista-elevi ._elev-touch-info:hover ._extrainfo .buttons {
    display: flex;
    flex-wrap: wrap;
}

#lista-elevi ._elev-touch-info:hover ._catalog a {
    display: block;
}

#lista-elevi ._elev-touch-info:hover ._mesaje .icon-mail {
    display: block;
    padding-bottom: 0;
}

#lista-elevi ._elev-touch-info:hover ._mesaje .white_bg_tooltip {
    right: -15px;
    top: -28px;
    background: black;
    color: white;
    border-radius: 7px;
    min-width: auto;
    text-wrap: nowrap;
}

#lista-elevi ._elev-touch-info:hover ._mesaje .white_bg_tooltip::before {
    content: unset;
}

#lista-elevi ._elev-touch-info:hover ._mesaje .white_bg_tooltip::after {
    content: unset;
}

#lista-elevi ._elev-touch-info:hover ._icon {
    color: #000;
}

#lista-elevi ._elev-touch-info:hover ._extrainfo ._icon {
    margin: 2px;
    position: relative;
}

#lista-elevi ._elev-touch-info:hover ._extrainfo .icon-edit-2,
.icon-pen-tool {
    margin: 2px;
}

#lista-elevi ._elev-touch-info:hover ._extrainfo ._icon:hover {
    color: #0ba5ec;
}

#lista-elevi ._elev-touch-info:hover ._mesaje ._icon:hover {
    color: #0ba5ec;
}

#lista-elevi ._elev-touch-info:hover ._catalog ._icon:hover {
    color: #0ba5ec;
}

#lista-elevi ._elev-touch-info:hover ._activitate .button {
    background-color: #999;
}

#lista-elevi ._elev-touch-info:hover ._activitate .button:hover {
    background-color: #333;
}

#lista-elevi ._elev-touch-info:hover ._activitate .button.icon-plus {
    color: #fff;
}

#lista-elevi ._elev-touch-info:hover ._activitate .button.icon-minus {
    color: #fff;
}

#lista-elevi ._elev-touch-info:hover ._medie .tbutton {
    background-color: #fff;
    box-sizing: border-box;
    border: none;
    z-index: 1;
}

#lista-elevi ._elev-touch-info:hover ._medie .tbutton:hover ._arrow-gray {
    background-position: -29px -72px;
}

#lista-elevi ._elev-touch-info .row_description {
    display: none;
}

#lista-elevi ._elev-touch-info ._elev .general-tooltip .arrow-up {
    left: 15px;
}

#lista-elevi ._elev-touch-info ._elev .general-tooltip h3 {
    padding: 0;
    margin: 0 0 5px 0;
    color: #fda29b;
    font-size: 16px;
}

#lista-elevi ._elev-touch-info ._elev .general-tooltip .tooltip-content {
    padding: 10px 20px;
    position: relative;
    font-weight: normal;
}

#lista-elevi ._elev-touch-info ._activitate ._icon.icon-rollback {
    z-index: 1;
    font-size: 28px;
    top: -2px;
}

.touch .lista_elevi table._desktop {
    display: table;
}

.touch .lista_elevi table._mobile {
    display: none;
}

.touch .lista_elevi table._mobile #m_lista_elevi tr:nth-child(2n) {
    background-color: #eaecf0;
}

.touch .lista_elevi table._mobile ._absente {
    width: 72%;
    float: left;
}

.touch .lista_elevi table._mobile ._note {
    width: 70%;
    float: left;
}

.touch .lista_elevi .top_menu ._mobile .head_info {
    text-align: center;
}

.touch .lista_elevi .top_menu ._mobile .head_info .nume_clasa {
    width: 100%;
    color: #000;
    margin-bottom: 5px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    float: none;
    text-align: center;
    position: inherit;
}

.touch .lista_elevi .top_menu ._mobile .head_info .nume_cadru {
    display: block;
    float: none;
    position: inherit;
    width: 100%;
    font-size: 12px;
}

.touch .lista_elevi .top_menu ._mobile .head_info .mat_clasa {
    display: block;
    float: none;
    position: inherit;
    text-align: center;
    font-size: 12px;
    margin-bottom: 5px;
}

.touch .lista_elevi .top_menu ._mobile .head_info .selector_ani {
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

.touch .lista_elevi ._mobile .elev_detalii {
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
}

.touch .lista_elevi ._mobile .elev_detalii .nume_elev {
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
}

.touch .lista_elevi ._mobile .elev_detalii .nume_elev span {
    color: #777;
    font-weight: normal;
}

.touch .lista_elevi ._mobile .elev_detalii ul {
    margin-left: 0;
    width: 70%;
    display: inline-block;
}

.touch .lista_elevi ._mobile .elev_detalii .tbutton.modal.hover-average {
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: 92px;
    text-align: center;
    font-size: 12px;
}

.touch .lista_elevi ._mobile .elev_detalii .elev_detalii_medie {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.touch .lista_elevi ._mobile .elev_detalii .elev_detalii_medie li {
    position: relative;
}

.touch .lista_elevi ._mobile .elev_detalii .tbutton.modal.hover-average span {
    font-size: 27px;
}

.touch .lista_elevi ._mobile .elev_detalii ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 11px;
}

.touch .lista_elevi ._mobile .absente {
    padding: 4px 0;
    border-bottom: 1px solid #eaecf0;
    min-height: 40px;
}

.touch .lista_elevi ._mobile .activitati {
    border-bottom: 1px solid #333;
    padding: 10px 0px;
}

.touch .lista_elevi ._mobile .activitati ._notificari {
    position: absolute;
    right: -6px;
    top: -4px;
}

.touch .lista_elevi ._mobile .activitati .right_side {
    display: inline-block;
    float: right;
    margin-top: 5px;
}

.touch .lista_elevi ._mobile .activitati .right_side .number {
    vertical-align: middle;
    padding: 2px 0;
    display: inline-block;
}

.touch .lista_elevi ._mobile .activitati .right_side .button {
    border: 1px solid #ccc;
    width: 20px;
    height: 20px;
}

.touch .lista_elevi ._mobile .activitati .right_side .plus {
    font-size: 16px;
    display: inline-block;
    text-align: right;
    min-width: 55px;
    vertical-align: middle;
}

.touch .lista_elevi ._mobile .activitati .right_side .minus {
    font-size: 16px;
    display: inline-block;
    margin-left: 0;
    text-align: right;
    min-width: 55px;
    vertical-align: middle;
}

.touch .lista_elevi ._mobile .activitati .icon-award {
    font-size: 30px;
    color: #0ba5ec;
    margin-right: 5px;
}

.touch .lista_elevi ._mobile .activitati .icon-activity {
    font-size: 30px;
    color: #0ba5ec;
    margin-right: 5px;
}

.touch .lista_elevi ._mobile .activitati .icon-dollar-sign {
    font-size: 30px;
    color: #0ba5ec;
    margin-right: 5px;
}

.touch .lista_elevi ._mobile .activitati .icon-info {
    font-size: 25px;
    color: #0ba5ec;
    margin-right: 5px;
}

.touch .lista_elevi ._mobile .activitati .icon-message-square {
    font-size: 30px;
    color: #0ba5ec;
    margin-right: 5px;
}

.touch .lista_elevi ._mobile .activitati .icon-mail {
    font-size: 32px;
    color: #0ba5ec;
    margin-right: 5px;
    font-size: 27px;
    position: relative;
    top: 2px;
}

.touch .lista_elevi ._mobile .activitati .icon-sleep {
    font-size: 40px;
    color: #0ba5ec;
    margin-right: 5px;
}

.touch .lista_elevi ._mobile .activitati ._icon.icon-rollback {
    font-size: 32px;
    color: #999;
    margin-right: 5px;
    display: none;
    vertical-align: middle;
}

.touch .lista_elevi ._mobile .activitati ._icon.icon-plus {
    font-size: 20px;
    color: #0ba5ec;
    position: relative;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.touch .lista_elevi ._mobile .activitati ._icon.icon-minus {
    font-size: 20px;
    color: #0ba5ec;
    position: relative;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.touch .lista_elevi ._mobile .activitati ._icon.icon-mail {
    font-size: 32px;
    margin-left: 3px;
}

.touch .lista_elevi ._mobile .activitati .mesaj_atentie {
    font-size: 12px;
    color: #f97066;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

.touch .lista_elevi ._mobile .activitati .__icon.icon-rollback:hover {
    height: 22px;
    width: 25px;
}

.touch .lista_elevi ._mobile .btn_actiune {
    float: right;
}

.touch .lista_elevi ._mobile .btn_actiune a {
    vertical-align: top;
}

.touch .lista_elevi ._mobile .tbutton {
    display: inline-block;
    background-color: #fff;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-width: 80px;
}

.touch .lista_elevi ._mobile .tbutton ._creion {
    display: initial;
    float: left;
    background-position: -63px -98px;
}

.touch .lista_elevi ._mobile .tbutton ._stilou {
    display: initial;
    float: left;
    background-position: -75px -148px;
}

.touch .lista_elevi ._mobile .tbutton .btn-text {
    margin: 5px 5px 0 30px;
    color: #0ba5ec;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    white-space: nowrap;
    display: block;
}

.touch .lista_elevi ._mobile .tbutton.absent .btn-text {
    padding: 0px 7px 5px 2px;
}

.touch .lista_elevi ._mobile .tbutton.noteaza .btn-text {
    margin: 0px 5px 0 30px;
    color: #0ba5ec;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    white-space: nowrap;
    display: block;
}

.touch .lista_elevi.clasa_diriginte ._mobile .activitati {
    border-bottom: 1px solid #f79009;
    padding-top: 2px;
}

.touch .lista_elevi.clasa_diriginte ._mobile .first_row {
    padding: 10px 0;
    border-bottom: 1px solid #eaecf0;
}

.touch .lista_elevi.clasa_diriginte ._mobile .btn_actiune {
    float: none;
    display: inline-block;
    float: right;
}

.touch .lista_elevi.clasa_diriginte ._mobile .btn_actiune .tbutton {
    vertical-align: top;
}

.touch .lista_elevi.clasa_diriginte .btn-purtare {
    display: inline-block;
    padding: 2px 14px;
}

.touch .lista_elevi.clasa_diriginte .btn-purtare .nota_purtare {
    font-size: 18px;
    font-family: "Dancing Script";
    color: #f97066;
    text-align: center;
    display: block;
}

.touch .lista_elevi.clasa_diriginte table td {
    border-top: 1px solid #f79009;
}

.touch .lista_elevi.clasa_diriginte table ._absente {
    width: auto;
    min-height: 40px;
}

.touch .lista_elevi.clasa_diriginte table ._activitati {
    padding: 10px 0;
}

.touch .lista_elevi.clasa_diriginte table ._activitati .tbutton {
    margin-right: 1%;
    font-size: 12px;
    width: 23%;
    display: inline-block;
    text-align: center;
    padding: 5px 0;
    vertical-align: top;
    box-sizing: border-box;
}

.touch .lista_elevi.clasa_diriginte table ._activitati .tbutton:last-child {
    margin-right: 0%;
}

.touch .lista_elevi.clasa_diriginte table ._activitati .tbutton.single_row {
    padding: 12px 0;
}

.touch .situatie_flag_2.anual_,
.touch .situatie_flag_3.anual_,
.touch .situatie_flag_1.anual_ {
    top: 16px;
    left: 0;
}

.touch .situatie_flag_1,
.touch .situatie_flag_2,
.touch .situatie_flag_3 {
    border-radius: initial;
    width: 20px;
}

/* END ELEVI */

/* CLASE PROFESORI */
#toate_clasele .lista_clase {
    grid-template-columns: repeat(auto-fill, 130px);
}

.lista_clase {
    justify-content: space-around;
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, 310px);
    grid-gap: 10px;
}

.lista_clase .clasa {
    height: 85px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #999;
    margin: 25px 7px;
    float: left;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 300px;
}

.lista_clase .clasa:hover {
    border-color: #fedf89;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.lista_clase .clasa:hover .box {
    border: 1px solid #f79009;
    background-color: #fdb022;
}

.lista_clase .clasa:hover .box.gray {
    border: 1px solid #777;
    background-color: #0ba5ec;
}

.lista_clase .clasa .box {
    width: 85px;
    height: 85px;
    vertical-align: middle;
    line-height: 1.2em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1px;
    left: -1px;
}

.lista_clase .clasa .box.font15 {
    font-size: 15px;
}

.lista_clase .clasa .box.font8 {
    font-size: 8px;
}

.lista_clase .clasa .clasele-mele-matNume {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.lista_clase .clasa .nume_materie {
    padding: 0 10px;
    color: #000;
    vertical-align: middle;
    word-break: break-word;
    max-height: 56px;
    margin-left: 85px;
    overflow: hidden;
    zoom: 1;
}

.lista_clase .grupa {
    height: 85px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #999;
    margin: 25px 7px;
    float: left;
    cursor: pointer;
    width: 260px;
    margin-left: 47px;
}

.lista_clase .grupa:hover {
    border-color: #fedf89;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.lista_clase .grupa:hover .box {
    border: 1px solid #f79009;
    background-color: #fdb022;
}

.lista_clase .grupa:hover .box.gray {
    border: 1px solid #777;
    background-color: #0ba5ec;
}

.lista_clase .grupa .box {
    height: 85px;
    width: 85px;
    margin-left: -40px;
    vertical-align: middle;
    display: inline-block;
    -webkit-border-radius: 85px;
    -moz-border-radius: 85px;
    border-radius: 85px;
    box-sizing: initial;
}

.lista_clase .grupa .gr_circle {
    width: 73px;
    height: 73px;
    border: 2px solid #fff;
    vertical-align: middle;
    display: block;
    position: relative;
    top: 4px;
    left: 4px;
    -webkit-border-radius: 73px;
    -moz-border-radius: 73px;
    border-radius: 73px;
    box-sizing: initial;
}

.lista_clase .grupa .gr_circle .icon-users {
    position: relative;
    top: 15px;
    right: 2px;
    color: #fff;
    font-size: 43px;
}

.lista_clase .grupa .nume_materie {
    color: #777;
    display: inline-block;
    overflow: hidden;
    padding: 0 0 0 10px;
    max-height: 56px;
    vertical-align: middle;
    width: 171px;
    word-break: break-word;
    zoom: 1;
}

.lista_clase .grupa .gr_numeGrupa {
    display: inline-block;
    width: 150px;
    padding: 0 10px;
    position: relative;
    top: 10px;
}

.lista_clase .grupa .gr_numeGrupa label {
    font-size: 12px;
    font-weight: bold;
}

.lista_clase .grupa .gr_nrElevi {
    display: block;
    margin-top: -18px;
    color: #fff;
    font-size: 14px;
}

.lista_clase .grupa #adauga_grupa {
    width: 150px;
    height: 50px;
    padding: 0 10px;
    text-align: center;
    position: relative;
    top: 15px;
    display: inline-block;
    zoom: 1;
}

.lista_clase .clasa.compact {
    border: 0;
    width: auto;
}

.lista_clase .grupa.compact {
    border: 0;
    width: auto;
}

.lista_clase .box {
    border: 1px solid #f79009;
    color: #fff;
    font-size: 30px;
    text-align: center;
    background-color: #fdb022;
    position: relative;
    bottom: 0px;
}

.lista_clase .box.smaller {
    font-size: 18px;
}

.lista_clase .box.gray {
    color: #fff;
    border: 1px solid #0086c9;
    background-color: #0ba5ec;
}

.lista_clase .grupa.gray {
    border: 1px dashed #ccc;
}

.lista_clase .grupa.gray:hover {
    border: 1px dashed #ccc;
}

.class_without_subjects {
    border-right: 1px dashed #ccc;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding-right: 30px;
    width: 49%;
    margin-bottom: 30px;
}

.class_without_subjects button {
    margin: 20px auto 0 auto;
}

.form_class_without_subjects {
    display: inline-block;
    float: right;
    width: 41%;
}

h2.pc-accordion-title {
    padding: 10px 0 20px 0;
    font-weight: normal;
}

#pc-accordion.ui-accordion .ui-accordion-header {
    margin-top: -1px;
    margin-bottom: 0;
    padding: 7px 7px 7px 30px;
}

#pc-accordion.ui-accordion .ui-accordion-header a {
    font-size: 16px;
    font-weight: normal;
    color: #0ba5ec;
    display: block;
    text-align: left;
}

#pc-accordion.ui-accordion .ui-accordion-header a span {
    position: absolute;
    top: 23%;
    right: 20px;
    left: auto;
}

#pc-accordion.ui-accordion .ui-accordion-header a.delete-round {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
}

#pc-accordion.ui-accordion h3[aria-selected="true"].ui-accordion-header a {
    color: #0b4a6f;
    font-size: 20px;
    font-weight: bold;
}

#pc-accordion.ui-accordion h3[aria-selected="true"].ui-accordion-header a .ui-icon {
    display: none;
}

#pc-accordion.ui-accordion h3[aria-selected="true"].ui-accordion-header .tooltip-info-group {
    display: none;
}

#pc-accordion.ui-accordion .ui-accordion-content-active {
    overflow: visible;
}

#pc-accordion .tooltip-info-group {
    position: absolute;
    top: 50%;
    right: 50px;
    font-size: 26px;
    transform: translateY(-50%);
    color: #0ba5ec;
}

#pc-accordion .ui-state-highlight {
    height: 40px;
}

#pc-accordion .ui-state-active {
    background: #fff !important;
    border-bottom: 0 !important;
}

#pc-accordion .ui-icon {
    background-image: url(/images/jquery/ui-icons_222222_256x240.png);
}

#pc-accordion .ui-widget-content {
    background: #fff;
}

#pc-accordion label {
    color: #333;
    font-size: 14px;
    margin: 5px 0;
}

#pc-accordion label.select-title {
    font-size: 12px;
    color: #999;
}

#pc-accordion #calculMedie + .select2-container {
    width: 275px !important;
    font-size: 14px;
}

#pc-accordion .assoc-materii {
    position: relative;
}

#pc-accordion .pc-clasa-header .select2 {
    width: 280px !important;
}

#pc-accordion .advanced_settings .bg_header {
    background: #f0f9ff;
    padding: 14px 5px 20px 40px;
    margin-bottom: 20px;
    width: 95.5%;
}

#pc-accordion .advanced_settings .bg_header .tooltip-help {
    position: relative;
    height: 50px;
    display: inline-block;
}

#pc-accordion .advanced_settings .bg_header .tooltip-help a {
    display: none;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 150px;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 4px;
    padding: 3px;
    box-sizing: border-box;
    text-decoration: underline;
    z-index: 5;
}

#pc-accordion .advanced_settings .bg_header .tooltip-help:hover a {
    display: inline;
}

#pc-accordion .advanced_settings .pc-clasa-opt-adv {
    font-size: 16px;
    right: 10px;
    position: absolute;
    top: -45px;
}

#pc-accordion .advanced_settings .pc-clasa-opt-adv span {
    color: #999;
}

#pc-accordion .advanced_settings .pc-clasa-opt-adv.blue span {
    color: #0ba5ec;
}

#pc-accordion .pc-clasa-content .white-button {
    padding: 5px;
}

#pc-accordion .pc-clasa-content .col {
    background: #f0f9ff;
    box-sizing: border-box;
    width: 48%;
    display: inline-block;
    vertical-align: top;
    min-height: 54px;
}

#pc-accordion .pc-clasa-content .col.col-first {
    padding-left: 10px;
    padding-right: 10px;
}

#pc-accordion .pc-clasa-content .col .col-table {
    margin: 7px 0;
    width: 93%;
}

#pc-accordion .pc-clasa-content .col select {
    width: 400px;
}

#pc-accordion .pc-clasa-content .col .show-elevi {
    position: absolute;
    top: 18px;
    right: 20px;
}

#pc-accordion .pc-clasa-content .col .show-elevi.blue.active {
    color: #777;
}

#pc-accordion .pc-clasa-content .col .show-elevi.blue.active .icon-chevron-down.blue {
    color: #777;
    transform: rotate(180deg);
    display: inline-block;
}

#pc-accordion .pc-clasa-content .col.col2 {
    width: 48%;
    margin-left: 35px;
    position: relative;
}

#pc-accordion .pc-clasa-content .col.col2 > .add-cmc-co {
    display: block;
    margin-top: 18px;
    position: relative;
    bottom: 0;
}

#pc-accordion .pc-clasa-content .col.col2 > .coprofesor-data + .add-cmc-co {
    background: #fff;
    border: 1px dashed #ccc;
    box-sizing: border-box;
    margin-top: 5px;
    padding: 10px 0;
    width: 100%;
    position: absolute;
    bottom: -40px;
}

#pc-accordion .pc-clasa-content .col.col2 > .coprofesor-data + .add-cmc-co:before {
    background: #fff;
    content: "";
    width: 101%;
    height: 5px;
    position: absolute;
    top: -6px;
    left: -1px;
}

#pc-accordion .pc-clasa-content .col.col2 .select2 {
    margin-top: 7px;
}

#pc-accordion .pc-clasa-content .col.col2 .coprofesor-data {
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
}

#pc-accordion .pc-clasa-content .col.col2 .coprofesor-data .table-delete {
    top: 9px;
}

#pc-accordion .pc-clasa-content .col.col2 .coprofesor-data + .add-cmc-co-style {
    background: #fff;
    border: 1px dashed #ccc;
    box-sizing: border-box;
    margin-top: 5px;
    padding: 10px 0;
    width: 100%;
    position: relative;
    bottom: 0;
}

#pc-accordion .pc-clasa-content .col.col2 .coprofesor-data + .add-cmc-co-style:before {
    background: #fff;
    content: "";
    width: 101%;
    height: 5px;
    position: absolute;
    top: -6px;
    left: -1px;
}

#pc-accordion .pc-clasa-content .col.col2 .coprofesor-data + .add-cmc-co-style:hover {
    background: #f0f9ff;
}

#pc-accordion .pc-clasa-content .table-delete-coprofesor,
#pc-accordion .pc-clasa-content .table-delete {
    color: #777;
    font-size: 19px;
    top: 5px;
    position: relative;
    margin-right: 5px;
}

#pc-accordion .pc-clasa-content .table-delete-coprofesor.clone-table-delete,
#pc-accordion .pc-clasa-content .table-delete.clone-table-delete {
    margin-right: 7px;
}

#pc-accordion .pc-clasa-content .table-delete-coprofesor {
    top: 9px;
}

#pc-accordion .pc-clasa-content:last-of-type .col.col2 > .coprofesor-data + .add-cmc-co.add-cmc-co-style {
    position: absolute;
    bottom: -45px;
}

#pc-accordion .lista-elevi {
    border-collapse: collapse;
    margin: 5px 0 10px 0;
    margin-right: 10px;
    margin-left: auto;
}

#pc-accordion .lista-elevi tr:nth-child(odd) {
    background: #f0f9ff;
}

#pc-accordion .lista-elevi tr:nth-child(even) {
    background: #b9e6fe;
}

#pc-accordion .lista-elevi tr td:nth-child(2) {
    text-align: left;
}

#pc-accordion .lista-elevi th {
    border-bottom: 1px solid #ccc;
    color: #999;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    line-height: 12px;
    font-size: 11px !important;
    padding: 5px 0 5px 1px;
}

#pc-accordion .lista-elevi th label {
    margin: 0;
    font-size: 11px !important;
    line-height: 12px;
    color: #999;
    padding-top: 3px;
}

#pc-accordion .lista-elevi td {
    font-size: 13px;
    padding: 4px 0 5px 1px;
    vertical-align: middle;
    text-align: left;
}

#pc-accordion .lista-elevi .select-all {
    display: inline-block;
    text-align: left;
    padding-right: 6px;
    line-height: 1;
    margin: 5px 0;
}

#pc-accordion .lista-elevi.profesor tr td:nth-child(7) {
    text-align: left;
    padding-left: 5px;
}

#pc-accordion .lista-elevi.profesor .select-all [type="checkbox"] + label,
#pc-accordion .lista-elevi.profesor .select-all [type="checkbox"]:checked + label {
    padding-top: 4px;
}

#pc-accordion .lista-elevi.coprofesor tr:nth-child(odd) {
    background: #f0f9ff;
}

#pc-accordion .lista-elevi.coprofesor tr:nth-child(even) {
    background: #b9e6fe;
}

#pc-accordion .lista-elevi.coprofesor tr td:nth-child(5) {
    text-align: left;
    padding-left: 5px;
}

#pc-accordion .lista-elevi.coprofesor [type="checkbox"] + label,
#pc-accordion .lista-elevi.coprofesor [type="checkbox"]:checked + label {
    padding-bottom: 10px;
}

#pc-accordion .lista-elevi.coprofesor .select-all [type="checkbox"] + label,
#pc-accordion .lista-elevi.coprofesor .select-all [type="checkbox"]:checked + label {
    padding-top: 4px;
}

#pc-accordion .add-cmc-prof {
    width: 48%;
    display: inline-block;
    border: 1px dashed #ccc;
    padding: 10px 0;
    box-sizing: border-box;
    text-align: center;
    bottom: 50px;
}

#pc-accordion .add-cmc:hover {
    background: #f0f9ff;
}

#pc-add-materie {
    display: block;
}

.revert-initial-design h2 {
    display: none;
}

.revert-initial-design.form_class_without_subjects {
    width: 100%;
    margin: 0 auto 50px auto;
}

.revert-initial-design .display_block_small_desktop {
    margin: 0 20px 0 0;
    display: inline-block;
    width: auto;
}

.revert-initial-design .left {
    text-align: center !important;
}

@media screen and (max-width: 1500px) {
    #pc-accordion .pc-clasa-content .col select {
        width: 200px;
    }
}

@media screen and (max-width: 1400px) {
    #pc-accordion .pc-clasa-content .col {
        width: 100%;
    }

    #pc-accordion .pc-clasa-content .col .col-table {
        width: 96%;
    }

    #pc-accordion .pc-clasa-content .col.col2 {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    #pc-accordion .pc-clasa-content .col.col2 .coprofesor-data + .add-cmc-co {
        position: relative;
        bottom: 0;
    }

    #pc-accordion .add-cmc-prof {
        bottom: -50px;
        position: relative;
        width: 100%;
    }

    #pc-accordion .advanced_settings .bg_header {
        width: initial;
    }

    .responsive-save {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1260px) {
    .form_class_without_subjects {
        width: 34%;
    }

    .class_without_subjects {
        width: 51%;
    }

    .wrapper h2.font34 {
        font-size: 28px;
    }

    .wrapper h2.font20 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1100px) {
    #pc-accordion .pc-clasa-content .col {
        width: 100%;
    }

    #pc-accordion .pc-clasa-content .col .col-table {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .form_class_without_subjects .display_block_small_desktop.mt25 {
        margin-top: 0;
    }

    .form_class_without_subjects .display_block_small_desktop.mb15 {
        margin-bottom: 0;
    }

    .class_without_subjects button {
        margin: 70px auto 0 auto;
    }

    #pc-accordion .advanced_settings .pc-clasa-opt-adv {
        right: 2px;
    }

    #pc-accordion .advanced_settings .bg_header {
        text-align: center;
    }

    #pc-accordion .advanced_settings .bg_header .inlineb.mr45 {
        display: block;
        margin-right: 0;
        max-width: 300px;
        margin: 10px auto;
    }
}

@media screen and (max-width: 938px) {
    .form_class_without_subjects .max_width_280 {
        max-width: initial;
    }

    .wrapper h2.font34 {
        font-size: 22px;
    }

    .wrapper .mb90 {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 760px) {
    .form_class_without_subjects {
        width: 100%;
        float: none;
        margin: 0 !important;
    }

    .form_class_without_subjects .left {
        text-align: center !important;
    }

    .class_without_subjects {
        margin-top: 40px;
        border-right: none;
        width: 100%;
        float: none;
        padding-right: 0;
    }

    .class_without_subjects .mb50 {
        margin-bottom: 20px;
    }

    .class_without_subjects button {
        margin: 20px auto 0 auto;
    }

    #pc-accordion .advanced_settings .bg_header {
        padding: 14px 5px 20px 10px;
    }

    #pc-accordion .pc-clasa-header .select2 {
        width: 220px !important;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em !important;
    }
}

@media screen and (max-width: 440px) {
    #pc-accordion .pc-clasa-content .col.col-first {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
    }

    #pc-accordion .pc-clasa-content .col .show-elevi {
        position: relative;
        top: initial;
        right: initial;
        display: block;
        margin-top: 5px;
    }

    #pc-accordion .pc-clasa-content .col .coprofesor-data .show-elevi {
        margin-left: 22px;
    }

    #pc-accordion .pc-clasa-content .col .coprofesor-data .table-delete-coprofesor {
        margin: 0;
    }

    #pc-accordion .pc-clasa-content .table-delete.clone-table-delete {
        margin-right: 5px;
    }

    #pc-accordion .pc-clasa-content .table-delete.clone-table-delete + select + .select2 + .show-elevi {
        margin-left: 22px;
    }
}

/* END CLASE PROFESORI */

/* ACTIVITIES */
.cover_group {
    border: 1px dashed #ccc;
    position: relative;
    min-height: 94px;
}

.cover_group:hover {
    border-color: #f79009;
}

.cover_group .cropper-image-edit {
    display: none;
}

.cover_group label {
    line-height: 1.3em;
    color: #0ba5ec;
}

.cover_group label.replace-cover {
    display: none;
}

.cover_group .labels-container .add-label {
    padding: 35px 0 39px 0;
    display: inline-block;
    font-size: 16px;
    width: 100%;
}

.cover_group img {
    width: 300px;
    height: 100px;
}

.cover_group.has-image {
    padding: 0;
}

.cover_group.has-image .cropper-image-edit {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    height: 30px;
    width: 30px;
    position: absolute;
    font-size: 20px;
    color: #fff;
    z-index: 1;
    top: 5px;
    right: 5px;
    cursor: pointer;
    line-height: 30px;
    border-radius: 50%;
}

.cover_group.has-image label {
    display: none;
}

.cover_group.has-image .labels-container label {
    display: none;
}

.cover_group.has-image .labels-container label.replace-cover {
    display: none;
}

.cover_group.has-image img {
    width: 100%;
    height: auto;
    min-height: 94px;
    max-height: 94px;
    object-fit: cover;
    display: block;
}

.cover_group.has-image.more-actions .cropper-image-edit {
    display: none;
}

.cover_group.has-image.more-actions .labels-container {
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 100px;
    z-index: 2;
    vertical-align: middle;
    box-sizing: border-box;
}

.cover_group.has-image.more-actions .labels-container label {
    display: inline-block;
    width: 167px;
    height: 75px;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    margin: 10px 0;
    box-sizing: border-box;
    padding: 25px 0 0 0;
}

.cover_group.has-image.more-actions .labels-container label:first-child {
    border-right: 1px dashed #fff;
}

.cover_group.has-image.more-actions .labels-container label.replace-cover {
    display: inline-block;
    width: 167px;
    height: 75px;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    margin: 10px 0;
    box-sizing: border-box;
    padding: 25px 0 0 0;
}

.activities_header .scroll_div {
    margin-bottom: -1px !important;
}

.header_ntabs.activities_header {
    margin: 0 auto 20px auto;
}

.activities_title p:first-child {
    line-height: 36px;
}

.activities_group_details {
    padding: 0 20px;
    box-sizing: border-box;
}

.activities_cover {
    position: relative;
    min-height: 220px;
}

.activities_cover img {
    width: 100%;
    max-height: 315px;
    height: auto;
    min-height: 220px;
    object-fit: cover;
    display: block;
}

.activities_empty_groups {
    width: 100%;
}

.activities_empty_groups img {
    max-width: 450px;
    width: 100%;
    margin: 30px auto;
}

.activities_details_tabs {
    position: absolute;
    z-index: 9;
    background: #fff;
    bottom: 0;
    padding: 0 60px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-box-shadow: 0px -5px 20px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px -5px 20px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px -5px 20px 2px rgba(0, 0, 0, 0.5);
    min-width: initial;
}

.activities_details_tabs.activities_details_width {
    min-width: 280px;
}

.activities_public_searchbox {
    position: relative;
    max-width: 315px;
    width: 100%;
}

.individual_group {
    border: 1px solid #ccc;
    min-width: 235px;
    width: 23.3%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    max-height: 298px;
    height: 100%;
}

.individual_group:nth-child(4n) {
    margin-right: 0;
}

.individual_group img {
    min-width: 235px;
    width: 100%;
    min-height: 120px;
    height: auto;
    object-fit: cover;
}

.individual_group_messages {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    color: #fff;
    z-index: 999;
    font-size: 12px;
}

.activities_member {
    float: right;
    margin-top: 7px;
    margin-left: 5px;
}

.activities_details_group {
    max-width: 800px;
    width: 100%;
    padding: 0 25px;
    margin: 5px auto 70px auto;
    box-sizing: border-box;
}

.activities_empty_state img {
    max-width: 460px;
    width: 100%;
}

.activities_chat {
    max-width: 645px;
    width: 100%;
    margin: 0 auto;
}

p.activities_sub_title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
}

.activities_right_info_width {
    max-width: 290px;
    width: 100%;
}

.activities_coordinators_ride_side {
    background: #fff;
    max-width: 260px;
    width: 100%;
}

.activities_start_chat::-webkit-scrollbar-track {
    background-color: #ccc;
}

.activities_start_chat::-webkit-scrollbar {
    width: 10px;
    background-color: #ccc;
}

.activities_start_chat::-webkit-scrollbar-thumb {
    background-color: #999;
}

.custom_scroll::-webkit-scrollbar-track {
    background-color: #ccc;
}

.custom_scroll::-webkit-scrollbar {
    width: 10px;
    background-color: #ccc;
}

.custom_scroll::-webkit-scrollbar-thumb {
    background-color: #999;
}

.activities_start_chat_height {
    height: 324px;
    border-top: 1px solid #eaecf0;
    border-bottom: 1px solid #eaecf0;
    overflow-y: scroll;
}

#loadOlderMessages.ladda-button[data-style="expand-right"][data-loading] .ladda-spinner div {
    background: #999 !important;
}

.old_messages_show {
    position: absolute;
    top: -46px;
    left: 50%;
    transform: translateX(-50%);
}

.activities_conversation {
    max-width: 565px;
    width: 100%;
    margin: 0 auto;
}

.activities_other_person {
    max-width: 520px;
    width: 100%;
    margin: 20px auto 10px 0;
}

.activities_other_person.activities_align_right {
    margin: 20px 0 10px auto;
}

.activities_conversation_pers {
    background: #fff;
    padding: 5px;
    border-radius: 20px;
    z-index: 20;
    position: relative;
}

.activities_messages {
    padding: 11px;
    border-radius: 7px;
    position: relative;
    margin-bottom: -10px;
    overflow: hidden;
}

.activities_messages img.same-as-font {
    height: 20px;
    width: 20px;
    display: inline-block;
    padding: 0;
    line-height: 20px;
    vertical-align: middle;
}

.activities_messages img.medium {
    height: 20px;
    width: 20px;
    display: inline-block;
    padding: 0;
    line-height: 20px;
    vertical-align: middle;
}

.activities_messages img.large {
    height: 40px;
    width: 40px;
    display: inline-block;
    padding: 0;
    line-height: 40px;
    vertical-align: middle;
}

.activities_messages.activities_grey_back {
    background: #eaecf0;
}

.activities_messages.activities_green_back {
    background: #d1fadf;
}

.style_right_corner_round .activities_messages:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 30px;
    border-color: transparent transparent #d1fadf transparent;
    position: absolute;
    top: -15px;
    right: 0;
}

.style_left_corner_round .activities_messages:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 0 25px;
    border-color: transparent transparent transparent #eaecf0;
    position: absolute;
    top: -15px;
    left: 0;
}

#filters ul.myfilters.activities_private_filters {
    padding-top: 5px;
}

.restyle_currency_select {
    border: none;
    font-weight: bold;
    margin: 0;
    height: 17px;
}

.message-from-system-style {
    background: #999;
    border-radius: 10px;
    margin: 5px 0;
}

.activities_set_fee {
    max-width: 335px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.activities_set_fee:hover .recurrence-delete {
    display: block;
}

.activities_set_fee:hover .mark-option-delete {
    display: inline-block;
}

.activities_set_fee .recurrence-delete {
    top: 50%;
}

.activities_set_fee .mark-option-delete {
    display: none;
    position: absolute;
    top: 6px;
    right: 0;
    cursor: pointer;
}

.activities_set_fee.single-marker {
    max-width: 260px;
}

.activities_set_fee_content {
    width: 100%;
    margin: 0 auto 10px auto;
    position: relative;
}

.view-fee-fields .activities_set_fee_content {
    margin: 0 auto 10px 10px;
}

.activies-marks-container.view-fee-fields .activities_set_fee {
    max-width: 460px;
}

.activies-marks-container .tax-dependant {
    display: none;
}

.activies-marks-container.view-fee-fields .tax-dependant {
    display: inline-block;
}

.activies-marks-container .activities_check input[type="checkbox"]:not(:checked) + label:before,
.activies-marks-container .activities_check input[type="checkbox"]:checked + label:before {
    border-radius: 50%;
    height: 18px;
    width: 18px;
}

.activies-marks-container .activities_check input[type="checkbox"]:checked + label.mark-radio:after,
.activies-marks-container .activities_check input[type="checkbox"]:not(:checked) + label.mark-radio:after {
    font-size: 14px;
    top: 4px;
}

.activies-marks-container .single-marker .activities_check {
    display: none;
}

.activities_set_fee.view-fee-fields {
    max-width: 460px;
}

.activities_set_fee.single-marker.view-fee-fields {
    max-width: 391px;
}

.activies-marks-container.view-fee-fields.single-marker .activities_set_fee {
    max-width: 391px;
}

input[type="text"].activities_default_initial {
    color: #fff;
}

input[type="text"].activities_default_initial.user-marker.user-markers-opener:hover {
    background: #fedf89;
}

.activities_new_comment textarea {
    width: 100%;
    border-radius: 5px;
    height: 80px;
    box-sizing: border-box;
    resize: none;
}

.activities_end_date,
.activities_start_date {
    position: relative;
    width: 30%;
}

.activities_end_date ._icon,
.activities_start_date ._icon {
    position: absolute;
    top: 50%;
    right: -5px;
}

.activities_present_value {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: none;
    max-width: 130px;
    text-align: left;
}

.activities_show_present {
    margin: 5px;
}

.activities_show_present .segment-tooltip-opener .social-tooltip .arrow {
    top: 6px;
}

.activities_show_present .progressbar-container .segment-tooltip-opener .social-tooltip .arrow {
    top: 2px;
}

.activities_show_present:hover .activities_present_value {
    display: block;
}

.progressbar-container {
    width: 200px;
    height: 10px;
    background-color: #eaecf0;
    display: flex;
    line-height: 10px;
    vertical-align: middle;
    text-align: left;
    justify-content: flex-start;
    margin: 2px 0 5px 5px;
}

.progressbar-container .progressbar-segment-container {
    height: 10px;
    display: block;
    float: left;
}

.progressbar-container .progressbar-segment-container .progressbar-segment {
    height: 10px;
    cursor: pointer;
}

.progressbar-container .progressbar-segment-container .social-tooltip {
    display: none;
}

.progressbar-container .progressbar-segment-container.active .social-tooltip {
    display: block;
}

.activities_all_members .activities_individual_member:hover {
    background: #eaecf0;
    cursor: pointer;
}

.activities_all_members .activities_individual_member:hover .activities_close_person {
    display: block;
}

.activities_all_members .max_share_name {
    max-width: 250px;
}

.touch .activities_all_members .activities_individual_member .activities_close_person {
    display: block;
}

.touch .activities_individual_member a.modal {
    display: inline;
}

.touch .activities_set_fee .mark-option-delete {
    display: inline-block;
}

.touch .activities_set_fee_content {
    display: inline-block;
}

.activities_individual_member.group-member-details.back_gray {
    background: #eaecf0;
    border-top: 1px solid #eaecf0;
}

.activities_individual_member.group-member-details.back_gray:last-child {
    border-bottom: 1px solid #eaecf0;
}

.activities_individual_member.group-member-details {
    border-top: 1px solid #eaecf0;
}

.activities_individual_member.group-member-details:last-child {
    border-bottom: 1px solid #eaecf0;
}

.activities_individual_member.group-member-details:first-child {
    border-top: 0px solid #eaecf0;
}

.no-touch .activities_individual_member a.modal {
    display: none;
}

.activities_individual_member:hover a.modal {
    display: inline;
}

.activities_individual_member:hover .activities_status_border {
    display: inline;
}

.activities_person_number {
    color: #777;
}

#usersListContainer .first_col {
    float: left;
    width: 47%;
    margin-bottom: 30px;
    margin-right: 3%;
}

#usersListContainer .last_col {
    float: left;
    width: 47%;
    margin-bottom: 30px;
}

#usersListContainer .last_col.last_col_half {
    width: 49%;
}

.person_share.share.activities_person {
    max-width: inherit;
    width: 68%;
    margin: 0;
}

.activities_messages_member {
    max-width: inherit;
    width: 29%;
    text-align: left;
}

.activities_close_person {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: none;
}

.module_header_content_details {
    min-width: 400px;
    max-width: 750px;
}

.module_header_content_details hr {
    border-color: #999;
    border-top-width: 0;
}

.module_header_content_details > p:first-child {
    padding-left: 5px;
    padding-right: 5px;
}

.module_header_content_details .font34 {
    line-height: 36px;
}

.summary_statistics #filters ul {
    padding: 0;
}

.activities_rewards {
    color: #f79009;
}

.tableview td a.top {
    vertical-align: top;
}

.person_share.share.activities_width_person {
    width: 42%;
    max-width: initial;
    margin: 0;
}

.vertical_middle_min_height {
    align-content: center;
    min-height: 37px;
}

.table_only_header {
    width: 47%;
    border-bottom: 1px solid #ccc;
    margin-right: 2%;
}

.table_only_header.table_half_header {
    width: 50%;
    margin-right: 0;
}

.table_only_header_3_columns {
    width: 33%;
    border-bottom: 1px solid #ccc;
}

.activities_status_border {
    border-radius: 5px;
    border: 1px solid #0ba5ec;
    padding: 10px 10px 13px 0px;
    display: none;
}

.form_category_pas3.activities_step_four_participants .select2 {
    display: none;
}

.line_height_checkbox {
    line-height: 13px;
}

.content_empty_state_meet .left_arrow {
    padding-left: 9%;
    height: 310px;
}

.content_empty_state_meet .empty_class {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50px;
    background: #fff;
}

.content_empty_state_meet img {
    max-width: 100%;
}

.activities_action_group {
    clear: both;
}

.activities_table_member {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -moz-page-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    height: auto;
}

.not_exist_members {
    display: none;
}

.activities-chat-restricted-message {
    background: #fedf89;
    padding: 5px 10px;
    border-radius: 5px;
}

.cropped-image {
    max-width: 100%;
}

#photoCropper img {
    max-width: 100%;
}

.photo-cropper {
    text-align: center;
}

.cropper-container {
    text-align: center;
    margin: 0 auto;
}

.photo-description-container {
    text-align: left;
}

.photo-description-input {
    width: 100%;
    resize: none;
    outline: none;
    box-sizing: border-box;
}

.marker-icon-8eb9a8 {
    background-color: #8eb9a8 !important;
}

.marker-icon-5d95ed {
    background-color: #5d95ed !important;
}

.marker-icon-9494d6 {
    background-color: #9494d6 !important;
}

.marker-icon-ffa985 {
    background-color: #ffa985 !important;
}

.marker-icon-acf0f2 {
    background-color: #acf0f2 !important;
}

.marker-icon-f4828c {
    background-color: #f4828c !important;
}

.marker-icon-cccccc {
    background-color: #ccc !important;
}

.marker-icon-d9ca7e {
    background-color: #d9ca7e !important;
}

.marker-icon-fcca7a {
    background-color: #fcca7a !important;
}

.marker-icon-e0bebf {
    background-color: #e0bebf !important;
}

input[type="checkbox"] + label.mark-radio {
    color: #eaecf0;
}

input[type="checkbox"]:checked + label.mark-radio {
    color: #32d583;
}

.activities_set_fee_content_header .tax-dependant {
    display: none;
}

.activities_set_fee_content_header.view-fee-fields .tax-dependant {
    display: inline-block;
}

.activities_set_fee_content_header.single-marker .activities_check {
    display: none;
}

.dashed-top-border {
    border-top: 1px dashed #ccc;
}

.wg-conversation-loader {
    background-color: rgba(0, 0, 0, 0.3);
    border: 0 none;
    box-sizing: border-box;
    color: #fff;
    height: 40px;
    margin: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 21;
}

.emoticons-extender {
    cursor: pointer;
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    width: 32px;
}

.right_btn_post {
    margin: 0 0 0 auto;
}

.right_btn_post.pointer_none .btn.blue_s {
    background-color: #ccc;
}

.right_btn_post.pointer_none .emoticons-extender {
    color: #ccc;
}

.emoticons-container {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    height: 350px;
    line-height: 40px;
    max-width: 410px;
    overflow: auto;
    position: absolute;
    right: 0px;
    text-align: left;
    top: -230px;
    vertical-align: middle;
    width: 100%;
    z-index: 20;
}

.emoticons-container .items-container {
    height: 308px;
    overflow: auto;
}

.emoticons-container .items-container .category-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    padding: 5px 10px;
    text-align: left;
}

.emoticons-container .items-container .emoji-container {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: right;
    vertical-align: middle;
    width: 40px;
}

.emoticons-container .items-container .emoji-container img {
    border: 0px none;
    cursor: pointer;
    height: 32px;
    width: 32px;
}

.emoticons-container .categories-container {
    background-color: #eaecf0;
    bottom: 0;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
}

.emoticons-container .categories-container .category-icon {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}

.emoticons-container .categories-container .category-icon.active {
    border-bottom: 3px solid #0ba5ec;
    color: #0ba5ec;
}

.emoji-container + .category-name {
    margin-top: 30px;
}

.level-one-elevation {
    border: 1px solid #999;
    box-sizing: border-box;
}

.marks-types-wrapper {
    border-radius: 3px;
    background-color: #fff;
    display: inline-block;
    height: 30px !important;
    position: relative;
    vertical-align: middle !important;
}

.marks-types-wrapper.active {
    border: 3px solid #000;
}

.marks-types-wrapper .markers-types-title {
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
}

.marks-types-wrapper .marks-types-container {
    background-color: #fff;
    display: block;
    height: 30px !important;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 150px !important;
    z-index: 2;
}

.marks-types-wrapper .marks-types-container .uncheck-markers {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 30px;
}

.marks-types-wrapper .marks-types-container .mark-type-container {
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 10px;
    white-space: nowrap;
}

.marks-types-wrapper .marks-types-container .mark-type-container label {
    cursor: pointer;
    display: inline-block;
}

.marks-types-wrapper .marks-types-container .mark-type-container label span.marker-color-and-icon {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 26px;
}

.marks-types-wrapper .marks-types-container .mark-type-container input[type="checkbox"] {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.marks-types-wrapper:hover .marks-types-container {
    height: auto !important;
    margin-bottom: 10px;
}

#filters ul.myfilters li.setMarkers.active {
    background: #fff;
}

#filters ul.myfilters li.active .marks-types-wrapper .marks-types-container,
#filters ul.myfilters li.active .marks-types-wrapper .marks-types-container .markers-types-title {
    background: #000;
    color: #fff;
}

#filters ul.myfilters li.active .marks-types-wrapper .marks-types-container .mark-type-container {
    background: #fff;
    color: #000;
}

.overall-markers-percentage {
    cursor: pointer;
    display: inline-block;
    height: 15px;
    max-width: 40px;
    white-space: nowrap;
}

.overall-markers-percentage .social-tooltip {
    display: none;
}

.overall-markers-percentage.active .social-tooltip {
    display: block;
}

.group_searchbox_name {
    position: relative;
}

.group_searchbox_name a {
    position: absolute;
    right: 10px;
    top: 30%;
    transform: translateY(-40%);
}

.icon_input_calendar {
    position: absolute;
    right: 10px;
    top: 80%;
    transform: translateY(-50%);
}

#form_builder .form_step {
    display: none;
}

#form_builder .form_step .group_clase {
    display: none;
    text-align: center;
}

#form_builder .form_step .group_clase .perm_table {
    text-align: left;
}

.group-member-details .user-markers-pen {
    border-radius: 5px;
    border: 1px solid #0ba5ec;
    display: none;
    padding: 6px 10px 9px 5px;
}

.group-member-details:hover .user-markers-pen {
    display: inline;
}

.group-member-details .style_add_mark {
    display: inline;
}

.user-markers-popup {
    background-color: #fff;
    bottom: 35px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    left: 50%;
    margin-left: -100px;
    padding: 5px;
    position: absolute;
    width: 170px;
    z-index: 9;
}

.user-markers-popup .marker-type {
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    display: block;
    line-height: 20px;
    padding: 10px;
    vertical-align: middle;
}

.user-markers-popup .marker-type:hover {
    background: #eaecf0;
    cursor: pointer;
}

.user-markers-popup .marker-type:last-child {
    border-bottom: 0px none;
}

.user-markers-popup .marker-type .marker-type-icon {
    background: #fedf89;
    color: #fff;
    min-width: 20px;
}

.user-markers-popup.hidden {
    display: none;
}

.user-marker.user-markers-opener {
    background: #fedf89;
    color: #fff;
    min-width: 20px;
}

.arrow_bottom_white:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    left: 62%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: translateX(-62%);
    width: 0;
}

.arrow_bottom_white:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: rgba(0, 0, 0, 0.2);
    border-width: 12px;
    border: solid transparent;
    content: " ";
    height: 0;
    left: 62%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: translateX(-62%);
    width: 0;
}

.workgroups-empty-state .hidden-unless {
    display: none;
}

.workgroups-empty-state.member .hidden-unless.member {
    display: block;
}

.workgroups-empty-state.coordinator .hidden-unless.coordinator {
    display: block;
}

.workgroups-empty-state.owner .hidden-unless.owner {
    display: block;
}

.workgroup-image-container {
    box-sizing: border-box;
    margin: 0;
    min-height: 120px;
    padding: 0;
}

.workgroup-image-container .workgroup-roles {
    background-color: rgba(0, 0, 0, 0.5);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    bottom: 0;
    color: #fff;
    height: 40px;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    max-width: 135px;
    width: 100%;
}

.workgroup-image-container .workgroup-roles .workgroup-role-icon {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    display: inline-block;
    font-size: 26px;
    height: 30px;
    line-height: 30px;
    margin-top: 6px;
    text-align: center;
    width: 30px;
}

.workgroup-image-container .workgroup-roles .workgroup-role-icon:first-child {
    border-left: 0 none;
    font-size: 25px;
}

.workgroup-image-container .workgroup-roles .workgroup-role-icon:last-child {
    border-right: 0 none;
    font-size: 24px;
}

/* END ACTIVITIES */

/* ADMIN */

/* ADMIN - Dashboard */
.empty_notes {
    display: none;
}

.empty_notes .empty_new_note {
    position: absolute;
    left: 43%;
    transform: translateY(-50%);
    top: 20px;
    width: 30px;
    height: 30px;
}

.admin_dashboard .empty_state_admin {
    width: 80px;
    height: 75px;
    background: #fedf89;
    margin: 0 auto;
    -webkit-mask: url(/images/site/admin/read-email.svg) center / contain no-repeat;
}

.empty_notes img,
.empty_notes_loading img {
    max-width: 100px;
    width: 100%;
    height: auto;
}

.empty_notes .col_1,
.empty_notes_loading .col_1 {
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    position: relative;
    margin-right: 20px;
}

.empty_notes .col_2,
.empty_notes_loading .col_2 {
    position: relative;
    z-index: 999;
    margin: 0 25px;
}

.empty_notes .col_3,
.empty_notes_loading .col_3 {
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    position: relative;
    margin-left: 20px;
}

.sticky_note {
    min-height: 150px;
}

.sticky_note .typing {
    position: absolute;
    bottom: 0;
}

.sticky_note:before {
    content: "";
    position: absolute;
    bottom: -2px;
    right: -2px;
    border-width: 23px 23px 0 0;
    border-style: solid;
}

.sticky_note.add_new_note_empty {
    height: 230px;
    background: #eaecf0;
    border: 1px dashed #7cd4fd;
}

.yellow_note {
    background: #f0f9ff;
}

.yellow_note:before {
    border-color: #fedf89 #eaecf0;
}

.yellow_note .note_title {
    background: #fedf89;
}

.blue_note {
    background: #f0f9ff;
}

.blue_note:before {
    border-color: #b9e6fe #eaecf0;
}

.blue_note .note_title {
    background: #b9e6fe;
}

.sticky_note_content {
    min-height: 150px;
    overflow-y: auto;
}

.sticky_note_content textarea {
    max-width: 260px;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    min-height: 150px;
    resize: vertical;
    border: 0;
}

.container_check {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 50px;
    width: 50px;
}

.container_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    border: 1px dashed transparent;
}

.container_check .checkmark:focus {
    border: 1px dashed #ccc;
}

.container_check input {
    opacity: 0;
}

.container_check input:checked ~ .checkmark {
    color: #333;
}

textarea.custom_scroll {
    resize: none;
}

.parent_unread_msg_admin {
    max-height: 205px;
    overflow-y: auto;
    overflow-x: hidden;
}

.parent_unread_msg_admin::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ccc;
}

.parent_unread_msg_admin::-webkit-scrollbar {
    width: 5px;
    background-color: #ccc;
}

.parent_unread_msg_admin::-webkit-scrollbar-thumb {
    background-color: #999;
}

.add_new_note {
    background: #0ba5ec;
}

.more_notification {
    display: none;
    position: absolute;
    top: 0;
    background: #fff;
    width: 100%;
}

.hover_notification:hover .absolute_hover {
    display: block;
}

.absolute_hover {
    display: none;
    position: absolute;
    top: 5px;
    left: 55px;
    z-index: 50;
    padding: 5px;
    width: 150px;
    background: #fff;
    box-shadow: 0px 0px 5px 2px #ccc;
    color: #0ba5ec;
}

.absolute_hover:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0%;
    box-sizing: border-box;
    border: 7px solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(45deg);
    box-shadow: -3px 3px 5px -2px rgba(0, 0, 0, 0.4);
}

.notification_height {
    max-height: 36px;
    box-sizing: border-box;
    min-width: 50px;
}

button.icon-search {
    outline: none;
    border: 0;
}

.unread_msg_admin {
    min-height: 56px;
}

.add_new_note_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

.add_new_note_content .add_new_note_top {
    width: 25px;
    height: 25px;
}

.loading_admin {
    border: 5px solid #eaecf0;
    border-radius: 50%;
    border-top: 5px solid #ccc;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/**Start modul Admitere */
#pg_article .logo_wrapp {
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
}

#pg_article .logo_wrapp img {
    max-width: 100%;
    height: auto;
}

#pg_article .logo_wrapp #browse_add_logo {
    position: absolute;
    top: 10px;
    right: 10px;
}

#pg_article .cover_wrapp {
    width: 100%;
    height: 140px;
    position: relative;
    overflow: hidden;
}

#pg_article .cover_wrapp .cover {
    width: 100%;
    height: 150px;
    border: 1px dashed #ccc;
}

#pg_article .cover_wrapp #browse_add_cover {
    position: absolute;
    top: 10px;
    right: 10px;
}

#pg_article .cover_wrapp,
#pg_article .logo_wrapp {
    background: #ccc;
}

#pg_article .cover_wrapp .placeholder,
#pg_article .logo_wrapp .placeholder {
    font-size: 30px;
    text-align: center;
    top: 35%;
    position: relative;
    color: #fff;
}

#pg_article .wrap-upload .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

#pg_article .wrap-upload .inputfile + label {
    display: inline-block;
}

#pg_article .wrap-upload .inputfile + label {
    cursor: pointer;
}

#pg_article form .form-row {
    margin-bottom: 30px;
}

#pg_article form .form-row > label {
    color: #999;
    font-size: 12px;
}

#pg_article form .form-row .cover_wrapp {
    height: 215px;
}

#pg_article form .form-row .cover_wrapp img {
    width: 100%;
    height: auto;
}

#pg_article form .form-row .cover_wrapp.big {
    height: 270px;
}

#pg_article form .form-row.col2 {
    width: 50%;
    box-sizing: border-box;
    float: left;
}

#pg_article form .form-row input[type="text"],
#pg_article form .form-row textarea,
#pg_article form .form-row select {
    min-width: 80%;
    box-sizing: border-box;
}

#pg_article form .form-row .has-phonecode {
    width: -moz-calc(44%);
    width: -webkit-calc(44%);
    width: -o-calc(44%);
    width: calc(100% - 56px);
}

#pg_article .tox.tox-tinymce {
    min-height: 200px;
    height: auto;
}

/* END ADMIN */

/* FLIP Card */

.select_each_pupils #flip_card {
    position: relative;
    margin: 10px 0;
    width: 30px;
    height: 30px;
    z-index: 1;
    perspective: 1000;
}

.select_each_pupils #flip_card:hover #f1_card {
    transform: rotateY(180deg);
}

.select_each_pupils #flip_card.no_hover:hover #f1_card {
    transform: rotateY(0deg);
}

.select_each_pupils #f1_card {
    transform-style: preserve-3d;
    transition: all 0.2s linear;
}

.select_each_pupils .face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.select_each_pupils .face.back {
    display: block;
    transform: rotateY(180deg);
    text-align: center;
}

.select_each_pupils .face.back.toggle_rotate {
    transform: rotateY(0deg);
}

/* End FLIP Card */

/*
 * DATATABLES
 */
.dataTables_filter {
    margin-bottom: 5px;
}

.tableview tr th {
    color: #000;
    vertical-align: middle;
}

/*
 * admin > dev > query-runner.php
 */
#new_query {
    margin-bottom: -28px;
    float: left;
    position: relative;
    z-index: 1;
}

#show_queries table thead th:last-child {
    cursor: default;
}

#show_queries table thead td {
    white-space: nowrap;
}

#show_queries table thead td:nth-child(2) {
    text-align: left;
}

#show_queries table thead .btn {
    padding: 2px 10px;
}

#show_queries table thead tr:last-child {
    border-bottom: 1px solid #333;
}

.cke_chrome {
    border: 1px solid #ccc;
}

/* grid */
.col-3 {
    float: left;
    width: 25%;
}

.col-6 {
    float: left;
    width: 50%;
}

.col-9 {
    float: left;
    width: 75%;
}

.col-12 {
    float: left;
    width: 100%;
}

.col-3,
.col-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

/* end grid */

form .form-group {
    margin-bottom: 10px;
}

form .form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

form .form-group .form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
}

input.blue {
    color: #0ba5ec;
}

input.wide {
    width: 100%;
    box-sizing: border-box;
}

/** langtab stuff **/
.langtab {
    background: none;
    border: none;
    padding: 0;
}

.langtab .ui-widget-header {
    background: none;
    border: none;
}

.langtab .ui-state-default a,
.langtab .ui-state-default a:link,
.langtab .ui-state-default a:visited {
    color: #333;
    background: none;
    font-weight: normal;
}

.langtab .ui-state-active a,
.langtab .ui-state-active a:link,
.langtab .ui-state-active a:visited {
    background: #fff;
}

.langtab.ui-tabs .ui-tabs-nav {
    padding: 0;
}

.langtab.ui-tabs .ui-tabs-panel {
    padding: 10px;
    border: 1px solid #ccc;
}

/* noutati */
.table_results .stire_thumb {
    width: 60px;
    height: auto;
}

.table_results.stiri td {
    vertical-align: top;
    padding: 10px;
}

.table_results.stiri td iframe {
    height: 200px;
    width: auto;
    display: block;
}

.table_results.admitere .logo {
    width: 70px;
}

.table_results.admitere td.td_logo {
    max-width: 150px;
}

.table_results.admitere .logo_wrapp {
    min-height: 200px;
    max-height: 200px;
    overflow: hidden;
    width: 240px;
    height: 100%;
    border: 1px dashed #ccc;
    background: #eaecf0;
    text-align: center;
    position: relative;
}

.table_results.admitere .logo_wrapp .add_logo {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100;
}

.table_results.admitere .logo_wrapp img {
    width: auto;
    height: 200px;
}

.table_results.admitere .cover_wrapp {
    min-height: 200px;
    max-height: 200px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px dashed #ccc;
    background: #eaecf0;
    text-align: center;
    position: relative;
}

.table_results.admitere .cover_wrapp .add_cover {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100;
}

.table_results.admitere .logo_wrapp .placeholder,
.table_results.admitere .cover_wrapp .placeholder {
    display: block;
    text-align: center;
    font-size: 40px;
    position: relative;
    top: 85px;
    color: #ccc;
}

.table_results.admitere .cover {
    min-height: 200px;
    max-height: 200px;
    width: 100%;
    height: 100%;
    background-size: 100%;
}

.table_results.admitere .thumb-logo {
    width: 45px;
    height: 45px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.table_results.admitere .thumb-logo img {
    width: 100%;
    height: auto;
}

.dataTables_wrapper .dataTables_filter input {
    padding: 5px !important;
}

#fileUploaded {
    width: 240px;
    text-align: center;
    border: 1px solid #ccc;
    position: relative;
    height: 250px;
    overflow: hidden;
}

#fileUploaded .icon-remove-filled {
    font-size: 18px;
    position: absolute;
    top: 5px;
    right: 5px;
}

#browse_add_picture {
    padding: 5px 0 !important;
    width: 240px;
    margin-top: 40%;
}

.searchbox_right {
    max-width: 300px;
    width: 100%;
    margin-left: auto;
}

/* HEADER && FOOTER */
#footer {
    box-sizing: border-box;
    background-color: #0b4a6f;
    color: #fff;
    position: relative;
    font-size: 12px;
    padding: 10px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#footer .footer-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #ccc;
}

#footer .footer-bottom,
#footer .footer-bottom .wrapper {
    width: 100%;
    display: flex;
}

#footer a {
    color: #ccc;
    text-decoration: none;
    font-size: 12px;
    margin-right: 25px;
    cursor: pointer;
}

#footer .footer-links .terms-mobile {
    display: none;
}

#footer a:last-child {
    margin-right: 0;
}

#footer .langselector {
    width: 110px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: bottom;
    height: 40px;
    padding-right: 30px;
    border-right: 2px solid #0086c9;
    margin-right: 20px;
}

#footer .langselector ._icon {
    font-size: 17px;
    color: #fff;
}

#footer .langselector .select2-container {
    max-height: 20px;
    font-size: 14px;
}

#footer .langselector .select2-container--default .select2-selection--single {
    border: 0;
    margin-bottom: 15px;
    text-align: center;
    background: transparent;
    max-height: 30px;
}

#footer .langselector .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

#footer .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 22px;
    text-align: left;
    color: #fff;
}

@media all and (max-width: 767px) {
    #footer .footer-links .terms-mobile {
        display: inline-block;
    }

    #footer .footer-links .terms-web {
        display: none;
    }

    #footer .langselector {
        text-align: center;
    }
}

#footer .langselector a {
    color: #0ba5ec;
    display: inline-block;
    padding: 2px 7px 5px 7px;
}

#footer .langselector div {
    display: inline-block;
}

#footer .langselector div .delimiter {
    color: #000;
}

#footer .langselector div:last-child .delimiter {
    display: none;
}

#footer .langselector div.active a {
    text-decoration: underline;
}

#footer .contacts {
    margin-right: 30px;
    text-align: right;
}

#unsubscribe {
    margin: 40px;
    color: #333;
}

#unsubscribe .h3_title {
    color: #333;
    text-align: left;
}

#unsubscribe .h3_subtitle {
    font-size: 14px;
    text-align: left;
}

#unsubscribe textarea {
    min-width: 500px;
    max-width: 500px;
}

#unsubscribe .social-icons {
    margin-top: 10px;
}

#unsubscribe .social-icons li {
    margin: 0 5px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

#unsubscribe .social-icons li a {
    font-size: 44px;
    color: #999;
}

#unsubscribe .social-icons li a:hover {
    color: #333;
}

.termeni_conditii {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    vertical-align: top;
}

.termeni_conditii .wrapp {
    padding: 15px 30px;
    background: #fff;
    border: 1px solid #eaecf0;
    max-width: 1600px;
    margin: 0 auto;
    display: block;
}

.termeni_conditii #followbox {
    position: fixed;
    background: url("/images/site/patterns/white-pattern-bg70.png");
    bottom: 0px;
    z-index: 999;
    padding: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 550px;
}

.termeni_conditii p {
    font-size: 12px;
}

.termeni_conditii ol {
    padding-left: 40px;
}

.termeni_conditii ul {
    padding-left: 40px;
}

.termeni_conditii li {
    margin-bottom: 10px;
    font-size: 12px;
}

.confidentialitate {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    vertical-align: top;
}

.confidentialitate .wrapp {
    padding: 15px 30px;
    background: #fff;
    border: 1px solid #eaecf0;
    max-width: 1600px;
    margin: 0 auto;
    display: block;
}

.confidentialitate > div {
    margin-bottom: 30px;
}

.confidentialitate p {
    font-size: 12px;
}

.confidentialitate ol {
    padding-left: 40px;
}

.confidentialitate ul {
    padding-left: 40px;
}

.confidentialitate li {
    margin-bottom: 10px;
    font-size: 12px;
}

.cookies {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    vertical-align: top;
}

.cookies .wrapp {
    padding: 15px 30px;
    background: #fff;
    border: 1px solid #eaecf0;
    max-width: 1600px;
    margin: 0 auto;
    display: block;
}

/* END HEADER && FOOTER */

/* sincronizare catalog */
.sync-dashboard-wrap {
    height: 214px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.sincronizare .page_title {
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
}

.sincronizare .observatii {
    width: 100%;
    height: 100px;
    margin: 0;
    box-sizing: border-box;
}

.sincronizare .istoric-panel {
    width: 100%;
}

.counter_no_homework {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 1px 6px;
    border-radius: 100%;
    background: #f04438;
    color: #fff;
}

.title_print {
    display: none;
}

@media print {
    .header-loader {
        display: none;
    }

    .foaie-matricola input,
    .foaie-matricola textarea {
        background: transparent;
    }

    .foaie-matricola .start-page {
        margin-top: 0;
    }

    .foaie-matricola {
        width: 97%;
        margin: 0 0 0 3%;
    }

    .foaie-matricola input[type="text"] {
        border: 0px;
        border-bottom: 1px solid #000;
        border-radius: 0;
        padding: 0;
        color: #000;
    }

    .foaie-matricola .select2-container .select2-choice {
        border: 0px;
        font-size: 16px;
        color: #000;
    }

    .foaie-matricola .select2-container .select2-choice > div {
        display: none;
    }

    .foaie-matricola .select2-container .select2-choice > span {
        margin-right: 0;
    }

    .foaie-matricola .input-mentiuni {
        border: 0;
        max-height: 115px;
        color: #000;
        padding-left: 0;
        padding-right: 0;
        position: absolute;
        top: -3px;
    }

    .foaie-matricola .info-liceu {
        border: 0;
        color: #000;
        padding-left: 0;
        padding-right: 5px;
    }

    .foaie-matricola .underline {
        border-bottom: 1px solid #000;
        display: block;
    }

    table.tableview.orar.view {
        display: table;
    }

    .header_ntabs,
    .mesaj-primit-options,
    .mesaj-primit-respond,
    .mesaj-primit-forward,
    .accordionview.orar,
    #orar-accordion,
    .ui-accordion-content,
    .accordionview.orar .ui-widget-content,
    .print_btn,
    .print-display-none,
    .title_print .select2-container--default .select2-selection--single .select2-selection__arrow {
        display: none;
    }

    .mesaj-primit {
        border-bottom: none;
    }

    .panel-wide {
        border: none;
    }

    #global-site-content {
        background: #fff;
    }

    .list-page-break {
        page-break-after: always;
    }

    #fisa_elevului-continut .lista_note > div {
        font-size: 9px;
        width: 65px;
    }

    #fisa_elevului-continut strong {
        font-size: 12px;
        width: 28px;
    }

    .title_print {
        display: block;
    }

    .title_print .select2-container--default .select2-selection--single {
        border: 0;
    }

    .table_materie table,
    .table_menu .table_sem {
        page-break-before: always;
        page-break-inside: avoid;
    }

    .ui-dialog-titlebar-close {
        display: none;
    }

    .ui-dialog.modal {
        border-left: none;
        display: block;
        top: 0 !important;
        left: 0 !important;
        height: 100% !important;
        width: 100% !important;
    }

    [type="radio"]:checked:before {
        content: "\2022";
        position: absolute;
        border-radius: 100%;
        left: 1px;
        top: 0px;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
        z-index: 2;
        font-size: 51px;
        line-height: 22px;
        background: #fff;
    }
}

@media screen and (max-width: 768px) {
    #toate_clasele .arrow {
        bottom: -48px;
    }

    .lista_clase .grupa #adauga_grupa {
        width: 120px;
        height: 100%;
        font-size: 12px;
        position: relative;
        top: 2px;
    }
}

.tableview ._absente li {
    position: relative;
}

.tableview ._note li {
    width: 47px;
    height: 43px;
    list-style-type: none;
    position: relative;
    float: left;
    margin: 0 3px 0 0;
}

.tableview ._note .box-nota,
.epRow .box-nota {
    width: 33px;
    height: 31px;
    border: 1px solid #e4e4e4;
    padding: 5px 5px 5px 4px;
    text-align: center;
    font-size: 28px;
    line-height: 33px;
    cursor: pointer;
    font-family: "Dancing Script", cursive;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px #e2e2e2;
    -webkit-box-shadow: 1px 1px #e2e2e2;
    box-shadow: 1px 1px #e2e2e2;
}

.tableview ._note .box-nota.sn-buline,
.epRow .box-nota.sn-buline {
    width: 40px;
    height: 40px;
    padding: 0;
}

.tableview._desktop ._note .box-nota sup {
    position: absolute;
    top: -3px;
    right: 6px;
}

.tableview._mobile ._note .box-nota sup {
    position: absolute;
    top: -6px;
    right: 3px;
}

.tableview ._note .box-nota span,
.epRow .box-nota span {
    line-height: inherit;
}

.tableview ._note .box-nota .small,
.epRow .box-nota .small {
    font-size: 14px;
}

.tableview ._note ul > li.active .box-nota,
.tableview ._note .box-nota:hover {
    background: #fffbf8;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.tableview ._note ul > li.active .social-tooltip {
    display: block;
}

.tableview ._materie,
.tableview ._note,
.tableview ._absente {
    text-align: left;
}

.tableview ._ascultare,
.tableview ._medie,
.tableview ._activitate {
    text-align: center;
}

.tableview ._materie {
    padding-left: 0 !important;
    width: 31%;
}

.tableview ._note .box-nota.box_nota_scutit {
    font-size: 16px;
    line-height: 29px;
}

.tableview ._activitate {
    width: 10%;
}

.tableview ._activitate span {
    vertical-align: middle;
}

.tableview ._activitate .plus,
.listare-note ._activitate .minus {
    height: 20px;
    font-size: 17px;
    color: #d0d5dd;
}

.tableview ._activitate .number {
    display: inline-block;
    color: #1d2939;
    font-size: 14px;
    width: 20px;
    text-align: right;
    padding: 5px 0;
}

/* end mobile VIEW  */
.tableview td.checkable {
    position: relative;
}

.tableview td.checkable label {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.exemption_img {
    width: 44px;
    vertical-align: middle;
    display: inline-block;
}

.text_uppercase {
    text-transform: uppercase;
}

.title_capitalize {
    text-transform: capitalize;
}

/* transferuri elevi */
.transfer-clasa-wrapper {
    margin-top: 20px;
    display: none;
}

.transfer-clasa {
    margin-top: 20px;
}

.transfer-clasa .td-bkg {
    background: #eaecf0;
}

.transfer-clasa tr:hover .td-bkg {
    background: #f2f2f2;
}

.transfer-clasa td a {
    color: #00abdb;
}

.transfer-clasa theader th,
.transfer-clasa tbody tr td {
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
}

.transfer-clasa label {
    font-size: inherit;
    margin: 0;
}

.transfer-clasa td:nth-child(2),
.transfer-clasa td:nth-child(3) {
    color: #999;
}

.transfer-materii-wrapper,
.transfer-ani-wrapper {
    margin-top: 20px;
    display: none;
}

.pas {
    color: #666;
    font-size: 15px;
    margin-bottom: 10px;
}

.pas span:first-child {
    color: #fff;
    background: #9e9e9e;
    padding: 3px 5px;
    border-radius: 3px;
}

.dotted {
    display: block;
    width: 100%;
    background: url(/images/patterns/title_separator.png) right repeat-x;
}

.dotted * {
    background: #fff;
}

.dotted *:last-child {
    padding: 0 10px 0 5px;
}

.dotted.height-1px {
    height: 1px;
}

/* end transferuri elevi */

#intclass {
    text-align: center;
}

#intclass a {
    display: inline-block;
    width: 175px;
    vertical-align: top;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    text-align: center;
    margin: 0 10px 10px 10px;
}

#intclass a.active {
    width: 80%;
}

#intclass a.active img {
    display: none;
}

#intclass a img {
    width: 175px;
    height: 120px;
    margin-bottom: 10px;
}

/* clasa dirigentie */
.no-touch .clasa_diriginte table tbody ._elev-touch-info {
    height: 45px;
}

.clasa_diriginte #lista-elevi ._catalog {
    width: 6%;
    padding: 0 0.5%;
}

.clasa_diriginte #lista-elevi ._scutiri {
    width: 11%;
    padding: 0 0.5%;
}

.clasa_diriginte #lista-elevi ._avertismente {
    width: 18%;
    padding: 0 0.5%;
}

.clasa_diriginte #lista-elevi ._absente {
    width: 15%;
    padding: 0 0.5%;
}

.clasa_diriginte #lista-elevi ._purtare {
    width: 12%;
    padding: 0 0.5%;
}

.clasa_diriginte #lista-elevi ._medii {
    width: 9%;
    padding: 0 0.5%;
}

.clasa_diriginte #lista-elevi thead span {
    border-color: #ffc639;
}

.clasa_diriginte #lista-elevi ._elev-touch-info {
    border-color: #fcedc8;
}

.clasa_diriginte #lista-elevi ._elev-touch-info .tbutton {
    color: #666;
    padding: 0 4px;
}

.clasa_diriginte #lista-elevi ._elev-touch-info .tbutton.one-row {
    padding: 11px 0;
}

.clasa_diriginte #lista-elevi ._elev-touch-info .tbutton.two-row {
    padding: 2px 10px;
}

.clasa_diriginte #lista-elevi ._elev-touch-info ._absente .tbutton .text {
    position: relative;
    top: 2px;
    left: -8px;
}

.clasa_diriginte #lista-elevi ._elev-touch-info ._purtare .tbutton .text {
    position: relative;
    top: 11px;
    left: -9px;
    margin-left: 10px;
}

.clasa_diriginte #lista-elevi tr:hover .hidelabel {
    display: none;
}

.clasa_diriginte #lista-elevi tr:hover ._catalog .tbutton {
    color: #666;
    border-color: #666;
    display: block;
}

/*.touch .clasa_diriginte #lista-elevi ._elev-touch-info {display: block;}*/
.touch .clasa_diriginte #lista-elevi ._elev-touch-info .nr-scutiri,
.touch .clasa_diriginte #lista-elevi ._elev-touch-info .nr-avertismente,
.touch .clasa_diriginte #lista-elevi ._elev-touch-info .nr-absente,
.touch .clasa_diriginte #lista-elevi ._elev-touch-info .nota-purtare {
    height: 26px;
    padding: 16px 0 0 0;
    vertical-align: top;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

.touch .clasa_diriginte #lista-elevi ._elev-touch-info.active .hidelabel {
    display: none;
}

.touch .clasa_diriginte #lista-elevi ._elev-touch-info.active .tbutton {
    color: #707070;
    border: 1px solid #666;
    display: block;
}

.touch .clasa_diriginte #lista-elevi ._elev-touch-info.active .tbutton ._creion {
    background-position: -63px -98px;
}

.touch .clasa_diriginte #lista-elevi ._elev-touch-info.active .tbutton ._stilou {
    background-position: -75px -148px;
}

/* end clasa diriginte */

/* start catalog elev */
.vizualizare-catalog {
    margin-bottom: 10px;
}

.vizualizare-catalog a {
    padding: 3px 7px;
    border-radius: 3px;
    color: #fff;
    background-color: #aaa;
}

.vizualizare-catalog a:hover,
.vizualizare-catalog a.active {
    background-color: #555;
}

.vizualizare-catalog .mod-liniar {
    width: 1px;
    height: 5px;
    margin-right: 5px;
    margin-bottom: 3px;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    background-color: transparent;
    display: inline-block;
}

.vizualizare-catalog .mod-bloc {
    width: 10px;
    height: 1px;
    margin-right: 5px;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background-color: transparent;
    display: inline-block;
}

.table_menu,
.table_sem,
.table_materie {
    float: left;
}

.table_menu {
    width: 78px;
}

.table_sem {
    width: 78px;
}

.table_sem table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border: 1px solid #999;
    color: #333;
    font-size: 11px;
    line-height: 1em;
    text-align: center;
}

.table_sem table thead tr th {
    padding: 5px;
    border: 1px solid #999;
    color: #fff;
    background-color: #2da5dd;
}

.table_sem table tbody tr td {
    padding: 5px;
    border: 1px solid #999;
    background-color: #fff;
}

.table_sem table tfoot tr td {
    padding: 3px 2px;
    background-color: #ddd;
}

#wrapper_catalog._afisarePeUnRand {
    height: 750px;
    margin-left: 78px;
    overflow-x: auto;
    overflow-y: hidden;
}

#wrapper_catalog {
    margin-left: 78px;
    overflow: auto;
}

.sincronizare #wrapper_catalog {
    margin-left: 0;
    overflow: visible;
}

#wrapper_catalog .table_materie > table,
#wrapper_catalog > .table_materie {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border: 1px solid #999;
    color: #333;
    font-size: 11px;
    line-height: 1em;
    text-align: center;
}

#wrapper_catalog .table_materie {
    width: 180px;
}

.sincronizare #wrapper_catalog .table_materie {
    width: 20%;
    border-collapse: collapse;
    min-height: 350px;
}

.sincronizare #wrapper_catalog .table_materie:nth-child(5n + 2) td {
    background: #f2f4f7;
}

.sincronizare #wrapper_catalog .table_materie:nth-child(5n + 4) td {
    background: #f2f4f7;
}

@media screen and (max-width: 1367px) {
    .sincronizare #wrapper_catalog .table_materie {
        width: 25%;
    }

    .sincronizare #wrapper_catalog .table_materie:nth-child(5n + 2) td {
        background: #fff;
    }

    .sincronizare #wrapper_catalog .table_materie:nth-child(5n + 4) td {
        background: #fff;
    }

    .sincronizare #wrapper_catalog .table_materie:nth-child(even) td {
        background: #f2f4f7;
    }
}

#wrapper_catalog .table_materie > thead > tr > th,
#wrapper_catalog.catalog_elev .table_materie thead tr th {
    padding: 5px;
    color: #fff;
    font-size: 12px;
    border: 1px solid #999;
    background-color: #2da5dd;
}

.sincronizare #wrapper_catalog .table_materie thead > tr > th {
    padding: 0;
}

#wrapper_catalog .table_materie > tbody > tr > td,
#wrapper_catalog.catalog_elev .table_materie tbody tr td {
    padding: 5px;
    border: 1px solid #999;
    background-color: #fff;
}

#wrapper_catalog .table_materie tfoot tr td {
    padding: 3px 2px;
    background-color: #ddd;
}

#wrapper_catalog .table_materie .rubrica_absente {
    width: 110px;
    padding: 5px 3px;
    text-align: left;
    vertical-align: top;
}

#wrapper_catalog .table_materie .rubrica_absente > a {
    width: 100%;
    display: block;
}

#wrapper_catalog .table_materie .rubrica_absente > a._absente {
    height: 210px;
    overflow-y: auto;
    padding-right: 3px;
    box-sizing: border-box;
}

#wrapper_catalog .table_materie .rubrica_absente .catalog_absent {
    border: 1px solid transparent;
    color: #333;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

#wrapper_catalog .table_materie .rubrica_absente .catalog_absent._motivat {
    border-color: #aaa;
}

#wrapper_catalog .table_materie .rubrica_absente .catalog_absent .luna {
    color: #999;
}

#wrapper_catalog .table_materie .rubrica_note {
    width: 61px;
    text-align: left;
    vertical-align: top;
}

#wrapper_catalog .table_materie .rubrica_note > a {
    width: 100%;
    display: block;
}

#wrapper_catalog .table_materie .rubrica_note > a._note {
    height: 180px;
    overflow-y: auto;
    padding-right: 3px;
    box-sizing: border-box;
}

#wrapper_catalog .table_materie .rubrica_absente > a._absente::-webkit-scrollbar,
#wrapper_catalog .table_materie .rubrica_note > a._note::-webkit-scrollbar {
    width: 5px;
}

#wrapper_catalog .table_materie .rubrica_absente > a._absente::-webkit-scrollbar-track,
#wrapper_catalog .table_materie .rubrica_note > a._note::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}

#wrapper_catalog .table_materie .rubrica_absente > a._absente::-webkit-scrollbar-thumb,
#wrapper_catalog .table_materie .rubrica_note > a._note::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

#wrapper_catalog .table_materie .rubrica_absente > a._absente::-webkit-scrollbar-thumb:hover,
#wrapper_catalog .table_materie .rubrica_note > a._note::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

#wrapper_catalog .table_materie .rubrica_note .catalog_nota {
    width: 55px;
    color: #2da5dd;
    font-size: 12px;
    text-align: right;
    white-space: nowrap;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

#wrapper_catalog .table_materie .rubrica_note .catalog_nota img {
    width: 20px;
    vertical-align: middle;
}

#wrapper_catalog .table_materie .rubrica_note .catalog_nota .data_nota:before {
    content: " | ";
}

#wrapper_catalog .table_materie .rubrica_note .catalog_nota .data_nota {
    color: #999;
    font-size: 11px;
}

#wrapper_catalog .catalog_rand_2 .scutit {
    position: relative;
    top: -150px;
    color: #999;
    transform: rotate(-45deg);
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 8px;
}

.catalog_teza,
.catalog_teza .catalog_nota {
    color: #f00;
    font-size: 15px;
    position: relative;
}

.catalog_teza a {
    height: 100%;
    display: block;
}

.sincronizare .catalog_teza .data_nota {
    display: none;
}

.catalog_testare_speciala {
    color: #333;
    margin: 5px 0 0;
    border-top: 1px dashed #999;
    display: block;
}

.catalog_medie {
    color: #f00;
    font-size: 12px;
}

.sincronizare .catalog_medie {
    color: #656565;
}

.sincronizare .catalog_medie span {
    display: inline-block;
    width: 28%;
}

.sincronizare .catalog_medie span:last-child {
    width: 40%;
}

.catalog_medie_anuala {
    color: #f00;
    font-size: 13px;
    font-weight: 700;
}

.catalog_teste_speciale span {
    display: block;
}

.catalog_rand_0 {
    height: 35px;
    position: relative;
}

.catalog_rand_1 {
    height: 10px;
    padding: 0 !important;
}

.catalog_rand_2 {
    height: 24px;
}

.catalog_rand_3 {
    height: 180px;
}

.table_sem .catalog_rand_3 {
    height: 177px;
}

.table_sem .bb_white {
    border-bottom: 1px solid #fff;
}

.table_sem .bt_white {
    border-top: 1px solid #fff;
    height: 19px;
}

.sincronizare .catalog_rand_3 {
    min-height: 177px;
    height: auto;
}

.catalog_rand_4 {
    min-height: 200px;
    height: 200px;
}

.catalog_rand_1 a {
    color: #333;
    display: block;
    padding: 3px 0;
    width: 100%;
    height: 100%;
    line-height: 1em;
}

.catalog_rand_1 a {
    position: relative;
}

.catalog_rand_0 ._icon,
.catalog_rand_1 a ._icon {
    position: absolute;
    right: 5px;
    top: 1px;
}

.catalog_rand_0 ._icon {
    color: #fff;
    top: 6px;
    display: none;
}

.catalog_rand_0:hover ._icon,
.catalog_rand_0 ._icon.active {
    display: initial;
}

.sincronizare .text-scutit {
    font-size: 10px;
    display: none;
}

.sincronizare .scutit .text-scutit {
    display: inline;
}

#footer_catalog_elev table {
    width: 100%;
    border-collapse: collapse;
}

#footer_catalog_elev thead th {
    border: 2px solid #fff;
    color: #fff;
    font-weight: 500;
    text-align: center;
    background-color: #2ea5dd;
}

#footer_catalog_elev thead th.ctlg_elev_colMedie {
    background-color: #666;
}

#footer_catalog_elev tbody td {
    color: #333;
    text-align: right;
    background-color: #fff;
    text-align: right;
}

#footer_catalog_elev tbody td:nth-child(odd) {
    width: 14%;
}

#footer_catalog_elev tbody.equals td {
    width: auto;
    text-align: center;
}

#footer_catalog_elev tbody td {
    padding: 4px;
    text-align: right;
}

#footer_catalog_elev tbody td .ctlg_elev_cifre {
    width: 25px;
    color: #2ea5dd;
    text-align: right;
    text-wrap: nowrap;
}

#footer_catalog_elev tbody td .ctlg_elev_cifre._medie {
    width: 40px !important;
}

.sincronizare #wrapper_catalog .rubrica_absente {
    width: auto;
}

.sincronizare #wrapper_catalog .rubrica_note {
    width: 105px;
}

.sincronizare #wrapper_catalog tr.hide-teza {
    height: 0;
    overflow: hidden;
}

.sincronizare #wrapper_catalog tr.hide-teza .catalog_teza {
    display: none;
}

.sincronizare #wrapper_catalog .rubrica_absente > a {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    height: auto;
    width: auto;
    padding: 2px;
    margin: 2px 1px;
}

.sincronizare #wrapper_catalog .rubrica_absente a._azi {
    background-color: #fff8e1;
}

.sincronizare #wrapper_catalog .rubrica_note > a {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    height: auto;
    width: auto;
    padding: 2px;
    margin: 2px 1px;
}

.sincronizare #wrapper_catalog .rubrica_note a.catalog_nota:hover,
.sincronizare #wrapper_catalog a.catalog_absent:hover {
    background-color: none;
    cursor: default;
}

.sincronizare #wrapper_catalog .rubrica_note a.catalog_nota,
.sincronizare #wrapper_catalog .rubrica_note a.catalog_nota .data_nota {
    font-size: 14px;
}

.sincronizare #wrapper_catalog .rubrica_note a.catalog_nota {
    font-weight: bold;
    width: auto;
    cursor: pointer;
}

.sincronizare #wrapper_catalog .catalog_teza a.catalog_nota {
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
}

.sincronizare #wrapper_catalog .catalog_teza a.catalog_nota._azi {
    background-color: #fff8e1;
}

.sincronizare #wrapper_catalog .rubrica_note a.catalog_nota .data_nota {
    font-weight: normal;
}

.sincronizare #wrapper_catalog .rubrica_note a._azi {
    background-color: #fff8e1;
}

.sincronizare #wrapper_catalog .rubrica_note form,
.sincronizare #wrapper_catalog .rubrica_absente form,
.sincronizare #wrapper_catalog .catalog_teza form {
    display: none;
}

.sincronizare #wrapper_catalog .table_materie.active_note .rubrica_note form {
    display: block;
    position: relative;
    margin-top: 15px;
    text-align: center;
}

.sincronizare #wrapper_catalog .table_materie.active_teza .catalog_teza form {
    display: block;
}

.sincronizare #wrapper_catalog .table_materie.active_absente .rubrica_absente form {
    display: block;
    position: relative;
    text-align: center;
    margin-top: 15px;
}

.sincronizare #wrapper_catalog .table_materie.active_note > thead > tr > th,
.sincronizare #wrapper_catalog .table_materie.active_teza > thead > tr > th,
.sincronizare #wrapper_catalog .table_materie.active_absente > thead > tr > th {
    background-color: #0086c9;
}

.sincronizare #wrapper_catalog .datepick {
    position: absolute;
    z-index: 100;
    left: -30px;
}

.sincronizare #wrapper_catalog .table_materie:nth-child(5n + 5) .rubrica_note .datepick {
    left: -88px;
}

@media screen and (max-width: 1367px) {
    .sincronizare #wrapper_catalog .table_materie:nth-child(5n + 5) .rubrica_note .datepick {
        left: -30px;
    }

    .sincronizare #wrapper_catalog .table_materie:nth-child(4n + 4) .rubrica_note .datepick {
        left: -88px;
    }
}

@media screen and (max-width: 992px) {
    .sincronizare .sincronizare-clasa-secretar .sincronizare-clasa-secretar-istoric {
        float: none;
        width: 100% !important;
        margin-left: 0 !important;
        order: 4;
        margin-top: 30px;
    }

    .sincronizare .sincronizare-clasa-secretar .sincronizare-clasa-secretar-elevi {
        width: 100% !important;
        order: 1;
    }

    .sincronizare .sincronizare-clasa-secretar .sincronizare-clasa-secretar-observatii {
        width: 100% !important;
        order: 2;
    }

    .sincronizare .sincronizare-clasa-secretar .sincronizare-clasa-secretar-scutiri {
        width: 100% !important;
        order: 3;
    }

    .sincronizare .sincronizare-clasa-secretar .sincronizare-clasa-secretar-scutiri .sync-dashboard-wrap {
        max-height: 214px;
        height: auto;
    }

    .sincronizare .sincronizare-clasa-secretar {
        display: flex;
        flex-direction: column;
    }
}

.sincronizare .absent-fast .abs-motivat-fast + label:before {
    top: 6px;
}

.sincronizare .absent-fast .abs-motivat-fast {
    margin-left: 10px;
}

input.nota-fast,
input.teza-fast,
input.nota-data-fast,
input.abs-data-fast {
    font-size: 15px;
    padding: 2px;
    text-align: center;
}

input.nota-fast,
input.teza-fast {
    color: #2da5dd;
    width: 20px;
    font-weight: bold;
}

input.teza-fast {
    color: #f00;
}

select.nota-fast {
    color: #2da5dd;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    margin: 0;
    margin-bottom: 2px;
    width: 40px;
    padding: 2px 0 1px 0;
}

input.nota-data-fast,
input.abs-data-fast {
    width: 50px;
}

/* END listare elevi */

/* selector perioade elev/parinti */
.perioada-select {
    margin-bottom: 30px;
}

.perioada-select .title {
    text-align: center;
    font-size: 16px;
    color: #98a2b3;
    margin: 10px 0 0 0;
}

.perioada-select .title small {
    display: block;
    padding-top: 3px;
}

.perioada-select .periods {
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
}

.perioada-select .periods a {
    color: #333;
}

.perioada-select .periods a:hover,
.perioada-select .periods a.active {
    color: #0ba5ec;
}

.perioada-select > a,
.perioada-select > div.prev,
.perioada-select > div.next {
    display: inline-block;
    height: 45px;
    padding-top: 5px;
    font-size: 12px;
    text-align: center;
}

.perioada-select a.prev,
.perioada-select a.next,
.perioada-select div.prev,
.perioada-select div.next {
    width: 5%;
}

.perioada-select a.tot-anul {
    width: 90%;
    margin: 0 5% 10px 5%;
    border-bottom: 1px solid #ccc;
    height: auto;
    text-align: right;
}

.perioada-select a.tot-anul.active,
.perioada-select a.tot-anul.active:hover {
    border-bottom-color: #01abdb;
    color: #01abdb;
}

.perioada-select a.tot-anul:hover {
    color: #666;
    border-bottom-color: #666;
}

.perioada-select .line {
    display: block;
    float: left;
    width: 100%;
    background: #d0d5dd;
    height: 10px;
    position: relative;
}

.perioada-select .line .line-active {
    background: #01abdb;
    height: 10px;
    width: 100%;
    display: block;
    position: relative;
}

.perioada-select .mark {
    position: absolute;
    top: -5px;
    font-size: 12px;
}

.perioada-select .mark .mark-arrow {
    display: none;
    text-align: center;
}

.perioada-select .mark .mark-line {
    display: block;
    width: 5px;
    height: 20px;
    background: #d0d5dd;
}

.perioada-select .active .mark {
    color: #01abdb;
}

.perioada-select .active .mark .mark-line,
.perioada-select a.active:hover .mark .mark-line {
    background: #01abdb;
}

.perioada-select .active .mark .mark-arrow {
    display: block;
    color: #01abdb;
}

.perioada-select .mark-progress {
    position: absolute;
    right: -16px;
    z-index: 3;
    top: -34px;
    width: 30px;
    border-radius: 50%;
}

.perioada-select .mark-progress-img {
    left: -3px;
    top: -5px;
    position: absolute;
    z-index: 3;
    width: 30px;
    border: 3px solid #fff;
    border-radius: 50%;
    height: 30px;
}

.perioada-select .mark-progress-pin:before {
    content: "\e915";
    font-family: "Adservio";
    color: #333;
    top: 17px;
    font-size: 37px;
    position: absolute;
    left: -4px;
}

.perioada-select a.prev .line,
.perioada-select a.next .line {
    width: 100%;
    float: right;
    max-width: 40px;
    min-width: 30px;
}

.perioada-select a.prev .arrow,
.perioada-select a.next .arrow {
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 1;
    color: #d0d5dd;
}

.perioada-select a.next .line {
    float: left;
}

.perioada-select a.next .arrow {
    right: -5px;
    left: auto;
}

.perioada-select a:hover .line {
    background: #666;
    color: #666;
}

.perioada-select a:hover .line .mark-line {
    background: #666;
}

.perioada-select a.prev:hover .arrow,
.perioada-select a.next:hover .arrow {
    color: #666;
}

.perioada-select a.semestru.hover_mark[data-title]:hover:after,
.perioada-select .title:hover ~ a.next[data-title]:after,
.perioada-select .title:hover ~ a.prev[data-title]:after,
.perioada-select a.next[data-title]:hover:after,
.perioada-select a.prev[data-title]:hover:after,
.perioada-select .mark-progress.hover_mark[data-title]:hover:after {
    content: attr(data-title);
    z-index: 200;
    font-size: 11px;
    color: #fff;
    background: #666;
    padding: 6px 3px;
    text-align: center;
    border-radius: 5px;
    letter-spacing: -0.2px;
    position: absolute;
    left: -20px;
}

.perioada-select a.semestru.hover_mark[data-title]:hover:after {
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: -40px;
    width: 80px;
}

.perioada-select .title:hover ~ a.next[data-title]:after,
.perioada-select .title:hover ~ a.prev[data-title]:after,
.perioada-select a.next[data-title]:hover:after,
.perioada-select a.prev[data-title]:hover:after {
    top: -40px;
    width: 80px;
}

.perioada-select .mark-progress.hover_mark[data-title]:hover:after {
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    min-width: 120px;
    width: 100%;
}

.perioada-select .mark-progress.mark-progress-school.hover_mark[data-title]:hover:after {
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 280px;
}

.clasamente_custom .perioada-select a.prev,
.clasamente_custom .perioada-select a.next,
.clasamente_custom .perioada-select div.prev,
.clasamente_custom .perioada-select div.next {
    display: inline-block;
    float: none;
    width: 2%;
    height: 20px;
}

.clasamente_custom .perioada-select a.semestru.hover_mark[data-title]:hover:before,
.clasamente_custom .perioada-select .title:hover ~ a.next[data-title]:before,
.clasamente_custom .perioada-select .title:hover ~ a.prev[data-title]:before,
.clasamente_custom .perioada-select a.next[data-title]:hover:before,
.clasamente_custom .perioada-select a.prev[data-title]:hover:before,
.clasamente_custom .perioada-select .mark-progress.hover_mark[data-title]:hover:before {
    top: -18px;
    left: 100%;
}

.clasamente_custom .perioada-select .title:hover ~ a.prev[data-title]:after,
.clasamente_custom .perioada-select a.prev[data-title]:hover:after {
    left: -10px;
}

.clasamente_custom .perioada-select .title:hover ~ a.next[data-title]:after,
.clasamente_custom .perioada-select .title:hover ~ a.prev[data-title]:after,
.clasamente_custom .perioada-select a.next[data-title]:hover:after,
.clasamente_custom .perioada-select a.prev[data-title]:hover:after {
    top: -47px;
    right: -10px;
}

@media screen and (max-width: 1670px) {
    .perioada-select .mark-progress.hover_mark[data-title]:hover:after {
        right: -30px;
    }
}

.perioada-select a.semestru.hover_mark[data-title]:hover:before,
.perioada-select .title:hover ~ a.next[data-title]:before,
.perioada-select .title:hover ~ a.prev[data-title]:before,
.perioada-select a.next[data-title]:hover:before,
.perioada-select a.prev[data-title]:hover:before,
.perioada-select .mark-progress.hover_mark[data-title]:hover:before {
    top: -10px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-top-color: #666;
    border-width: 10px;
    margin-left: -10px;
    z-index: 50;
}

.perioada-select .title:hover ~ a.next[title]:before,
.perioada-select a.next[title]:hover:before {
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.perioada-select .title:hover ~ a.prev[title]:before,
.perioada-select a.prev[title]:hover:before {
    left: 75%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.perioada-select .title:hover ~ a.next[title]:after,
.perioada-select a.next[title]:hover:after {
    right: 0;
}

.perioada-select .title:hover ~ a.prev[title]:after,
.perioada-select a.prev[title]:hover:after {
    left: 0px;
}

/* END selector perioade elev/parinti

/* begin orar */
.tableview.orar tbody th {
    background: #ff9999;
    color: #fff;
    font-weight: normal;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 8px 2px;
}

.tableview.orar tbody tr th:first-child {
    background: #ffcccc;
    color: #000;
}

.tableview.orar tbody tr {
    background: transparent;
}

.tableview.orar tbody tr:hover {
    background: transparent;
}

.tableview.orar tr td {
    background: #f2f4f7;
    border: 1px solid #fff;
}

.tableview.orar tr td:hover,
.tableview.orar tr td.active {
    background: #f2f2f2;
}

.tableview.orar.edit tr td:hover {
    cursor: pointer;
}

.accordionview.orar {
    display: none;
}

.accordionview.orar .ui-accordion-header {
    background: #ccc;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    display: block;
    text-align: left;
    border: 0px;
}

.accordionview.orar .ui-widget-content {
    border: 0px;
}

.accordionview.orar .ui-accordion-header.ui-state-active {
    background: #0ba5ec;
    color: #fff;
}

.accordionview.orar .ui-icon {
    background-image: url(/images/jquery/ui-icons_222222_256x240.png);
}

.accordionview.orar .ui-state-active {
    background: #999;
}

.tabel-cell-orar {
    border-top: 1px solid #ffcccc;
    padding: 6px 7px 0px 7px;
    box-sizing: border-box;
}

.tableview.orar tbody tr td a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 7px 0 7px !important;
    color: initial;
}

.tableview.orar td .tabel-cell-orar:first-child {
    border-top: 0px;
    padding: 0px 7px 6px 7px;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .clasa_orar_edit {
        max-width: 100%;
        width: 100%;
        overflow: scroll;
    }

    .clasa_orar_edit .tableview.orar.edit th {
        position: sticky;
        width: 40px;
        min-width: 40px;
        max-width: 40px;
        left: -2px;
    }

    .touch .lista_elevi.clasa_diriginte .clasa_orar_edit table td {
        min-width: 50px;
    }
}

@media screen and (max-width: 480px) {
    .form_select_sio .select2-container {
        max-width: 100%;
    }
}

/* end orar */

/* CLASAMENTE */
.clasamente .selectors-panel {
    width: 100%;
    display: block;
    text-align: right;
    margin-right: 10px;
}

.clasamente .selectors-panel label {
    color: #98a2b3;
    font-size: 12px;
}

.clasamente .selectors-panel .select_materie {
    max-width: 300px;
    text-align: left;
}

.clasamente .info-block .title {
    color: #f79009;
    border-bottom: 2px solid #f0f9ff;
    line-height: 1em;
    margin-bottom: 10px;
}

.clasamente .info-block .title.small {
    font-size: 20px;
}

.clasamente .info-block .title span {
    color: #666666;
    line-height: 1em;
    padding: 7px 0;
}

.clasamente .clasamente_content_absente .info-block .title {
    font-size: 40px;
}

.clasamente .clasamente_content_absente .info-block .title span {
    font-size: 14px;
}

.clasamente .info-block.plot {
    width: 350px;
    display: block;
    margin: 0 auto;
}

.clasamente .info-block.plot .select2-container .select2-selection--single {
    height: 35px;
    padding-top: 3px;
}

.clasamente .info-block.plot .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
}

.clasamente .info-block.plot #piechart,
.clasamente .info-block.plot #chart1 {
    margin: 0 auto;
}

.clasamente .info-block.table {
    width: 400px;
}

.clasamente .info-block.table .tableview th {
    font-size: 14px;
}

.clasamente .info-block.table .tableview td {
    font-size: 12px;
}

.clasamente.evolutie .jqplot-event-canvas {
    border-left: 2px solid #98a2b3;
    border-bottom: 2px solid #98a2b3;
}

.clasamente.evolutie .info-block.plot {
    width: 100%;
}

.clasamente.evolutie .info-block.plot .plotbox {
    margin-top: 20px;
    margin-bottom: 30px;
}

.clasamente.evolutie .info-block.plot .plotbox .label-nota {
    margin-left: 10px;
    color: #b3b3b3;
    font-size: 12px;
}

.clasamente.evolutie .info-block.plot #chart .jqplot-yaxis-tick {
    font-size: 11px;
    text-align: right;
    width: 20px !important;
    padding-right: 10px;
    text-transform: uppercase;
}

.clasamente.evolutie .info-block.plot #chart .jqplot-yaxis-tick:last-child {
    display: none;
}

.clasamente.evolutie .info-block.plot #chart .jqplot-xaxis {
    margin-top: 20px;
    width: 115% !important;
}

.clasamente.evolutie .legenda-medii {
    display: inline-block;
    vertical-align: top;
    line-height: 1.3em;
    font-size: 11px;
    color: #707070;
    width: 28%;
    margin-right: 7%;
    /*margin:20px 5px 0 6px;*/
}

.clasamente.evolutie .legenda-medii .zecimale {
    font-size: 25px;
}

.clasamente.evolutie .legenda-medii.last {
    margin: 0;
}

.clasamente.evolutie .legenda-medii .top div {
    font-size: 36px;
    line-height: 1em;
}

.clasamente.evolutie .legenda-medii .top {
    border-bottom: 1px solid #dadada;
    padding: 2px 0;
    margin-bottom: 2px;
}

.clasamente .legend-absente {
    font-size: 13px;
    width: 45%;
    display: inline-block;
}

.clasamente .legend-absente .lg-title {
    font-size: 30px;
    color: #707070;
    line-height: 1.3em;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 3px;
}

.clasamente .legend-absente .lg-title .orange {
    color: #f79009;
}

.clasamente .legend-absente .lg-title .second {
    font-size: 28px;
    color: #98a2b3;
}

.jqplot-box {
    width: 170px;
    background: #fffaf0;
    font-size: 12px;
    border: 1px solid #ccc8c0;
    padding: 10px;
    position: relative;
    z-index: 100;
}

.jqplot-box .date {
    font-size: 11px;
}

.clasamente .list-calificative li {
    display: inline-block;
}

.clasamente .list-calificative li:after {
    content: ",";
}

.clasamente .list-calificative li:last-child:after {
    content: "";
}

.clasamente .tableview.clasament_locuri tr .loc_clasament.invisible {
    visibility: hidden;
}

.clasamente .tableview.clasament_locuri tr:hover .loc_clasament {
    visibility: visible;
}

/* END CLASAMENTE */
#chart1 .jqplot-axis.jqplot-xaxis {
    bottom: -5px !important;
}

#chart1 .jqplot-axis.jqplot-yaxis {
    left: -10px !important;
}

#chart1 .jqplot-event-canvas {
    border-bottom: 1px solid #404040;
    border-left: 1px solid #404040;
}

.jqplot-table-legend-swatch {
    width: 15px;
    height: 15px;
    display: block;
}

/* DASHBOARD */
.istoric-panel {
    width: 80%;
    vertical-align: top;
    display: inline-block;
    margin-right: 1%;
}

.dashboard {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    margin-right: 0;
}

.dashboard .panel-left {
    width: 59%;
    display: inline-block;
    float: left;
    box-sizing: border-box;
}

.dashboard .panel-left.panel-left-only-teacher {
    width: 100%;
}

.dashboard .panel-left.panel-left-only-teacher ul.slist {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.dashboard .panel-left.panel-left-only-teacher ul.slist li {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
}

.dashboard .panel-right {
    width: 39%;
    display: inline-block;
    vertical-align: top;
    margin-left: 1%;
    box-sizing: border-box;
}

.dashboard .header-module {
    color: #9b9a98;
    font-size: 12px;
    display: block;
    color: #05a7d2;
    margin-bottom: 20px;
}

ul#listEvents {
    list-style-type: none;
}

ul#listEvents li {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    color: #707070;
    margin-left: 40px;
}

ul#listEvents li.dayname {
    border-bottom: 1px solid #98a2b3;
    padding: 20px 0 2px 0;
    border-top: 1px solid #fff;
    position: relative;
    bottom: 1px;
    margin-bottom: 5px;
    margin-left: 0;
}

ul#listEvents li.dayname:first-child {
    padding-top: 2px;
}

ul#listEvents li.dayname span {
    background: #98a2b3;
    color: #fff;
    padding: 2px 10px;
    text-transform: capitalize;
}

ul#listEvents li:last-child {
    border: none;
}

ul#listEvents li span.datetime {
    float: right;
    position: relative;
    bottom: 15px;
    color: #707070;
    font-size: 10px;
}

ul#listEvents li span.tip-action {
    font-weight: bold;
}

ul#listEvents li span.elev {
    color: #00abdb;
}

ul#listEvents li img {
    width: 30px;
    vertical-align: middle;
}

/* modul fotografii */
.modul-fotografii .header-module {
    margin-bottom: 5px;
}

.modul-fotografii .photoset {
    margin-bottom: 5px;
}

/* modul Orar Dashboard */
.modul-orar table.orar.view {
    display: block;
}

.modul-orar .orar {
    margin-left: -20px;
    margin-top: -20px;
}

.modul-orar .orar tr th {
    text-transform: uppercase;
    color: #98a2b3;
    font-size: 16px;
}

.modul-orar .orar tr th.activeDay {
    color: #000;
}

.modul-orar .orar tr th .date {
    font-size: 11px;
    display: block;
    color: #98a2b3;
    padding: 3px 0;
}

.modul-orar .orar thead tr th {
    border-bottom: none;
}

.modul-orar .orar tbody tr th:first-child {
    background: #fff;
}

.modul-orar .orar tr {
    height: 49px;
}

.modul-orar .orar tr td {
    background: #f0f9ff;
    color: #666666;
    border-right: 6px solid #fff;
    border-left: 6px solid #fff;
    border-bottom: 3px solid #fff;
}

.modul-orar .orar tr .rowselected {
    width: 45px;
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    text-transform: initial;
    position: relative;
    right: 3px;
}

.modul-orar .orar tr .rowselected .arrow {
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 15px solid #000;
    position: absolute;
    top: 0;
    right: -20px;
}

.modul-orar .orar tr .rowselected.pauza {
    background: #f97066;
    color: #fff;
    top: 25px;
}

.modul-orar .orar tr .rowselected.pauza .arrow {
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #f97066;
    position: absolute;
    top: 0;
    right: -20px;
}

.modul-orar .orar tr:last-child td {
    border-bottom: none;
}

.modul-orar .orar .cmcHover.activeDay.cmcEnd {
    background: #ccc;
    color: #999;
}

.modul-orar .orar .cmcHover.activeDay.activeSubject {
    background: #f97066;
    color: #fff;
}

.modul-orar .orar .cmcHover.activeDay.activeSubject.pauza {
    background: #f0f9ff;
    color: #666;
}

.cmc-orar-border {
    border-top: 1px solid #ffcccc;
    padding: 6px 7px 0px 7px;
}

.cmc-orar-border:first-child {
    border-top: 0px;
    padding: 0px 7px 6px 7px;
}

/* teste IQ */
.sprite_testiq {
    background-size: 300px 120px !important;
}

.sprite_testiq._qsize {
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    top: 20px;
}

.sprite_testiq._qsize._1 {
    background-position: 0 0;
}

.sprite_testiq._qsize._2 {
    background-position: -61px 0;
}

.sprite_testiq._qsize._3 {
    background-position: -121px 0;
}

.sprite_testiq._qsize._4 {
    background-position: -181px 0;
}

.sprite_testiq._qsize._5 {
    background-position: -241px 0;
}

.sprite_testiq._asize {
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
}

.sprite_testiq._asize._1 {
    background-position: 0 -62px;
}

.sprite_testiq._asize._2 {
    background-position: -61px -62px;
}

.sprite_testiq._asize._3 {
    background-position: -121px -62px;
}

.sprite_testiq._asize._4 {
    background-position: -181px -62px;
}

.sprite_testiq._asize._5 {
    background-position: -241px -62px;
}

.sprite_testiq.query_3 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-3.svg") no-repeat;
}

.sprite_testiq.query_5 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-5.svg") no-repeat;
}

.sprite_testiq.query_10 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-10.svg") no-repeat;
}

.sprite_testiq.query_13 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-13.svg") no-repeat;
}

.sprite_testiq.query_17 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-17.svg") no-repeat;
}

.sprite_testiq.query_22 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-22.svg") no-repeat;
}

.sprite_testiq.query_25 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-25.svg") no-repeat;
}

.sprite_testiq.query_27 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-27.svg") no-repeat;
}

.sprite_testiq.query_30 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-30.svg") no-repeat;
}

.sprite_testiq.query_35 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-35.svg") no-repeat;
}

.sprite_testiq.query_37 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-37.svg") no-repeat;
}

.sprite_testiq.query_39 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-39.svg") no-repeat;
}

.sprite_testiq.query_41 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-41.svg") no-repeat;
}

.sprite_testiq.query_43 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-43.svg") no-repeat;
}

.sprite_testiq.query_46 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-46.svg") no-repeat;
}

.sprite_testiq.query_49 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-49.svg") no-repeat;
}

.sprite_testiq.query_51 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-51.svg") no-repeat;
}

.sprite_testiq.query_57 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-57.svg") no-repeat;
}

.sprite_testiq.query_59 {
    background: url("https://dl.adservio.ro/adservio-edumarket/testiq/Test-IQ-59.svg") no-repeat;
}

.modul-plata .cardBancar {
    position: absolute;
    bottom: 20px;
}

.modul-aniversari {
    margin-bottom: 20px;
}

.modul-aniversari .epRow {
    padding: 4px 10px 4px 10px;
}

.modul-aniversari .epRow .epRow_title {
    font-size: 13px;
}

.modul-aniversari .epRow img.user_picture {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    display: inline-block;
    float: right;
}

.modul-aniversari .epRow .details {
    margin-top: 5px;
}

.modul-librarie ul li {
    padding: 5px 0 10px 0;
    border-bottom: 1px dashed #dadada;
}

.modul-librarie ul li:last-child {
    border-bottom: none;
}

.modul-librarie .produs_cover {
    float: left;
    position: relative;
}

.modul-librarie .produs_cover img {
    width: 100px;
}

.modul-librarie .produs_cover .flag_reducere {
    position: absolute;
    background: #ff0013;
    color: #fff;
    padding: 2px 4px;
    top: 75px;
    right: 0;
    font-size: 11px;
    z-index: 101;
    font-weight: bold;
}

.modul-librarie .produs_content {
    padding: 0 20px;
    margin-left: 100px;
}

.modul-librarie .produs_content .produs_title {
    font-size: 16px;
    padding: 2px 0;
    color: #000;
    line-height: 1.1em;
}

.modul-librarie .produs_content .produs_autor {
    font-size: 11px;
    color: #333;
}

.modul-librarie .produs_content .produs_descriere {
    font-size: 12px;
    color: #777;
    margin-top: 10px;
    line-height: 15px;
}

.modul-librarie .produs_content .readmore {
    font-size: 12px;
    padding: 5px 0;
    display: block;
}

.modul-librarie .produs_content .readmore:hover {
    text-decoration: none;
}

.modul-plata {
    background: url("/images/dashboard/plata-card.png") no-repeat right;
}

.modul-plata {
    min-height: 135px;
    position: relative;
}

.modul-plata .card_bancar .title {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    padding: 10px 0;
}

.modul-plata .card_bancar .content {
    font-size: 14px;
}

.modul-plata .card_bancar .content .leftside {
    width: 70%;
    display: inline-block;
    float: left;
}

.modul-plata .card_bancar .content a.btn {
    float: left;
    margin-left: 10px;
}

.modul-teste {
    min-height: 105px;
}

.modul-teste.test-iq {
    background: url("/images/dashboard/iq-incepe.png") no-repeat;
    background-position: right 20px top 20px;
}

.modul-teste.test-iq .content {
    max-width: 70%;
}

.modul-teste.test-iq._neterminat {
    background: url("/images/dashboard/iq-continua.png") no-repeat;
    background-position: right 20px top 20px;
}

.modul-teste.test-autocunoastere {
    background: url("/images/dashboard/autocunoastere-incepe.png") no-repeat;
    background-position: right 20px top 20px;
}

.modul-teste.test-autocunoastere._neterminat {
    background: url("/images/dashboard/autocunoastere-continua.png") no-repeat;
    background-position: right 20px top 20px;
}

.modul-teste.test-autocunoastere .content {
    max-width: 70%;
}

.profesii_recomandate .prof-title {
    border: 1px solid #e2e2e2;
    color: #37b8db;
}

.all_list > li {
    display: none;
}

.all_list > li:first-child {
    display: block;
}

.profesii_recomandate .prof-title.active_btn {
    background: #000;
    color: #fff;
}

.block_right {
    width: 47%;
    margin-right: 1%;
}

.block_left {
    width: 47%;
    margin-left: 2%;
}

.block_right li,
.block_left li {
    padding-left: 0.5em;
    text-indent: -0.5em;
}

.block_right li:before,
.block_left li:before {
    content: "\2022";
    padding-right: 2px;
}

/**
* istoric
*/
.timeline-panel {
    width: 18%;
    display: inline-block;
    list-style-type: none;
}

.timeline-panel li {
    text-transform: uppercase;
}

.timeline-panel li a {
    color: #d0d5dd;
    border-left: 3px solid #d0d5dd;
    padding: 6px 7px;
    display: block;
    margin: 1px 0;
}

.timeline-panel li a:hover,
.timeline-panel li.active a {
    color: #00abdb;
    border-left-color: #00abdb;
}

.print-top-abs {
    position: absolute;
    top: 33%;
    transform: translateY(-50%);
    right: 0;
}

.timeline-panel {
    display: none;
}

.history_section {
    width: 100%;
}

.dayname-info {
    margin-left: 45px;
}

.history_period label.startDate,
.history_period label.endDate {
    position: absolute;
    right: 10px;
    z-index: 23;
    top: 63%;
    transform: translateY(-50%);
    min-width: 130px;
}

@media screen and (max-width: 767px) {
    .history_header_ctabs.header_ctabs .page_headtitle {
        font-size: 18px;
    }

    .history_header_ctabs .date-text {
        display: block;
    }

    .history_header_ctabs .print_btn {
        top: 50%;
    }

    .history_period {
        flex-direction: column;
        margin-bottom: 15px;
    }

    .history_header_filters.mb50 {
        margin-bottom: 30px;
    }

    .history_filters#filters ul.myfilters li {
        margin-right: 8px;
        margin-bottom: 10px;
    }

    #filters.history_filters {
        max-width: 100%;
    }

    #filters.history_filters ul.myfilters {
        overflow-x: scroll;
        display: flex;
    }

    #filters.history_filters ul.myfilters li {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: fit-content;
    }
}

.history_header_ctabs .toast-cadru-pref-share {
    position: relative;
    top: 0;
    margin-bottom: 20px;
    z-index: 50;
    cursor: default;
}

.history_header_ctabs .toast-cadru-pref-share .msg {
    line-height: 40px;
    display: inline-block;
    margin: 0 10px;
}

/* social tooltip - share la note */
.social-tooltip {
    display: block;
    position: absolute;
    z-index: 500;
    left: -88px;
    display: none;
    top: 30px;
}

.social-tooltip .balloon {
    width: 200px;
    background: #fff9f3;
    line-height: 1.2em;
    display: block;
    font-size: 13px;
    text-align: center;
    padding: 10px;
    color: #333;
    border: 1px solid #e3e0dd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.social-tooltip .balloon._right {
    position: relative;
    left: 45px;
}

.social-tooltip .balloon._left {
    position: relative;
    right: 45px;
}

.social-tooltip .balloon .retele {
    display: block;
    margin: 5px auto 6px auto;
}

.social-tooltip .balloon ._icon {
    font-size: 29px;
    color: #0ba5ec;
}

.social-tooltip .arrow {
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e3e0dd;
    border-left: 10px solid transparent;
    display: inline-block;
    padding: 0px;
    margin-left: 0px;
    position: relative;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
}

.social-tooltip .arrow:before {
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -9px;
    top: 2px;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff9f3;
    border-left: 9px solid transparent;
}

.segment-tooltip-opener .social-tooltip {
    top: 10px;
}

.segment-tooltip-opener .social-tooltip .arrow {
    left: initial;
    top: 3px;
}

.progressbar-container .segment-tooltip-opener .social-tooltip .arrow {
    top: 1px;
}

.progressbar-segment-container .social-tooltip .arrow {
    left: 50%;
}

.no-touch .social-tooltip .balloon ._icon:hover {
    color: #007e93;
}

.touch .social-tooltip .balloon ._icon {
    color: #0ba5ec;
}

.media_anuala_calc .social-tooltip {
    left: -106px;
}

.listare-note .medii span.observation_icon.default_obs {
    font-size: 14px;
    vertical-align: middle;
}

/* DASHBOARD ELEVI / PARINTI */
#cadru_cadou {
    width: 271px;
    height: 87px;
    margin: 25px 7px;
    background: url("/images/site/dashboard/felicitari/cadouri-1.png") no-repeat;
    float: left;
}

#cadru_cadou:hover {
    background: url("/images/site/dashboard/felicitari/cadouri-2.png") no-repeat;
}

#cadru_cadou-modal {
    width: 900px;
    height: 412px;
    margin: -206px -450px;
    background: url("/images/site/dashboard/felicitari/felicitare-craciun-2014w.png") no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 900;
    display: none;
}

#cadru_cadou-modalContent {
    width: 100%;
    height: 100%;
    position: relative;
}

#cadru_cadou-modalClose {
    width: 15px;
    height: 15px;
    background: url("/images/site/close.png") no-repeat 50% 50%;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

#cadru_cadou-modalBody {
    width: 653px;
    margin: 0 auto;
    text-align: center;
}

#cadru_cadou-modalTitle {
    padding: 50px 0 20px;
    font-weight: bold;
    font-size: 16px;
}

#cadru_cadou-modalFooter {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
}

#christmas_container {
    height: 335px;
    margin: -20px -20px 0 -20px;
    position: relative;
}

#cadouElev-pas1 {
    position: relative;
}

#cadouElev-pas1 .blue_bkg {
    width: 100%;
    height: 92px;
    background-color: #004d93;
    position: absolute;
}

#cadouElev-pas1 .christmas_container_bkg {
    height: 335px;
    background: url("/images/site/dashboard/elevi_pas01.png") no-repeat left top;
    position: relative;
}

#cadouElev-pas1 a {
    width: 140px;
    height: 50px;
    position: absolute;
    top: 135px;
    left: 225px;
    display: block;
}

#cadouElev-pas2 {
    height: 335px;
    margin: 0 auto;
    display: none;
    position: relative;
}

#cadouElev-pas2 .christmas_container_bkg {
    height: 335px;
    background: #004d93 url("/images/site/dashboard/campanie-craciun-background.png") no-repeat center bottom;
    position: relative;
}

#cadouElev-pas2 #alege_cadoul_box {
    padding: 20px 0 0 20px;
    float: left;
}

#cadouElev-pas2 #alege_cadoul {
    color: #fff;
    font-size: 32px;
    font-family: "Dancing Script";
    line-height: 1em;
}

#cadouElev-pas2 #arata_tolba_detalii {
    width: 400px;
    margin: 0 auto;
}

#cadouElev-pas2 #arata_mos_craciun {
    width: 194px;
    height: 221px;
    margin: 110px 0 0 0;
    background: url("/images/site/dashboard/mos_craciun.png") no-repeat;
    float: left;
}

#cadouElev-pas2 #arata_cadou_detalii {
    width: 180px;
    height: 240px;
    margin: 20px 0 0 0;
    padding: 10px;
    font-size: 13px;
    border-radius: 10px;
    background-color: #d8efef;
    float: left;
}

#cadouElev-pas2 #alegeTipCadou {
    margin-top: 60px;
}

#cadouElev-pas2 #alegeTipCadou input[type="radio"] {
    display: none;
}

#cadouElev-pas2 #alegeTipCadou li {
    margin-right: 20px;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

#alegeTipCadou li label {
    display: block;
    cursor: pointer;
}

#alegeTipCadou li:nth-child(1) label {
    width: 70px;
    height: 85px;
    background: url("/images/site/dashboard/categorie-06.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(2) label {
    width: 70px;
    height: 85px;
    background: url("/images/site/dashboard/categorie-09.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(3) label {
    width: 70px;
    height: 85px;
    background: url("/images/site/dashboard/categorie-12.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(1) label:hover {
    background: url("/images/site/dashboard/categorie-07.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(2) label:hover {
    background: url("/images/site/dashboard/categorie-10.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(3) label:hover {
    background: url("/images/site/dashboard/categorie-13.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(1) label.active {
    background: url("/images/site/dashboard/categorie-08.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(2) label.active {
    background: url("/images/site/dashboard/categorie-11.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(3) label.active {
    background: url("/images/site/dashboard/categorie-14.png") no-repeat center bottom;
}

#cadouElev-pas2 #spune_motiv_box {
    padding: 20px 20px 0 0;
    float: right;
}

#cadouElev-pas2 #motivCadou {
    width: 270px;
    height: 170px;
    font-size: 13px;
}

#cadouElev-pas2 #submit_cadou {
    width: 97px;
    height: 34px;
    margin: 10px 0;
    border: 0 none;
    background: url("/images/site/dashboard/btn_trimite.png") no-repeat;
}

#cadouElev-pas3 {
    position: relative;
}

#cadouElev-pas3 .blue_bkg {
    width: 100%;
    height: 335px;
    background-color: #004d93;
    position: absolute;
}

#cadouElev-pas3 .christmas_container_bkg {
    height: 335px;
    background: url("/images/site/dashboard/campanie-craciun-background.png") no-repeat center bottom;
    position: relative;
}

#cadouElev-pas3 .christmas_container_bkg div {
    color: #fff;
    font-size: 32px;
    font-family: "Dancing Script";
    line-height: 1em;
    text-align: center;
}

#cadouElev-pas3 #inchide {
    width: 96px;
    height: 34px;
    margin: 0 auto;
    background: url("/images/site/dashboard/btn_inchide.png") no-repeat;
    display: block;
}

/* ACTIVITATI CADRE */
#activitati_cadre .col2 {
    display: block;
    float: left;
    vertical-align: top;
    width: 50%;
}

#activitati_cadre .col2 li {
    line-height: 33px;
    margin: 0 1%;
    background-color: #f0f9ff;
    margin-bottom: 3px;
    padding: 8px 5px;
}

#activitati_cadre .col2 li a {
    padding: 5px;
    display: block;
}

#activitati_cadre .col2 li .nr {
    margin-right: 3px;
}

#activitati_cadre .col2 li:hover {
    background: #0ba5ec;
}

#activitati_cadre .col2 li:hover a {
    color: #fff;
}

@media (max-width: 768px) {
    #activitati_cadre .col2 {
        width: 98%;
    }

    #prof-act-mele #header_numeCadru {
        margin-bottom: 30px;
        display: block;
        float: none;
        text-align: center;
    }

    .modul-orar .orar tr .rowselected {
        right: 0;
    }
}

.schedule-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.schedule-title-wrapper > * {
    position: relative;
}

@media screen and (max-width: 580px) {
    .schedule-title-wrapper {
        flex-direction: column;
        align-items: center;
        height: 150px;
    }
}

.page_title a {
    color: #00abdb;
}

.page_title h2 {
    color: #666;
    font-size: 24px;
    font-weight: normal;
    line-height: 1em;
}

.page_title h2 .blue {
    white-space: nowrap;
}

.page_subtitle span {
    color: #999;
    font-size: 12px;
}

.act_cadre_form {
    margin-bottom: 30px;
}

.rand_formular {
    margin-bottom: 10px;
    clear: left;
}

.rand_formular._nomb {
    margin-bottom: 0px;
    clear: left;
}

.sub_rand_formular {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.rand_formular label {
    display: block;
    margin-bottom: 3px;
}

.rand_cadru {
    margin-bottom: 5px;
}

.act_cadre_form textarea {
    width: 100%;
    height: 74px;
    box-sizing: border-box;
    resize: none;
}

form#ad_form {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

form#ad_form .first_column,
form#ad_form .second_column {
    width: 49%;
}

#ad_form input[type="text"] {
    height: 40px;
    box-sizing: border-box;
    width: 100%;
}

.formular_cadru_loc .rand_formular,
.formular_date_hour .rand_formular {
    width: 48%;
}

#ad_form .adCadru + .select2 {
    width: 48%;
    height: 40px;
}

#ad_form .select2-container .select2-selection--single {
    height: 40px !important;
}

#ad_form .select2-selection__rendered {
    line-height: 40px;
}

#ad_form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

@media screen and (max-width: 992px) {
    #ad_form .section_start_flex {
        flex-direction: column;
    }

    .formular_cadru_loc .rand_formular,
    .formular_date_hour .rand_formular,
    form#ad_form .first_column,
    form#ad_form .second_column {
        width: 100%;
    }

    #header.loggedin #logo_after,
    .panel-small {
        width: 25%;
    }
}

.rand_cadru [id^="stergeCadruButton"],
.rand_formular [id^="stergeCadruComButton"],
.rand_formular [id^="stergeCadruActButton"] {
    vertical-align: middle;
}

#down_excel,
#print_page {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

#down_excel ._excel,
#print_page ._print {
    margin: 0 4px -2px 0;
}

#down_excel .excel_lbl,
#print_page .print_lbl {
    color: #888;
}

#down_excel:hover ._excel {
    background-position: -284px -337px;
}

#print_page:hover ._print {
    background-position: -312px -337px;
}

#down_excel:hover .excel_lbl,
#print_page .print_lbl:hover {
    color: #111;
}

#lista_activitati label {
    margin-bottom: 2px;
    display: block;
    font-size: 16px;
    padding: 7px 0 5px 0;
}

#lista_activitati td,
#lista_activitati th {
    text-align: left;
}

#header_numeCadru {
    font-weight: bold;
    font-size: 20px;
    float: left;
}

#eticheta_act {
    width: 200px;
    margin: 0 auto;
    text-align: center;
}

/* ALBUM */
.album_item {
    margin: 0 15px 10px 0;
    float: left;
    position: relative;
    cursor: pointer;
}

.album_years {
    color: #fff;
    font-size: 10px;
    font-family: "Dancing Script", cursive;
    position: absolute;
    top: 19px;
    left: 1px;
}

.album_frame {
    width: 55px;
    height: 50px;
}

#photoList .see_picture {
    margin: 0 35px 25px 0;
    float: left;
}

#photoList .see_picture img {
    width: 185px;
    height: auto;
}

#photoList #add_picture,
#browse_add_picture {
    width: 185px;
    height: 50px;
    padding: 35px 0;
    border-radius: 2px;
    color: #999;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
}

#photoList #add_picture:hover,
#browse_add_picture:hover {
    border-color: #999;
    color: #666;
}

#photoList .pic_frame {
    width: 185px;
    height: 120px;
    border: 1px solid #00abdb;
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
    display: block;
}

#photoList .pic_actions {
    color: #00abdb;
}

#photoList .pic_actions ._views,
#photoList .pic_actions ._comments {
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.add_news_upload .icon-remove-filled {
    color: #fff;
}

#uplLoaders {
    margin: 10px 0;
}

#uplLoaders .uplProgressBar {
    width: 100%;
    border: 1px solid #dadada;
    height: 2px;
    display: none;
    margin: 10px 0;
}

#uplLoaders .uplProgressBar span.progress {
    background: #5cc12a;
    display: block;
    height: 2px;
}

#uplMenu {
    border-bottom: 1px solid #dadada;
    display: block;
    padding: 0 5px 5px 5px;
    text-align: right;
    margin-bottom: 5px;
}

#uplMenu a {
    padding: 1px 5px;
    border-radius: 3px;
    text-decoration: none;
    background: #a4a4a4;
    color: #fff;
    font-size: 11px;
}

#uplMenu a.active,
#uplMenu a:hover {
    background: #1d2939;
    color: #fff;
}

/* end album clasa */

/* custom tabs */
.header_ctabs .page_headtitle {
    color: #999;
    font-size: 25px;
    text-align: center;
    /* font-weight: lighter; */
    line-height: 1.3em;
}

.header_ctabs .page_headtitle a {
    color: #d0d5dd;
}

.header_ctabs .tabs {
    display: block;
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin-bottom: 5px;
}

.header_ctabs .tabs > a {
    display: inline-block;
    padding: 5px 10px 9px 10px;
    font-size: 17px;
    color: #49afc8;
    position: relative;
}

.header_ctabs .tabs > a:hover {
    color: #0076a5;
}

.header_ctabs .tabs > a.active {
    color: #000;
}

.header_ctabs .tabs > a ._arrow-white {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -1px;
}

.header_ctabs .tabs > a.active ._arrow-white,
.custom_tabs .tabs > a:hover ._arrow-white {
    display: block;
}

.header_ctabs .mob-select {
    display: none;
    width: 100%;
}

/* end custom tabs */

/* custom new tabs */
.dashboard_no_border.dashboard_background_gray > .header_ntabs {
    border-bottom: 0px solid #ccc;
    padding: 20px 20px 0px 20px;
}

.header_ntabs {
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden;
}

.header_ntabs a {
    color: #999;
    font-size: 25px;
    font-weight: 200;
    padding: 3px 7px 5px 7px;
    display: inline-block;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: 0.2s ease;
    white-space: nowrap;
    margin-right: -4px;
}

/* custom new tabs - menu */
.menu_ntabs a {
    color: #999;
    font-size: 25px;
    font-weight: 200;
    padding: 0 10px 5px 10px;
    display: inline-block;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: 0.2s ease;
    white-space: nowrap;
    box-sizing: border-box;
    min-height: 36px;
    padding: 3px 7px 5px 7px;
    margin: 7px 10px 0;
}

.menu_ntabs a ._icon {
    padding-right: 10px;
    color: #ccc;
}

.menu_ntabs a.active {
    color: #333;
    border-bottom: 3px solid #000;
}

.menu_ntabs a.active ._icon {
    color: #333;
}

.menu_ntabs a:not(.active):hover {
    color: #777;
    border-bottom: 3px solid #777;
    width: auto;
}

.menu_ntabs a:not(.active):hover ._icon {
    color: #777;
}

/* end custom new tabs */

.social-tooltip .balloon ._icon {
    font-size: 29px;
    color: #0ba5ec;
}

.no-touch .social-tooltip .balloon ._icon:hover {
    color: #007e93;
}

.touch .social-tooltip .balloon ._icon {
    color: #0ba5ec;
}

/* DASHBOARD ELEVI / PARINTI */
#cadru_cadou {
    width: 271px;
    height: 87px;
    margin: 25px 7px;
    background: url("/images/site/dashboard/felicitari/cadouri-1.png") no-repeat;
    float: left;
}

#cadru_cadou:hover {
    background: url("/images/site/dashboard/felicitari/cadouri-2.png") no-repeat;
}

#cadru_cadou-modal {
    width: 900px;
    height: 412px;
    margin: -206px -450px;
    background: url("/images/site/dashboard/felicitari/felicitare-craciun-2014w.png") no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 900;
    display: none;
}

#cadru_cadou-modalContent {
    width: 100%;
    height: 100%;
    position: relative;
}

#cadru_cadou-modalClose {
    width: 15px;
    height: 15px;
    background: url("/images/site/close.png") no-repeat 50% 50%;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

#cadru_cadou-modalBody {
    width: 653px;
    margin: 0 auto;
    text-align: center;
}

#cadru_cadou-modalTitle {
    padding: 50px 0 20px;
    font-weight: bold;
    font-size: 16px;
}

#cadru_cadou-modalFooter {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
}

#christmas_container {
    height: 335px;
    margin: -20px -20px 0 -20px;
    position: relative;
}

#cadouElev-pas1 {
    position: relative;
}

#cadouElev-pas1 .blue_bkg {
    width: 100%;
    height: 92px;
    background-color: #004d93;
    position: absolute;
}

#cadouElev-pas1 .christmas_container_bkg {
    height: 335px;
    background: url("/images/site/dashboard/elevi_pas01.png") no-repeat left top;
    position: relative;
}

#cadouElev-pas1 a {
    width: 140px;
    height: 50px;
    position: absolute;
    top: 135px;
    left: 225px;
    display: block;
}

#cadouElev-pas2 {
    height: 335px;
    margin: 0 auto;
    display: none;
    position: relative;
}

#cadouElev-pas2 .christmas_container_bkg {
    height: 335px;
    background: #004d93 url("/images/site/dashboard/campanie-craciun-background.png") no-repeat center bottom;
    position: relative;
}

#cadouElev-pas2 #alege_cadoul_box {
    padding: 20px 0 0 20px;
    float: left;
}

#cadouElev-pas2 #alege_cadoul {
    color: #fff;
    font-size: 32px;
    font-family: "Dancing Script";
    line-height: 1em;
}

#cadouElev-pas2 #arata_tolba_detalii {
    width: 400px;
    margin: 0 auto;
}

#cadouElev-pas2 #arata_mos_craciun {
    width: 194px;
    height: 221px;
    margin: 110px 0 0 0;
    background: url("/images/site/dashboard/mos_craciun.png") no-repeat;
    float: left;
}

#cadouElev-pas2 #arata_cadou_detalii {
    width: 180px;
    height: 240px;
    margin: 20px 0 0 0;
    padding: 10px;
    font-size: 13px;
    border-radius: 10px;
    background-color: #d8efef;
    float: left;
}

#cadouElev-pas2 #alegeTipCadou {
    margin-top: 60px;
}

#cadouElev-pas2 #alegeTipCadou input[type="radio"] {
    display: none;
}

#cadouElev-pas2 #alegeTipCadou li {
    margin-right: 20px;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

#alegeTipCadou li label {
    display: block;
    cursor: pointer;
}

#alegeTipCadou li:nth-child(1) label {
    width: 70px;
    height: 85px;
    background: url("/images/site/dashboard/categorie-06.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(2) label {
    width: 70px;
    height: 85px;
    background: url("/images/site/dashboard/categorie-09.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(3) label {
    width: 70px;
    height: 85px;
    background: url("/images/site/dashboard/categorie-12.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(1) label:hover {
    background: url("/images/site/dashboard/categorie-07.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(2) label:hover {
    background: url("/images/site/dashboard/categorie-10.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(3) label:hover {
    background: url("/images/site/dashboard/categorie-13.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(1) label.active {
    background: url("/images/site/dashboard/categorie-08.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(2) label.active {
    background: url("/images/site/dashboard/categorie-11.png") no-repeat center bottom;
}

#alegeTipCadou li:nth-child(3) label.active {
    background: url("/images/site/dashboard/categorie-14.png") no-repeat center bottom;
}

#cadouElev-pas2 #spune_motiv_box {
    padding: 20px 20px 0 0;
    float: right;
}

#cadouElev-pas2 #motivCadou {
    width: 270px;
    height: 170px;
    font-size: 13px;
}

#cadouElev-pas2 #submit_cadou {
    width: 97px;
    height: 34px;
    margin: 10px 0;
    border: 0 none;
    background: url("/images/site/dashboard/btn_trimite.png") no-repeat;
}

#cadouElev-pas3 {
    position: relative;
}

#cadouElev-pas3 .blue_bkg {
    width: 100%;
    height: 335px;
    background-color: #004d93;
    position: absolute;
}

#cadouElev-pas3 .christmas_container_bkg {
    height: 335px;
    background: url("/images/site/dashboard/campanie-craciun-background.png") no-repeat center bottom;
    position: relative;
}

#cadouElev-pas3 .christmas_container_bkg div {
    color: #fff;
    font-size: 32px;
    font-family: "Dancing Script";
    line-height: 1em;
    text-align: center;
}

#cadouElev-pas3 #inchide {
    width: 96px;
    height: 34px;
    margin: 0 auto;
    background: url("/images/site/dashboard/btn_inchide.png") no-repeat;
    display: block;
}

/* ACTIVITATI CADRE */
#activitati_cadre .col2 {
    display: block;
    float: left;
    vertical-align: top;
    width: 50%;
}

#activitati_cadre .col2 li {
    line-height: 33px;
    margin: 0 1%;
    background-color: #f0f9ff;
    margin-bottom: 3px;
    padding: 8px 5px;
}

#activitati_cadre .col2 li a {
    padding: 5px;
    display: block;
}

#activitati_cadre .col2 li .nr {
    margin-right: 3px;
}

#activitati_cadre .col2 li:hover {
    background: #ccc;
}

#activitati_cadre .col2 li:hover a {
    color: #fff;
}

@media (max-width: 768px) {
    #activitati_cadre .col2 {
        width: 98%;
    }

    #prof-act-mele #header_numeCadru {
        margin-bottom: 30px;
        display: block;
        float: none;
        text-align: center;
    }

    .modul-orar .orar tr .rowselected {
        right: 0;
    }
}

.page_title a {
    color: #00abdb;
}

.page_title h2 {
    color: #666;
    font-size: 24px;
    font-weight: normal;
    line-height: 1em;
}

.page_title h2 .blue {
    white-space: nowrap;
}

.page_subtitle span {
    color: #999;
    font-size: 12px;
}

.act_cadre_form {
    margin-bottom: 30px;
}

.rand_formular {
    margin-bottom: 10px;
    clear: left;
}

.rand_formular._nomb {
    margin-bottom: 0px;
    clear: left;
}

.sub_rand_formular {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.rand_formular label {
    display: block;
    margin-bottom: 3px;
}

.rand_cadru {
    margin-bottom: 5px;
}

.rand_cadru [id^="stergeCadruButton"],
.rand_formular [id^="stergeCadruComButton"],
.rand_formular [id^="stergeCadruActButton"] {
    vertical-align: middle;
}

#down_excel,
#print_page {
    margin: 0 10px 0 0;
    vertical-align: middle;
}

#down_excel ._excel,
#print_page ._print {
    margin: 0 4px -2px 0;
}

#down_excel .excel_lbl,
#print_page .print_lbl {
    color: #888;
}

#down_excel:hover ._excel {
    background-position: -284px -337px;
}

#print_page:hover ._print {
    background-position: -312px -337px;
}

#down_excel:hover .excel_lbl,
#print_page .print_lbl:hover {
    color: #111;
}

#lista_activitati label {
    margin-bottom: 2px;
    display: block;
    font-size: 16px;
    padding: 7px 0 5px 0;
}

#header_numeCadru {
    font-weight: bold;
    font-size: 20px;
    float: left;
}

#eticheta_act {
    width: 200px;
    margin: 0 auto;
    text-align: center;
}

/* ALBUM */
.album_item {
    margin: 0 15px 10px 0;
    float: left;
    position: relative;
    cursor: pointer;
}

.album_years {
    color: #fff;
    font-size: 10px;
    font-family: "Dancing Script", cursive;
    position: absolute;
    top: 19px;
    left: 1px;
}

.album_frame {
    width: 55px;
    height: 50px;
}

#photoList .see_picture {
    margin: 0 35px 25px 0;
    float: left;
}

#photoList .see_picture img {
    width: 185px;
    height: auto;
}

#photoList #add_picture,
#browse_add_picture {
    width: 185px;
    height: 50px;
    padding: 35px 0;
    border-radius: 2px;
    color: #999;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
}

#photoList #add_picture:hover,
#browse_add_picture:hover {
    border-color: #999;
    color: #666;
}

#photoList .pic_frame {
    width: 185px;
    height: 120px;
    border: 1px solid #00abdb;
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
    display: block;
}

#photoList .pic_actions {
    color: #00abdb;
}

#photoList .pic_actions ._views,
#photoList .pic_actions ._comments {
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.add_news_upload .icon-remove-filled {
    color: #fff;
}

#uplLoaders {
    margin: 10px 0;
}

#uplLoaders .uplProgressBar {
    width: 100%;
    border: 1px solid #dadada;
    height: 2px;
    display: none;
    margin: 10px 0;
}

#uplLoaders .uplProgressBar span.progress {
    background: #5cc12a;
    display: block;
    height: 2px;
}

#uplMenu {
    border-bottom: 1px solid #dadada;
    display: block;
    padding: 0 5px 5px 5px;
    text-align: right;
    margin-bottom: 5px;
}

#uplMenu a {
    padding: 1px 5px;
    border-radius: 3px;
    text-decoration: none;
    background: #a4a4a4;
    color: #fff;
    font-size: 11px;
}

#uplMenu a.active,
#uplMenu a:hover {
    background: #1d2939;
    color: #fff;
}

/* end album clasa */

/* FOTOGRAFII */
#pg_fotografii .header_title {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

#pg_fotografii .header_title .title {
    font-size: 24px;
    font-weight: lighter;
    display: inline-block;
    vertical-align: top;
    padding: 9px 0;
}

#pg_fotografii .header_title .description {
    font-size: 15px;
    font-weight: lighter;
    color: #7a7a7a;
}

#pg_fotografii .header_title .userFace {
    display: inline-block;
    margin-left: 5px;
}

#pg_fotografii .header_title .userFace img {
    height: 34px;
    width: 34px;
}

#pg_fotografii .header_actiuni {
    text-align: center;
    height: 40px;
    margin-bottom: 10px;
}

#pg_fotografii .header_actiuni ._icon {
    border: 1px solid #eaecf0;
    padding: 5px;
    font-size: 24px;
    border-radius: 100%;
    line-height: 40px;
    margin: 0 2px;
}

#pg_fotografii .header_actiuni ._icon:hover {
    color: #2fa3dc;
}

#pg_fotografii .wrapp_wizard_edit {
    display: none;
    border: 2px dashed #e5e5e5;
    padding: 20px;
    margin-bottom: 10px;
    position: relative;
}

#pg_fotografii .wrapp_wizard_edit .form_wizard {
    display: none;
}

#pg_fotografii .wrapp_wizard_edit .icon-remove-filled {
    position: absolute;
    top: 10px;
    right: 10px;
}

#pg_fotografii #loadmore {
    display: block;
    padding: 7px 0;
    text-align: center;
    background: #c9eaf3;
    color: #1192ba;
    border-top: 1px solid #cbdadf;
}

/* end general */
.header-orders {
    display: block;
    margin-bottom: 10px;
}

.header-orders .btn.orange {
    padding: 7px 10px;
    float: left;
    transition-duration: 0.15s;
    transition-property: color, background;
    margin: 0;
}

.header-orders .btn.orange .icon-image,
.header-orders .btn.orange ._icon {
    position: relative;
    top: 0px;
    color: #fff;
    font-size: 24px;
    vertical-align: middle;
}

.header-orders .searchbox {
    width: 200px;
    border: 1px solid #ccc;
    display: inline-block;
    float: right;
    position: relative;
    z-index: 10;
}

#file_sharing .header-orders .searchbox {
    width: 100%;
    max-width: 200px;
}

.header-orders .searchbox input {
    border: none;
    display: inline-block;
}

.header-orders .searchbox ._icon {
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    padding: 4px 3px 1px 3px;
    text-align: right;
    position: absolute;
    right: 7px;
}

.header-orders .searchbox ._icon.active {
    color: #fff;
    background: #0ba5ec;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.header-orders .searchbox .search_no_float {
    float: none;
    vertical-align: middle;
}

.header-orders .searchbox .icon_btn_close {
    display: none;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
    position: absolute;
}

.header-orders .searchbox .hide-right {
    right: 0px;
}

.header-orders .searchbox .icon_btn_filter {
    padding-top: 2px;
}

.header-orders .searchbox.searchbox-msg {
    display: flex;
    width: 210px;
    position: relative;
}

.header-orders .searchbox .input_msg_search {
    width: 147px;
}

.header-orders #add_picture {
    z-index: 10;
}

.header-orders #mob-showFilters {
    display: none;
    float: right;
    padding: 8px 15px;
}

.header-orders #mob-showFilters.no-float-mobile {
    float: none;
}

.header-orders .filters {
    min-width: 445px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.header-orders .filters #mob-select {
    display: none;
}

.header-orders .filters #mob-select select {
    color: #000;
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#mob-select select {
    border: none;
    background-color: transparent !important;
}

.header-orders .filters .flt-item {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    transition-duration: 0.15s;
    transition-property: color;
    position: relative;
}

.header-orders .filters .flt-item .prmy {
    padding: 6px 10px;
    display: inline-block;
    color: #9b9a98;
}

.header-orders .filters .flt-item .prmy:hover {
    color: #000;
}

.header-orders .filters .flt-item .prmy:hover .dwn-arw {
    border-top-color: #000;
}

.header-orders .filters .flt-item ul {
    list-style-type: none;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px #d6d6d6;
    display: none;
    z-index: 200;
    background-color: #fff;
}

.header-orders .filters .flt-item ul > li.active {
    background-position: left center;
    background-repeat: no-repeat;
}

.header-orders .filters .flt-item ul > li {
    color: #9b9a98;
    display: block;
    width: 100%;
}

.header-orders .filters .flt-item ul > li label {
    padding: 3px 0px 3px 25px;
    display: block;
    width: 90%;
}

.header-orders .filters .flt-item ul > li:hover {
    background-color: #eaecf0;
    color: #000;
}

.header-orders .filters .flt-item ul > li.active label {
    color: #49afc8;
    padding: 3px 20px 3px 25px;
}

.header-orders .filters .flt-item ul > li.active:hover {
    background-color: inherit;
}

.header-orders .filters input {
    display: none;
}

.header-orders .filters .flt-item ul {
    position: absolute;
    top: 30px;
    left: 5px;
    text-align: left;
}

.header-orders .select_filter {
    min-width: 250px;
    width: 250px;
}

/* end general */
#gallery .header-orders .filters .flt-item ul#menuAni,
#gallery .header-orders .filters .flt-item ul#menuPoze,
#gallery .header-orders .filters .flt-item ul#menuClase,
#gallery .header-orders .filters .flt-item ul#menuPozeCategorii {
    position: absolute;
    top: 30px;
    left: 5px;
    text-align: left;
    padding-left: 15px;
}

#gallery .header-orders .filters .flt-item ul#menuAni {
    width: 120px;
}

#gallery .header-orders .filters .flt-item ul#menuPoze {
    width: 185px;
}

#gallery .header-orders .filters .flt-item ul#menuPozeCategorii {
    width: 160px;
}

#gallery .header-orders .filters .flt-item ul#menuClase {
    max-height: 200px;
    overflow-y: scroll;
    box-sizing: border-box;
    overflow-x: hidden;
    padding-right: 10px;
    min-width: 160px;
}

/* scroll */
#gallery .header-orders .filters .flt-item ::-webkit-scrollbar {
    width: 10px;
}

#gallery .header-orders .filters .flt-item ::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}

#gallery .header-orders .filters .flt-item ::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

#gallery .header-orders .filters .flt-item ::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

#gallery .dwn-arw {
    display: inline-block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #9b9a98;
    width: 0;
    height: 0;
    position: absolute;
    top: 13px;
    right: -2px;
}

@media all and (min-width: 100px) and (max-width: 720px) {
    .header-orders #add_picture {
        height: 34px;
    }

    .header-orders a.btn.orange {
        height: auto !important;
        padding: 6px 10px 4px 10px;
    }

    .header-orders .searchbox {
        width: 100%;
        margin-bottom: 5px;
        box-sizing: border-box;
    }

    #file_sharing .header-orders .searchbox {
        width: 100%;
        margin-bottom: 0px;
    }

    .header-orders .searchbox input {
        width: 87%;
    }

    .header-orders #mob-showFilters {
        display: block;
    }

    .header-orders .filters {
        min-width: 100%;
        float: left;
        background-color: #f8f8f8;
    }

    .header-orders .filters .flt-item {
        display: none;
    }

    .header-orders .filters #mob-select select {
        display: block;
    }
}

@media all and (min-width: 721px) and (max-width: 1024px) {
    #gallery .header-orders .filters {
        width: 100%;
        display: inline-block;
    }

    .panel-wide {
        height: 100%;
    }
}

.DivWithScroll {
    height: 250px;
    overflow: scroll;
    overflow-x: hidden;
}

.DivWithScroll::-webkit-scrollbar {
    width: 7px;
}

.DivWithScroll::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}

.DivWithScroll::-webkit-scrollbar-thumb {
    background-color: #49afc8;
}

.DivWithScroll::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

/* frame image */

/*.photoset .pic_frame {max-width:650px;max-height:430px;}*/
.photoset-item {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}

a.photoset-item {
    display: inline-block;
}

.photoset-item.isAlbum {
    margin-right: 0;
    z-index: 50;
}

.photoset-item.last-element {
    margin-right: 0;
}

.photoset-item .figcaption {
    height: 0px;
    line-height: 17px;
    transition: max-height 0.15s ease-out;
    width: 100%;
    max-height: 21px;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    display: block;
    color: #fff;
    font-size: 12px;
    bottom: 0;
    text-align: left;
}

.photoset-item .figcaption .description {
    margin-left: 10px;
}

.photoset-item .figcaption .pic_reports {
    float: left;
    margin-left: 10px;
    line-height: 27px;
}

.photoset-item .figcaption .pic_reports .red {
    color: #f97066;
}

.photoset-item .figcaption .pic_actions {
    float: right;
    margin-right: 10px;
    line-height: 27px;
}

.photoset-item .figcaption .pic_actions .icon-message-circle,
.photoset-item .figcaption .pic_actions .icon-eye {
    position: relative;
    left: 1px;
}

.photoset-item .figcaption .pic_actions ._icon.icon-eye {
    font-size: 20px;
    color: #fff;
}

.no-touch .photoset-item:hover .figcaption {
    max-height: 100px;
    transition: max-height 0.25s ease-in;
    background: rgba(0, 0, 0, 0.8);
    height: auto;
}

.album-cover {
    height: inherit;
    width: inherit;
    position: relative;
    display: inline-block;
    margin-top: 15px;
    margin-right: 20px;
    vertical-align: top;
    padding-left: 10px;
    cursor: pointer;
}

.album-cover .frame-before,
.album-cover .frame-after {
    content: "";
    width: inherit;
    height: inherit;
    background: #000;
    position: absolute;
    top: 0;
}

.album-cover .frame-before {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    /* IE 9 */
    -webkit-transform: rotate(-2deg);
    /* Opera, Chrome, and Safari */
    z-index: -1;
}

.album-cover .frame-after {
    -ms-transform: rotate(2deg);
    /* IE 9 */
    -webkit-transform: rotate(2deg);
    /* Opera, Chrome, and Safari */
    transform: rotateZ(2deg);
    z-index: -2;
}

.album-cover .frame-before,
.album-cover .frame-after,
.album-cover .firstcover {
    display: block;
    border: 5px solid white;
    border-bottom: 5px solid white;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    text-align: center;
}

.album-cover .firstcover {
    height: inherit;
    width: inherit;
    overflow: hidden;
    position: relative;
    z-index: 100;
}

.album-cover .frame-before {
    z-index: 10;
}

.album-cover .frame-after {
    z-index: 10;
}

.album-cover .counter {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    margin-left: -40px;
    top: 20%;
    text-align: center;
    font-size: 22px;
}

.album-cover .counter .number {
    margin-top: 18px;
    display: block;
    line-height: 22px;
}

.album-cover .counter .fototext {
    font-size: 14px;
    display: block;
    font-style: italic;
}

.album-cover .description {
    transition: max-height 0.15s ease-out;
    width: 100%;
    max-height: 21px;
    line-height: 21px;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    display: block;
    color: #fff;
    padding: 6px 0;
    font-size: 12px;
    bottom: 0;
    text-align: center;
}

.album-cover:hover .counter {
    background: rgba(0, 0, 0, 1);
}

.album-cover:hover .description {
    max-height: 100px;
    transition: max-height 0.25s ease-in;
    background: rgba(0, 0, 0, 0.8);
    height: auto;
}

#wrapp_wizard {
    display: none;
    border: 2px dashed #e5e5e5;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}

#wrapp_wizard .wizard_slide {
    display: none;
}

#wrapp_wizard .form_wizard,
.wrapp_wizard_edit .form_wizard {
    text-align: center;
    margin: 10px 0 10px 0;
}

#wrapp_wizard .header,
.wrapp_wizard_edit .header {
    text-align: center;
}

#wrapp_wizard .header .title,
.wrapp_wizard_edit .header .title {
    font-size: 24px;
    color: #000;
    padding: 10px;
    font-weight: lighter;
    line-height: 1.1em;
}

#wrapp_wizard .header .subtitle,
.wrapp_wizard_edit .header .subtitle {
    font-size: 20px;
    color: #a2a2a2;
    padding: 10px;
    font-weight: lighter;
}

#wrapp_wizard .btn {
    font-size: 16px;
    padding: 10px 20px;
}

#wrapp_wizard .btn.blue {
    background: #05a7d2;
}

#wrapp_wizard .btn.blue:hover {
    background: #007e93;
}

#wrapp_wizard #pas_1 .btn.mr40 {
    margin-right: 40px;
}

#wrapp_wizard #pas_1 .header {
    margin-bottom: 10px;
}

#wrapp_wizard #pas_2 .col {
    width: 250px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

#wrapp_wizard #pas_2 .col .selector {
    padding: 4px;
    display: block;
    margin-bottom: 10px;
}

#wrapp_wizard #pas_2 .col .selector label {
    margin-left: 5px;
}

#wrapp_wizard #pas_2 .col select {
    width: 100%;
}

#wrapp_wizard #pas_2 .col input[type="text"] {
    padding: 5px 3%;
    width: 93%;
    display: none;
}

#wrapp_wizard #pas_3 .col,
.wrapp_wizard_edit #pas_edit .col,
#wrapp_wizard #pas_1.proiecte .col {
    width: 310px;
    display: inline-block;
    text-align: left;
}

#wrapp_wizard #pas_3 .col label,
.wrapp_wizard_edit #pas_edit .col label {
    padding: 3px 0;
    display: block;
}

#wrapp_wizard #pas_3 .col input[type="text"],
#wrapp_wizard #pas_3 .col textarea,
.wrapp_wizard_edit #pas_edit .col input[type="text"],
.wrapp_wizard_edit #pas_edit .col textarea {
    padding: 5px 3%;
    width: 93%;
    margin-bottom: 5px;
}

#wrapp_wizard #pas_3 .col select,
.wrapp_wizard_edit #pas_edit select {
    width: 100%;
}

#wrapp_wizard #pas_4 .col,
.wrapp_wizard_edit #pas_edit_perm .col,
#wrapp_wizard .permisiuni .col {
    display: inline-block;
    text-align: left;
    padding: 5px;
}

#wrapp_wizard #pas_4 .col label,
.wrapp_wizard_edit #pas_edit_perm .col label,
#wrapp_wizard .permisiuni .col label {
    margin: 0 3px;
}

#wrapp_wizard .toata_scoala,
.wrapp_wizard_edit .toata_scoala {
    margin-top: 20px;
}

#wrapp_wizard .toata_scoala.block,
.wrapp_wizard_edit .toata_scoala.block {
    display: block;
}

#wrapp_wizard .toata_scoala .group,
.wrapp_wizard_edit .toata_scoala .group {
    display: inline-block;
    margin: 0 0px 10px 5px;
    vertical-align: top;
}

#wrapp_wizard .toata_scoala .group .header,
.wrapp_wizard_edit .toata_scoala .group .header {
    background: #05a7d2;
    padding: 2px 5px;
    margin-bottom: 5px;
}

#wrapp_wizard .toata_scoala .group .header.black,
.wrapp_wizard_edit .toata_scoala .group .header.black {
    background: #333;
}

#wrapp_wizard .toata_scoala .group .header label,
.wrapp_wizard_edit .toata_scoala .group .header label {
    color: #fff;
}

#wrapp_wizard .toata_scoala .group .header.orange {
    background: #fdb022;
}

#wrapp_wizard .toata_scoala .group .col,
.wrapp_wizard_edit .toata_scoala .group .col {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
}

#wrapp_wizard .toata_scoala .group .col .cell,
.wrapp_wizard_edit .toata_scoala .group .col .cell {
    padding: 2px;
    display: block;
    border: 1px solid #fff;
}

#wrapp_wizard .toata_scoala .group .col .cell.checked,
.wrapp_wizard_edit .toata_scoala .group .col .cell.checked {
    background: #333;
}

#wrapp_wizard .toata_scoala .group .col .cell.checked label,
.wrapp_wizard_edit .toata_scoala .group .col .cell.checked label {
    color: #fff;
}

#wrapp_wizard .toata_scoala .group .col .cell label,
.wrapp_wizard_edit .toata_scoala .group .col .cell label {
    margin-left: 2px;
}

#pg_fotografii .toata_scoala .group .width_ast_14,
#pg_fotografii .toata_scoala .group .width_ast_16 {
    max-width: 145px;
}

#pg_fotografii .toata_scoala .group .col.width_ast_14 label,
#pg_fotografii .toata_scoala .group .col.width_ast_16 label {
    font-size: 13px;
}

#wrapp_wizard #pas_5 .loading_finish {
    display: none;
}

#wrapp_wizard #pas_5 .header {
    margin-bottom: 10px;
}

#wrapp_wizard #pas_5 .photos-container .pic_prev {
    width: 200px;
    display: inline-block;
    margin: 0 5px 10px 5px;
}

#wrapp_wizard #pas_5 .photos-container .pic_prev .preview {
    overflow: hidden;
    height: 135px;
}

#wrapp_wizard #pas_5 .photos-container .pic_prev img {
    height: 135px;
}

#wrapp_wizard #pas_5 .photos-container .pic_prev .options {
    background: #f4f7fe;
    margin-top: 2px;
    display: block;
    vertical-align: top;
    padding: 2px 5px;
    text-align: left;
    cursor: pointer;
}

#wrapp_wizard #pas_5 .photos-container .pic_prev .options .edit {
    float: left;
    font-size: 13px;
    line-height: 18px;
}

#wrapp_wizard #pas_5 .photos-container .pic_prev .options .edit:hover {
    text-decoration: underline;
}

#wrapp_wizard #pas_5 .photos-container .pic_prev .options ._trash {
    float: right;
}

.upl_wrapp {
    display: none;
    margin-left: 200px;
    padding-top: 5px;
}

.upl_wrapp .uplProgressBar {
    width: 85%;
    height: 6px;
    background: #989898;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 7px;
}

.upl_wrapp .uplProgressBar span.progress {
    background: #d4dc24;
    height: 6px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.upl_wrapp .icon-check {
    position: relative;
    bottom: 2px;
    display: none;
}

.form_nav {
    padding: 5px;
    width: 100px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    text-align: center;
}

.form_nav a {
    height: 11px;
    width: 11px;
    background: #cbcbcb;
    margin: 0 1px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
}

.form_nav a.active {
    background: #989898;
}

#wrapp_wizard .genereaza_anuar .icon-yearbook {
    font-size: 52px;
}

#wrapp_wizard .genereaza_anuar #pas_2 .col {
    width: 150px;
    text-align: center;
}

#wrapp_wizard .genereaza_anuar #pas_2 .col label {
    font-size: 19px;
    padding: 2px;
    display: inline-block;
}

#wrapp_wizard .genereaza_anuar #pas_2 .col img {
    margin-top: 10px;
}

#wrapp_wizard .genereaza_anuar #pas_3 ul.list-templates {
    text-align: center;
    display: none;
}

#wrapp_wizard .genereaza_anuar #pas_3 ul.list-templates.active {
    display: block;
}

#wrapp_wizard .genereaza_anuar #pas_3 ul.list-templates .anuar_template_style_change {
    width: 100px;
}

#wrapp_wizard .genereaza_anuar #pas_3 .loading {
    display: none;
}

#wrapp_wizard .genereaza_anuar #pas_3 .col label {
    font-size: 19px;
    padding: 2px;
    display: inline-block;
}

#wrapp_wizard .genereaza_anuar #pas_3 ul.list-templates li {
    display: inline-block;
    margin: 5px 20px;
    vertical-align: top;
}

#wrapp_wizard .genereaza_anuar #pas_3 ul.list-templates li > label {
    display: block;
    margin-bottom: 5px;
}

#wrapp_wizard .genereaza_anuar #pas_3 ul.list-templates li > label.radio {
    font-size: 19px;
    padding: 2px;
    display: inline;
}

#wrapp_wizard .genereaza_anuar #pas_3 ul.list-templates li img {
    border: 1px solid #dadada;
    margin-top: 10px;
}

#wrapp_wizard .genereaza_anuar #pas_3 .footer-opt {
    display: none;
    font-size: 12px;
}

#wrapp_wizard .genereaza_anuar #pas_3 .footer-opt label {
    display: inline-block;
    font-size: 11px;
}

#wrapp_wizard .genereaza_anuar #pas_3 .footer-opt select {
    display: inline-block;
    width: 150px;
    text-align: center;
}

#wrapp_wizard .genereaza_anuar #pas_3 ul.list-templates li.active .footer-opt {
    display: block;
}

.genereaza_anuar ._sprite_papersizes {
    background: url("/images/sprite/anuar-paper-sizes.jpg") no-repeat;
    display: inline-block;
    /*ie6*/
    *zoom: 1;
    *display: inline;
}

.genereaza_anuar ._sprite_papersizes.a3 {
    width: 116px;
    height: 82px;
    background-position: 0px 0px;
}

.genereaza_anuar ._sprite_papersizes.a4 {
    width: 60px;
    height: 82px;
    background-position: -135px 0px;
}

.genereaza_anuar ._sprite_papersizes.a5 {
    width: 42px;
    height: 59px;
    background-position: -213px 0px;
}

#pg_fotografii .header-orders .filters {
    position: relative;
}

#pg_fotografii .header-orders .button_download {
    display: inline;
    position: absolute;
    right: 0px;
}

#pg_fotografii .header-orders .button_download .icon-download {
    border: 1px solid #eaecf0;
    padding: 4px;
    font-size: 18px;
    border-radius: 100%;
    line-height: 40px;
    margin: 0 2px;
}

#pg_fotografii .header-orders .button_download .descarca_text {
    vertical-align: top;
    margin-left: 3px;
    position: relative;
    top: 11px;
}

#pg_fotografii .header-orders .button_download:hover,
#pg_fotografii .header-orders .button_download:hover .icon-download {
    color: #0ba5ec;
    cursor: pointer;
}

#anuar .wrapp-profesori {
    margin: 0 auto;
    text-align: center;
}

#anuar .wrapp-profesori li {
    width: 135px;
    display: inline-block;
    margin: 20px 12px 10px 12px;
    vertical-align: top;
}

#anuar .wrapp-profesori li.diriginte {
    display: block;
    width: 220px;
    margin: 0 auto;
    position: relative;
}

#anuar .wrapp-profesori li.diriginte .user-picture {
    width: 221px;
    height: 220px;
    position: relative;
}

#anuar .wrapp-profesori li.diriginte .user-picture img {
    width: 100%;
    height: 100%;
    left: 0px !important;
}

#anuar .wrapp-profesori li .numeautor {
    display: block;
    font-size: 13px;
}

#anuar .wrapp-profesori li .materie {
    display: block;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
}

#anuar .wrapp-profesori .user-picture {
    height: 120px;
    width: 120px;
    border: 1px solid #dadada;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

#anuar .wrapp-profesori .user-picture img {
    height: 122px;
    width: 122px;
    position: relative;
    bottom: 1px;
    left: -1px;
}

#anuar .wrapp-profesori .user-picture .wrapp_poza .icon-user,
#anuar .wrapp-profesori .user-picture .wrapp_poza .icon-user {
    font-size: 110px;
    position: absolute;
    bottom: -2px;
    left: 5px;
}

#anuar .wrapp-profesori .diriginte .user-picture .icon-user,
#anuar .wrapp-profesori .diriginte .user-picture .icon-user {
    font-size: 210px;
}

#anuar .wrapp-profesori .user-picture.rounded .wrapp_upload {
    top: 43px;
    height: 42px;
}

#anuar .wrapp-profesori .user-picture.rounded .upload_btn {
    font-size: 14px;
    line-height: 1.2em;
    padding: 5px 4%;
}

#anuar .wrapp-profesori .user-picture.rounded .upload_btn .icon-upload-cloud {
    font-size: 24px;
    line-height: 30px;
}

#anuar .wrapp-profesori .user-picture.rounded .loading {
    top: 5px;
}

#anuar .wrapp-profesori .user-picture.rounded .loading .message {
    font-size: 12px;
}

#anuar .wrapp-profesori .user-picture.rounded .loading .upl_wrapp {
    padding-top: 0;
}

#anuar .wrapp-profesori .user-picture.rounded .mypic-options {
    top: 2px;
    right: 40px;
}

#anuar .wrapp_poza.pic_prev .loader_overlay {
    background: #333;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    visibility: hidden;
}

#anuar .wrapp_poza.pic_prev .loader {
    position: absolute;
    margin-left: 50%;
    left: -17px;
    margin-top: 50%;
    top: -25px;
    height: 50px;
    width: 50px;
    display: block;
}

#anuar .wrapp_poza.pic_prev .loader .ladda-spinner div[role="progressbar"] {
    top: 18px !important;
    left: 17px !important;
}

#anuar .wrapp-elevi {
    margin: 0 auto;
    text-align: center;
}

#anuar .wrapp-elevi li {
    display: inline-block;
    width: 230px;
    margin: 5px 15px 10px 15px;
    vertical-align: top;
}

#anuar .wrapp-elevi .user-picture {
    width: 220px;
    height: 220px;
    overflow: hidden;
    position: relative;
}

#anuar .wrapp-elevi .user-picture .wrapp_poza {
    width: 220px;
    height: 220px;
    margin: 0 auto;
}

#anuar .user-picture .wrapp_poza .icon-user,
#anuar .user-picture .wrapp_poza .icon-user {
    font-size: 210px;
    position: absolute;
    bottom: -2px;
    left: 5px;
}

#anuar .wrapp-elevi .user-picture img {
    width: 100%;
    height: 100%;
}

#anuar .user-picture .mypic-options {
    display: none;
    position: absolute;
    top: 6px;
    right: 4px;
}

#anuar .user-picture .mypic-options li {
    display: inline-block;
    width: auto;
    margin: 0;
}

#anuar .user-picture .mypic-options ._icon {
    font-size: 35px;
    padding: 3px;
    color: #fff;
    /*background:#ffaf00;*/
    background: rgba(255, 176, 0, 0.8);
    cursor: pointer;
}

#anuar .user-picture .mypic-options ._icon:hover {
    background: rgba(255, 176, 0, 1);
}

#anuar .user-picture .wrapp_upload {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: block;
    position: absolute !important;
    top: 75px;
    height: 72px;
}

#anuar .user-picture .wrapp_upload.hidden {
    display: none;
}

#anuar .user-picture .upload_btn {
    width: 93%;
    background: rgba(255, 176, 0, 0.9);
    color: #fff;
    padding: 10px 4%;
    font-size: 21px;
    display: block;
    font-weight: lighter;
    line-height: 1.3em;
    text-align: left;
}

#anuar .user-picture .upload_btn:hover {
    background: rgba(255, 176, 0, 1);
}

#anuar .user-picture .upload_btn .icon-upload-cloud {
    color: #fff;
    font-size: 36px;
    vertical-align: top;
    display: inline-block;
    line-height: 52px;
}

#anuar .user-picture .upload_btn .text {
    display: inline-block;
}

#anuar .user-picture .loading {
    position: relative;
    top: 20px;
    display: none;
}

#anuar .user-picture .loading .message {
    font-size: 20px;
    font-weight: lighter;
}

#anuar .user-picture .loading .upl_wrapp {
    margin-left: 5px;
    display: block;
}

#anuar .wrapp-elevi .numeelev {
    display: block;
    font-size: 16px;
    font-weight: lighter;
    padding: 10px 0;
}

#anuar .wrapp-elevi .elev_descriere {
    font-size: 12px;
}

.no-touch #anuar .user-picture:hover .mypic-options {
    display: block;
}

.touch #anuar .user-picture .mypic-options {
    display: block;
}

#pg_edit_poza.modal-body {
    width: 700px;
}

#pg_edit_poza.modal-body .header {
    text-align: center;
}

#pg_edit_poza.modal-body .header .title {
    font-size: 15px;
    margin-bottom: 5px;
}

#pg_edit_poza.modal-body .header #nume_poza {
    color: #0ba5ec;
}

#pg_edit_poza .edit_descriere {
    width: 97%;
    height: 48px;
    padding: 1%;
}

#pg_edit_poza .canvas {
    display: table-cell;
    width: 690px;
    height: 400px;
    border: 1px solid #dadada;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

#pg_edit_poza .canvas ._loader {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -20px;
    display: none;
}

#pg_edit_poza .canvas .canvas-cell {
    text-align: center;
    display: table-cell;
}

#pg_edit_poza .canvas #image {
    height: 100%;
    height: auto;
    margin: 0 auto;
    display: table-cell;
    max-height: 400px;
    max-width: 690px;
}

#pg_edit_poza .options {
    text-align: center;
    display: block;
    margin-bottom: 10px;
    padding-top: 5px;
    position: relative;
    width: 150px;
    margin: 0 auto;
}

#pg_edit_poza .options li {
    display: inline-block;
    margin-right: 2px;
}

#pg_edit_poza .options ._icon {
    padding: 3px;
    font-size: 20px;
}

#pg_edit_poza .options ._icon:hover {
    background: #eaecf0;
}

#pg_edit_poza .options .content ._icon:hover {
    background: none;
}

#pg_edit_poza .options .crop-tooltip {
    position: absolute;
    left: -81px;
    top: 23px;
    width: 214px;
    display: none;
}

#pg_edit_poza .options .crop-tooltip .content {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
}

#pg_edit_poza .options .crop-tooltip .content .button {
    width: 85px;
    position: relative;
    height: 38px;
    float: left;
    text-align: center;
    font-size: 13px;
    color: #0ba5ec;
    cursor: pointer;
    padding: 10px;
}

#pg_edit_poza .options .crop-tooltip .content .button:first-child {
    padding-right: 10px;
    border-right: 1px dashed #dadada;
}

#pg_edit_poza .options .crop-tooltip .content .button:hover {
    background: #eaecf0;
}

#pg_edit_poza .options .crop-tooltip .content .button ._icon {
    margin-bottom: 4px;
}

#pg_edit_poza .options .crop-tooltip .content .button#crop-salveaza ._icon {
    position: absolute;
    top: 2px;
    right: 33px;
    font-size: 30px;
}

#pg_edit_poza #divcount {
    font-size: 12px;
    margin-right: 20px;
}

/* vezi poza */
#album-photo #left-panel {
    height: 100%;
    margin-right: 300px;
    background: #000;
    display: table-cell;
    text-align: center;
    position: relative;
    vertical-align: middle;
    visibility: hidden;
}

#album-photo #left-panel img {
    width: auto;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    background-color: #fff;
}

#album-photo #left-panel #prev_btn,
#album-photo #left-panel #next_btn {
    position: absolute;
    top: 40%;
    font-size: 34px;
    color: #5c5c5c;
    cursor: pointer;
    z-index: 100;
    padding: 6% 2px;
}

.no-touch #album-photo #left-panel:hover #prev_btn,
.no-touch #album-photo #left-panel:hover #next_btn {
    color: #fff;
}

#album-photo #left-panel #prev_btn {
    left: 0;
}

#album-photo #left-panel #next_btn {
    right: 0;
}

.comments-wrapp {
    height: 100%;
    background: #1d2939;
    width: 300px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
}

.comments-wrapp2 {
    margin-left: 10px;
    overflow: hidden;
}

.comments-wrapp .readmore-text {
    display: none;
}

.comments-wrapp .picNavi a {
    border: 1px solid #fafafa;
    padding: 0px 7px;
}

.comments-wrapp .autor-poza {
    margin: 10px 0 5px 10px;
    color: #fff;
}

.comments-wrapp .autor-poza .user-picture {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 7px;
    display: inline-block;
    background-color: #fff;
}

.comments-wrapp .autor-poza .user-name {
    display: inline-block;
    padding: 2px 0;
}

.comments-wrapp .autor-poza .picInsertDate {
    display: block;
    font-size: 11px;
    color: #909090;
}

.comments-wrapp #picDescriere {
    font-size: 12px;
    padding: 0 10px;
    word-wrap: break-word;
}

.comments-wrapp #picDescriere textarea {
    width: 260px;
    height: 37px;
    display: inline-block;
    resize: none;
    margin-bottom: 3px;
}

.comments-wrapp #picOptiuni {
    font-size: 11px;
    color: #909090;
    margin-left: 10px;
    text-align: right;
    margin-right: 10px;
    border-top: 1px solid #555;
    padding-top: 3px;
}

.touch .comments-wrapp #picOptiuni {
    margin-right: 15px;
}

.comments-wrapp #picOptiuni > a {
    display: inline-block;
    color: #909090;
    padding: 1px 3px;
}

.comments-wrapp #picOptiuni a:hover {
    color: #b1b1b1;
}

.comments-wrapp #picOptiuni #savePicDesc {
    font-size: 12px;
    border: 1px solid #5b5a5a;
}

.comments-wrapp #picOptiuni #savePicDesc.active {
    background: #00abdb;
    color: #fff;
    border-color: #0487ac;
    padding: 2px 5px;
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.comments-wrapp #picOptiuni ._icon {
    font-size: 20px;
    color: #98a2b3;
    vertical-align: top;
}

.comments-wrapp #picOptiuni ._icon.active {
    color: #fff;
}

.no-touch .comments-wrapp #picOptiuni ._icon:hover {
    color: #fff;
}

.comments-wrapp #picOptiuni #addPicInAlbum {
    position: relative;
    left: 3px;
}

.comments-wrapp #picOptiuni #add-descriere {
    font-size: 24px;
}

.no-touch .comments-wrapp #picOptiuni #add-descriere:hover {
    color: #fff;
}

.comments-wrapp #picOptiuni .optionDetailes {
    display: block;
    text-align: left;
    padding: 5px 0;
}

.comments-wrapp #picOptiuni .optionDetailes #addPicInAlbum_edit select {
    width: 100%;
}

.comments-wrapp #picOptiuni .optionDetailes > div {
    display: none;
}

.comments-wrapp #picOptiuni .optionDetailes .show_confirm {
    display: none;
    font-size: 13px;
    padding: 3px;
}

.comments-wrapp #picOptiuni .optionDetailes .show_confirm.success {
    color: #a2ce4d;
}

.comments-wrapp #picOptiuni .optionDetailes .show_confirm.warning {
    color: #f97066;
}

.comments-wrapp #comentarii {
    margin-top: 10px;
}

.comments-wrapp #comentarii .mesaj-wrapp {
    margin-left: 40px;
    color: #fff;
    line-height: 1.2em;
}

.comments-wrapp #comentarii .user-picture {
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    display: inline-block;
    background-color: #fff;
}

.comments-wrapp .comTitle {
    margin: 10px 10px 0 10px;
    display: block;
    color: #fff;
}

.comments-wrapp .nume,
.comments-wrapp .data,
.comments-wrapp .nume,
.comments-wrapp .mesaj {
    display: block;
}

.comments-wrapp ul#comentarii li .nume {
    color: #fea233;
    font-size: 14px;
}

.comments-wrapp ul#comentarii li .mesaj {
    font-size: 12px;
    padding-top: 2px;
    padding-right: 5px;
    word-wrap: break-word;
}

.comments-wrapp ul#comentarii li .data {
    font-size: 10px;
    color: #909090;
}

.comments-wrapp ul#comentarii li .optiuni {
    height: 19px;
    display: block;
}

.comments-wrapp ul#comentarii li .optiuni a {
    font-size: 10px;
    color: #01abdc;
    text-decoration: none;
    cursor: pointer;
    display: none;
}

.touch .comments-wrapp ul#comentarii li .optiuni a {
    display: inline-block;
}

.no-touch .comments-wrapp ul#comentarii li:hover .optiuni a {
    display: inline-block;
}

.no-touch .comments-wrapp ul#comentarii li:hover .optiuni a:hover {
    color: #f79009;
}

.comments-wrapp .jspVerticalBar {
    right: 0px;
}

#form-adauga-comentariu {
    margin: 10px;
    position: absolute;
    bottom: 0px;
    width: 280px;
}

#form-adauga-comentariu .reply-comentariu {
    width: 200px;
    height: 66px;
    display: inline-block;
    resize: none;
    background: #d0d5dd;
    display: inline-block;
}

#form-adauga-comentariu .reply-comentariu::-webkit-input-placeholder,
#form-adauga-comentariu .reply-comentariu::-webkit-input-placeholder {
    color: #777;
}

#form-adauga-comentariu .reply-comentariu:-moz-placeholder,
#form-adauga-comentariu .reply-comentariu:-moz-placeholder {
    color: #777;
}

#form-adauga-comentariu .reply-comentariu:focus {
    background: #fff;
}

#form-adauga-comentariu .reply-comentariu:focus .arrow-comentariu {
    background: #fff;
}

#form-adauga-comentariu .arrow-comentariu {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 0 15px 15px;
    border-color: transparent transparent transparent #d0d5dd;
    display: inline-block;
    position: absolute;
    top: 15px;
    margin-left: -5px;
}

#form-adauga-comentariu .right-side {
    width: 55px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#form-adauga-comentariu .reply-submit {
    display: none;
    width: 44px;
    height: 28px;
    background-color: #00abdb;
    border: 0px;
    margin-left: 10px;
    color: #fff;
    font-size: 18px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: bottom;
    margin-bottom: 4px;
}

#form-adauga-comentariu .user-picture {
    width: 40px;
    height: 40px;
    background-color: #fff;
    margin-bottom: 8px;
    vertical-align: top;
    float: right;
}

/* vezi poza */
/* END FOTOGRAFII */

/* welcome screens - CUSTOM */
.welcomescreen .footer {
    width: 270px;
    margin-left: -140px;
}

#ws_fotografii .content img {
    width: 100%;
    height: auto;
    display: inline-block;
}

/* end welcome screens */

/** PROIECTE **/
#wrapp_wizard.proiecte #pas_1 .col {
    width: 310px;
    display: inline-block;
}

#wrapp_wizard.proiecte #pas_1 .col input,
#wrapp_wizard.proiecte #pas_1 .col textarea {
    width: 100%;
    box-sizing: border-box;
}

#wrapp_wizard.proiecte #pas_1 .col textarea {
    height: 65px;
}

#wrapp_wizard.proiecte #pas_1 .col select {
    width: 100%;
    text-align: left;
}

#wrapp_wizard.proiecte #pas_1 .col .select2-container {
    width: 100%;
    text-align: left;
}

#wrapp_wizard.proiecte #pas_1 .col label {
    text-align: left;
}

#wrapp_wizard.proiecte #pas_1 .col span {
    text-align: left;
}

#wrapp_wizard.proiecte #pas_2 .col input[type="hidden"] {
    width: 100%;
    box-sizing: border-box;
}

#wrapp_wizard.proiecte #pas_2 .col input[type="text"] {
    display: initial;
}

#wrapp_wizard.proiecte #pas_2 .col .select2-container-multi .select2-choices {
    border-radius: 4px;
    color: #555;
    line-height: 16px;
    background-image: none;
}

#wrapp_wizard.proiecte #pas_2 .col .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #ccc;
    outline: none;
    box-shadow: none;
}

#wrapp_wizard.proiecte #pas_2 .col .select2-container-multi .select2-choices .select2-search-choice {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 5px;
    background: #eaecf0;
    border: 1px solid #eaecf0;
}

/** END PROIECTE **/

/* PREFERINTE */
.preferinte {
    max-width: 900px;
    margin: 0 auto;
}

.preferinte .pblocks {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.preferinte .pblocks.full_width {
    width: 100%;
}

.preferinte .pblocks .pblock {
    display: block;
    padding-bottom: 25px;
}

.preferinte .pblocks_accounts .ptitle {
    height: 50px;
    text-transform: uppercase;
    text-align: center;
}

.preferinte .pblocks_accounts .ptitle,
.preferinte .pblocks .ptitle {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: left;
}

.preferinte .pblocks_accounts .ptitle h3,
.preferinte .pblocks .ptitle h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    color: #999;
    display: inline-block;
    margin: 0 0 0 10px;
}

.preferinte .pblocks_accounts .ptitle ._icon,
.preferinte .pblocks .ptitle ._icon {
    font-size: 30px;
    background: #999;
    border-radius: 50%;
    color: #fff;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
}

.preferinte .pblocks .ptitle ._icon.icon-info {
    background: none;
    color: #f04438;
    font-size: 52px;
    padding: 0;
}

.preferinte .pblocks .ptitle ._icon.icon-lock {
    font-size: 24px;
    padding: 13px;
}

.preferinte .pblocks_accounts .ptitle ._icon.bkgred {
    background: #f04438;
}

.preferinte .pblocks_accounts .pcontent,
.preferinte .pblocks .pcontent {
    padding: 0 17px;
}

.preferinte .pblocks .pcontent .user_title img {
    height: 31px;
    width: 31px;
}

.preferinte .pblocks .pcontent .user_title ._icon {
    font-size: 31px;
    background: #777;
    color: #fff;
}

.preferinte .pblocks .pcontent .user_title b {
    vertical-align: top;
    line-height: 30px;
    padding: 0 6px;
}

.preferinte .pcontent ul {
    column-count: 2;
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.preferinte .pcontent ul li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -moz-page-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}

ul li.col_highschool_half {
    width: 48%;
}

.preferinte .pcontent ul li.col_highschool_half {
    padding-bottom: 5px;
    width: 100%;
}

.preferinte .pcontent ul li label {
    padding-left: 5px;
}

.preferinte .marginauto.center input[type="submit"] {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .preferinte .pcontent ul {
        column-count: 1;
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
    }

    .preferinte .pblocks_accounts .ptitle h3,
    .preferinte .pblocks .ptitle h3 {
        font-size: 14px;
    }
}

.counter_top {
    width: 18px;
    height: 18px;
    position: absolute;
    background: #f04438;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 12px;
    left: 2px;
}

/* generale */
.preferinte_generale {
    /*width: 605px;*/
    font-size: 12px;
}

/* personal info */
.preferinte_generale .personal_info .leftcol {
    width: 123px;
    display: inline-block;
    position: relative;
}

.preferinte_generale #profil_img {
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}

.preferinte_generale #profil_img_pic > .circle {
    border: 1px dashed #999;
    height: 120px;
    width: 120px;
}

.preferinte_generale #profil_img_pic .circle.wrappBkg {
    background: #777;
    height: 110px;
    display: block;
    width: 110px;
    top: 5px;
    left: 5px;
    position: relative;
    overflow: hidden;
}

.preferinte_generale #profil_img_pic .circle ._icon {
    font-size: 97px;
    position: relative;
    top: 14px;
    left: 7px;
    color: #fff;
}

.preferinte_generale #profil_img_pic .loader {
    top: 25px;
}

.preferinte_generale #profil_img_pic .circle img {
    display: none;
    width: 110px;
    height: 110px;
    border: 1px solid #ddd;
    position: relative;
    top: 4px;
    left: 4px;
}

.preferinte_generale #profil_img_pic .circle.hasAvatar .placeholder {
    display: none;
}

.preferinte_generale #profil_img_pic .circle.hasAvatar img {
    display: block;
}

.preferinte_generale .plupload {
    display: none;
}

.preferinte_generale .personal_info #profil_img #delete_avatar {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 12px;
    z-index: 3;
}

.no-touch .preferinte_generale .personal_info #profil_img #delete_avatar {
    display: none;
}

.no-touch .preferinte_generale .personal_info #profil_img #delete_avatar:hover {
    color: #f04438;
}

.preferinte_generale .personal_info:hover #profil_img #delete_avatar:not(.hide) {
    display: block;
}

.preferinte_generale .personal_info #details {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    margin-top: 10px;
}

.preferinte_generale .personal_info #details .numefull {
    font-size: 19px;
    color: #000;
    font-weight: 700;
    height: 30px;
}

.preferinte_generale .personal_info #details .numefull .gray {
    color: #999;
}

.preferinte_generale .personal_info #details #upload_avatar {
    padding: 10px 0;
    display: inline-block;
    font-size: 16px;
    text-align: left;
}

.preferinte_generale .personal_info #details #upload_avatar.btn {
    text-align: center;
    padding: 10px;
    margin-top: 10px;
}

.preferinte_generale .personal_info #details .rowinfo {
    line-height: 21px;
}

.preferinte_generale .user_email_telefon > div small {
    color: #999;
}

.preferinte_generale #user_email,
.preferinte_generale #user_telefon {
    width: 280px;
}

.preferinte_generale small {
    line-height: 1em;
}

.preferinte_generale .form_separator {
    font-size: 14px;
}

.preferinte_generale textarea {
    font-size: 14px;
}

.preferinte_notificari .promo_premium {
    margin: 5px 5px 10px 0;
}

.preferinte_notificari .promo_premium .parent_promo_premium {
    background: #fff6ee;
    padding: 5px 10px;
}

.preferinte_notificari .promo_premium a:hover .text {
    text-decoration: underline;
}

.preferinte_notificari .promo_premium a ._icon {
    color: #f79009;
    font-size: 25px;
    margin: 0 5px 0 -35px;
    vertical-align: middle;
}

/* notificari */
.preferinte_notificari .col {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    min-width: 400px;
}

.preferinte_notificari h3 {
    text-align: left;
    font-size: 18px;
    color: #333;
}

.preferinte_notificari h3 ._icon {
    font-size: 30px;
    background: #999;
    border-radius: 50%;
    color: #fff;
    padding: 10px;
    margin: 0 10px 0 17px;
}

.preferinte_notificari ul {
    list-style-type: none;
}

.preferinte_notificari li {
    margin: 0 0 10px 0;
}

.preferinte_notificari label.bold small {
    font-size: 14px;
    color: #777;
    font-weight: normal;
}

.form_pref_notif.premium .promo_premium {
    display: none;
}

.form_pref_notif .premium_only {
    opacity: 0.5;
}

.form_pref_notif.premium .premium_only {
    opacity: 1;
}

.pref_notificari {
    margin: 0 0 20px 0;
    color: #000;
}

.pref_notificari ul,
.pref_sub_notificari ul {
    list-style-type: none;
}

.pref_notificari li,
.pref_sub_notificari li {
    margin-bottom: 10px;
    padding: 0;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
}

.pref_notificari input {
    vertical-align: top;
}

.pref_notificari input + label {
    color: #333;
}

.pref_sub_notificari {
    margin: 10px 0 0 20px;
    font-size: 12px;
}

.tabs_nav {
    margin-bottom: 6px;
    overflow: hidden;
}

.tabs_nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabs_nav li {
    margin: 0 3px 0 0;
    padding: 0;
    border-bottom: 4px solid transparent;
    list-style: none;
    float: left;
}

.tabs_nav li:last-child {
    margin: 0;
}

.tabs_nav li.active {
    border-bottom: 4px solid #00abdb;
}

.tabs_nav li a,
.tabs_nav li .tab_container {
    line-height: 40px;
    margin-bottom: 2px;
    padding: 0 10px;
    color: #666;
    background-color: #eee;
    display: block;
}

.tabs_nav li.active a,
.tabs_nav li.active .tab_container {
    color: #fff;
    background-color: #999;
}

.tabs_nav li.inactive a {
    color: #bbb;
    background-color: #f5f5f5;
    cursor: default;
}

.tabs_nav li .step {
    margin-right: 5px;
    font-size: 30px;
    vertical-align: middle;
}

.tabs_nav li .tab_name {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.tabs_nav li .tab_name small {
    font-size: 10px;
    display: block;
}

#s2id_tabs_nav {
    width: 100% !important;
    display: none;
}

/* SECRETARIAT */
.secretary_search_school {
    position: absolute;
    left: auto;
    right: 0;
    top: 0px;
    bottom: 0;
}

.secretary_search_school.secretary_top {
    top: -20px;
}

.secretary_animate_teacher {
    width: 22px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(255, 95, 95, 0.4);
    animation: pulse_animate_teacher 1.5s infinite;
}

label.liceu-selector-label {
    display: block;
    width: 198px;
    height: 198px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
}

label.liceu-selector-label:hover {
    background: rgba(0, 0, 0, 0.5);
}

#delete_logo {
    position: absolute;
    top: 3px;
    right: 3px;
    background: #fff;
    border-radius: 100%;
    padding: 3px;
}

#logo_img_pic {
    display: block !important;
}

#logo_img_pic .change_logo {
    display: none;
}

#logo_img_pic:hover .change_logo {
    display: inline;
}

@-webkit-keyframes pulse_animate_teacher {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 95, 95, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 95, 95, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 95, 95, 0);
    }
}

@keyframes pulse_animate_teacher {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 95, 95, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 95, 95, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(255, 95, 95, 0);
        box-shadow: 0 0 0 10px rgba(255, 95, 95, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 95, 95, 0);
        box-shadow: 0 0 0 0 rgba(255, 95, 95, 0);
    }
}

.statistici.module_col_3.add_margin_left.module_middle_col.class_without_setup {
    width: 69%;
    margin-left: 0;
}

.tabs_content {
    clear: both;
}

#form1_content {
    display: block;
}

#form1_content input:not([type="radio"]):not([type="submit"]):not([type="button"]) {
    background: white;
}

#form2_content input:not([type="radio"]):not([type="submit"]):not([type="button"]) {
    background: white;
}

#form3_content input:not([type="radio"]):not([type="submit"]):not([type="button"]) {
    background: white;
}

.formular1_fisa,
.formular2_fisa,
.formular3_fisa {
    font-size: 12px;
}

.rand_formular_fisa {
    padding: 10px;
}

.rand_formular_fisa:nth-child(odd) {
    background-color: #eee;
}

.rand_formular_fisa:nth-child(odd) input[type="text"] {
    background-color: #f4f4f4;
}

.rand_formular_fisa:nth-child(odd) input[type="text"]:hover,
.rand_formular_fisa:nth-child(odd) input[type="text"]:focus {
    background-color: #fff;
}

.rand_formular_fisa:nth-child(odd) .select2-choice {
    background-color: #f4f4f4;
}

.rand_formular_fisa .label {
    margin-bottom: 10px;
    font-style: italic;
    font-weight: bold;
}

.celula_formular_fisa {
    margin: 0 20px 10px 0;
    vertical-align: top;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

.celula_formular_fisa > label {
    margin-bottom: 3px;
    display: block;
}

.celula_formular_fisa > span {
    margin: 0 0 5px 0;
    padding-right: 20px;
    white-space: nowrap;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

.celula_formular_fisa > .phone-code + span {
    padding-right: 0;
    margin: 0 0 2px;
}

.celula_formular_fisa > .phone-code + .select2-container--default .select2-selection--single {
    background: transparent;
}

.celula_formular_fisa > .desc_formular_fisa {
    margin: 0;
    padding: 0;
    color: #999;
    font-size: 10px;
    display: block;
}

#add_parent {
    color: #555;
    font-size: 12px;
}

.add_parent_categ {
    padding: 15px 10px 0;
}

.add_parent_cell {
    margin: 0 20px 10px 0;
    vertical-align: top;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

.add_parent_cell > label {
    display: block;
}

.add_parent_cell .phone-code + .select2-container--default {
    margin: 0;
}

.add_parent_desc {
    font-size: 10px;
    color: #999;
    display: block;
}

@media screen and (max-width: 580px) {
    .celula_formular_fisa {
        max-width: 100%;
        width: 100%;
    }

    .add_parent_categ .select2.select2-container,
    .celula_formular_fisa > span.select2.select2-container {
        max-width: 100%;
        min-width: 100%;
    }

    .celula_formular_fisa input[type="text"],
    .celula_formular_fisa textarea {
        box-sizing: border-box;
        width: 100% !important;
    }

    .celula_formular_fisa input[type="text"]#elNrFrati,
    .celula_formular_fisa input[type="text"]#elNrFratiScoala {
        width: 55px !important;
    }

    #pc-accordion .advanced_settings .pc-clasa-opt-adv {
        position: relative;
        top: -13px;
    }
}

/* ABONAMENTE */

/* pagina aboanament eroare */
.panel-wide.abo_eroare {
    background: url("/images/site/abonamente/imagine-background-cont-inactiv.jpg") no-repeat center center;
    padding: 0;
}

.panel-wide.abo_upgrade {
    background: url("/images/site/abonamente/upgrade-premium.jpg") no-repeat center center;
    padding: 0;
}

.panel-wide.abo_premium_activ {
    background: url("/images/site/abonamente/premium-activ.jpg") no-repeat left center;
}

.panel-wide.no_padding {
    padding: 0;
}

#abonamente_eroare {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    display: inline-block;
    text-align: center;
}

#abonamente_eroare > b {
    font-size: 20px;
}

#abonamente_eroare p {
    line-height: 24px;
}

/* pagina abonamente */
#abonamente .header {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
}

#abonamente .abonament {
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
    margin-top: 30px;
    padding-top: 30px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
}

#abonamente .abonament.half:first-of-type {
    padding-right: 20px;
}

#abonamente .abonament.half:last-child {
    padding-left: 20px;
    border-left: 1px dashed #d0d5dd;
}

#abonamente .abonament.full {
    display: block;
    width: 535px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
}

#abonamente .abonament h1 {
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 15px;
    line-height: 30px;
}

#abonamente .abonament h1 b {
    font-size: 30px;
}

#abonamente .abonament.full h1 {
    font-size: 26px;
}

#abonamente .abonament .features {
    width: 435px;
    margin: 30px auto 0 auto;
}

#abonamente .abonament.full .features {
    width: 500px;
}

#abonamente .abonament .feature {
    width: 85px;
    font-size: 12px;
    color: #666;
    line-height: 14px;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
}

#abonamente .abonament .features.orange {
    width: 500px;
}

#abonamente .abonament .features.orange .feature {
    width: 230px;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

#abonamente .abonament .features.orange .feature:first-child {
    width: 260px;
    padding-right: 15px;
}

#abonamente .abonament .features ._icon {
    display: inline-block;
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 36px;
    width: 35px;
    height: 35px;
    background: #05a7d2;
    color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

#abonamente .abonament .features.orange ._icon {
    width: 40px;
    font-size: 23px;
    height: 40px;
    line-height: 40px;
    background: #f79009;
    float: left;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 30px;
}

#abonamente .abonament .features.orange b {
    font-size: 13px;
    color: #000;
    padding-bottom: 5px;
    display: inline-block;
}

#abonamente .sep {
    font-size: 12px;
    font-weight: lighter;
    border-bottom: 1px solid #999;
    height: 9px;
    width: 500px;
    margin: 0 auto;
}

#abonamente .sep-text {
    background: #fff;
    display: inline-block;
    padding: 0 10px;
}

#abonamente .price {
    padding-top: 25px;
    margin-top: 15px;
    background: url(/images/site/abonamente/bar.png) no-repeat top center;
}

#abonamente .price .ron {
    font-size: 55px;
    color: #000;
    line-height: 55px;
    margin-bottom: 10px;
}

#abonamente .price .ron small {
    font-size: 32px;
    display: inline-block;
    line-height: 22px;
    text-align: left;
}

#abonamente .price .ron small small {
    font-size: 13px;
}

#abonamente .price .btn.orange {
    vertical-align: top;
    margin: 10px;
}

@media screen and (max-width: 1260px) {
    #abonamente .abonament .features.orange .feature {
        width: 300px !important;
    }

    #abonamente .abonament.half .features {
        width: 325px;
    }

    #abonamente .abonament.half .features.orange {
        width: 250px;
    }

    #abonamente .abonament.half .sep {
        width: 340px;
    }
}

@media screen and (max-width: 767px) {
    #abonamente .abonament h1 b {
        font-size: 28px;
    }

    #abonamente .abonament .features.orange .feature {
        width: 255px !important;
        padding: 0;
    }

    #abonamente .abonament.half .features {
        max-width: 345px;
        width: 100%;
    }

    #abonamente .abonament .features.orange {
        width: 100%;
    }

    #abonamente .abonament.half .sep {
        width: 215px;
    }
}

@media screen and (max-width: 500px) {
    #abonamente .abonament .features.orange .feature {
        max-width: 300px !important;
        box-sizing: border-box;
    }

    #abonamente .abonament,
    #abonamente .abonament.full {
        width: 100%;
        padding: 10px;
        border-radius: 0;
        box-sizing: border-box;
    }

    #abonamente .abonament.half:last-child {
        border-top: 1px dashed #d0d5dd;
        border-left: 0;
    }

    #abonamente .abonament .features,
    #abonamente .abonament.full .features {
        max-width: 325px;
        width: 100%;
    }

    #abonamente .abonament .sep {
        width: 100%;
    }

    #abonamente .abonament:nth-child(3) {
        border-left: none;
    }

    .abo_upgrade #abonamente .abonament.full {
        left: 0 !important;
    }
}

#abonamente.premium_activ .box-wrap {
    padding: 0 10px;
}

#abonamente.premium_activ .wrap {
    display: inline-block;
    width: 650px;
    padding-right: 150px;
}

#abonamente.premium_activ ._icon.icon-check {
    color: #05a7d2;
    font-size: 55px;
}

#abonamente.premium_activ .box {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    width: 270px;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
}

#abonamente.premium_activ .box.large {
    width: 610px;
}

#abonamente.premium_activ h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

@media screen and (max-width: 1368px) {
    #abonamente.premium_activ .wrap {
        padding-right: 50px;
    }
}

@media screen and (max-width: 1000px) {
    #abonamente.premium_activ .wrap {
        padding-right: 0px;
    }
}

@media screen and (max-width: 800px) {
    .panel-wide.abo_premium_activ {
        background: none;
    }

    #abonamente.premium_activ .box-wrap {
        padding: 0;
    }

    #abonamente.premium_activ .wrap {
        width: auto;
        display: block;
        padding-right: 5px;
    }

    #abonamente.premium_activ .box {
        width: auto;
        display: block;
        margin: 0;
    }

    #abonamente.premium_activ .box.large {
        width: auto;
        display: block;
    }
}

#formular_abonament {
    width: 445px;
}

#formular_abonament #alege_tip_platitor {
    width: 430px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
}

#formular_abonament #alege_tip_platitor > div {
    width: 49.5%;
    text-align: center;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

#formular_abonament .card_proforma {
    height: 80px;
    cursor: pointer;
    margin: 10px 0 0;
}

#formular_abonament .card_proforma ._card_bancar {
    position: relative;
    top: 15px;
}

#adauga_persoana_juridica {
    display: none;
}

#formular_abonament .rand_formular {
    margin-bottom: 10px;
}

#formular_abonament .celula_formular {
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
}

#formular_abonament label {
    font-size: 12px;
    margin: 0;
}

#abonament_cards {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

#abonament_cards > div {
    width: 315px;
    height: 80px;
    background: url("/images/site/abonamente/abonament-cards.png") no-repeat;
}

#abonament_cards > div > div {
    margin-left: 40px;
    font-size: 12px;
}

/* PREPAY */
.abonament_prepay {
    margin: 0 -20px;
    border-top: 1px solid #eaecf0;
    border-bottom: 1px solid #eaecf0;
    overflow: auto;
}

#prepay_pic {
    width: 395px;
    height: 305px;
    background: url("/images/site/abonamente/avion-prepay.png") no-repeat;
    float: left;
}

#prepay_description {
    margin-left: 405px;
    margin-right: 35px;
}

#prepay_desc_title {
    padding-top: 10px;
    font-size: 24px;
    line-height: 1em;
}

#prepay_desc {
    font-size: 12px;
}

.box_atentie {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #ffefe0;
}

.box_atentie .atentie_titlu {
    margin-left: 10px;
    font-size: 16px;
}

.box_atentie ul {
    padding-left: 20px;
    font-size: 12px;
}

#introdu_cod_prepay {
    padding: 10px 15px;
    text-align: center;
    background-color: #c9eaf3;
    overflow: auto;
}

#introdu_cod_prepay .introdu_eticheta {
    float: left;
    text-align: left;
}

#introdu_cod_prepay .introdu_eticheta label {
    margin-right: 5px;
    line-height: 32px;
}

#introdu_cod_prepay .introdu_cod #cod_prepay {
    width: 220px;
    margin-right: 5px;
    padding: 7px 9px;
    float: left;
}

#introdu_cod_prepay .confirmare_cod {
    float: left;
}

._acoladaTop {
    width: 44px;
    background: url("/images/site/preferinte/acolada-top2.png") 0px 5px no-repeat;
}

._acoladaBottom {
    width: 44px;
    height: 20px;
    background: #fff url("/images/site/preferinte/acolada-bottom.png") left bottom no-repeat;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

/* grupe */
#gr_cl_continute {
    float: left;
}

#gr_cl_continute ul {
    line-height: 1.5em;
    list-style: none;
}

#gr_cl_continute li {
    font-size: 12px;
}

#lista_claseGrupa ul {
    margin-bottom: 15px;
    padding-left: 15px;
    line-height: 1.5em;
    list-style: none;
}

.grupe_existente .grupa {
    position: relative;
    cursor: default;
}

.grupe_existente .grupa .grupa_editeaza_sterge {
    color: #f79009;
    position: absolute;
    bottom: 0px;
    left: 55px;
}

.grupe_existente .grupa .grupa_editeaza_sterge a {
    color: #f79009;
    font-size: 12px;
    font-style: italic;
}

/* ADMIN */
.btn.no_color {
    border-color: transparent;
    background-color: transparent;
}

#search_user {
    color: #666;
    font-size: 12px;
}

#search_user label {
    vertical-align: middle;
}

#search_user .slist li {
    padding: 3px 0;
}

.search_user_highschool_all {
    background: #f2f2f2;
    margin: -82px -20px 10px -20px;
    padding: 100px 10px 10px 10px;
    display: none;
    font-size: 12px;
}

.search_user_highschool {
    width: 407px;
    height: 72px;
    margin: 0 auto 0;
    padding: 10px 80px 10px;
    background-size: cover;
    background-position: center;
    background-image: url("/images/admin-top-search.png");
}

.dashboard_no_border .search_user_highschool {
    margin: -15px auto 0;
}

.search_user_highschool .search_one label {
    /*padding-bottom: 5px;*/
    display: block;
}

.search_user_highschool .search_all {
    padding: 2px 0;
}

.search_user_highschool .search_all label {
    font-size: 12px;
}

.search_user_category {
    margin: 10px 0;
    position: relative;
}

.search_user_category .bkg-line {
    width: 100%;
    height: 1px;
    background-color: #f4f4f4;
    display: block;
    position: absolute;
    top: 50%;
}

.search_user_category .eticheta {
    padding-right: 10px;
    background-color: #fff;
    position: relative;
}

.search_user_category .eticheta label {
    vertical-align: middle !important;
}

.search_user_filters .section {
    width: 30.8%;
    margin: 0.5% 0.5% 0.5% 0;
    padding: 1%;
    background-color: #eaecf0;
    float: left;
}

.search_user_filters .section:last-child {
    margin-right: 0;
}

.search_user_filters .row {
    margin-bottom: 5px;
}

.search_user_filters .cell {
    width: 96%;
    margin-right: 4%;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

.search_user_filters .cell label {
    display: block;
}

#search_user_results > label {
    margin: 15px 0 5px 0;
    display: block;
}

@media screen and (max-width: 950px) {
    .dashboard_no_border .search_user_highschool {
        margin: 0px auto;
    }
}

.actions_search_students {
    opacity: 0;
}

.tableview tr:hover .actions_search_students {
    opacity: 1;
}

.touch .actions_search_students {
    opacity: 1;
}

.tableview .actions {
    padding-top: 0;
    padding-bottom: 0;
}

.tableview .actions.icons_actions_user ._icon,
.icons_actions_user ._icon {
    color: #999;
    font-size: 28px;
}

.icons_actions_user ._icon.icon-eye {
    font-size: 30px;
}

.icons_actions_user ._icon.icon-trash-2 {
    font-size: 24px;
}

.tableview .actions.icons_actions_user ._icon:hover,
.icons_actions_user ._icon:hover {
    color: #000;
}

.icons_actions_user ._icon.activ,
.icons_actions_user ._icon.active {
    color: #000;
    border-color: #b9e6fe;
    background-color: #b9e6fe;
    height: 38px;
    margin-bottom: -9px;
    display: inline-block;
}

.rotate_icon {
    display: inline-block;
    transform: scale(-1, 1);
}

.hover_black:hover {
    color: #000;
}

.tableview td.blue {
    background-color: #b9e6fe;
}

.tableview .blue > td {
    background-color: #b9e6fe;
}

.tableview .blue .inner_info {
    width: 100%;
    border-collapse: collapse;
}

.tableview .blue .inner_info * {
    border: 0 none;
}

.tableview .blue .inner_info thead th {
    color: #0aabdb;
    background-color: #b9e6fe;
}

.tableview .blue .inner_info tbody tr {
    background-color: #fff;
}

.tableview .blue .inner_info tbody tr:first-child {
    color: #333;
    font-weight: 700;
    font-weight: 700;
    background-color: #b9e6fe;
}

.tableview .blue .inner_info tbody tr td {
    padding: 8px 5px;
    border-bottom: 3px solid #b9e6fe;
}

.tableview .blue .inner_info tbody tr td:first-child {
    color: #333;
    font-weight: 700;
    text-align: left;
}

.show_queryResults {
    margin-bottom: 50px;
}

.show_queryResults > label {
    margin-bottom: 2px;
    border-bottom: 2px solid #333;
    font-size: 18px;
    font-weight: 700;
    display: block;
}

.show_queryResults table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.show_queryResults .dataTables_filter input {
    padding: 2px;
}

.admin_dashboard .admin_logo img {
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
}

.tableview .actions .more-actions .admin_action.submenu.center_arrow:before {
    right: 20px;
}

.tableview .actions .more-actions .admin_action.submenu.tax_submenu {
    top: 25px;
}

.flex_action ._icon {
    background: #04a7cd;
    padding: 10px;
}

form#form_query .slist.lista-licee {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

/* utilizatori - elevi */
#lista_fratiLiceu ul,
#lista_fratiLiceu li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
    font-size: 14px;
    line-height: 1.3em;
}

.lista_login ul,
.lista_login li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #999;
}

/* SECRETARIAT - STATISTICI */
.top_elevi_piechart {
    width: 34%;
    margin-left: 3%;
    min-height: 300px;
}

.top_elevi_chartbar {
    width: 55%;
}

.top_elevi_chartbar text {
    font-size: 12px !important;
    display: inline-block !important;
}

.statistici-header {
    color: #707070;
    padding: 3px;
}

.statistici-block.half {
    width: 47%;
    vertical-align: top;
    margin-right: 30px;
}

.statistici .form_separator em {
    font-size: 12px;
    color: #707070;
    font-weight: normal;
}

.statistici .main-filters {
    background: #eaecf0;
    margin-bottom: 10px;
    margin-top: 40px;
}

.statistici .main-filters .filter {
    display: inline-block;
    margin-left: 5px;
}

.statistici .main-filters label {
    font-size: 12px;
    padding: 3px;
}

.statistici .statistici-header {
    color: #f79009;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 5px;
    padding: 3px 10px;
    margin-top: 20px;
    text-transform: uppercase;
}

.statistici .statistici-header a {
    font-size: 15px;
    position: relative;
    top: 1px;
    left: 5px;
}

.statistici .statistici-header .mention {
    text-transform: initial;
    font-size: 12px;
    color: #999;
}

.statistici .statistici-block ._print {
    float: right;
    display: none;
}

.statistici .statistici-block:hover .statistici-header ._print {
    display: block;
}

.statistici .statistici-legend .info-block {
    background: #fff3e9;
    padding: 10px;
    color: #707070;
    margin-top: 30px;
}

.statistici .statistici-legend .pie {
    padding: 0;
    width: 160px;
    background: #fff;
    position: relative;
    top: 60px;
}

.statistici .bullet-square {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
}

.statistici .bullet-square.urban {
    background: #00abdb;
}

.statistici .bullet-square.rural {
    height: 10px;
    width: 10px;
    background: #dfdfdf;
    border: 1px solid #717879;
}

.statistici .statistici-tabel table.tableview tbody td {
    padding: 5px;
}

.statistici .statistici-legend-wide {
    background: #eaecf0;
    padding: 5px 10px;
    margin-top: 10px;
}

.statistici .statistici-legend-wide .label {
    display: inline-block;
    margin-left: 30px;
}

.statistici .tableview thead th.abs-nemot,
.statistici .tableview thead th.abs-mot,
.statistici .tableview thead th.abs-total,
.statistici .tableview thead th.note-total {
    font-size: 13px;
    padding: 3px;
}

.statistici .tableview thead th.abs-nemot {
    width: 45px;
}

.statistici .tableview thead th.abs-mot {
    width: 30px;
}

.statistici .tableview thead th.abs-total {
    width: 30px;
}

#linechart_material {
    max-height: 500px;
    width: 100%;
}

.secretariat-cadre__edit .filter-form {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
}

.secretariat-cadre__edit .form-column {
    text-align: left;
}

.secretariat-cadre__edit .form-column .select-rol.filter .select2.select2-container {
    width: 100% !important;
    max-width: 100%;
}

.secretariat-cadre__edit .permissions__checkbox[readonly] {
    pointer-events: none;
    border-color: #545454;
}

.secretariat-cadre__edit .permissions__checkbox[readonly]:before {
    color: #999;
}

.secretariat-cadre__edit .permissions__checkbox[readonly]:after {
    background-color: #ebebe4;
}

.secretariat-cadre__edit .permissions__label.disabled {
    pointer-events: none;
}

.secretariat.dashboard #graphic {
    width: 97%;
}

.secretariat.dashboard #graphic .jqplot-title {
    font-size: 12px;
    color: #98a2b3;
}

.secretariat.dashboard .boxs {
    list-style-type: none;
}

.secretariat.dashboard .boxs li {
    background: #f2f4f7;
    display: inline-block;
    width: 20%;
    padding: 10px 1% 10px 1%;
    margin-right: 0.8%;
    vertical-align: top;
}

.secretariat.dashboard .boxs li:last-child {
    width: 30%;
    margin-right: 0;
}

.dashboard_no_border .module_col_3 {
    background: #f2f4f7;
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

.secretariat.dashboard .boxs li .title {
    color: #1d2939;
    font-size: 15px;
    padding: 8px 5px;
    display: inline-block;
    vertical-align: top;
}

.secretariat.dashboard .boxs li ._sec_search {
    padding: 8px;
}

.secretariat.dashboard .boxs li input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

.secretariat.dashboard .boxs li form[name="filter-cadru"],
.secretariat.dashboard .boxs li form[name="filter-elev"] {
    position: relative;
}

.secretariat.dashboard .boxs li form[name="filter-cadru"] button,
.secretariat.dashboard .boxs li form[name="filter-elev"] button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.secretariat.dashboard .boxs li .select2-container--default .select2-selection--single .select2-selection__arrow,
.secretariat.dashboard .boxs li .select2-container--default .select2-selection--single,
.secretariat.dashboard .boxs li .select2-container {
    height: 40px;
}

.secretariat.dashboard .boxs li .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.secretariat.dashboard #media_liceului {
    width: 29%;
    float: right;
}

.secretariat.dashboard #media_liceului_header {
    height: 40px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.secretariat.dashboard .media_liceului_block {
    height: 62px;
    margin-bottom: 5px;
    background-color: #f2f4f7;
}

.secretariat.dashboard .media_liceului_block label {
    padding: 2px 8px 0;
    color: #666;
    font-size: 12px;
    display: block;
}

.secretariat.dashboard .media_liceului_block div {
    margin-right: 10px;
    color: #f79009;
    font-size: 25px;
    line-height: 1;
    text-align: right;
}

.secretariat.dashboard .media_liceului_block:last-child div {
    font-size: 30px;
    font-weight: 700;
}

.secretariat.dashboard .statistici.line-graphic {
    width: 63.3%;
    float: left;
}

.secretariat.dashboard .statistici .header-title {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px;
    font-size: 15px;
}

.secretariat.dashboard .statistici .header-title ._sec_statistici {
    margin: 0 8px;
}

.secretariat.dashboard #graphic .jqplot-xaxis {
    margin-top: 20px;
    font-size: 10px !important;
    color: #333;
    margin-left: 0px;
}

.statistici #form-statistica .myfilters {
    background: #fff;
}

.statistici #print_chart {
    z-index: 100;
    position: relative;
}

.sec-statistici #filters {
    width: 100%;
    position: relative;
    display: block;
}

.sec-statistici h2 {
    line-height: 30px;
}

.lista_elevi.clasa_diriginte .sec-statistici #form-statistica {
    margin-top: 20px;
}

#filters ul.myfilters {
    padding: 20px 0 0 0;
    position: relative;
    top: 1px;
}

#filters ul.myfilters li {
    display: inline-block;
    padding: 0 10px;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 2px;
    margin-bottom: 2px;
}

#filters ul.myfilters li a.filter-close {
    display: inline-block;
    width: 12px;
    height: 13px;
    position: relative;
    right: 0px;
    top: 1px;
    font-size: 1px;
    outline: none;
    background: url("/images/plugins/select2.png") right top no-repeat;
}

#filters ul.myfilters li a.filter-close:hover {
    background-position: right -11px;
}

#filters ul.myfilters li.active {
    background: #000;
}

#filters ul.myfilters li.active a {
    color: #fff;
    line-height: 14px;
}

#filters ul.myfilters li.active .icon-filter {
    color: #fff;
}

#filters #cautareavansata-btn {
    display: inline-block;
    width: 210px;
    padding: 5px 10px 4px 10px;
    background: #f0f0f0;
    z-index: 10;
    position: absolute;
    right: 0;
    top: -35px;
    float: right;
    font-weight: 700;
    cursor: pointer;
    box-sizing: initial;
}

#filters #cautareavansata-btn .text {
    vertical-align: top;
    margin-top: 2px;
    display: inline-block;
}

#filters #cautareavansata-btn ._lupa {
    margin-right: 5px;
}

#filters #advanced-filters {
    background: #f0f0f0;
    top: 1px;
    display: none;
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#filters #advanced-filters.opened {
    display: block;
}

#filters #advanced-filters.no_bg {
    background: none;
    border-bottom: none;
}

#filters #advanced-filters ._xclose {
    position: absolute;
    top: 10px;
    right: 10px;
}

#filters #advanced-filters .filter {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 3px;
    vertical-align: top;
}

#filters #advanced-filters b {
    padding-top: 35px;
    display: inline-block;
}

#filters #advanced-filters .filter label {
    font-size: 11px;
    display: block;
}

#filters #advanced-filters .column {
    display: inline-block;
    margin: 20px 3px 0 0;
    background: #d3d3d3;
    padding: 5px;
    color: #676767;
}

#filters #advanced-filters .column .filter {
    display: block;
}

@media screen and (max-width: 992px) {
    .top_elevi_piechart,
    .top_elevi_chartbar {
        display: inline-block;
        width: 100%;
    }

    .top_elevi_chartbar #barchart_values {
        width: 100% !important;
    }
}

.secretary_search_school_cl_listing .show_mobile {
    display: none;
}

/* extend filters*/
.filter-form .extend-bar {
    position: relative;
}

.filter-form .extend-bar #btn-extend-filters {
    display: inline-block;
    width: 190px;
    padding: 5px 10px 4px 10px;
    background: #f0f0f0;
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 0px;
    float: right;
    font-weight: 700;
    cursor: pointer;
}

.filter-form .extend-bar #btn-extend-filters .text {
    vertical-align: top;
    margin-top: 2px;
    display: inline-block;
    padding: 0 10px;
}

.filter-form .search_filters {
    background-color: #eaecf0;
}

.filter-form .search_filters .section {
    /*margin: 0.5% 0.5% 0.5% 0;*/
    padding: 0.7% 0 0.7% 1%;
    background-color: #eaecf0;
    float: left;
    text-align: left;
    margin-right: 16px;
}

.filter-form .search_filters.col2 .section {
    width: 46%;
}

.filter-form .search_filters.col3 .section {
    width: 30.8%;
}

.filter-form .search_filters.col4 .section {
    width: 24%;
}

.filter-form .search_filters .section:last-child {
    margin-right: 0;
    border-right: none;
}

.filter-form .search_filters .row {
    margin-bottom: 5px;
}

.filter-form .search_filters .row:last-child {
    margin-bottom: 0;
}

.filter-form .search_filters .cell {
    width: 45%;
    margin-right: 6%;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
    margin-bottom: 16px;
}

.filter-form .search_filters .cell:last-child {
    margin-right: 0;
}

.filter-form .search_filters .cell label {
    display: block;
}

.filter-form .search_filters .footer-btns {
    float: right;
    margin: -5px 10px 10px 0;
}

.filter-form .search_filters .footer-btns.top {
    margin: 15px 10px 10px 0;
}

.filter-form .search_filters .footer-btns a {
    font-size: 13px;
}

.filter-form .search_filters .footer-btns a:hover {
    text-decoration: underline;
}

/* LEGENDA PENTRU PieChart Statistica NOTE*/
.bullet-square.nota1,
.bullet-square.nota2,
.bullet-square.nota3,
.bullet-square.nota4,
.bullet-square.nota5,
.bullet-square.nota6,
.bullet-square.nota7,
.bullet-square.nota8,
.bullet-square.nota9,
.bullet-square.nota10,
.bullet-square.green,
.bullet-square.red,
.bullet-square.blue {
    height: 10px;
    width: 10px;
    border: 1px solid #717879;
}

.bullet-square.nota1 {
    background: #ff6440;
}

.bullet-square.nota2 {
    background: #000000;
}

.bullet-square.nota3 {
    background: #224099;
}

.bullet-square.nota4 {
    background: #f16522;
}

.bullet-square.nota5 {
    background: #ec1c24;
}

.bullet-square.nota6 {
    background: #00a14b;
}

.bullet-square.nota7 {
    background: #9e510b;
}

.bullet-square.nota8 {
    background: #ff8a93;
}

.bullet-square.nota9 {
    background: #ffdd15;
}

.bullet-square.nota10 {
    background: #00aada;
}

.bullet-square.green {
    background: #bbe276;
}

.bullet-square.red {
    background: #ff9999;
}

.bullet-square.blue {
    background: #0789ad;
}

.statistici .vizualizare-btn {
    font-size: 12px;
}

.statistici .vizualizare-btn a {
    padding: 3px 7px;
    border-radius: 3px;
    text-decoration: none;
    background: #a4a4a4;
    color: #fff;
}

.statistici .vizualizare-btn a:hover,
.statistici .vizualizare-btn .active {
    background: #1d2939;
    color: #fff;
}

.statistici .vizualizare-btn.big a {
    display: block;
    padding: 10px 4px;
    width: 55px;
    position: relative;
    bottom: 1px;
    text-align: center;
    text-transform: uppercase;
}

.statistici #graphic .jqplot-event-canvas {
    border-left: 2px solid #98a2b3;
    border-bottom: 2px solid #98a2b3;
}

.statistici #graphic .jqplot-yaxis-tick {
    font-size: 11px;
    text-align: right;
    width: 20px !important;
    padding-right: 10px;
    text-transform: uppercase;
}

.statistici #graphic .jqplot-xaxis {
    margin-top: 20px;
    font-size: 12px !important;
    color: #f79009 !important;
    width: 98% !important;
    margin-left: 2%;
}

.statistici .interpretare-grafic.half {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.statistici .interpretare-grafic .explicatii {
    background: #fff3e9;
    padding: 10px;
    color: #707070;
    display: block;
}

.statistici .interpretare-grafic .explicatii .top {
    border-bottom: 1px solid #e6ddd5;
    padding: 4px 0;
    margin-bottom: 5px;
    vertical-align: bottom;
}

.statistici .interpretare-grafic .explicatii .top .big {
    font-size: 22px;
    color: #f79009;
}

.statistici .chartpie {
    display: block;
    margin: 0 auto;
    max-width: 50%;
}

.statistici .chartpie .legend {
    position: relative;
    font-size: 12px;
    top: 40px;
    vertical-align: top;
    display: inline-block;
    width: 160px;
}

.statistici .chartpie .legend .col {
    width: 160px;
}

.statistici #chartbar .jqplot-event-canvas {
    border-left: 2px solid #98a2b3;
    border-bottom: 2px solid #98a2b3;
}

.statistici #chartbar .jqplot-yaxis {
    font-size: 10px !important;
    margin-right: 5px;
}

.statistici #chartbar .jqplot-xaxis {
    margin-top: 20px;
    color: #f79009 !important;
    font-size: 10px;
}

/* CLASE & Medii*/
.statistici.clase .an-scolar,
.statistici.medii .an-scolar {
    width: 64px;
    color: #98a2b3;
    text-align: center;
    display: inline-block;
    border-bottom: 2px solid #98a2b3;
    position: relative;
    bottom: 63.5px;
    left: 15px;
    z-index: 100;
    padding: 5px 10px;
    line-height: 25px;
}

.statistici.clase .an-scolar span,
.statistici.medii .an-scolar span {
    display: block;
}

.statistici.clase .an-scolar span.numean,
.statistici.medii .an-scolar span.numean {
    font-size: 36px;
    color: #f79009;
    display: inline-block;
}

.statistici.clase .chartbar .jqplot-event-canvas,
.statistici.medii .chartbar .jqplot-event-canvas {
    border-left: none;
    border-bottom: 2px solid #98a2b3;
}

.statistici.clase .chartbar .jqplot-yaxis,
.statistici.medii .chartbar .jqplot-yaxis {
    display: none;
}

.statistici.clase .chartbar .jqplot-xaxis,
.statistici.medii .chartbar .jqplot-xaxis {
    margin-top: 10px;
    color: #98a2b3 !important;
    font-size: 11px;
}

.statistici.clase .chartbar .jqplot-point-label,
.statistici.medii .chartbar .jqplot-point-label {
    color: #0ba5ec;
}

.statistici.medii .an-scolar {
    display: block;
    border-bottom: 1px solid #d0d5dd;
    width: auto;
    position: static;
    text-align: left !important;
}

.statistici.medii .an-scolar .medie_primara {
    color: red;
    font-style: italic;
}

.statistici.medii .jqplots {
    margin-top: 20px;
}

.statistici.medii .an-scolar-subtitle {
    width: 50px;
    color: #98a2b3;
    text-align: center;
    display: inline-block;
    border-bottom: 2px solid #98a2b3;
    position: relative;
    bottom: 56px;
    left: 15px;
    z-index: 100;
    padding: 5px 0;
    line-height: 19px;
}

.statistici.medii .an-scolar-subtitle span.numean {
    font-size: 18px;
    color: #f79009;
}

.statistici.top_elevi #chartbar .jqplot-xaxis-tick {
    font-size: 12px !important;
}

/* statistica note - afisare medii */
.box-medii {
    width: 230px;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    font-size: 14px;
    color: #666;
}

.box-medii .box-title {
    font-size: 15px;
    padding: 4px;
    text-align: center;
    border-bottom: 1px solid #eaecf0;
    font-size: 13px;
}

.box-medii .numeclasa {
    text-align: left;
    color: #f79009;
    width: 65px;
    display: inline-block;
    float: left;
}

.box-medii .numecadru {
    text-align: right;
    display: inline-block;
    float: right;
}

.box-medii .medii-content {
    padding: 0px 0 5px 0;
    font-size: 13px;
}

.box-medii .medii-content > div {
    margin: 2px 0;
    background: #eaecf0;
    padding: 2px 10px;
}

.situatii_medii {
    display: table;
    width: 100%;
}

.situatii_medii li {
    list-style-type: none;
    margin: 5px;
    display: table-cell;
    padding: 5px 0px;
    width: 25%;
}

.situatii_medii li span {
    background: #ff6b6c;
    color: #fff;
    padding: 3px 7px;
    font-size: 14px;
}

.tableview.multiadd tbody tr td input {
    width: 130px !important;
}

.tableview.multiadd tbody tr td > span {
    width: 150px !important;
    margin: 0 auto;
    display: block;
}

.tableview.multiadd tbody tr td .delete-row .delete-row-text {
    display: none;
}

.form_add_multiple .back_and_next_btn .btn {
    height: 40px;
    min-width: 110px;
}

.tableview.multiadd tbody tr td input[type="text"]::-webkit-input-placeholder,
.tableview.multiadd tbody tr td input[type="text"]::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}

.tableview.multiadd tbody tr td input[type="text"]:-moz-placeholder,
.tableview.multiadd tbody tr td input[type="text"]:-ms-input-placeholder,
.tableview.multiadd tbody tr td input[type="text"]::placeholder,
.tableview.multiadd tbody tr td input[type="text"]:-moz-placeholder {
    color: #999;
    font-size: 14px;
}

@media screen and (max-width: 1170px) {
    .form_add_multiple .boxs {
        padding: 0 7px;
    }

    .tableview.multiadd thead {
        display: none;
    }

    .tableview.multiadd tbody {
        float: left;
    }

    .tableview.multiadd tbody tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 15px;
    }

    .tableview.multiadd tbody tr:nth-child(even) {
        background: #f9f9f9;
    }

    .tableview.multiadd tbody tr td {
        border-bottom: 0;
        text-align: left;
    }

    .tableview.multiadd tbody tr td .copy-button {
        height: 40px;
        min-width: 186px;
        width: auto;
    }

    .tableview.multiadd tbody tr td .delete-row ._icon {
        display: none;
    }

    .tableview.multiadd tbody tr td .delete-row .delete-row-text {
        color: #f94848;
        display: inline-block;
        font-size: 16px;
        margin-top: 8px;
        cursor: pointer;
    }

    .tableview.multiadd tbody tr td > span {
        width: auto !important;
        min-width: 186px;
    }

    .tableview.multiadd tbody tr td input[type="text"] {
        width: auto !important;
        min-width: 186px;
        max-width: 186px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 480px) {
    .form_add_multiple .boxs {
        padding: 0px;
    }
}

@media screen and (max-width: 400px) {
    .back_btn_add_multiple {
        margin: 0;
    }

    .tableview.multiadd tbody tr {
        justify-content: space-between;
    }

    .tableview.multiadd tbody tr td:not(:nth-last-child(-n + 2)) {
        display: block;
        width: 100%;
    }

    .tableview.multiadd tbody tr td > span {
        min-width: 300px;
    }

    .tableview.multiadd tbody tr td input[type="text"] {
        min-width: 100%;
    }
}

/* modul test psihologic */
.teste_ps .load_wrapp {
    color: #49afc8;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.teste_ps .load_wrapp .uplProgressBar {
    width: 85%;
    height: 6px;
    background: #989898;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 7px;
}

.teste_ps .load_wrapp .uplProgressBar span.progress {
    background: #d4dc24;
    height: 6px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.teste_ps .form_intrebare {
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
    line-height: 1.4em;
}

.teste_ps .form_intrebare .nr {
    vertical-align: top;
}

.teste_ps .form_intrebare .intrebare {
    display: inline-block;
    margin-bottom: 20px;
}

.teste_ps .form_intrebare .intrebare .maj {
    display: inline-block;
    padding: 5px;
    font-size: 24px;
}

.teste_ps .form_intrebare .separator {
    margin-bottom: 30px;
}

.test_psihologic .welcome_screen {
    text-align: center;
}

.test_psihologic .welcome_screen {
    display: block;
    margin: 0 auto;
}

.test_psihologic .msg_header {
    color: #999;
    font-size: 21px;
    line-height: 1.2em;
    text-align: center;
    padding: 10px 5% 30px 5%;
    margin: 0 auto;
    font-weight: lighter;
}

.test_psihologic .welcome_screen .wl_image {
    display: block;
    height: 400px;
    width: 900px;
    margin: 0 auto;
}

.test_psihologic .welcome_screen .wl_image.activ {
    background: url("/images/modul_autocunoastere/welcome_psiho_activ.png") no-repeat;
}

.test_psihologic .welcome_screen .wl_image.inactiv {
    background: url("/images/modul_autocunoastere/welcome_psiho_inactiv.png") no-repeat;
}

.test_psihologic .welcome_screen .tableview {
    width: 70%;
    margin: 0 auto;
}

.test_psihologic .welcome_screen .tableview td {
    padding: 10px !important;
}

.test_psihologic .welcome_screen .tableview .numetest {
    font-size: 18px;
    color: #49afc8;
    font-weight: bold;
}

.test_psihologic .welcome_screen .tableview .numetest .nou {
    background: #fe6c6c;
    color: #fff;
    font-weight: bold;
    padding: 2px 5px;
    font-size: 16px;
    margin-right: 7px;
    font-style: italic;
}

.test_psihologic .load_wrapp .intrebari {
    float: left;
    font-size: 18px;
    color: #d0d5dd;
    font-weight: normal;
}

.test_psihologic .load_wrapp .timer {
    font-size: 18px;
    font-weight: normal;
    color: #f97066;
    display: inline-block;
    vertical-align: top;
    float: right;
}

.test_psihologic .load_wrapp .timer .counter {
    vertical-align: top;
    display: inline-block;
}

.test_psihologic .load_wrapp .timer .icon-timer {
    font-size: 22px;
    color: #333;
    position: relative;
    bottom: 3px;
}

.test_psihologic .profil .head_title {
    color: #999;
    font-size: 19px;
    font-weight: lighter;
    padding: 10px 0;
}

.test_psihologic .profil .head_title.underline {
    border-bottom: 1px solid #eaeaea;
}

.test_psihologic .profil .page_headtitle {
    color: #999;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: lighter;
    line-height: 1.3em;
}

.test_psihologic .profil .rezultat_test_iq {
    border-bottom: 1px dashed #c0c0c0;
    padding-bottom: 40px;
    margin-bottom: 30px;
    position: relative;
}

.test_psihologic .profil .rezultat_test_iq ul {
    min-height: 300px;
}

.test_psihologic .profil .rezultat_test_iq ul li {
    width: 33%;
    float: left;
    list-style-type: none;
}

.test_psihologic .profil .rezultat_test_iq .scoriq {
    height: 230px;
    width: 230px;
    display: block;
    border: 1px solid #ff9003;
    margin: 0 auto;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.test_psihologic .profil .rezultat_test_iq .scoriq span {
    color: #98a2b3;
    display: block;
    margin-top: 60px;
}

.test_psihologic .profil .rezultat_test_iq .scoriq .scor {
    color: #ff9003;
    font-size: 100px;
    font-weight: bold;
    padding: 10px;
    margin-top: 25px;
}

.test_psihologic .profil .rezultat_test_iq .scoriq .timp {
    display: block;
}

.test_psihologic .profil .rezultat_test_iq .scoriq .timp span {
    display: inline-block;
    margin: 0;
}

.test_psihologic .profil .rezultat_test_iq .chart {
    width: 290px;
    height: 270px;
    display: block;
    margin: 0 auto;
}

.test_psihologic .profil .rezultat_test_iq .chart .graphic {
    border-bottom: 1px solid #999;
    display: block;
    height: 230px;
    position: relative;
}

.test_psihologic .profil .rezultat_test_iq .chart .progressbar {
    height: 100%;
    width: 90px;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.test_psihologic .profil .rezultat_test_iq .chart .high {
    background: #06a7d3;
    display: block;
    min-height: 1px;
}

.test_psihologic .profil .rezultat_test_iq .chart .middle {
    background: #f79009;
    display: block;
    min-height: 1px;
}

.test_psihologic .profil .rezultat_test_iq .chart .low {
    background: #999;
    display: block;
    min-height: 1px;
}

.test_psihologic .profil .rezultat_test_iq .chart .myresult {
    position: absolute;
    bottom: 0px;
    width: 120px;
    height: 1px;
    display: block;
    left: 0;
    right: -30px;
    margin-left: auto;
    margin-right: auto;
    background: #000;
}

.test_psihologic .profil .rezultat_test_iq .chart .myresult.loaded {
    /*-webkit-transform: translate(540px,-200px);
	-moz-transform: translate(540px,-200px);
	-o-transform: translate(540px,-200px);
	-ms-transform: translate(540px,-200px);
	transform: translate(540px,-200px);*/
    -webkit-transform: translate(0px, 0px);
}

.test_psihologic .profil .rezultat_test_iq .chart .myresult .face {
    position: absolute;
    height: 40px;
    width: 40px;
    right: -42px;
    bottom: -20px;
    display: block;
    border: 1px solid #000;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.test_psihologic .profil .rezultat_test_iq .chart .myresult .face {
    position: absolute;
    height: 40px;
    width: 40px;
    right: -42px;
    bottom: -20px;
    display: block;
    border: 1px solid #000;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.test_psihologic .profil .rezultat_test_iq .chart .myresult .face img {
    width: 40px;
    height: 40px;
    border: 0 none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.test_psihologic .profil .rezultat_test_iq .chart .resume {
    font-size: 22px;
    color: #999;
    display: block;
    text-align: center;
    line-height: 1em;
    margin-top: 20px;
}

.test_psihologic .profil .rezultat_test_iq .chart .resume span {
    font-size: 14px;
    color: #333;
    display: block;
}

.test_psihologic .profil .rezultat_test_iq .socialquote {
    max-width: 300px;
    width: 100%;
    height: 200px;
    float: left;
    display: inline-block;
    font-style: italic;
    font-size: 14px;
    line-height: 1.5em;
    padding: 20px;
}

.test_psihologic .profil .rezultat_test_iq .socialquote .soc-icons {
    font-size: 34px;
    margin-right: 10px;
    margin-top: 20px;
}

.test_psihologic .profil .rezultat_test_iq .socialquote .soc-icons.active ._icon:hover {
    cursor: pointer;
}

.test_psihologic .profil .rezultat_test_iq .socialquote .soc-icons.active ._icon.icon-facebook-negative:hover {
    color: #3461a5;
}

.test_psihologic .profil .rezultat_test_iq .socialquote .soc-icons.active ._icon.icon-twitter-negative:hover {
    color: #28a9e2;
}

.test_psihologic .profil .rezultat_test_iq .refatest {
    margin: 0 auto;
    width: 260px;
    text-align: center;
    margin-top: 20px;
}

.test_psihologic .profil .rezultat_test_iq .incepetest {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    text-align: center;
}

/* inactive */
.test_psihologic .profil .rezultat_test_iq.inactive .scoriq {
    border-color: #ececec;
}

.test_psihologic .profil .rezultat_test_iq.inactive .scoriq span,
.test_psihologic .profil .rezultat_test_iq.inactive .scoriq .scor {
    color: #ececec;
}

.test_psihologic .profil .rezultat_test_iq.inactive .chart {
    color: #ececec;
}

.test_psihologic .profil .rezultat_test_iq.inactive .graphic {
    border-color: #e5e5e5;
}

.test_psihologic .profil .rezultat_test_iq.inactive .myresult {
    background: #e5e5e5;
}

.test_psihologic .profil .rezultat_test_iq.inactive .chart .progressbar .high {
    background: #e5e5e5;
}

.test_psihologic .profil .rezultat_test_iq.inactive .chart .progressbar .middle {
    background: #ececec;
}

.test_psihologic .profil .rezultat_test_iq.inactive .chart .progressbar .low {
    background: #f5f5f5;
}

.test_psihologic .profil .rezultat_test_iq.inactive .chart .resume,
.test_psihologic .profil .rezultat_test_iq.inactive .chart span {
    color: #efeeee;
}

.test_psihologic .profil .rezultat_test_iq.inactive .chart .myresult .face {
    border-color: #ececec;
}

.test_psihologic .profil .rezultat_test_iq.inactive .chart .myresult .face img {
    opacity: 0.3;
}

.test_psihologic .profil .rezultat_test_iq.inactive .socialquote {
    color: #e5e5e5;
}

.test_psihologic .profil .rezultat_test_iq.inactive .socialquote .soc-icons ._icon {
    color: #e5e5e5;
    cursor: auto;
}

.test_psihologic .profil .profilul_tau {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.test_psihologic .profil .profilul_tau ul {
    margin-left: 10px;
    line-height: 1.5em;
}

.test_psihologic .profil .profesii_recomandate {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.test_psihologic .profil .profesii_recomandate .title {
    padding: 10px 10px 10px 0;
}

.test_psihologic .profil .profesii_recomandate ul {
    margin-left: 10px;
    line-height: 1.5em;
    margin-top: 10px;
}

.test_psihologic .profil .profesii_recomandate ul li {
    font-weight: 600;
}

.test_psihologic .profil .profesii_recomandate ul .prof-title {
    padding: 5px 0;
}

.test_psihologic .profil .profesii_recomandate ul .prof-title.line {
    border-bottom: 1px solid #dadada;
}

.test_psihologic .profil .profesii_recomandate ul.profesii {
    margin: 0 0 10px 0;
}

.test_psihologic .profil .profesii_recomandate ul.profesii li {
    text-transform: none;
    font-weight: 400;
    margin: 10px 0;
}

.test_psihologic .profil .profesii_recomandate ul.profesii li a:hover {
    text-decoration: underline;
}

.test_psihologic .profil .profil_chart {
    width: 970px;
    margin: 0 auto;
}

.test_psihologic .profil .chartbox {
    display: inline-block;
    float: left;
}

.test_psihologic .profil .chartbox #chartpsiho canvas {
    cursor: pointer;
}

.test_psihologic .profil .chartbox #chartpsiho .jqplot-data-label {
    font-weight: 600;
    color: #fff;
}

.test_psihologic .profil .rezumat_profil {
    display: inline-block;
    margin-left: 100px;
    width: 560px;
}

.test_psihologic .profil .rezumat_profil .atribut {
    padding: 5px;
}

.test_psihologic .profil .rezumat_profil label,
.test_psihologic .profil .piechart_legenda {
    text-transform: uppercase;
    color: #777;
    font-size: 19px;
}

.test_psihologic .profil .rezumat_profil .atribut.active,
.test_psihologic .profil .piechart_legenda.atribut.active {
    background: #f1f1f1;
}

.test_psihologic .profil .rezumat_profil .atribute {
    font-size: 12px;
    margin-left: 15px;
    padding: 5px;
}

.test_psihologic .profil .rezumat_profil.min .atribut:nth-child(1) {
    margin-top: 35px;
}

.test_psihologic .profil .piechart_legenda {
    padding: 5px 5px 5px 0;
    display: inline-block;
}

.test_psihologic .profil .avatar_autor img {
    border-radius: 100%;
    height: 80px;
}

.test_psihologic .profil .legenda,
.test_psihologic .profil .piechart_legenda span {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
}

.test_psihologic .profil .rezultat_test_autocunoastere {
    position: relative;
}

.test_psihologic .profil .rezultat_test_autocunoastere.inactive label {
    color: #ececec;
}

.test_psihologic .profil .rezultat_test_autocunoastere.inactive .atribute {
    color: #e5e5e5;
}

.test_psihologic .profil .rezultat_test_autocunoastere .incepetest {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    text-align: center;
    z-index: 100;
}

.test_psihologic .profil .rezultat_test_autocunoastere .refatest {
    text-align: center;
}

.test_psihologic .page_inactiv {
    text-align: center;
}

.test_psihologic .page_inactiv .icon-timer {
    font-size: 140px;
}

.test_psihologic .page_inactiv .warn_mess {
    font-size: 24px;
    padding: 20px 0;
    color: #f97066;
    font-weight: bold;
}

.test_psihologic .page_inactiv .message {
    font-size: 16px;
    margin: 10px 0;
}

.testiq .variante li {
    list-style-type: none;
    display: inline-block;
    margin: 0 10px 5px 0;
}

.testiq .variante li input {
    display: none;
}

.testiq .intrebare p {
    display: inline-flex;
    padding: 17px 0;
    vertical-align: top;
}

.testiq .sprite_testiq {
    top: 0;
}

/* END modul test psihologic */
ß

/* start modul admitere*/
.mod_admitere_lista>ul>li {
    display: inline-block;
    list-style-type: none;
    border: 1px dashed #ccc;
    vertical-align: bottom;
}

.mod_admitere_lista > ul > li.prom {
    border: 1px solid #ccc;
}

.mod_admitere_lista ul li .header {
    display: block;
    position: relative;
}

.mod_admitere_lista ul li.prom .header {
    height: 180px;
    margin-bottom: 40px;
}

.mod_admitere_lista ul li .univ_title {
    padding: 30px 0 0px 0;
    text-align: center;
    color: #777;
    font-size: 16px;
    display: block;
}

.mod_admitere_lista ul li.prom .univ_title {
    padding-top: 0;
}

.mod_admitere_lista ul li .header .onlytitle {
    padding: 30px 0 25px 0;
    text-align: center;
    color: #777;
    font-size: 17px;
}

.mod_admitere_lista ul li .header .cover {
    width: 100%;
    height: 100%;
}

.mod_admitere_lista ul li .header .logo {
    border: 1px solid #333;
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -40px;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.mod_admitere_lista ul li .header .logo img {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 5px;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    border-radius: 30%;
}

.mod_admitere_lista ul li .header .logo ._icon.icon-graduation-cap {
    font-size: 95px;
    display: block;
    text-align: center;
    padding-top: 8px;
}

.mod_admitere_lista ul li .titlu_unitate_invatamant {
    line-height: 1.5em;
    font-size: 16px;
    color: #05a6d2;
    padding: 10px 15px 5px 15px;
    text-align: center;
    font-weight: bold;
    display: block;
}

.mod_admitere_lista ul li .oras {
    font-size: 16px;
    color: #635f5c;
    padding: 5px 0;
    text-align: center;
    font-weight: bold;
    display: block;
}

.mod_admitere_lista ul li .specializari {
    border-top: 1px solid #989898;
    padding-top: 20px;
    position: relative;
    margin: 30px 10px 30px 10px;
}

.mod_admitere_lista ul li .specializari .title {
    font-size: 12px;
    background: #fff;
    color: #666666;
    padding: 5px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 90px;
    top: -16px;
}

.mod_admitere_lista ul li .specializari ul {
    margin-left: 20px;
}

.mod_admitere_lista ul li .specializari ul li {
    width: 100%;
    list-style-type: disc;
    padding: 3px 0;
}

.mod_admitere_lista ul li a.vreau_promo {
    padding: 10px;
    display: block;
    float: right;
}

.mod_admitere_lista ul li a.vreau_promo ._icon {
    font-size: 24px;
}

.mod_admitere_lista ul li a.vreau_promo:hover ._icon {
    color: #0694bb;
}

.mod_admitere_lista ul li a.detalii {
    background: #05a6d2;
    color: #fff;
    text-align: center;
    padding: 8px;
    display: block;
    margin: 10px 0 0 0;
    font-size: 17px;
}

.mod_admitere_lista ul li a.detalii:hover {
    background: #0694bb;
}

.mod_admitere_lista.sitemap ul li {
    margin-left: 30px;
    padding: 2px 0;
}

.mod_admitere_lista.sitemap ul li a .gray {
    color: #777;
}

.mod_admitere_lista .masonry .item {
    float: left;
    margin: 1%;
    width: 45%;
}

@media screen and (min-width: 1200px) {
    .mod_admitere_lista .masonry .item {
        width: 31%;
    }
}

@media screen and (min-width: 1600px) {
    .mod_admitere_lista .masonry .item {
        width: 22%;
    }
}

.admitere_detalii .header {
    display: block;
    position: relative;
    margin-bottom: 50px;
}

.admitere_detalii .header .cover {
    min-height: 270px;
    height: 400px;
    overflow: hidden;
    width: 100%;
}

.admitere_detalii .header .logo {
    border: 1px solid #333;
    width: 110px;
    height: 110px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -40px;
    background: #fff;
    padding: 5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.admitere_detalii .header .logo img {
    display: block;
    height: 90px;
    width: 90px;
    text-align: center;
    margin: 0 auto;
    padding-top: 10px;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    border-radius: 30%;
}

.admitere_detalii .header .logo ._icon.icon-graduation-cap {
    font-size: 95px;
    display: block;
    text-align: center;
    padding-top: 8px;
}

.admitere_detalii .institutie_title {
    padding: 10px 0 0px 0;
    text-align: center;
    color: #777;
    font-size: 17px;
    display: block;
    font-weight: 400;
}

.admitere_detalii .titlu_unitate_invatamant {
    font-size: 19px;
    color: #000;
    padding: 10px 15px 5px 15px;
    text-align: center;
    font-weight: bold;
    display: block;
    line-height: 1.3em;
}

.admitere_detalii .oras {
    font-size: 16px;
    color: #635f5c;
    padding: 5px 0;
    text-align: center;
    font-weight: bold;
    display: block;
}

.admitere_detalii .descriere {
    font-size: 15px;
    color: #777;
    padding: 5px 0;
    text-align: center;
    width: 80%;
    margin: 10px auto;
    font-style: italic;
}

.admitere_detalii .content {
    font-size: 14px;
    color: #000;
    margin-top: 50px;
}

.admitere_detalii .content ul {
    margin: 15px 0;
    padding-left: 30px;
}

.admitere_detalii .content ul li {
    padding: 3px 0;
    list-style-type: disc;
}

.admitere_detalii .content h2 {
    padding: 15px 5px;
}

.admitere_detalii .content .maincontent {
    width: 65%;
    float: left;
}

.admitere_detalii .content .maincontent video {
    width: 100%;
    height: auto;
}

.admitere_detalii .content .maincontent h2 {
    color: #ff9900;
    line-height: 1.2em;
}

.admitere_detalii .content .maincontent img {
    max-width: 100%;
    height: auto;
}

.admitere_detalii .content .maincontent img.wide {
    width: 100%;
}

.admitere_detalii .content .right-panel {
    width: 32%;
    float: right;
    vertical-align: top;
}

.admitere_detalii .content .right-panel iframe {
    width: 100%;
    height: auto;
}

.admitere_detalii .content .right-panel .rbox {
    margin-bottom: 25px;
    text-align: justify;
}

.admitere_detalii .content .right-panel .rbox .head {
    padding: 10px;
}

.admitere_detalii .content .right-panel .rbox .head .title {
    font-size: 18px;
    padding-left: 15px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 600;
}

.admitere_detalii .content .right-panel .rbox .head ._icon {
    color: #999;
    font-size: 50px;
    vertical-align: middle;
}

.admitere_detalii .content .right-panel .rbox .head ._icon.icon-phone {
    background: #999;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    padding: 10px;
    vertical-align: middle;
}

.admitere_detalii .content .right-panel .rbox .text {
    background: #f0f9ff;
    padding: 10px;
}

.admitere_detalii .content .right-panel .rbox .row {
    display: block;
    padding: 7px 0;
    color: #000;
    font-weight: 600;
}

.admitere_detalii .content .right-panel .rbox .row label {
    display: block;
    color: #999;
    padding-bottom: 3px;
    font-weight: normal;
}

.admitere_detalii .content .right-panel .rbox .row a:hover {
    text-decoration: underline;
}

.admitere_detalii .content .right-panel.centered-panel {
    margin: 0 auto;
    float: none;
}

.admitere_detalii table {
    border-collapse: collapse;
}

.admitere_detalii table,
.admitere_detalii table td,
.admitere_detalii table th {
    border: 1px solid #777;
    padding: 5px 8px;
}

.admitere_detalii h1 {
    font-size: 25px;
    text-align: initial;
}

.admitere_detalii h2 {
    font-size: 20px;
    text-align: initial;
}

.admitere_detalii h3 {
    font-size: 15px;
    text-align: initial;
}

.admitere_detalii h4 {
    font-size: 13px;
}

.admitere_detalii ol {
    padding: 0 0 0 20px;
}

.admitere_detalii .social ul li {
    vertical-align: middle;
    height: 20px;
}

.admitere_detalii p {
    margin: 10px 0;
}

.admitere_detalii .content ul.list_none li {
    list-style: none;
}

.admitere_promovare .cover {
    min-height: 270px;
    max-height: 270px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.admitere_promovare .pattern {
    background: url("/images/site/promoveaza-facultate/megafo-pattern.png");
    height: 100px;
    display: block;
}

.admitere_promovare h1 {
    margin: 30px 0;
    line-height: 1.1em;
    max-width: 800px;
    font-size: 30px;
    font-weight: lighter;
}

.admitere_promovare .maincontent {
    width: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}

.admitere_promovare .maincontent .megafon {
    background: url("/images/site/promoveaza-facultate/megafon-mare.png") no-repeat;
    position: absolute;
    display: block;
    width: 349px;
    height: 100%;
    z-index: -1;
    left: -55%;
    top: 10%;
}

.admitere_promovare .maincontent h3.orange {
    font-size: 15px;
    color: #f79009;
    padding: 3px 0;
    text-align: left;
    margin-bottom: 15px;
}

.admitere_promovare .maincontent ul {
    margin-bottom: 30px;
    margin-left: 20px;
}

.admitere_promovare .maincontent ul li {
    padding: 3px 0;
}

.admitere_promovare .maincontent .callaction {
    color: #f79009;
    width: 191px;
    margin-top: 50px;
    margin-bottom: 20px;
}

.admitere_promovare .maincontent .callaction .suna {
    font-size: 35px;
}

.admitere_promovare .maincontent .callaction .oferta {
    font-size: 14px;
    margin-top: 6px;
    padding: 3px 0;
}

.admitere_promovare .maincontent .callaction .telefon {
    color: #fff;
    background: #f79009;
    font-size: 25px;
    display: block;
    padding: 8px;
    text-align: center;
}

.admitere_promovare .maincontent .callaction .email {
    color: #777;
    margin-top: 5px;
    font-size: 11px;
}

@media screen and (max-width: 1024px) {
    .admitere_detalii .content .maincontent iframe {
        max-width: 440px;
    }
}

#pg_rapoarte_elevi .top-form {
    text-align: center;
    padding: 10px;
    line-height: 1.5em;
}

#pg_rapoarte_elevi .top-form h2 {
    font-size: 25px;
    line-height: 1.7em;
}

#pg_rapoarte_elevi .top-form h3 {
    font-size: 17px;
    display: inline-block;
    line-height: 1.3em;
    margin: 0;
    font-weight: 600;
}

#pg_rapoarte_elevi .top-form.bordered {
    border: 1px solid #000;
}

#pg_rapoarte_elevi .top-form .row {
    padding: 5px 0;
    vertical-align: top;
    margin: 0 10px;
}

#pg_rapoarte_elevi .top-form .row label.block {
    display: block;
}

#pg_rapoarte_elevi .top-form .wrapp {
    max-width: 415px;
    margin: 0 auto;
}

#pg_rapoarte_elevi .col-3,
#pg_rapoarte_elevi .col-9 {
    display: inline-block;
    vertical-align: top;
}

#pg_rapoarte_elevi .col-3 select,
#pg_rapoarte_elevi .col-9 select,
#pg_rapoarte_elevi .top-form .wrapp select {
    display: block;
    width: 100%;
}

#pg_rapoarte_elevi .col-3 {
    padding-right: 0;
    padding-left: 0;
}

#pg_rapoarte_elevi .top-form .col-3 {
    width: 25%;
}

#pg_rapoarte_elevi .top-form .col-9 {
    width: 74%;
}

#pg_rapoarte_elevi table {
    margin: 20px 0;
}

#pg_rapoarte_elevi table.minimalblue th {
    font-size: 14px;
}

#pg_rapoarte_elevi table.minimalblue th.header {
    font-size: 20px;
    font-weight: normal;
    background: #56b8f4;
    color: #fff;
    padding: 8px !important;
}

#pg_rapoarte_elevi table.minimalblue th {
    background: #f4f4f4;
    color: #000;
}

#pg_rapoarte_elevi table.minimalblue th td {
    padding: 7px 0;
}

#pg_rapoarte_elevi table.minimalblue th.bstyle {
    background: #56b8f4;
    color: #fff;
}

#pg_rapoarte_elevi table.minimalblue tr:nth-child(even) td {
    background: #f4f4f4;
}

#pg_rapoarte_elevi table tbody .en {
    font-weight: 600;
}

#pg_rapoarte_elevi table tbody .ro {
    color: #666666;
}

#pg_rapoarte_elevi table tbody .ro.white {
    color: #fff;
}

#pg_rapoarte_elevi table tbody tr td:nth-child(1),
#pg_rapoarte_elevi table tbody tr td:nth-child(2) {
    text-align: left;
}

#pg_rapoarte_elevi table th.bluecell,
#pg_rapoarte_elevi table td.bluecell {
    background: #dceaef;
}

#pg_rapoarte_elevi table input.bigradio {
    height: 20px;
    width: 20px;
}

#pg_rapoarte_elevi table label {
    cursor: pointer;
}

#pg_rapoarte_elevi table .radiobtn:hover {
    background: #56b8f4 !important;
}

#pg_rapoarte_elevi table td.radiobtn {
    padding: 0 !important;
    text-align: center !important;
}

#pg_rapoarte_elevi table td.radiobtn label {
    display: inline;
}

#pg_rapoarte_elevi table td textarea.wide {
    width: 98%;
    display: block;
    min-height: 150px;
}

#pg_rapoarte_elevi table td textarea.wide.minheight {
    min-height: 45px;
}

#pg_rapoarte_elevi .add_row {
    padding: 10px 0 !important;
    text-align: center !important;
    background: #fff6ee !important;
    color: #f79009;
    cursor: pointer;
    border: 1px dashed #f79009;
}

#pg_rapoarte_elevi .add_row.noitems {
    padding: 50px 0 !important;
}

#pg_rapoarte_elevi .add_row:hover {
    background: #fff1e6 !important;
}

#pg_rapoarte_elevi .publicare h2 {
    margin-bottom: 5px;
}

#pg_rapoarte_elevi .publicare li {
    padding: 5px 0;
}

#pg_rapoarte_elevi .publicare li label {
    padding: 0 5px;
}

#pg_rapoarte_elevi .upload_big_panel {
    width: 47%;
}

#pg_rapoarte_elevi .r_dashboard .cad_block {
    margin: 30px 0;
}

#pg_rapoarte_elevi .r_dashboard .cad_block .title {
    color: #333;
    display: block;
    text-align: left;
    border-bottom: 1px solid #ccc;
    font-size: 20px;
    padding: 5px 0;
}

#pg_rapoarte_elevi .r_dashboard .cad_block .cblock {
    display: inline-block;
    margin: 5px 10px 5px 0;
}

#pg_rapoarte_elevi .r_dashboard .cad_block .cblock .header {
    padding: 7px 10px 4px 10px;
    background: #05a7d2;
    color: #fff;
    text-align: center;
    font-size: 24px;
    display: block;
    min-width: 120px;
}

#pg_rapoarte_elevi .r_dashboard .cad_block .cblock .header .materie {
    padding: 3px;
    font-size: 14px;
    display: block;
}

#pg_rapoarte_elevi .r_dashboard .cad_block .cblock .progresbar {
    width: 100%;
    background: #d0d5dd;
    height: 5px;
    display: block;
    margin: 3px 0;
}

#pg_rapoarte_elevi .r_dashboard .cad_block .cblock .progresbar .load {
    width: 19%;
    height: 5px;
    display: block;
}

#pg_rapoarte_elevi .r_dashboard .cad_block .cblock .progresbar .load.incomplete {
    background: #ff7878;
}

#pg_rapoarte_elevi .r_dashboard .cad_block .cblock .progresbar .load.complete {
    background: #8dc63f;
}

/* PARINTE */
.epRowPromoPremium {
    border-bottom: 1px solid #f2f2f2;
}

.epRowPromoPremium a {
    background: #fff6ee;
    color: #f79009;
    line-height: 28px;
    display: block;
}

.epRowPromoPremium.blue a {
    background: #f5fbfc;
    color: #05a7d2;
    line-height: 28px;
    display: block;
}

.epRowPromoPremium a:hover .text {
    text-decoration: underline;
}

.epRowPromoPremium a ._icon {
    color: #f79009;
    font-size: 25px;
    line-height: 28px;
    margin: 0 47px 0 35px;
    vertical-align: middle;
}

.epRowPromoPremium.blue a ._icon {
    color: #05a7d2;
}

.epRowBig {
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    padding: 20px 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.epRowBig_icon {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    min-height: 200px;
    text-align: left;
}

.epRowBig img,
.epRowBig_icon img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.epRowBig_title {
    margin-bottom: 5px;
}

.epRowBig_title strong {
    font-size: 24px;
    margin: 10px 0;
    display: inline-block;
    line-height: initial;
}

.epRowBig .epRowBig_desc .readmore_text {
    display: none;
}

.epRowBig .epRowBig_desc .readmore_btn {
    font-size: 11px;
    line-height: 12px;
    background: #c6c4c4;
    display: inline-block;
    margin-top: 2px;
    color: #fff;
    padding: 3px 10px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.no-touch .epRowBig .epRowBig_desc .readmore_btn:hover {
    background: #00abdb;
}

.touch .epRowBig .epRowBig_desc .readmore_btn {
    background: #00abdb;
}

.epRowBig_text .bannerBig {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.epRowBig_text iframe {
    width: 100%;
    max-height: 400px;
}

.epRowBig_text ul {
    list-style: initial;
    margin-left: 20px;
}

.epRow {
    padding: 20px 20px 20px 10px;
    border-bottom: 1px solid #f2f2f2;
    clear: both;
    position: relative;
}

.epRow:last-child {
    border-bottom: none;
}

.epRow .icon-settings,
.epRowBig .icon-settings {
    position: absolute;
    top: 5px;
    right: 10px;
    display: none;
    opacity: 0.4;
    background-color: #fff;
    font-size: 23px;
}

.touch .epRow .icon-settings,
.touch .epRowBig .icon-settings {
    display: block;
}

.no-touch .epRow .icon-settings:hover,
.no-touch .epRowBig .icon-settings:hover {
    opacity: 1;
}

.no-touch .epRow:hover .icon-settings,
.no-touch .epRowBig:hover .icon-settings {
    display: block;
}

.epRow_icon {
    width: 72px;
    height: 45px;
    float: left;
}

.epRow_icon .box-nota {
    margin: 0 13px;
    cursor: default;
}

.epRow_icon .box-nota._anulata {
    color: #ccc;
}

.epRow_icon .box-nota.sn-buline._anulata img {
    opacity: 0.5;
}

.epRow_icon .absent {
    padding: 17px 8px 25px;
    background-position: 0px 0px;
    cursor: default;
}

.epRow_icon .scutire {
    margin: 0 5px;
}

.epRow_icon ._ep_plusuri {
    margin: 3px 20px;
}

.epRow_icon ._ep_minusuri {
    margin: 10px 20px;
}

.epRow_goTo {
    visibility: hidden;
    float: right;
}

.epRow_goTo ._arrow-right {
    margin-bottom: -5px;
}

.epRow_desc {
    margin: 0 10px 0 100px;
}

.epRow_title {
    margin-bottom: 5px;
    color: #999;
    font-size: 16px;
}

.epRow_title b {
    color: #333;
}

.epRow_text {
    color: #666;
    font-size: 13px;
}

.epRow_text img {
    width: 20px;
    vertical-align: middle;
}

.epRow:hover .epRow_goTo {
    visibility: visible;
}

.epRow_goTo:hover ._arrow-right {
    background-position: -50px -82px;
}

.epRow_album_header {
    display: block;
    color: #999;
}

.epRow_album_header .user-picture {
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    display: inline-block;
    background-color: #fff;
}

.epRow_album_poze {
    margin-top: 10px;
}

.epRow_album_poze img {
    height: 100px;
}

.epRow_album_poze li {
    display: inline-block;
}

.epRow .epRow_album_poze .showMorePhoto {
    background: url() no-repeat;
}

.epRow .epRow_album_poze .showMorePhoto:hover {
    background: url() no-repeat;
}

.head_title ._icon {
    font-size: 90px;
    padding: 10px;
    color: #d0d5dd;
}

.head_title a:hover {
    text-decoration: underline;
}

h3 {
    margin: 10px 0 20px;
    color: #000;
    font-size: 30px;
    font-weight: 500;
    line-height: 1em;
    text-align: center;
}

/* ADMIN */
table.table_results th,
table.table_results td {
    font-size: 12px;
}

table.table_results td .thead {
    display: none;
}

.table_results.librarie tr td .flag_gratuit {
    background: #ff0013;
    color: #fff;
    padding: 1px 4px;
    font-size: 10px;
    z-index: 101;
    font-weight: bold;
}

/* BEGIN ECHIPA */
.info-pages-wrapper.echipa {
    margin: 20px auto;
}

.echipa .info-pages-title {
    text-align: center;
}

.echipa .info-pages-title h3 {
    margin: 35px 0 25px 0;
    font-size: 26px;
    font-weight: normal;
    line-height: 1em;
}

.echipa .info-pages-title p {
    padding: 0 10px;
    font-size: 15px;
}

.echipa img {
    position: relative;
}

/* general */
.echipa .description {
    display: inline-block;
    vertical-align: top;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

.echipa .description .box-content {
    display: inline-block;
    min-height: 160px;
    padding: 40px 20px 0 20px;
    vertical-align: top;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

.echipa .description .box-content.left-arch {
    padding-left: 25px;
    background: url("../images/site/echipa/echipa-arrows-left.png") 0 0 no-repeat;
}

.echipa .description .box-content.right-arch {
    padding-right: 25px;
    background: url("../images/site/echipa/echipa-arrows-right.png") 100% 0 no-repeat;
}

.echipa .description .box-content p {
    margin: 10px 0;
    line-height: 18px;
}

.echipa .description .title {
    color: #333;
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 10px;
}

.echipa .description .title .function {
    color: #dadada;
    font-size: 16px;
}

.echipa .description .text {
    color: #999;
    padding-bottom: 10px;
}

.echipa .description .email {
    color: #28b5e2;
}

.echipa .pers {
    width: 450px;
}

/* extra - individual */
.echipa .e-stefan {
    max-width: 850px;
    margin-left: 100px;
    float: left;
}

.echipa .e-stefan .description {
    margin-top: 100px;
}

.echipa .e-stefan img {
    padding-right: 20px;
}

.echipa .e-stefan .description .box-content {
    max-width: 530px;
}

.echipa .e-alexh {
    max-width: 900px;
    margin: -125px 160px 0 0;
    float: right;
}

.echipa .e-alexh img {
    padding-left: 20px;
    float: right;
}

.echipa .e-alexh .description {
    margin-top: 100px;
}

.echipa .e-alexh .description .box-content {
    max-width: 520px;
    padding-top: 25px;
}

.echipa .e-daniel {
    max-width: 870px;
    margin-left: 190px;
    float: left;
}

.echipa .e-daniel img {
    margin-top: -35px;
}

.echipa .e-daniel .description .box-content {
    max-width: 550px;
    padding-top: 30px;
}

.echipa .e-marian {
    max-width: 850px;
    margin: -65px 100px -40px 0;
    float: right;
}

.echipa .e-marian img {
    margin-top: -30px;
    float: right;
}

.echipa .e-marian .description {
    padding-top: 30px;
}

.echipa .e-marian .description .box-content {
    max-width: 550px;
}

.echipa .e-alexc {
    max-width: 850px;
    margin-left: 210px;
    float: left;
}

.echipa .e-alexc img {
    padding: 20px 20px 0 0;
}

.echipa .e-alexc .description {
    margin-top: 50px;
}

.echipa .e-alexc .description .box-content {
    max-width: 500px;
}

.echipa .e-paula {
    max-width: 850px;
    margin: -130px 170px -80px 0;
    float: right;
}

.echipa .e-paula img {
    padding: 0 40px;
    float: right;
}

.echipa .e-paula .description {
    margin-top: 110px;
}

.echipa .e-paula .description .box-content {
    max-width: 500px;
}

.echipa .e-cristina {
    max-width: 870px;
    margin-left: 150px;
    float: left;
}

.echipa .e-cristina img {
    padding: 0 50px;
}

.echipa .e-cristina .description {
    margin-top: 50px;
}

.echipa .e-cristina .description .box-content {
    max-width: 500px;
}

.echipa .e-vlad {
    max-width: 850px;
    margin: -25px 210px -60px 0;
    float: right;
}

.echipa .e-vlad img {
    margin-top: -150px;
    padding: 0 40px;
    float: right;
}

.echipa .e-vlad .description .box-content {
    max-width: 485px;
}

.echipa .e-george-buc {
    max-width: 900px;
    margin-left: 100px;
    float: left;
}

.echipa .e-george-buc img {
    margin-right: 20px;
}

.echipa .e-george-buc .description {
    margin-top: 50px;
}

.echipa .e-george-buc .description .box-content {
    max-width: 600px;
}

.echipa .e-cristina-buc {
    max-width: 850px;
    margin: 20px 180px 0 0;
    float: right;
}

.echipa .e-cristina-buc img {
    margin: -120px 20px 0 0;
    float: right;
}

.echipa .e-cristina-buc .description .box-content {
    max-width: 550px;
}

.echipa .e-ionut {
    max-width: 850px;
    margin: 0 0 0 180px;
    float: left;
}

.echipa .e-ionut img {
    margin-top: -100px;
}

.echipa .e-ionut .description .box-content {
    max-width: 460px;
}

.echipa .e-cosmin {
    max-width: 850px;
    margin: -120px 150px 0 0;
    float: right;
}

.echipa .e-cosmin img {
    float: right;
}

.echipa .e-cosmin .description {
    margin-top: 80px;
}

.echipa .e-cosmin .description .box-content {
    max-width: 550px;
}

.email-at {
    background: url("../images/site/email_at.png") no-repeat;
    width: 11px;
    height: 12px;
    position: relative;
    top: 2px;
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
}

/* END ECHIPA */

/* START DESPRE ADSERVIO */
.despre_adservio {
    width: 100%;
    background: #fff;
    height: 100%;
}

.despre_adservio .header-img {
    width: 100%;
    height: 700px;
    background: #ddd url(/images/site/despre-adservio/header-img-despre-1920.jpg) center top no-repeat;
    position: relative;
    margin-bottom: 50px;
}

.despre_adservio .header-box {
    width: 60%;
    padding: 10px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.despre_adservio .header-box-title {
    padding: 30px 0 20px;
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    margin-top: 20%;
}

.despre_adservio .header-box-subtitle {
    padding: 10px;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
}

.despre_adservio .ads_usor {
    display: block;
    min-height: 160px;
    position: relative;
}

.despre_adservio .ads_usor .plane {
    max-width: 620px;
    width: 30%;
    background: url("/images/site/despre-adservio/despre-adservio-150x620.png") right no-repeat;
    display: block;
    min-height: 145px;
}

.despre_adservio .ads_usor .wrapp {
    width: 35%;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.despre_adservio .ads_usor span {
    color: 18px;
}

.despre_adservio .columns4 {
    padding: 50px 30px;
    display: block;
    max-width: 1920px;
    margin: 0 auto;
}

.despre_adservio .columns4 li {
    width: 24%;
    padding: 0 1%;
    border-right: 2px dashed #e5e5e5;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

.despre_adservio .columns4 li:last-child {
    border: none;
}

.despre_adservio .columns4 li ._icon {
    color: #fa8a00;
    background: #fff;
    font-size: 70px;
    margin: 10px 0;
    height: 70px;
    width: 70px;
    margin: 0 auto;
}

.despre_adservio .columns4 li .title {
    font-weight: 600;
    color: #000;
    padding: 10px 0;
}

.despre_adservio .columns4 li .content {
    color: #333;
}

.despre_adservio .readmore:hover {
    text-decoration: underline;
}

.despre_adservio .ads_sigur {
    width: 100%;
    text-align: center;
}

.despre_adservio .ads_sigur .separator {
    height: 1px;
    background: #fa8a00;
    width: 100%;
    margin: 80px 0;
}

.despre_adservio .ads_sigur .separator ._icon {
    font-size: 120px;
    position: relative;
    bottom: 75px;
    display: inline-block;
    background: #fff;
    color: #fa8a00;
}

.despre_adservio .ads_sigur .middleblock {
    max-width: 450px;
    display: block;
    margin: 0 auto;
}

.despre_adservio .ads_pentrutine {
    background: url("/images/site/despre-adservio/backgroun-adservio-ptr-tine.jpg") no-repeat center;
    background-size: cover;
    height: 336px;
    width: 100%;
    display: block;
    margin: 50px 0;
}

.despre_adservio .ads_pentrutine .middleblock {
    width: 50%;
    display: block;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    padding-top: 90px;
}

.despre_adservio .ads_pentrutine .middleblock h3 {
    color: #fff;
}

.despre_adservio .ads_pentrutine .middleblock span {
    padding: 20px;
    font-size: 18px;
    line-height: 20px;
}

.despre_adservio .ads_beneficii_unitate {
    padding: 0 31px;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.despre_adservio .ads_beneficii_unitate ._icon,
.despre_adservio .ads_beneficii_parinti ._icon {
    color: #d0d5dd;
    font-size: 200px;
    display: block;
    text-align: center;
    height: 170px;
}

.despre_adservio .ads_beneficii_unitate ._icon {
    font-size: 165px;
}

.despre_adservio .ads_beneficii_unitate .subtitle {
    color: #666666;
    padding-bottom: 10px;
}

.despre_adservio .ads_beneficii_unitate .circle {
    border: 1px solid #0ba5ec;
    color: #0ba5ec;
    text-align: center;
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}

.despre_adservio .ads_beneficii_unitate .circle .percent {
    font-size: 28px;
    line-height: 78px;
}

.despre_adservio .ads_beneficii_unitate .circle .point {
    font-size: 28px;
    line-height: 78px;
}

.despre_adservio .ads_beneficii_elevi {
    min-height: 360px;
    background: #0ba5ec;
    color: #fff;
    margin: 50px 0;
}

.despre_adservio .ads_beneficii_elevi h3 {
    color: #fff;
    text-align: left;
}

.despre_adservio .ads_beneficii_elevi .maxwrapp {
    max-width: 1200px;
    min-height: 360px;
    position: relative;
}

.despre_adservio .ads_beneficii_elevi .context {
    max-width: 60%;
    display: block;
    margin: 0 auto;
    padding: 20px 40px;
    float: left;
}

.despre_adservio .ads_beneficii_elevi .elev-img {
    background: url("/images/site/despre-adservio/despre-adservio-elevi.png") no-repeat;
    height: 499px;
    width: 361px;
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 0;
}

.despre_adservio .ads_beneficii_elevi a {
    color: #fff;
}

.despre_adservio .ads_beneficii_elevi a:hover {
    text-decoration: underline;
}

.despre_adservio .ads_beneficii_parinti {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.despre_adservio .ads_beneficii_cadre {
    min-height: 360px;
    background: #0ba5ec;
    color: #fff;
    margin: 40px 0;
}

.despre_adservio .ads_beneficii_cadre h3 {
    color: #fff;
    text-align: left;
}

.despre_adservio .ads_beneficii_cadre .maxwrapp {
    max-width: 1200px;
    min-height: 360px;
    position: relative;
}

.despre_adservio .ads_beneficii_cadre .context {
    max-width: 55%;
    display: block;
    margin: 0 auto;
    padding: 20px 40px;
    float: right;
}

.despre_adservio .ads_beneficii_cadre .cadru-img {
    background: url("/images/site/despre-adservio/despre-adservio-profesori.png") no-repeat;
    height: 401px;
    width: 446px;
    display: inline-block;
    position: absolute;
    left: 0px;
    bottom: 0;
}

.despre_adservio .ads_beneficii_cadre a {
    color: #fff;
}

.despre_adservio .ads_beneficii_cadre a:hover {
    text-decoration: underline;
}

.despre_adservio .ads_investim {
    min-height: 325px;
    background: url("/images/site/despre-adservio/background-nori.png") no-repeat;
    background-size: cover;
    padding: 65px 0;
}

.despre_adservio .ads_investim h3 {
    color: #000;
}

.despre_adservio .ads_investim .wrapp {
    max-width: 940px;
    display: block;
    margin: 0 auto;
}

.despre_adservio .ads_investim .columns3 {
    max-width: 1200px;
    display: block;
    box-sizing: border-box;
    margin: 50px 0;
}

.despre_adservio .ads_investim .columns3 li {
    width: 30%;
    padding: 0 1%;
    display: inline-block;
    vertical-align: top;
}

.despre_adservio .ads_investim ._icon.icon-cloud {
    color: #76bcf2;
    font-size: 34px;
}

.despre_adservio .button-wbordered {
    border: 1px solid #fff;
    max-width: 365px;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.despre_adservio .button-wbordered:hover {
    background: #fff;
    color: #0ba5ec;
    text-decoration: none !important;
}

/**
* public page - Share social
*/
.pg_share {
    width: 100%;
    background: #fff;
    height: 100%;
}

.pg_share .wrapp_small {
    max-width: 900px;
    margin: 0 auto;
}

.pg_share .wrapp_small.max500 {
    max-width: 500px;
}

.pg_share .profil {
    padding-top: 50px;
}

.pg_share .profil .rezultat_test_iq {
    border: none;
}

.pg_share .profil .rezultat_test_iq .socialquote {
    font-size: 17px;
}

.pg_share .box-nota {
    width: 140px;
    height: 140px;
    border: 1px solid #e4e4e4;
    padding: 5px 5px 5px 4px;
    text-align: center;
    font-size: 100px;
    line-height: 33px;
    cursor: pointer;
    font-family: "Dancing Script", cursive;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px #e2e2e2;
    -webkit-box-shadow: 1px 1px #e2e2e2;
    box-shadow: 1px 1px #e2e2e2;
}

.pg_share .box-nota .nota {
    position: relative;
    top: 50px;
}

.pg_share .box-nota.with_decimals .nota {
    font-size: 90px;
    top: 50px;
}

.pg_share .box-nota.with_decimals .nota .decimale {
    font-size: 30px;
}

.pg_share .panel_nota {
    padding: 150px 0;
}

.pg_share .left-side {
    display: inline-block;
    vertical-align: top;
}

.pg_share .right-side {
    width: 250px;
    display: inline-block;
    margin-left: 20px;
    padding-top: 30px;
}

.pg_share .right-side .materia {
    font-size: 24px;
    font-weight: 400;
    padding: 4px 0 10px 0;
}

.pg_share .right-side .mesaj {
    font-size: 16px;
}

.pg_share .ads_pentrutine {
    background: url("/images/site/despre-adservio/backgroun-adservio-ptr-tine.jpg") no-repeat center;
    background-size: cover;
    height: 336px;
    width: 100%;
    display: block;
    margin: 50px 0;
}

.pg_share .ads_pentrutine .middleblock {
    width: 50%;
    display: block;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    padding-top: 90px;
}

.pg_share .ads_pentrutine .middleblock h3 {
    color: #fff;
}

.pg_share .ads_pentrutine .middleblock span {
    padding: 20px;
    font-size: 18px;
    line-height: 20px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-moz-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2) {
    .despre_adservio #adservio_options td .opt_checked {
        background: url("/images/site/despre-adservio/adservio-checked@2x.png");
        background-size: 31px 31px;
    }
}

.despre_adservio #tabs_container {
    width: 100%;
}

.despre_adservio #tabs {
    width: 75px;
    float: left;
}

.despre_adservio #tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.despre_adservio #tabs li {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: left;
}

.despre_adservio #tabs a {
    width: 40px;
    padding: 16px 6px;
    color: #666;
    text-align: center;
    float: left;
}

.despre_adservio #tabs .triangle {
    visibility: hidden;
    height: 0px;
    border: 5px solid transparent;
    border-right: 5px solid #666;
    border-left: 0 none;
    display: inline-block;
    position: absolute;
    top: 45%;
    right: 0;
}

.despre_adservio #tabs li:hover a {
    border-radius: 100px;
    background-color: whitesmoke;
}

.despre_adservio #tabs li.selected .triangle {
    visibility: visible;
}

.despre_adservio #tabs li.selected a {
    width: 40px;
    border-radius: 100px;
    color: white;
    text-align: center;
    background-color: #666;
}

.despre_adservio #tabs_content {
    margin: 0 0 0 15px;
    color: #666;
}

.despre_adservio .tab_content {
    display: none;
    float: left;
}

.despre_adservio #content-2007 {
    display: block;
}

.despre_adservio #content-2007 > div p {
    width: 30%;
    margin-right: 15px;
    text-align: left;
    float: left;
}

.despre_adservio .partlogo {
    margin: 0 10px;
}

.despre_adservio #partener-mects {
    width: 160px;
    height: 102px;
    background: url("/images/site/despre-adservio/despre-partener-mects.png") no-repeat;
}

.despre_adservio #partener-fnapip {
    width: 239px;
    height: 102px;
    background: url("/images/site/despre-adservio/despre-partener-fnapip.png") no-repeat;
}

.despre_adservio #partener-isjiasi {
    width: 150px;
    height: 102px;
    background: url("/images/site/despre-adservio/despre-partener-isjiasi.png") no-repeat;
}

.despre_adservio #partener-ismb {
    width: 150px;
    height: 102px;
    background: url("/images/site/despre-adservio/despre-partener-ismb.png") no-repeat;
}

.despre_adservio #partener-cne {
    width: 181px;
    height: 102px;
    background: url("/images/site/despre-adservio/despre-partener-cne.png") no-repeat;
}

.despre_adservio #partener-fcomunitara {
    width: 284px;
    height: 102px;
    background: url("/images/site/despre-adservio/logo-fundatia-comuniatare-iasi-website.jpg") no-repeat;
    position: relative;
    top: 17px;
}

.despre_adservio #partener-fundatiayes {
    width: 215px;
    height: 102px;
    background: url("/images/site/despre-adservio/logo-fundatia-YES.jpg") no-repeat;
    position: relative;
    top: 8px;
}

.despre_adservio #partener-telekom {
    width: 180px;
    height: 102px;
    background: url("/images/site/despre-adservio/logo-telekom-short.png") no-repeat;
    position: relative;
}

.despre_adservio #partener-biblioteca-asachi {
    width: 113px;
    height: 102px;
    background: url("/images/site/despre-adservio/despre-partener-asachi.png") no-repeat;
    position: relative;
    top: 8px;
}

.despre_adservio .opinii-echipa-img {
    width: 220px;
    height: 220px;
    margin: 0 13px 13px 13px;
    border: 10px solid #7cd4fd;
    border-radius: 120px;
    background-color: #fff;
    float: left;
}

.despre_adservio .opinii-echipa-img > div {
    width: 210px;
    height: 210px;
    border: 5px solid #fff;
    border-radius: 120px;
    overflow: hidden;
}

.despre_adservio .opinii-echipa-img img {
    width: 100%;
    height: 100%;
    border-radius: 120px;
}

.despre_adservio .opinii-echipa-left {
    width: 50%;
    margin: 20px 0;
    border-right: 1px dashed #e6e6e6;
    float: left;
}

.despre_adservio .opinii-echipa-right {
    width: 49%;
    margin: 20px 0;
    text-align: right;
    float: right;
}

.despre_adservio .opinii-echipa-right .opinii-echipa-img {
    float: right;
}

.despre_adservio .opinii-echipa-text {
    padding: 25px 25px 0;
    line-height: 1.4em;
}

.despre_adservio .opinii-echipa-text q:lang(en) {
    quotes: "“" "”";
}

.despre_adservio .opinii-echipa-autor {
    margin: 15px 20px;
    white-space: nowrap;
}

/* END DESPRE ADSERVIO */

/* START VREAU ADSERVIO */
.vreau_adservio {
    width: 100%;
    background: #fff;
}

.vreau_adservio .header-img {
    width: 100%;
    height: 700px;
    background: url("/images/site/pentru-scoli/header-pentru-scoli-1920x700.jpg") center no-repeat;
    position: relative;
    margin-bottom: 50px;
}

.vreau_adservio .header-box {
    width: 60%;
    padding: 10px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.vreau_adservio .header-box-title {
    padding: 30px 0 20px;
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    margin-top: 20%;
}

.vreau_adservio .header-box-subtitle {
    padding: 10px;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
}

.vreau_adservio h4 {
    font-size: 20px;
    font-weight: normal;
    padding: 10px;
}

.vreau_adservio #form-box {
    width: 900px;
    min-height: 200px;
    border: 1px solid #c9c8c6;
    background: url("/images/site/patterns/white-pattern-bg90.png");
    padding: 20px 0;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 0 10px 2px #5c6554;
    -moz-box-shadow: 0 0 10px 2px #5c6554;
    -webkit-box-shadow: 0 0 10px 2px #5c6554;
    transition:
        top 0.3s,
        width 0.3s;
    -moz-transition:
        top 0.3s,
        width 0.3s;
    -webkit-transition:
        top 0.3s,
        width 0.3s;
    -o-transition:
        top 0.3s,
        width 0.3s;
}

.vreau_adservio #form-box.white-bkg {
    background-color: #fff;
    transition: background-color 1000ms linear;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    z-index: 200;
}

.vreau_adservio .error {
    margin: 5px 0;
}

.vreau_adservio .content-form {
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    margin-bottom: 10px;
    padding: 0 15px;
    font-weight: 700;
}

.vreau_adservio #form-box #close_form {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
}

.vreau_adservio .form-complete {
    display: none;
}

.vreau_adservio .form-inscriere {
    padding: 0 40px;
}

.vreau_adservio .form-inscriere #inputFunctia {
    height: 40px;
    width: 100%;
    border-color: #c9c8c6;
}

.vreau_adservio .form-inscriere #inputFunctia option {
    padding: 3px 5px;
}

.vreau_adservio .form-inscriere .row {
    display: block;
    margin: 0;
    text-align: center;
}

.vreau_adservio .form-inscriere .input-block {
    width: 300px;
    margin: 10px 20px 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.vreau_adservio .form-inscriere .input-block.input-block-city {
    width: 138px;
}

.vreau_adservio .form-inscriere .input-block.input-block-telefon {
    width: 138px;
}

.vreau_adservio .form-inscriere .input-block.input-block-beneficii {
    width: 138px;
}

.vreau_adservio .form-inscriere .input-block.input-block-count-ppl {
    width: 63px;
}

.vreau_adservio .form-inscriere #inputFunctia + .select2.select2-container.select2-container--default {
    height: 40px;
    width: 300px !important;
}

.vreau_adservio .form-inscriere .input-block.input-block-city .select2.select2-container.select2-container--default {
    height: 40px;
}

.vreau_adservio .form-inscriere .input-block label {
    cursor: pointer;
    font-style: italic;
}

.vreau_adservio .form-inscriere .input-block input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 0 5px;
    border: 1px solid #c9c8c6;
    box-sizing: border-box;
}

.vreau_adservio .form-inscriere .input-block #security_code {
    width: 80px;
}

.vreau_adservio .form-inscriere .input-block span {
    font-size: 13px;
    padding-right: 15px;
}

.vreau_adservio .form-inscriere .input-block span:last-of-type {
    padding: 0px;
}

.vreau_adservio .form-inscriere .input-block span label {
    padding-left: 5px;
}

.vreau_adservio .form-inscriere .multicols {
    display: inline-block;
}

.vreau_adservio .form-inscriere .multicols .input-block-city,
.vreau_adservio .form-inscriere .multicols .input-block-count-ppl {
    margin-right: 15px;
}

.vreau_adservio input:focus {
    outline: none;
}

.vreau_adservio .row .input-block .btn {
    width: 180px;
    display: block;
    margin: 0 auto;
}

.vreau_adservio .emailSuccess {
    font-size: 19px;
    color: #65c62f;
}

.vreau_adservio .ads_usor {
    width: 70%;
    display: block;
    margin: 50px auto;
    text-align: center;
    padding-top: 15px;
}

.vreau_adservio .ads_usor span {
    color: 18px;
}

.vreau_adservio .ads_beneficii_dir {
    min-height: 360px;
    background: #0ba5ec;
    color: #fff;
    margin: 65px 0 40px 0;
}

.vreau_adservio .ads_beneficii_dir h3 {
    color: #fff;
    text-align: left;
}

.vreau_adservio .ads_beneficii_dir .maxwrapp {
    max-width: 1200px;
    min-height: 360px;
    position: relative;
}

.vreau_adservio .ads_beneficii_dir .context {
    max-width: 40%;
    display: block;
    margin: 0 auto;
    padding: 20px 40px;
    float: right;
}

.vreau_adservio .ads_beneficii_dir .dir-img {
    background: url("/images/site/pentru-scoli/director.png") no-repeat;
    height: 530px;
    width: 776px;
    display: inline-block;
    position: absolute;
    left: -150px;
    bottom: 0;
}

.vreau_adservio .ads_beneficii_dir #btn-inscriere-bottom {
    margin: 10px auto;
}

.vreau_adservio .ads_beneficii_cadre {
    min-height: 360px;
    color: #000;
    margin: 40px 0 0 0;
}

.vreau_adservio .ads_beneficii_cadre h3 {
    color: #000;
    text-align: left;
}

.vreau_adservio .ads_beneficii_cadre .maxwrapp {
    max-width: 1200px;
    min-height: 360px;
    position: relative;
}

.vreau_adservio .ads_beneficii_cadre .context {
    max-width: 55%;
    display: block;
    margin: 0 auto;
    padding: 20px 40px;
    float: left;
}

.vreau_adservio .ads_beneficii_cadre .cadru-img {
    background: url("/images/site/despre-adservio/despre-adservio-profesori.png") no-repeat;
    height: 401px;
    width: 446px;
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 0;
}

.vreau_adservio .ads_beneficii_isj {
    background: url("/images/site/pentru-scoli/minister-1920x500.png") no-repeat center;
    background-size: cover;
    height: 500px;
    width: 100%;
    display: block;
    margin: 0;
}

.vreau_adservio .ads_beneficii_isj .middleblock {
    width: 40%;
    display: block;
    text-align: left;
    color: #fff;
    margin: 0 auto;
    padding-top: 50px;
    margin-left: 45%;
}

.vreau_adservio .ads_beneficii_isj .middleblock h3 {
    color: #fff;
    text-align: left;
}

.vreau_adservio .ads_beneficii_isj .middleblock span {
    padding: 20px;
    font-size: 18px;
    line-height: 20px;
}

.ads_abonamente {
    position: relative;
}

.ads_abonamente .abon_simplu,
.ads_abonamente .abon_compus,
.ads_abonamente .abon_mmperfect {
    position: absolute;
}

.ads_abonamente a {
    margin: 20px auto;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.ads_abonamente .abon_simplu {
    top: 30px;
    left: 35%;
}

.ads_abonamente .abon_simplu .balon {
    width: 218px;
    height: 295px;
    background: url("/images/site/pentru-scoli/balon-perfect-simplu.png") no-repeat;
    background-size: contain;
}

.ads_abonamente .abon_simplu a {
    margin-left: 30px;
}

.ads_abonamente .abon_compus {
    top: 100px;
    left: 44%;
}

.ads_abonamente .abon_compus .balon {
    width: 255px;
    height: 345px;
    background: url("/images/site/pentru-scoli/balon-perfect-compus.png") no-repeat;
    background-size: contain;
}

.ads_abonamente .abon_compus a {
    margin-left: 40px;
}

.ads_abonamente .abon_mmperfect {
    top: 25px;
    right: 35%;
}

.ads_abonamente .abon_mmperfect .balon {
    width: 178px;
    height: 226px;
    background: url("/images/site/pentru-scoli/balon-mai-mult-ca-perfect.png") no-repeat;
    background-size: contain;
}

.ads_abonamente .abon_mmperfect a {
    margin-left: -10px;
}

.vreau_adservio .ads_abonamente {
    min-height: 427px;
}

.vreau_adservio .ads_abonamente .wrapp-nori {
    background: url("/images/site/pentru-scoli/cer-nori.png") no-repeat;
    width: 90%;
    max-width: 1600px;
    min-height: 505px;
    display: block;
    margin: 0 auto;
    background-size: contain;
}

.vreau_adservio .ads_abonamente h3 {
    margin-bottom: 0;
}

.vreau_adservio .ads_abonamente .wrapp-abonamente {
    position: relative;
}

.vreau_adservio .info-description {
    text-align: center;
    margin: 0 20px;
}

.vreau_adservio .info-description .info-title {
    text-align: center;
}

.vreau_adservio .info-description .info-block,
.scoli-adservio,
.vreau_adservio .opinii-ads {
    padding: 20px 0;
    font-size: 15px;
}

.vreau_adservio .opinii-ads {
    margin: 0 -20px;
    padding: 20px;
    background-color: #f2f4f7;
}

.vreau_adservio .info-description .info-block.max-width p {
    line-height: 26px;
}

.scoli-adservio {
    padding: 0 20px;
    overflow: hidden;
}

.scoli-adservio a {
    width: 175px;
    margin-left: 10px;
    text-decoration: none;
    color: #333;
    margin-bottom: 20px;
    font-size: 10px;
    text-transform: uppercase;
}

.scoli-adservio h3 {
    padding: 25px 0 0 0;
    margin-bottom: 35px;
}

.scoli-adservio .view_all {
    text-align: center;
}

.scoli-adservio .view_all a {
    text-transform: none;
    font-size: 14px;
    color: #0ba5ec;
}

.scoli-adservio .view_all a:hover {
    text-decoration: underline;
}

.scoli-adservio img {
    object-fit: cover;
    display: block;
    margin: 0 auto 5px auto;
    width: 60px;
}

.vreau_adservio .opinii-ads img {
    margin-bottom: 10px;
    border: 1px solid #dadada;
}

.vreau_adservio .opinii-ads-width {
    width: 1240px;
    margin: 0 auto;
}

.vreau_adservio .opinie-ads {
    width: 600px;
    margin: 10px;
    float: left;
}

.vreau_adservio .opinie-ads a {
    border: 0 none;
    text-decoration: none;
    float: left;
}

.vreau_adservio .opinie-img {
    width: 220px;
    height: 220px;
    margin: 0 13px 13px 13px;
    border: 10px solid #7cd4fd;
    border-radius: 120px;
    background-color: #fff;
    float: left;
}

.vreau_adservio .opinie-img > div {
    width: 210px;
    height: 210px;
    border: 5px solid #fff;
    border-radius: 120px;
    overflow: hidden;
}

.vreau_adservio .opinie-img img {
    width: 100%;
    height: 100%;
    border-radius: 120px;
}

.vreau_adservio .opinie-ads .opinie-message {
    margin: 40px 0 0 255px;
    vertical-align: top;
    font-size: 13px;
    text-align: left;
    padding: 0 10px;
    color: #333;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

.vreau_adservio .opinie-ads .opinie-title {
    color: #333;
    padding-top: 5px;
    margin-top: 15px;
    border-top: 1px dashed #dadada;
}

#btn-inscriere-bottom {
    float: none;
    margin: 30px auto;
}

/* END VREAU ADSERVIO */

.abonamente {
    width: 100%;
}

.abonamente .header-box {
    width: 60%;
    min-height: 130px;
    padding: 10px;
    color: #000;
    text-align: center;
    margin: 0 auto;
}

.abonamente .header-box-title {
    padding: 30px 0 20px;
    text-align: center;
    font-size: 37px;
    line-height: 38px;
}

.abonamente .header-box-subtitle {
    font-size: 20px;
}

.abonamente h3 {
    font-size: 30px;
    font-weight: normal;
    display: block;
    margin: 0;
}

.abonamente h3 span {
    font-weight: 600;
}

.abonamente h4 {
    font-size: 20px;
    line-height: 22px;
    color: #666666;
    font-weight: normal;
    padding: 10px 0;
}

.abonamente .tabs {
    border-bottom: 1px solid #d0d5dd;
    background: #fff;
}

.abonamente .tabs .wrapp {
    width: 455px;
    margin: 0 auto;
}

.abonamente .tabs .wrapp a {
    width: 225px;
    height: 210px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
}

.abonamente .tabs .wrapp a .title {
    font-size: 17px;
    font-weight: 700;
    color: #666666;
}

.en .abonamente .tabs .wrapp a .title {
    font-size: 14px;
}

.abonamente .tabs .wrapp a .selector {
    height: 10px;
    background: #05a7d2;
    display: block;
    position: absolute;
    width: 100%;
    bottom: -11px;
    transition:
        visibility 0.1s,
        opacity 0.1s;
    visibility: hidden;
    opacity: 0;
}

.abonamente .tabs .wrapp a .selector .arrow {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 10px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #05a7d2;
}

.abonamente .tabs .wrapp a:hover .title,
.abonamente .tabs a.active .title {
    color: #f68e1e;
}

.abonamente .tabs .wrapp a:hover .selector,
.abonamente .tabs a.active .selector {
    visibility: visible;
    opacity: 1;
}

.abonamente .absprite {
    background: url("/images/site/abonamente/public/abonamente-sprite.png") no-repeat;
    width: 362px;
    height: 310px;
    display: block;
}

.abonamente .absprite.balon {
    width: 112px;
    height: 150px;
    display: block;
    margin: 10px auto 20px auto;
}

.abonamente .absprite.balon img {
    margin: 0 auto;
}

.abonamente .absprite.balon.psimplu {
    background-position: 0 -160px;
}

.abonamente .absprite.balon.pcompus {
    background-position: -120px -160px;
}

.abonamente .absprite.balon.mmperfect {
    width: 123px;
    background-position: -240px -160px;
}

.no-touch .abonamente .tabs a:hover .absprite.balon.psimplu,
.abonamente .tabs a.active .absprite.balon.psimplu {
    background-position: 0 0;
}

.no-touch .abonamente .tabs a:hover .absprite.balon.pcompus,
.abonamente .tabs a.active .absprite.balon.pcompus {
    background-position: -120px 0;
}

.no-touch .abonamente .tabs a:hover .absprite.balon.mmperfect,
.abonamente .tabs a.active .absprite.balon.mmperfect {
    width: 123px;
    background-position: -240px 0;
}

.abonamente .tab_content {
    padding: 50px 0px;
    border-bottom: 1px solid #d0d5dd;
}

.abonamente .tab_content .wrapp {
    max-width: 1300px;
    margin: 0 auto;
}

.abonamente .tab_content .balon {
    height: 465px;
    width: 44%;
    display: inline-block;
    position: relative;
}

.abonamente .tab_content .context {
    width: 53%;
    padding: 0 1%;
}

.abonamente .tab_content .context .resume {
    font-size: 12px;
}

.abonamente .tab_content .context .caracteristici {
    width: 90%;
    margin: 20px 0;
}

.abonamente .tab_content .context .caracteristici .title {
    padding: 5px 0;
    font-size: 14px;
    font-weight: 600;
}

.abonamente .tab_content .context .caracteristici ul {
    padding: 0 0 0 20px;
}

.abonamente .tab_content .context .icon-cloud {
    font-size: 35px;
    position: relative;
    color: #8fcfd3;
    top: 8px;
    margin-right: 5px;
}

.abonamente #perfect_simplu .balon {
    background: url("/images/site/abonamente/public/imagine-perfect-simplu.png") right no-repeat;
    background-size: cover;
    height: 437px;
    max-width: 502px;
    margin-top: 120px;
}

.abonamente #perfect_compus .balon {
    background: url("/images/site/abonamente/public/imagine-perfect-compus.png") left no-repeat;
    background-size: cover;
    height: 454px;
    max-width: 522px;
    margin-top: 220px;
}

.abonamente #mm_perfect .balon {
    background: url("/images/site/abonamente/public/imagine-mai-mult-ca-perfect.png") right no-repeat;
    background-size: cover;
    height: 520px;
    max-width: 443px;
    margin-top: 150px;
}

.abonamente .tab_content.pcompus .caracteristici {
    max-width: 480px;
}

.abonamente .colorange {
    color: #f68e1e;
}

.abonamente .colblue {
    color: #0b7087;
}

.abonamente .colred {
    color: #c45039;
}

.abonamente .compara {
    margin-top: 40px;
}

.abonamente .compara .wrapp {
    width: 80%;
    margin: 0 auto;
}

.abonamente .compara table {
    margin: 40px 0;
    border-collapse: collapse;
}

.abonamente .compara th {
    font-weight: 600;
    font-size: 27px;
    line-height: 1em;
    width: 20%;
    height: 71px;
    border-bottom: 1px solid #d0d5dd;
}

.abonamente .compara tr td {
    text-align: center;
    border-bottom: 1px solid #d0d5dd;
    padding: 20px 0;
}

.abonamente .compara .bluemarked {
    background: #e9f2f4;
}

.abonamente .compara tr td:first-child {
    text-align: left;
    padding: 0 20px;
}

.abonamente .compara .icon-check {
    font-size: 40px;
    color: #666666;
}

.abonamente .compara .icon-check.colred {
    color: #c45039;
}

.abonamente .compara .icon-check.colblue {
    color: #0b7087;
}

.abonamente #btn-solicitaoferta {
    width: 250px;
    display: block;
    margin: 20px auto;
    text-align: center;
}

/* PENTRU PARINTI */
.pentru-parinti {
    background: #fff;
}

.pentru-parinti .header-img {
    width: 100%;
    height: 700px;
    background: #ddd url(/images/site/pentru-parinti/header-p-1920.jpg) center top no-repeat;
    position: relative;
    margin-bottom: 160px;
}

.pentru-parinti .header-box {
    width: 60%;
    padding: 10px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.pentru-parinti .header-box-title {
    padding: 30px 0 20px;
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    margin-top: 20%;
}

.pentru-parinti .header-box-subtitle {
    padding: 10px;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
}

.pentru-parinti .header-img .bulinawrapp {
    width: 253px;
    height: 253px;
    display: block;
    position: absolute;
    bottom: -127px;
    margin-left: auto;
    left: 0;
    right: 0;
    margin-right: auto;
    display: block;
    position: absolute;
    bottom: -127px;
    margin-left: auto;
    left: 0;
    right: 0;
    margin-right: auto;
}

.pentru-parinti .header-img .bulina {
    background: url("/images/site/pentru-parinti/bulina-bleu.png") no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.pentru-parinti .header-img .bulinawrapp span {
    font-size: 40px;
    color: #fff;
    line-height: 43px;
    text-align: center;
    position: relative;
    top: 80px;
    display: block;
}

.pentru-parinti ul.list-avantaje {
    text-align: center;
    padding: 20px 4%;
    display: block;
    margin: 30px auto 50px auto;
}

.pentru-parinti ul.list-avantaje li {
    width: 100%;
    max-width: 270px;
    padding: 0 10px;
    min-height: 170px;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.pentru-parinti ul.list-avantaje li .prim {
    font-size: 14px;
    padding: 5px 0;
}

.pentru-parinti ul.list-avantaje li span {
    font-size: 11px;
    color: #666666;
}

.pentru-parinti ul.list-avantaje li .circle {
    background: #fff;
    border: 1px solid #0da6d6;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 76px;
    width: 76px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    position: relative;
}

.pentru-parinti ul.list-avantaje li .circle ._icon {
    font-size: 50px;
    position: relative;
    top: 15px;
    color: #0da6d6;
}

.pentru-parinti ul.list-avantaje li .circle ._icon.icon-activity {
    top: 12px;
    right: 2px;
}

.pentru-parinti .cpanel .coloredbox {
    color: #fff;
    padding: 40px 0;
    width: 70%;
    display: inline-block;
    font-size: 26px;
    line-height: 32px;
    position: relative;
    vertical-align: top;
    text-align: center;
}

.pentru-parinti .cpanel .coloredbox .cwrapp {
    max-width: 860px;
    display: block;
    margin: 0 auto;
}

.pentru-parinti .cpanel .icon-panel {
    min-width: 150px;
    display: inline-block;
    position: relative;
}

.pentru-parinti .cpanel .icon-panel ._icon {
    font-size: 150px;
}

.pentru-parinti h3 {
    font-size: 30px;
    line-height: 1.3em;
    color: #000;
    padding: 25px 0 0 0;
    margin-bottom: 10px;
}

.pentru-parinti .cpanel.orange .coloredbox {
    width: 65%;
}

.pentru-parinti .cpanel.orange .icon-panel {
    font-size: 150px;
    max-height: 350px;
}

.pentru-parinti .cpanel.orange .parent-image {
    background: url("/images/site/pentru-parinti/pentru-parinti-august2015-parinte.png") no-repeat;
    width: 345px;
    height: 516px;
    left: 80px;
    bottom: 60px;
    position: relative;
}

.pentru-parinti .cpanel.orange .coloredbox {
    background: #fd8e00;
}

.pentru-parinti .cpanel.orange .arrow {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #fd8e00;
    position: absolute;
    top: 32%;
    right: -40px;
}

.pentru-parinti .cpanel.blue {
    text-align: right;
    margin-bottom: 20px;
}

.pentru-parinti .cpanel.blue .icon-panel {
    font-size: 150px;
    float: left;
    text-align: right;
    width: 30%;
}

.pentru-parinti .cpanel.blue .icon-panel ._icon {
    font-size: 200px;
    color: #13a6d1;
    position: relative;
    right: 100px;
    top: 30px;
}

.pentru-parinti .cpanel.blue .coloredbox {
    background: #13a6d1;
    text-align: left;
}

.pentru-parinti .cpanel.blue .coloredbox a {
    color: #fff;
    text-decoration: underline;
}

.pentru-parinti .cpanel.blue .arrow {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 40px solid #13a6d1;
    position: absolute;
    left: -40px;
    top: 32%;
}

.pentru-parinti .testimonials {
    background: none;
    height: auto;
}

.pentru-parinti .testimonials .maxwrapp {
    max-width: 1200px;
}

.pentru-parinti .testimonials .testimonial_box {
    width: 800px;
}

.pentru-parinti .testimonials .testimonial_box:nth-child(odd) {
    float: left;
}

.pentru-parinti .testimonials .testimonial_box:nth-child(odd) .testimonial_autor {
    float: left;
}

.pentru-parinti .testimonials .testimonial_box:nth-child(even) {
    float: right;
}

.pentru-parinti .testimonials .testimonial_box:nth-child(even) .testimonial_autor {
    float: right;
}

.pentru-parinti .testimonials .testimonial_box:last-child {
    padding-bottom: 0;
}

.pentru-parinti .testimonials .testimonial_text {
    width: 500px;
    height: 220px;
    display: inline-block;
}

.pentru-parinti .testimonials .testimonial_autor {
    display: inline-block;
}

.pentru-parinti .readall_testimonials {
    margin: 0 0 50px 0;
    text-align: center;
    display: block;
}

.pentru-parinti .readall_testimonials a:hover {
    text-decoration: underline;
}

.pentru-elevi {
    background: #fff;
}

.pentru-elevi .headerpage {
    text-align: center;
}

.pentru-elevi .headerpage .headerimg {
    width: 437px;
    height: 500px;
    margin: 0 auto;
    display: block;
    background: url("/images/site/pentru-elevi/baiatu-web.png");
    position: relative;
    margin-bottom: 20px;
}

.pentru-elevi .headerpage .title {
    font-size: 30px;
    line-height: 1.3em;
    margin-bottom: 10px;
    position: absolute;
    top: 430px;
    left: 0;
    right: 0;
    margin: auto;
}

.pentru-elevi .headerpage .subtitle {
    font-size: 18px;
}

.pentru-elevi .headerpage ul {
    text-align: center;
    max-width: 1080px;
    display: block;
    margin: 30px auto 50px auto;
}

.pentru-elevi .headerpage ul li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    width: 130px;
    height: 140px;
}

.pentru-elevi .headerpage ul li a {
    text-align: center;
    color: #999;
    font-size: 13px;
}

.pentru-elevi .headerpage ul li .circle {
    background: #fd8e00;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 76px;
    width: 76px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    position: relative;
}

.pentru-elevi .headerpage ul li .circle.icon_ajutor2 {
    background: none;
}

.pentru-elevi .headerpage ul li .circle ._icon {
    font-size: 50px;
    position: relative;
    top: 15px;
    color: #fff;
}

.pentru-elevi .headerpage ul li .circle ._icon.icon-help-circle-filled {
    font-size: 76px;
    top: 0px;
    color: #fd8e00;
}

.pentru-elevi .headerpage ul li .circle ._icon.icon-yearbook {
    font-size: 40px;
    top: 20px;
}

.pentru-elevi .headerpage ul li .circle ._icon.icon-activity,
.pentru-elevi ul.beneficii li .circle ._icon.icon-activity {
    right: 2px;
    top: 12px;
}

.pentru-elevi .headerpage ul li:hover .circle {
    background: #ce6b00;
    bottom: 5px;
}

.pentru-elevi .headerpage ul li:hover .circle.icon_ajutor2 {
    background: none;
}

.pentru-elevi .headerpage ul li:hover a {
    color: #000;
}

.pentru-elevi .headerpage ul li:hover .circle ._icon.icon-help-circle-filled {
    color: #ce6b00;
}

.pentru-elevi ul.beneficii li {
    display: block;
    max-width: 440px;
    min-height: 105px;
    clear: both;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

.pentru-elevi ul.beneficii li:nth-child(odd) {
    margin-right: 50%;
    text-align: right;
}

.pentru-elevi ul.beneficii li:nth-child(even) {
    margin-left: 50%;
    text-align: left;
}

.pentru-elevi ul.beneficii li .beneficiu {
    display: inline-block;
}

.pentru-elevi ul.beneficii li .beneficiu .title {
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
    padding-top: 10px;
}

.pentru-elevi ul.beneficii li .beneficiu .context {
    font-size: 14px;
}

.pentru-elevi ul.beneficii li .circle {
    height: 102px;
    width: 102px;
    display: inline-block;
    position: absolute;
    top: 0;
    border: 1px solid #13a6d1;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.pentru-elevi ul.beneficii li:nth-child(odd) .circle {
    right: -120px;
}

.pentru-elevi ul.beneficii li:nth-child(even) .circle {
    left: -120px;
}

.pentru-elevi ul.beneficii li .circle ._icon {
    color: #13a6d1;
    font-size: 70px;
    position: relative;
    top: 17px;
}

.pentru-elevi ul.beneficii li .circle ._icon.icon-yearbook {
    font-size: 50px;
    top: 27px;
}

.pentru-elevi ul.beneficii li .circle ._icon.icon-help-circle-filled {
    font-size: 60px;
    top: 22px;
}

.pentru-elevi .beneficii-sumar {
    width: 100%;
    background: url("/images/site/pentru-elevi/background-abonamente.jpg") center top no-repeat;
    height: 550px;
    max-height: 550px;
    display: block;
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    overflow: hidden;
    background-size: cover;
}

.pentru-elevi .beneficii-sumar .title {
    font-size: 20px;
    padding: 10px 0;
}

.pentru-elevi .beneficii-sumar .logo {
    height: 260px;
    width: 260px;
    position: absolute;
    top: 55px;
    background: #13a6d1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
}

.pentru-elevi .beneficii-sumar .logo ._icon {
    color: #fff;
    font-size: 160px;
    position: relative;
    top: 50px;
}

.pentru-elevi .beneficii-sumar .content {
    position: absolute;
    top: 21%;
}

.pentru-elevi .beneficii-sumar .content ul {
    display: block;
}

.pentru-elevi .beneficii-sumar .content ul li {
    width: 72px;
    height: 90px;
    margin: 0 2px;
    list-style-type: none;
    float: left;
    font-size: 11px;
    text-align: center;
    line-height: 1.2em;
}

.pentru-elevi .beneficii-sumar .content ul li a {
    color: #777;
}

.pentru-elevi .beneficii-sumar .content ul li .circle {
    background: #656565;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    position: relative;
}

.pentru-elevi .beneficii-sumar .content ul li .circle.icon_ajutor2 {
    background: none;
}

.pentru-elevi .beneficii-sumar .content ul li .circle ._icon {
    font-size: 33px;
    position: relative;
    top: 9px;
    color: #fff;
}

.pentru-elevi .beneficii-sumar .content ul li .circle ._icon.icon-activity {
    top: 7px;
    right: 1px;
}

.pentru-elevi .beneficii-sumar .content ul li .circle ._icon.icon-yearbook {
    font-size: 27px;
    top: 12px;
    left: 2px;
}

.pentru-elevi .beneficii-sumar .content ul li .circle ._icon.icon-help-circle-filled {
    font-size: 50px;
    top: 0px;
    color: #656565;
}

.pentru-elevi .beneficii-sumar .gratuit {
    width: 50%;
    height: 100%;
    display: inline-block;
    float: left;
    position: relative;
}

.pentru-elevi .beneficii-sumar .gratuit .logo {
    right: 70%;
}

.pentru-elevi .beneficii-sumar .gratuit .content {
    width: 60%;
    right: 50px;
}

.pentru-elevi .beneficii-sumar .abonament {
    width: 50%;
    height: 100%;
    display: inline-block;
    float: left;
    position: relative;
}

.pentru-elevi .beneficii-sumar .abonament .logo {
    left: 70%;
}

.pentru-elevi .beneficii-sumar .abonament .content {
    width: 60%;
    left: 50px;
}

.pentru-elevi .avantaje-adservio {
    width: 100%;
    position: relative;
    padding-top: 50px;
    padding-bottom: 100px;
}

.pentru-elevi .avantaje-adservio .title {
    font-size: 27px;
    color: #000;
    text-align: center;
    padding: 10px;
}

.pentru-elevi .avantaje-adservio .subtitle {
    font-size: 16px;
    color: #777;
    text-align: center;
    margin-bottom: 40px;
}

.pentru-elevi .avantaje-adservio ul {
    width: 310px;
    display: inline-block;
    margin: 10px 20px;
    vertical-align: top;
    position: relative;
    z-index: 100;
}

.pentru-elevi .avantaje-adservio ul li {
    padding: 7px 0;
    line-height: 1.3em;
}

.pentru-elevi .avantaje-adservio .liste {
    width: 740px;
    margin: 0 auto;
}

.pentru-elevi .avantaje-adservio mark {
    background: #13a6d1;
    color: #fff;
    padding: 0 10px;
    position: relative;
}

.pentru-elevi .avantaje-adservio .marker {
    width: 475px;
    height: 175px;
    background: url("/images/site/pentru-elevi/marker-web.png");
    position: absolute;
    right: 0;
    bottom: 0px;
    display: block;
}

.pentru-elevi .social-adservio {
    width: 780px;
    margin: 0 auto;
    position: relative;
}

.pentru-elevi .social-adservio .title {
    font-size: 27px;
    color: #000;
    text-align: center;
    padding: 10px;
}

.pentru-elevi .social-adservio .girl {
    width: 321px;
    height: 329px;
    background: url("/images/site/pentru-elevi/farta-web.png");
    display: block;
}

.pentru-elevi .social-adservio .buttons {
    position: absolute;
    top: 55px;
    left: 240px;
}

.pentru-elevi .social-adservio .buttons ._icon {
    font-size: 50px;
    margin: 0 5px;
}

.pentru-elevi .social-adservio .buttons ._icon.icon-facebook-negative {
    color: #3461a5;
}

.pentru-elevi .social-adservio .buttons ._icon.icon-twitter-negative {
    color: #28a9e2;
}

.pentru-elevi .social-adservio .buttons ._icon.icon-linkedin-negative {
    color: #006d9c;
}

.pentru-elevi .social-adservio .buttons ._icon.icon-youtube-negative {
    color: #f43135;
}

#prezentare_abonamente {
    display: table;
    width: 100%;
}

#prezentare_abonamente > div {
    width: 33.3%;
    display: table-cell;
}

#prezentare_abonamente .pa_box_top {
    height: 160px;
}

#prezentare_abonamente .pa_box_top > div {
    width: 170px;
    margin: 0 auto;
    padding: 30px 0 0;
    text-align: center;
}

#prezentare_abonamente .pa_box_top label {
    width: 100%;
    text-align: center;
    font-weight: 700;
    display: block;
    padding-top: 20px;
    font-size: 30px;
}

#prezentare_abonamente .pa_box_bottom {
    padding: 0 20px;
}

#prezentare_abonamente .pa_box_bottom p {
    text-indent: 30px;
    text-align: justify;
}

#prezentare_abonamente .pa_box_bottom li {
    margin-bottom: 10px;
    text-align: justify;
}

#prezentare_abonamente .pa_green {
    background-color: #fffee6;
}

#prezentare_abonamente .pa_green .pa_box_top {
    background-color: #f3f7d5;
}

#prezentare_abonamente .pa_blue {
    background-color: #edf7f9;
}

#prezentare_abonamente .pa_blue .pa_box_top {
    background-color: #d7f7ff;
}

#prezentare_abonamente .pa_yellow {
    background-color: #fffcf5;
}

#prezentare_abonamente .pa_yellow .pa_box_top {
    background-color: #fff9e9;
}

#prezentare_abonamente .pa_box_bottom ol {
    padding-left: 30px;
}

#prezentare_abonamente .pa_box_titlu {
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
}

#tabel_abonamente {
    margin: 0;
    border-top: 1px dashed #dadada;
    border-bottom: 1px dashed #dadada;
    background: #f2f4f7 url("/images/site/abonamente/nor-plata-partial.png") bottom right no-repeat;
}

#tabel_abonamente > div:first-child {
    padding: 10px 0px 20px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}

#tabel_abonamente table {
    width: 100%;
    border-collapse: collapse;
}

#tabel_abonamente table {
    width: 1280px;
    margin: 0 auto;
    border-collapse: collapse;
}

#tabel_abonamente thead tr th {
    padding: 5px 10px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

#tabel_abonamente tbody tr td {
    padding: 5px 20px;
    border-top: 1px solid #e1e1e1;
    font-size: 12px;
    text-align: center;
}

#tabel_abonamente .sprite._checked {
    width: 30px;
    height: 22px;
}

#modalidate_plata {
    margin-bottom: 20px;
    float: left;
}

.mp_box {
    width: 25%;
    float: left;
}

.mp_top {
    height: 130px;
    position: relative;
}

.mp_top .mp_icon {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.mp_top .mp_icon span {
    cursor: pointer;
}

.mp_top .mp_icon label {
    padding-top: 10px;
    color: #00abdb;
    font-size: 20px;
    display: block;
}

.mp_bottom {
    padding: 0 20px;
}

.mp_bottom p {
    text-indent: 30px;
}

/* ABONAMENTE SCOLI */
#abonamente_scoli {
    margin: 0 -20px;
    border-top: 1px dashed #dadada;
    border-bottom: 1px dashed #dadada;
    background: #f2f4f7;
}

#abonamente_scoli_res {
    width: 1263px;
    margin: 0 auto;
}

#abonamente_scoli_res > div {
    width: 33.33%;
    float: left;
}

#abonamente_scoli_res .linie_abon_perfect {
    width: 2px;
    height: 100px;
    margin: 0 auto -5px;
    background-color: #ddd;
}

#abonamente_scoli_res ul {
    margin: 0 10px;
    padding: 0;
    list-style: none;
    text-align: left;
}

#abonamente_scoli_res li {
    margin-bottom: 10px;
    font-size: 12px;
}

#abonamente_scoli_res li .sprite {
    vertical-align: baseline;
    color: #fff;
    padding-top: 2px;
    font-size: 11px;
    text-align: center;
}

/* BEGIN CARIERE */
.cariere .header-img {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    background: url("/images/site/cariere/header-cariere-1600.jpg") center -85px no-repeat;
    position: relative;
    z-index: 1;
}

.cariere .form-box {
    width: 60%;
    margin: 0 auto;
    padding: 20px;
    background: url("/images/site/patterns/black-pattern-bg80.png");
    position: relative;
    top: 300px;
    -webkit-transition: background 400ms linear;
    -moz-transition: background 400ms linear;
    -o-transition: background 400ms linear;
    -ms-transition: background 400ms linear;
    transition: background 400ms linear;
}

.cariere .form-box.black-bg90 {
    background: url("/images/site/patterns/black-pattern-bg90.png");
}

.cariere .form-box #form-aplicare {
    color: #fff;
}

.cariere .form-box .form-desc-h1 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
}

.cariere .form-box .form-part {
    display: none;
}

.cariere .form-box .form-row {
    width: 49.5%;
    margin-bottom: 20px;
    vertical-align: top;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

.cariere .form-box .form-block {
    margin: 0 40px;
}

.cariere .form-box .form-block label {
    color: #fff;
    font-size: 13px;
    text-align: left;
    display: block;
}

#s2id_input_job {
    width: 100% !important;
}

/*.cariere .form-box .form-block select,*/
.cariere .form-box .form-block input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cariere .form-box .form-block input[type="file"] {
    height: 30px;
    padding: 2px 9px;
    color: #555;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.cariere .form-box .form-block textarea {
    min-width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cariere .form-box .form-block #security_code {
    width: 125px;
    margin-right: 5px;
    vertical-align: top;
}

.cariere .form-box .form-block .security_code {
    vertical-align: top;
    cursor: pointer;
}

.cariere .page-content-row {
    text-align: center;
    padding-top: 30px;
}

.cariere .page-content-row .page-desc-title {
    margin-bottom: 30px;
    color: #00abdb;
    font-size: 26px;
    line-height: 26px;
}

.cariere .page-content-row .page-desc-info {
    margin-bottom: 20px;
    line-height: 1.5;
}

.cariere .page-content-row._gray {
    border-bottom: 1px solid #ededed;
    background-color: #f2f4f7;
}

.cariere .page-content #select_jobs {
    margin: -20px 10px 30px 10px;
    text-align: center;
    display: none;
}

.cariere .page-content #s2id_select_job {
    width: 100% !important;
    text-align: left;
}

.cariere .page-content #select_job {
    width: 100%;
    text-align: left;
}

.cariere .page-content .tabs {
    margin-left: 10px;
    text-align: left;
    float: left;
}

.cariere .page-content .tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cariere .page-content .tabs > ul {
    width: 217px;
}

.cariere .page-content .tabs > ul > li {
    margin-bottom: 30px;
}

.cariere .page-content .tabs > ul > li div {
    color: #000;
    font-size: 20px;
    line-height: 28px;
}

.cariere .page-content .tabs .cariere_posturi li:before {
    content: "· ";
}

.cariere .page-content .tabs .cariere_posturi li {
    margin-bottom: 3px;
    padding: 5px;
    color: #0ba5ec;
}

.cariere .page-content .tabs .cariere_posturi li:hover {
    color: #666;
    background-color: #eaecf0;
    cursor: pointer;
}

.cariere .page-content .tabs .cariere_posturi li.active {
    color: #fff;
    background-color: #999;
    cursor: pointer;
}

.cariere .page-content .panes {
    min-height: 200px;
    margin-left: 230px;
    padding-left: 15px;
    border-left: 3px solid #999;
    text-align: left;
}

.cariere .page-content .panes > div {
    display: none;
    line-height: 1.5;
}

.cariere .page-content .panes > div .job-title {
    margin-bottom: 30px;
    color: #000;
    font-size: 20px;
}

.cariere .page-content .panes > div dt {
    margin-bottom: 15px;
    color: #000;
    font-weight: 700;
}

.cariere .page-content .panes > div dd {
    margin-bottom: 15px;
    font-style: italic;
}

/* END CARIERE */

#pg_admitere {
    background: #fff;
}

#pg_admitere .header-img {
    width: 100%;
    height: 400px;
    background: #ddd url(/images/site/admitere/header-admitere-1920.jpg) center top no-repeat;
    position: relative;
    margin-bottom: 160px;
}

#pg_admitere .header-box {
    width: 60%;
    padding: 10px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

#pg_admitere .header-box-title {
    padding: 30px 0 20px;
    text-align: center;
    font-size: 40px;
    line-height: 42px;
    margin-top: 7%;
}

#pg_admitere .header-box-subtitle {
    padding: 10px;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
}

#pg_admitere .header-img .bulinawrapp {
    width: 253px;
    height: 253px;
    display: block;
    position: absolute;
    bottom: -127px;
    margin-left: auto;
    left: 0;
    right: 0;
    margin-right: auto;
    display: block;
    position: absolute;
    bottom: -127px;
    margin-left: auto;
    left: 0;
    right: 0;
    margin-right: auto;
}

#pg_admitere .header-img .bulina {
    background: url("/images/site/pentru-parinti/bulina-bleu.png") no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

#pg_admitere .header-img .bulinawrapp span {
    font-size: 40px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    position: relative;
    top: 80px;
    display: block;
}

#pg_admitere .content {
    padding: 0 30px;
}

#pg_admitere.loggedin .mod_admitere_lista {
    padding: 0 20px;
}

#pg_admitere .social ul li {
    display: inline-block;
}

form.searchmain {
    background: #fff;
    width: 450px;
    margin: 0 auto;
    display: block;
    position: relative;
    margin-bottom: 20px;
}

form.searchmain .input-container {
    width: 430px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    padding: 4px 10px;
    display: inline-block;
}

form.searchmain .input-container:hover,
form.searchmain .input-container.active {
    border-color: #05a6d2;
}

form.searchmain .input-container input {
    width: 405px;
    padding: 5px 0;
    font-size: 18px;
    border: none;
    color: #000;
    line-height: 21px;
    font-family: "Open Sans";
}

form.searchmain .clearinput {
    position: relative;
    top: 2px;
    display: none;
}

form.searchmain .clearinput:hover {
    color: red;
}

form.searchmain .searchbtn {
    float: none !important;
    position: absolute;
    right: -95px;
    top: 0;
    padding: 10px 20px;
    font-size: 16px;
}

form.searchmain .explain {
    color: #999;
    font-size: 11px;
    padding: 0 10px;
}

@media screen and (max-width: 768px) {
    .admitere_detalii .header .cover {
        height: 280px;
    }

    form.searchmain {
        width: 310px;
    }

    form.searchmain .input-container {
        width: 290px;
        font-size: 15px;
        padding: 7px 7px;
    }

    form.searchmain .input-container input {
        width: 270px;
        font-size: 17px;
        padding: 7px 0;
    }

    form.searchmain .searchbtn {
        position: inherit;
        margin: 10px auto 0 auto;
        display: block;
        right: 0;
        width: 150px;
    }
}

/* BEGIN CONTACT */
#map_canvas .gm-style .gm-style-iw {
    font-size: 11px !important;
}

#map_canvas {
    height: 400px;
    margin-bottom: 30px;
}

.contact_fl {
    width: 50%;
    float: left;
}

.contact_box {
    margin-bottom: 30px;
}

.contact_icon {
    width: 45px;
    height: 45px;
    margin: 0 8px;
    background-color: #333;
    border-radius: 45px;
    float: left;
}

.contact_icon .sprite._feather {
    margin: 8px 13px;
}

.contact_icon .sprite._phone {
    margin: 12px 12px;
}

.contact_icon .sprite._repr {
    margin: 12px 12px;
}

.contact_icon .sprite._arond {
    margin: 11px 11px;
}

.contact_icon .sprite._pin {
    margin: 9px 12px;
}

.contact_icon .sprite._liceu {
    margin: 14px 9px;
}

.contact_icon .sprite._pin_small {
    margin: 14px 9px;
}

#contact_nume {
    width: 230px;
}

#contact_scoala {
    width: 230px;
}

#contact_telefon {
    width: 230px;
}

#contact_email {
    width: 230px;
}

#contact_mesaj {
    min-width: 230px;
    max-width: 250px;
    min-height: 100px;
}

.contact_content {
    margin-left: 65px;
    font-size: 12px;
}

.contact_content_title {
    padding-top: 10px;
    margin-bottom: 15px;
    font-size: 20px;
}

#contact_form > div {
    margin-bottom: 10px;
}

#contact_form .select2-container {
    width: 250px !important;
}

#contact_form .select2-container--default .select2-selection--single {
    height: 40px;
}

#contact_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

#contact_form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

a.contact_recover:hover span.text_recover {
    text-decoration: underline;
}

#contact_licee li {
    padding: 5px 0;
    list-style: none;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    float: left;
    clear: both;
}

#contact_licee li.active {
    color: #333;
    font-weight: 700;
}

#contact_licee li div {
    margin-left: 15px;
}

#pg_contact .header-img {
    width: 100%;
    height: 400px;
    background: #ddd url("/images/site/contact/cover_contact.jpg") center no-repeat;
    position: relative;
    margin-bottom: 50px;
    background-size: cover;
}

#pg_contact .wrapp_mic {
    max-width: 760px;
    margin: 0 auto;
}

#pg_contact input {
    padding: 11px 9px;
}

#pg_contact .submit {
    width: 250px;
}

#pg_licee .header-img {
    width: 100%;
    height: 400px;
    background: #ddd url("/images/site/licee/cover_licee.jpg") center no-repeat;
    position: relative;
    margin-bottom: 50px;
    background-size: cover;
}

#pg_licee .lista_licee {
    padding: 0 40px;
}

#pg_licee .title {
    text-align: center;
    margin-bottom: 30px;
}

#pg_licee .title .bullet {
    width: 45px;
    height: 45px;
    margin: 0 8px;
    background-color: #333;
    border-radius: 45px;
}

#pg_licee .title .bullet ._icon {
    color: #fff;
    font-size: 26px;
    position: relative;
    top: 8px;
}

#pg_licee .lista_licee .box_header {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px 5px 0px;
    margin-bottom: 5px;
}

#pg_licee .lista_licee .box_header .icon-map-pin {
    color: #ff6c6a;
    font-size: 30px;
}

#pg_licee .lista_licee .box_header .oras {
    font-size: 16px;
    line-height: 30px;
    vertical-align: top;
    margin-left: 5px;
}

#pg_licee .lista_licee .licee_oras {
    float: left;
    margin: 1%;
    width: 21%;
}

#pg_licee .lista_licee .licee_oras ul li {
    padding: 10px 0;
    display: table;
}

#pg_licee .lista_licee .licee_oras .logo_liceu_wrapp {
    display: table-cell;
    height: 50px;
    width: 50px;
    text-align: center;
}

#pg_licee .lista_licee .licee_oras .logo_liceu_wrapp .logo {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#pg_licee .lista_licee .licee_oras .logo_liceu_wrapp .logo img {
    max-width: 50px;
    max-height: 50px;
}

#pg_licee .lista_licee .licee_oras .details {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
}

#pg_licee .lista_licee .licee_oras .details .name_clasificare {
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
}

#pg_licee .lista_licee .licee_oras .details .name {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

#pg_licee .lista_licee .licee_oras .details .address {
    font-size: 12px;
}

#pg_licee .lista_licee .licee_oras .details .icon-map-pin {
    color: #ff6c6a;
}

@media all and (min-width: 767px) and (max-width: 1024px) {
    .contact_fl {
        width: 50%;
    }

    .contact_fl._licee {
        width: 100%;
        clear: both;
    }
}

@media all and (max-width: 767px) {
    .contact_fl {
        width: 100%;
        clear: both;
    }

    #contact_nume {
        width: 200px;
    }

    #contact_form .select2-container {
        width: 220px !important;
    }

    #contact_scoala {
        width: 200px;
    }

    #contact_telefon {
        width: 200px;
    }

    #contact_email {
        width: 200px;
    }

    #contact_mesaj {
        min-width: 200px;
        max-width: 200px;
        min-height: 100px;
    }

    #pg_contact .submit {
        width: 220px;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    .contact_fl {
        width: 100%;
        clear: both;
    }
}

/* END CONTACT */

/* START TESTIMONIALE */
.testimonial_header {
    width: 100%;
    height: 410px;
    color: #fff;
    background: #f47f00 url("/images/site/testimoniale/header-testimoniale-1600.png") center -5px no-repeat;
    position: relative;
    background-size: cover;
}

.top_testimonial_circle {
    width: 220px;
    height: 220px;
    border: 10px solid #7cd4fd;
    border-radius: 120px;
    background-color: #fff;
}

.top_testimonial_circle > div {
    width: 210px;
    height: 210px;
    border: 5px solid #fff;
    border-radius: 120px;
    overflow: hidden;
}

.top_testimonial_circle img {
    width: 100%;
    height: 100%;
    border-radius: 120px;
}

.top_quote {
    font-size: 100px;
    font-style: italic;
    float: left;
    margin: 13px 10px -15px -50px;
}

.top_quote2 {
    margin-left: 99.5%;
    margin-top: 10px;
    font-size: 100px;
    font-style: italic;
}

.top_author {
    font-weight: 600;
}

.top_function {
    font-style: italic;
}

.testimonial_header_arrow {
    width: 65px;
    height: 40px;
    margin-left: 20%;
    background: url("/images/site/testimoniale/t_header_arrow.png") no-repeat;
    position: absolute;
    bottom: -40px;
}

.testimonials {
    background: url("/images/site/testimoniale/vertical-line.png") repeat;
    text-align: center;
    height: 630px;
}

.testimonials .maxwrapp {
    max-width: 1270px;
}

.testimonial_box {
    float: left;
}

.testimonial_text {
    height: 275px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
}

.testimonial_text > div {
    margin: 25px 33px 0px;
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
}

.testimonial_footer {
    width: 80%;
    position: absolute;
    bottom: 5px;
}

.testimonial_author {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
}

.testimonial_function {
    color: #666;
    font-style: normal;
    text-align: center;
}

.testimonials .testimonial_box_arrow {
    width: 100%;
    height: 30px;
    margin-top: -1px;
    margin-bottom: 20px;
    background: url("/images/site/testimoniale/t_arrow.png") center top no-repeat;
    position: relative;
}

.testimonial_circle {
    width: 220px;
    height: 220px;
    border: 10px solid #7cd4fd;
    border-radius: 120px;
    background-color: #fff;
}

.testimonial_circle > div {
    width: 210px;
    height: 210px;
    border: 5px solid #fff;
    border-radius: 120px;
    overflow: hidden;
}

.testimonial_circle img {
    width: 100%;
    height: 100%;
    border-radius: 120px;
}

.quote {
    margin: 5px 0 0 -30px;
    color: #ccc;
    font-size: 60px;
    font-style: italic;
    float: left;
}

.quote2 {
    color: #ccc;
    font-size: 60px;
    font-style: italic;
    text-align: right;
}

.testimonial_content {
    margin: 0 100px 0 60px;
    padding: 75px 0 0;
}

.top_testimonial_circle {
    margin-right: 80px;
    float: left;
}

.top_testimonial {
    margin-top: 30px;
    margin-right: 40px;
    font-size: 18px;
    line-height: 20px;
}

.responsive_width {
    width: 1280px;
    height: 100px;
    margin: 0 auto;
}

.testimonial_box {
    width: 360px;
    padding: 20px 30px 20px;
}

/* END TESTIMONIALE */

/* START CONTACT OFFICE */
#contact-office {
    margin: 25px;
}

#receptor_vechi {
    width: 225px;
    height: 180px;
    margin-top: 20px;
    margin-left: -26px;
    background: url("/images/site/contact/contact-relatii-clienti.png") no-repeat;
    float: left;
}

#contact_numbers {
    width: 420px;
    margin-left: 250px;
    color: #666;
}

#relatii_clienti {
    padding: 5px 10px;
    font-size: 24px;
}

#relatii_clienti span {
    color: #ff737a;
}

#relatii_clienti div {
    width: 200px;
    font-size: 10px;
    text-align: right;
}

.reprezentant_rel_clienti {
    padding: 5px 10px;
    background-color: #eee;
}

.reprezentant_nume {
    margin: 5px 0 15px 0;
    font-size: 24px;
}

/* END CONTACT OFFICE */

/* START VALIDARE E-MAIL */
#validare-email {
    margin: 150px 0 20px;
    color: #666;
    text-align: center;
}

.validare-email-title {
    margin-bottom: 40px;
    font-size: 40px;
}

.validare-email-icon {
    width: 76px;
    height: 87px;
    background: url("/images/site/contact/porumbel.png") no-repeat;
    position: relative;
    top: 60px;
    right: 30px;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

/* END VALIDARE E-MAIL */

/* START TRIMITE E-MAIL */
#trimite-email {
    margin: 0 0 20px 0;
    color: #666;
    text-align: center;
}

.trimite-email-title {
    margin-bottom: 20px;
    font-size: 40px;
}

.trimite-email-icon {
    width: 700px;
    height: 260px;
    background: url("/images/site/contact/nori.png") no-repeat;
    display: inline-block;
    /*ie7*/
    *zoom: 1;
    *display: inline;
}

/* END TRIMITE E-MAIL */

/* TERMENI SI CONDITII */
.termeni_conditii,
.confidentialitate,
.cookies {
    margin-top: 40px;
    margin-bottom: 40px;
}

.termeni_conditii .wrapp,
.confidentialitate .wrapp,
.cookies .wrapp {
    padding: 15px 30px;
    background: #fff;
    border: 1px solid #eaecf0;
    max-width: 1600px;
    margin: 0 auto;
    display: block;
}

.termeni_conditii #followbox {
    position: fixed;
    background: url("/images/site/patterns/white-pattern-bg70.png");
    bottom: 0px;
    z-index: 999;
    padding: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 550px;
}

.termeni_conditii p,
.confidentialitate p,
.cookies p {
    font-size: 12px;
}

.termeni_conditii ol,
.termeni_conditii ul,
.confidentialitate ol,
.confidentialitate ul,
.cookies ol,
.cookies ul {
    padding-left: 40px;
}

.termeni_conditii li,
.confidentialitate li,
.cookies li {
    margin-bottom: 10px;
    font-size: 12px;
}

.confidentialitate > div {
    margin-bottom: 30px;
}

@media screen and (max-width: 950px) {
    .termeni_conditii .wrapp,
    .confidentialitate .wrapp {
        border: none;
    }
}

/* START PAGE ENGLES */
.page_en .page_header {
    background: url("/images/site/en/landing_header-image-1600.jpg") no-repeat center;
    width: 100%;
    height: 500px;
    padding: 0;
    text-align: center;
    position: relative;
}

.page_en .page_header .left_side {
    float: left;
    display: block;
    text-align: left;
    padding: 3%;
    margin-top: 100px;
    color: #fff;
    width: 40%;
}

.page_en .page_header .left_side h1 {
    color: #fff;
    font-size: 34px;
    line-height: 1em;
}

.page_en .page_header .left_side .learn_more {
    margin-top: 70px;
}

.page_en .page_header .left_side p {
    font-size: 18px;
    line-height: 1.2em;
}

.page_en .page_header .left_side a {
    color: #fff;
}

.page_en .page_header .right_side {
    width: 385px;
    margin: 20px 20px 20px 0;
    background: url("/images/site/en/form_bg.png");
    display: block;
    float: right;
}

.page_en .page_header .right_side .title {
    color: #fff;
    font-size: 27px;
    font-style: italic;
    padding: 20px 0 15px 0;
}

.page_en .page_header #display_contact_form {
    color: #fff;
    font-size: 20px;
    font-style: italic;
    background: #f79009;
    padding: 7px;
    display: block;
    text-align: center;
    cursor: pointer;
    display: block;
    float: right;
    width: 100%;
    display: none;
}

.page_en .page_header #form_send_contact {
    padding: 10px 40px;
    padding-top: 0;
}

.page_en .page_header #form_send_contact > div {
    margin-bottom: 6px;
}

.page_en .page_header #form_send_contact label {
    color: #fff;
    text-align: left;
    margin: 3px;
    display: block;
}

.page_en .page_header #form_send_contact input,
.page_en .page_header #form_send_contact textarea {
    width: 95%;
}

.page_en .page_header #form_send_contact textarea {
    height: 100px;
}

.page_en .page_header #form_send_contact .security_code {
    float: left;
    margin-left: 25px;
}

.page_en .page_header #form_send_contact .btn.orange {
    padding-left: 40px;
    padding-right: 40px;
    width: auto;
}

.page_en .page_header .more_info {
    position: absolute;
    left: 50%;
    margin-left: -82px;
    width: 140px;
    border: 2px solid #fff;
    background: #333;
    padding: 3px 10px;
    color: #fff;
    font-style: italic;
    bottom: -28px;
}

.page_en .page_header .more_info span {
    font-size: 18px;
}

ul#benefits {
    display: table;
    margin-top: 50px;
}

ul#benefits li {
    width: 25%;
    background: #eaeaea;
    color: #000;
    text-align: center;
    display: table-cell;
    border-left: 3px solid #fff;
    padding: 10px;
    padding-bottom: 85px;
    position: relative;
}

ul#benefits li:nth-child(1) {
    border: none;
}

ul#benefits li .logo {
    width: 60px;
    height: 60px;
    background: black;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: -30px;
}

#benefits .title {
    color: #000;
    font-size: 1.1em;
    font-weight: 700;
    padding: 10px;
    margin-top: 30px;
}

#benefits .description {
    background: #eaeaea;
    color: #000;
    text-align: center;
}

.page_en .pg21 {
    position: relative;
    height: 0px;
}

.page_en .pg21 .blak_tool {
    background: url("/images/site/en/black-headline.png") no-repeat;
    width: 690px;
    height: 177px;
    text-align: center;
    position: relative;
    bottom: 75px;
    z-index: 10;
    margin: 0 auto;
    display: table;
}

.page_en .pg21 .blak_tool .text {
    display: table-cell;
    color: #fff;
    font-size: 25px;
    line-height: 1.4em;
    vertical-align: middle;
}

.page_en .only_mobile {
    display: none;
}

.page_en .only_widescreen {
    display: block;
}

.page_en .sprite_benefits {
    background: url("/images/site/en/sprite-en.png") no-repeat;
    display: inline-block;
    /*ie6*/
    *zoom: 1;
    *display: inline;
}

.page_en .sprite_benefits.primary {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: -30px;
}

.page_en .sprite_benefits.primary._secured {
    width: 40px;
    height: 60px;
    background-position: 0 0;
}

.page_en .sprite_benefits.primary._friendly {
    width: 31px;
    height: 60px;
    background-position: -50px 0;
}

.page_en .sprite_benefits.primary._cloud {
    width: 60px;
    height: 38px;
    background-position: -91px 0;
    top: -20px;
}

.page_en .sprite_benefits.primary._update {
    width: 60px;
    height: 60px;
    background-position: -161px 0;
}

.page_en .sprite_benefits._skipped {
    width: 52px;
    height: 63px;
    background-position: 0 -68px;
    display: block;
}

.page_en .sprite_benefits._informed {
    width: 54px;
    height: 60px;
    background-position: -61px -68px;
    display: block;
}

.page_en .sprite_benefits._paperwork {
    width: 60px;
    height: 60px;
    background-position: -119px -68px;
    display: block;
}

.page_en .sprite_benefits._better_results {
    width: 62px;
    height: 60px;
    background-position: -181px -68px;
    display: block;
}

.page_en .sprite_benefits._time {
    width: 53px;
    height: 60px;
    background-position: -248px -68px;
    display: block;
}

#naspa_top {
    width: 100%;
    padding-top: 42px;
    background: url(/images/site/en/varf-blue-top-1600.jpg) no-repeat center top;
}

#naspa_bot {
    height: auto;
    padding-bottom: 42px;
    padding-top: 110px;
    color: #fff;
    background: #0ba5ec;
    position: relative;
}

.sec_icon {
    margin-bottom: 10px;
    background: url(/images/site/en/sprite-desktop.png) no-repeat;
}

#bkg_lite {
    margin-bottom: 20px;
    padding: 20px 0;
    background-color: #3ab9dc;
}

.sec_icon._auth {
    width: 102px;
    height: 63px;
    background-position: -385px 0px;
}

.sec_icon._admin {
    width: 70px;
    height: 95px;
    background-position: -308px 0px;
}

.sec_icon._teach {
    width: 102px;
    height: 73px;
    background-position: -493px 0px;
}

.sec_icon._parent {
    width: 102px;
    height: 86px;
    background-position: -109px 0px;
}

.sec_icon._stud {
    width: 102px;
    height: 95px;
    background-position: -211px 0px;
}

.sec_title {
    font-weight: 700;
}

.page_en .sec_icon_ecran {
    width: 233px;
    height: 180px;
    background: url("/images/site/en/adservio-system.png") no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -116px;
    bottom: 45%;
}

.page_en #devices2 {
    margin: 0 auto;
    display: block;
}

/* blue top */
#tabl_top {
    width: 100%;
    display: table;
}

#tabl_top .section {
    display: table-cell;
}

#tabl_top .section:nth-child(1) {
    width: 50%;
    padding: 0 140px 0 40px;
    text-align: right;
}

#tabl_top .section:nth-child(1) .sec_icon {
    float: right;
}

#tabl_top .section:nth-child(1) .sec_desc {
    clear: both;
}

#tabl_top .section:nth-child(2) {
    padding-left: 140px;
}

/* blue middle */
/* .show_over_768. {height: 100px; padding-top: 30px; background-color: #3ab9dc;}
	.show_over_768.tabl_mid {width: 100%; display: table;}
		.show_over_768.tabl_mid > div {vertical-align: middle; text-align: center; background-color: #3ab9dc; display: table-cell;}
		.show_over_768.tabl_mid > div:nth-child(1) {width: 45%; padding: 20px;}
		.show_over_768.tabl_mid > div:nth-child(2) {width: 10%; padding: 20px 0;}
		.show_over_768.tabl_mid > div:nth-child(3) {width: 45%; padding: 20px;}
			.show_over_768 .dr_tright {font-size: 25px; font-weight: 700; line-height: 1;}
			.show_over_768 .sec_icon._ecran {width: 102px; height: 77px; margin: 0 auto; background-position: 1px 0px;}
			.show_over_768 .dr_tleft {font-size: 25px; font-weight: 700; line-height: 1;}*/

/* blue bottom */
#tabl_bot {
    width: 100%;
    display: table;
    margin-top: 10px;
}

#tabl_bot .section {
    padding-top: 20px;
    display: table-cell;
}

#tabl_bot .section:nth-child(1) {
    width: 37.5%;
    padding: 0 0 0 60px;
    text-align: right;
    vertical-align: top;
}

#tabl_bot .section:nth-child(1) .sec_icon {
    float: right;
}

#tabl_bot .section:nth-child(1) .sec_desc {
    clear: both;
}

#tabl_bot .section:nth-child(2) {
    width: 25%;
    padding: 80px 45px 0;
    text-align: center;
}

#tabl_bot .section:nth-child(2) .sec_icon {
    margin: 0 auto;
}

#tabl_bot .section:nth-child(3) {
    width: 37.5%;
    padding: 0 60px 0 0;
    vertical-align: top;
}

.page_en .pg4 {
    background: #0ba5ec;
    display: block;
    position: relative;
    margin-top: 45px;
    padding-bottom: 50px;
}

.page_en .pg4 .black_tooltip {
    position: absolute;
    left: 50%;
    margin-left: -205px;
    border: 2px solid #fff;
    background: #333;
    padding: 3px 10px;
    color: #fff;
    font-style: italic;
    font-size: 19px;
    text-align: center;
    line-height: 1.2em;
    top: -25px;
}

.page_en .pg4 .benefits2 {
    list-style-type: none;
    text-align: center;
    padding-top: 50px;
}

.page_en .pg4 .benefits2 li {
    display: inline-block;
    width: 170px;
    margin: 10px 2%;
    color: #fff;
    text-align: center;
    font-style: italic;
}

.page_en .pg4 .benefits2 li span.big {
    font-size: 19px;
    font-weight: 600;
}

.page_en .pg4 .benefits2 li .sprite_benefits {
    margin: 0 auto;
    margin-bottom: 5px;
}

.page_en .pg5 {
    position: relative;
    display: block;
    min-height: 150px;
}

.page_en .pg5 a.contact_us_circle {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    background: #f79009;
    border: 2px solid #fff;
    border-radius: 100px;
    left: 50%;
    margin-left: -50px;
    top: -40px;
}

.page_en .pg5 a.contact_us_circle:hover {
    background: #fca635;
}

.page_en .pg5 a.contact_us_circle span {
    color: #fff;
    display: block;
    text-align: center;
    position: relative;
    top: 30px;
    font-size: 17px;
    line-height: 22px;
}

.page_en .pg5 .adservio-footer-logo {
    margin: 0 auto;
    width: 120px;
    padding: 70px 0 0 0;
}

.page_en .benefitsSlider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 200px;
}

.page_en .benefitsSlider .bfSlider {
    width: 100%;
    height: 100%;
    background: #eaeaea;
}

.page_en .benefitsSlider .bfSlider .bfSlide {
    float: left;
    width: 100%;
    background: #eaeaea;
    padding: 10px;
    min-height: 125px;
}

.page_en .benefitsSlider #benefits .title {
    margin: 0px;
}

.page_en .benefitsSlider #benefits .description {
    text-align: left;
}

.page_en .benefitsSliderSelector .sprite_benefits.primary {
    position: initial;
    margin: 0 auto;
}

.page_en .benefitsSliderSelector {
    width: 100%;
    background: blue;
}

.page_en .benefitsSliderSelector .bfSelectors {
    width: 100%;
    display: table;
}

.page_en .benefitsSliderSelector .bfSelectors .bfItem {
    display: table-cell;
    width: 25%;
    background: #fff;
    text-align: center;
    padding: 5px;
}

.page_en .benefitsSliderSelector .bfSelectors .bfItem.selected {
    background: #eaeaea;
}

.page_en .error {
    background: #ff5f5f;
    color: #fff;
}

/* only max screen */
.page_en .page_header {
    margin-bottom: 50px;
}

#tabl_top {
    margin-bottom: 15px;
}

#tabl_top .section:nth-child(1) .sec_desc {
    padding-left: 100px;
}

.page_en .botIosSlider .mob_tab {
    display: none;
}

.show_over_768 {
    display: block;
}

.show_under_768 {
    display: none;
}

.botContainer {
    width: 1280px;
    margin: 0 auto;
}

.botContainer .botSelectorsBlock {
    margin-bottom: 15px;
}

.botContainer .botSelectorsBlock .botSelectors .botItem {
    width: 24%;
    margin-right: 1%;
    padding-bottom: 15px;
    border-top: 5px solid #ddd;
    text-align: center;
    background: url(/images/site/en/botSlide/varf-orange-.jpg) no-repeat center bottom;
    float: left;
}

.botContainer .botSelectorsBlock .botSelectors .botItem:last-child {
    width: 25%;
    margin-right: 0;
}

.botContainer .botSelectorsBlock .botSelectors .botItem .bot-tab {
    padding: 5px 2px;
    border-top: 2px solid #fff;
    color: #fff;
    background-color: #fb8c32;
}

.botContainer .botSelectorsBlock .botSelectors .botItem:hover {
    background: url(/images/site/en/botSlide/varf-orange-hover-.jpg) no-repeat center bottom;
}

.botContainer .botSelectorsBlock .botSelectors .botItem:hover .bot-tab {
    background-color: #f97310;
}

.botContainer .botSelectorsBlock .botSelectors .botItem.selected {
    padding-bottom: 15px;
    border-top: 5px solid #000;
    background: url(/images/site/en/botSlide/varf-orange-hover-.jpg) no-repeat center bottom;
}

.botContainer .botSelectorsBlock .botSelectors .botItem.selected .bot-tab {
    border-top: 2px solid #fff;
    color: #fff;
    background-color: #f97310;
}

.botContainer .botIosSlider {
    height: 370px;
    margin-bottom: 20px;
    border-bottom: 5px solid #000;
}

.botContainer .botIosSlider .botSlider .botSlide {
    width: 100%;
    height: 370px;
    background-size: 100%;
}

.botContainer .botIosSlider .botSlider .botSlide .bs {
    width: 100%;
    height: 370px;
    background-size: 100%;
}

.botContainer .botIosSlider .botSlider .botSlide .bs._one {
    background: url(/images/site/en/botSlide/1280-bottom-slide1.jpg) no-repeat center top;
}

.botContainer .botIosSlider .botSlider .botSlide .bs._two {
    background: url(/images/site/en/botSlide/1280-bottom-slide2.jpg) no-repeat center top;
}

.botContainer .botIosSlider .botSlider .botSlide .bs._three {
    background: url(/images/site/en/botSlide/1280-bottom-slide3.jpg) no-repeat center top;
}

.botContainer .botIosSlider .botSlider .botSlide .bs._four {
    background: url(/images/site/en/botSlide/1280-bottom-slide4.jpg) no-repeat center top;
}

/* END PAGE ENGLES */

/* GOOGLE Maps */
.gm-style-iw {
    width: auto !important;
    height: auto !important;
}

.error.notice-abonament {
    width: 600px !important;
}

.error.notice-abonament .ui-dialog-content {
    text-align: left;
}

.touch #mainmenu {
    margin-top: 0;
}

.touch #mainmenu > li > a {
    padding: 5px 0px 5px 7px;
    height: 32px;
}

/*HOMEPAGE*/

.homepage .cookie {
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 94%;
    text-align: center;
    color: #fff;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%);
}

.homepage .cookie .text {
    background: url(/images/1px.png);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 25px;
}

.homepage .cookie a {
    color: #fff;
    text-decoration: underline;
}

.homepage .cookie a.btn {
    text-decoration: none;
    margin-left: 10px;
    box-shadow: none;
}

.homepage .cookie .arrow-down {
    background: none;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #000;
    display: inline-block;
    opacity: 0.5;
}

.homepage {
    width: 100%;
    height: 100vh;
    background-size: cover;
}

.homepage.panel-wide {
    display: block !important;
    width: 100%;
}

.homepage.pic0 {
    background-image: url(/images/auth/login_background.svg);
    background-position: right;
}

.homepage.pic1 {
    background-image: url(/images/auth/login_background.svg);
    background-position: right;
}

.homepage.pic2 {
    background-image: url(/images/auth/login_background.svg);
    background-position: right;
}

.homepage.pic3 {
    background-image: url(/images/auth/login_background.svg);
    background-position: right;
}

/*FUNDATIA YES */
/* fonts */
@font-face {
    font-family: "AllerRegular";
    src: url("/images/wallpaper/yes/fonts/aller_rg.eot");
    src:
        url("/images/wallpaper/yes/fonts/aller_rg.eot") format("embedded-opentype"),
        url("/images/wallpaper/yes/fonts/aller_rg.woff2") format("woff2"),
        url("/images/wallpaper/yes/fonts/aller_rg.woff") format("woff"),
        url("/images/wallpaper/yes/fonts/aller_rg.ttf") format("truetype"),
        url("/images/wallpaper/yes/fonts/aller_rg.svg#AllerRegular") format("svg");
}

@font-face {
    font-family: "AllerBold";
    src: url("/images/wallpaper/yes/fonts/aller_bd.eot");
    src:
        url("/images/wallpaper/yes/fonts/aller_bd.eot") format("embedded-opentype"),
        url("/images/wallpaper/yes/fonts/aller_bd.woff2") format("woff2"),
        url("/images/wallpaper/yes/fonts/aller_bd.woff") format("woff"),
        url("/images/wallpaper/yes/fonts/aller_bd.ttf") format("truetype"),
        url("/images/wallpaper/yes/fonts/aller_bd.svg#AllerBold") format("svg");
}

@font-face {
    font-family: "AllerLightRegular";
    src: url("/images/wallpaper/yes/fonts/aller_lt.eot");
    src:
        url("/images/wallpaper/yes/fonts/aller_lt.eot") format("embedded-opentype"),
        url("/images/wallpaper/yes/fonts/aller_lt.woff2") format("woff2"),
        url("/images/wallpaper/yes/fonts/aller_lt.woff") format("woff"),
        url("/images/wallpaper/yes/fonts/aller_lt.ttf") format("truetype"),
        url("/images/wallpaper/yes/fonts/aller_lt.svg#AllerLightRegular") format("svg");
}

.homepage.fundatiayes {
    background-image: url(/images/wallpaper/yes/background-homepage.jpg);
    font-family: "AllerRegular";
    text-align: center;
}

.homepage.fundatiayes .logo {
    background: url(/images/wallpaper/yes/background-95.png);
    padding: 20px;
    display: inline-block;
    margin: 10px 100px 0 10px;
    float: left;
}

.homepage.fundatiayes h1 {
    font-size: 1.5em;
    text-align: center;
    line-height: 1.3em;
    color: #fff;
    font-weight: normal;
    padding-top: 5%;
}

.homepage.fundatiayes h2 {
    margin-bottom: 20px;
}

.homepage.fundatiayes .btn.white {
    color: #000;
    background: url(/images/wallpaper/yes/background-80.png);
    font-size: 17px;
    padding: 4px 10px;
    border: 0;
    margin-top: 10px;
}

.homepage.fundatiayes .lista_proiecte {
    width: 60%;
    margin-right: 20px;
    float: right;
    margin-top: 7%;
}

.homepage.fundatiayes .lista_proiecte td {
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 1%;
    vertical-align: top;
}

.homepage.fundatiayes .lista_proiecte td .sprite_proiecte {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.homepage.fundatiayes .sprite_proiecte.doisuta {
    width: 104px;
    height: 102px;
    background-position: 0px 0px;
}

.homepage.fundatiayes .sprite_proiecte {
    background: url("/images/wallpaper/yes/iconite-homepage.png") no-repeat;
    width: 213px;
    height: 101px;
}

.homepage.fundatiayes .sprite_proiecte.tehnologie {
    width: 107px;
    height: 102px;
    background-position: -111px 0px;
}

@media all and (max-width: 1025px) {
    .homepage.fundatiayes {
        background-position: 50% 0;
        height: 800px;
    }

    .homepage.fundatiayes .lista_proiecte {
        width: 80%;
    }
}

@media all and (max-width: 925px) {
    .homepage.fundatiayes h1 {
        font-size: 16px;
    }

    .homepage.fundatiayes h2 {
        font-size: 16px;
    }

    .homepage.fundatiayes .lista_proiecte td {
        font-size: 15px;
    }

    .homepage.fundatiayes {
        background-position: 50% 0;
    }

    .homepage.fundatiayes .logo {
        float: none;
        margin: 40px 0 0 0;
        display: inline-block;
    }

    .homepage.fundatiayes .lista_proiecte {
        width: auto;
        margin: 20px;
    }
}

/** END FUNDATIA YES */

/** title */
.homepage .newfeed {
    max-width: 865px;
    width: 100%;
}

.homepage .newfeed_mobile {
    display: none;
}

.homepage .newfeed_mobile #showform {
    font-style: normal;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
}

.homepage .newfeed .ccont {
    width: 200px;
    margin: 0 auto;
    display: block;
    padding: 10px 10px;
}

.homepage.fullscreen.background_awards {
    overflow: hidden;
    background-position: 50% 11%;
    background-repeat: no-repeat;
    min-height: 723px;
}

/** features **/
.homepage .homepage-features {
    background: url("/images/site/patterns/white-pattern-bg70.png");
    max-width: 54%;
    position: relative;
    margin-top: 20px;
    margin-left: 1%;
    padding: 1% 0;
}

.homepage .homepage-features li {
    font-size: 12px;
    text-align: center;
    float: left;
    position: relative;
}

.homepage .homepage-features li:nth-child(1) {
    width: 13%;
}

.homepage .homepage-features li:nth-child(2) {
    width: 13%;
}

.homepage .homepage-features li:nth-child(3) {
    width: 26%;
}

.homepage .homepage-features li:nth-child(4) {
    width: 26%;
}

.homepage .homepage-features li:nth-child(5) {
    width: 22%;
}

.homepage .homepage-features li .icon {
    height: 40px;
}

.homepage .homepage-features li label {
    margin-top: 10px;
    display: block;
}

.homepage .newfeed-content .btn.wempty:hover {
    color: #333;
}

@media screen and (max-width: 1280px) {
    .panel-login {
        right: 1%;
        top: 1%;
    }

    form#form_query .slist.lista-licee {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media screen and (max-width: 1200px) {
    .main-wrapper {
        overflow-x: hidden;
    }

    .panel-login {
        right: -9%;
    }
}

@media all and (min-width: 1024px) and (max-width: 1279px) {
    .homepage {
        background-position: 0% center;
    }

    .homepage .homepage-features,
    .homepage .homepage-cta {
        max-width: 64%;
    }
}

@media all and (min-width: 769px) and (max-width: 1023px) {
    .homepage.pic8 .text {
        width: 480px;
    }

    .homepage.pic8 .text .smalltext {
        padding-right: 0;
    }

    .homepage {
        background-position: 0% center;
    }

    .homepage .homepage-left-bottom p {
        font-size: 40px;
    }

    .homepage .homepage-left-bottom span {
        font-size: 24px;
    }

    .homepage.fullscreen.background_awards {
        background-position: 35% 25%;
    }

    .panel-login {
        right: -60px;
        width: 500px;
        height: 573px;
    }

    .despre_adservio .ads_usor .plane {
        width: 17%;
    }

    .despre_adservio .ads_beneficii_elevi .elev-img {
        right: -37px;
        width: 357px;
    }

    .despre_adservio .ads_beneficii_elevi .context {
        padding-right: 0;
        padding-left: 0;
        max-width: 65%;
    }

    .despre_adservio .ads_beneficii_cadre .cadru-img {
        left: -92px;
    }

    .despre_adservio .ads_beneficii_cadre .context {
        padding-right: 0;
        padding-left: 0;
        width: 75%;
    }

    .vreau_adservio .ads_beneficii_cadre .cadru-img {
        width: 410px;
    }
}

@media screen and (max-width: 1024px) {
    #global-site-content .panel-wide.homepage.background_awards {
        padding: 0px 0 0 0;
    }

    .homepage.fullscreen.background_awards {
        background-position: 0% 0%;
        background-size: cover;
    }

    .homepage.cover3.fullscreen.background_awards {
        background-position: 100% 0%;
    }

    .homepage .homepage-left-bottom p {
        font-size: 32px;
    }

    .homepage .homepage-left-bottom span {
        font-size: 20px;
    }

    .homepage .newfeed_mobile {
        display: block;
        background: url(/images/site/index/hexagon_homepage.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 345px;
        background-size: contain;
        background-position-y: -110px;
    }

    .homepage .newfeed_mobile .icon-key {
        transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        vertical-align: middle;
    }

    .homepage .newfeed_mobile #showform {
        display: block;
        width: 200px;
        margin: 0 auto;
    }

    .homepage .newfeed_mobile .newfeed_account {
        display: block !important;
        width: 220px;
        margin: 15px auto;
    }

    .homepage .newfeed .mb50 {
        margin-bottom: 10px;
    }

    .panel-login {
        display: none;
        background: #0ba5ec;
        top: 395px;
        right: 0;
        left: 0;
        width: auto;
        height: 100%;
        border-top: 1px solid #0c8aae;
        z-index: 99;
    }

    .panel-login .vcenter {
        display: block;
    }

    .panel-login #login-form {
        width: 90%;
        max-width: 450px;
        padding-top: 10px;
    }

    .secretariat.dashboard .boxs.section_flex,
    .secretariat.dashboard .boxs.section_flex li {
        display: block;
        margin: 20px auto 0 auto;
    }

    .dashboard_background_gray .secretariat.dashboard .boxs li {
        display: block;
        width: 91%;
        margin: 10px auto 0;
        text-align: center;
    }

    .dashboard_background_gray .secretariat.dashboard .boxs li .select2-hidden-accessible + .select2 {
        width: 100% !important;
    }

    .show_mobile {
        display: block;
    }

    .block_mobile {
        display: block;
    }
}

@media screen and (max-width: 820px) {
    .homepage.fullscreen.background_awards {
        background-position: 17% 0%;
    }

    form#form_query .slist.lista-licee {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .homepage .homepage-left-bottom p {
        font-size: 26px;
    }
}

@media screen and (max-width: 700px) {
    .homepage .homepage-left-bottom p {
        font-size: 20px;
    }
}

.dashboard_isj {
    vertical-align: top;
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.dashboard_isj .liceu {
    border: 1px solid #ccc;
    display: table;
    float: left;
    width: 300px;
    height: 125px;
    padding: 15px;
    margin: 0 7.5px 15px 7.5px;
    overflow: hidden;
    border-radius: 4px;
}

.dashboard_isj .liceu .inner {
    display: table-cell;
    vertical-align: middle;
}

.dashboard_isj .liceu h2 {
    display: inline;
    font-size: 14px;
    font-weight: normal;
    width: 195px;
}

.dashboard_isj .liceu img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    max-height: 100px;
    max-width: 100px;
}

.dashboard_isj .liceu h2 small {
    font-weight: normal;
    color: #999;
}

.dashboard_isj .liceu h2 > span {
    display: inline-block;
    width: 190px;
    padding-top: 10px;
    vertical-align: middle;
    font-weight: bold;
}

.dashboard_isj .liceu h2 span.font12 {
    color: #666;
    font-weight: normal;
}

.dashboard_isj .liceu span span {
    visibility: hidden;
}

.dashboard_isj .liceu:hover span span {
    visibility: visible;
}

.dashboard_isj .buttons {
    text-align: right;
    vertical-align: top;
    display: inline-block;
    float: right;
    top: -6px;
    position: relative;
}

.dashboard_isj .buttons a {
    vertical-align: top;
    visibility: hidden;
}

.dashboard_isj .liceu:hover .buttons a {
    visibility: visible;
}

.dashboard_isj .buttons .mesaje_noi {
    background: #f97066;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    text-align: center;
    visibility: visible;
}

/**
* FILE SHARING  & TEME si PROIECTE
*/
.fisiere .file,
.fisiere .folder {
    cursor: pointer;
}

.fisiere .file:hover {
    background: #f2f4f7;
}

.fisiere .file.opened {
    background: #f2f4f7;
}

.fisiere .file.opened td {
    border-bottom: 0;
    position: relative;
}

.fisiere .file td.mesaj {
    color: #98a2b3;
}

.fisiere .file-details {
    background: #f2f4f7;
}

.proiecte .file.opened td.share-list-people * {
    display: none;
}

.fisiere .file-download {
    display: inline-block;
    position: relative;
    min-width: 110px;
    vertical-align: top;
}

.fisiere .file-download .icon-download {
    display: none;
    font-size: 20px;
    color: #0ba5ec;
    padding: 5px;
    border: 1px solid #0ba5ec;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -40px;
}

.fisiere .file.opened .file-download .icon-download {
    display: inline-block;
}

.fisiere .file span.gray {
    font-size: 11px;
    line-height: 21px;
    vertical-align: top;
}

.fisiere .file span.gray .sprite._trash {
    display: none;
}

.fisiere .file.opened span.gray .sprite._trash {
    display: inline-block;
}

.fisiere .file .sprite._xclose {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

.fisiere .file.opened .sprite._xclose {
    display: block;
}

.fisiere.primite .file.opened .mesaj {
    display: none;
}

.fisiere .file-download:hover .fisier-nume,
.fisiere .file-download:hover .icon-download {
    color: #0076a5;
}

.fisiere .fisier-nume {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
}

.fisiere .fileicon {
    position: relative;
}

.fisiere .fileicon span {
    position: absolute;
    top: 21px;
    left: 0;
    width: 100%;
}

.fisiere .fileicon .necitite {
    background-color: #ff6464;
    width: 12px;
    height: 12px;
    color: #fff;
    font-size: 9px;
    padding: 2px;
    border-radius: 50%;
    line-height: 12px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    top: auto;
    left: auto;
}

.fisiere .file-details td {
    position: relative;
}

.fisiere .share-new,
.proiecte .proiecte-messages {
    display: block;
    margin-right: 350px;
    padding-right: 10px;
    border-right: 1px #98a2b3 dashed;
}

.fisiere.primite .share-new {
    display: block;
    margin-right: 680px;
    padding-right: 30px;
    border-right: 1px #98a2b3 dashed;
}

.fisiere .share-new label {
    display: block;
    text-align: left;
    font-size: 13px;
}

.fisiere .share-new .form-new-message .field-wrapper {
    margin-bottom: 10px;
}

.fisiere .share-new .form-new-message .field-wrapper.destinatar {
    margin-right: 160px;
}

.fisiere .share-new .form-new-message .destinatar-right {
    padding-top: 18px;
    width: auto;
}

.fisiere .share-new .form-new-message .field-wrapper .container {
    display: block;
}

.fisiere .share-list {
    float: right;
    width: 320px;
    text-align: left;
    padding-left: 30px;
}

.fisiere .share-list-head {
    font-size: 13px;
    color: #656565;
    margin-bottom: 5px;
    display: block;
}

.fisiere .share-list-people {
    height: 300px;
}

.fisiere td.share-list-people {
    height: auto;
}

.fisiere .share-list-people .recipient {
    font-size: 13px;
    margin: 10px 0;
    clear: both;
}

.fisiere td.share-list-people .recipient {
    display: inline;
}

.fisiere .share-list-people .recipient small {
    color: #989898;
    font-size: 11px;
}

.fisiere .share-list-people img,
.proiecte .message .avatar img {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    margin-right: 20px;
    border: 1px solid #989898;
    float: left;
}

.fisiere td.share-list-people img {
    margin-right: 10px;
}

.fisiere .recipient.more .icon-more-horizontal {
    background: #989898;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 17px;
    color: #fff;
    font-size: 29px;
    line-height: 35px;
}

.fisiere .share-message {
    display: none;
    float: right;
    width: 300px;
    border-right: 1px #98a2b3 dashed;
    height: 328px;
    text-align: left;
    padding-left: 30px;
}

.fisiere.primite .share-message {
    display: block;
}

.fisiere .share-message .message {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-right: 15px;
}

.fisiere .share-message .message:last-of-type {
    border-bottom: 0px solid #999;
    margin-bottom: 0px;
}

.notification_section_tooltip {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.notification_section_width {
    max-width: 200px;
    width: 100%;
    word-break: break-word;
}

.max_share_name {
    max-width: 150px;
    width: 100%;
    margin-right: 2px;
}

@media only screen and (max-width: 1024px) {
    .proiecte th.th-share-list-people,
    .proiecte td.share-list-people {
        display: none;
    }

    .fisiere .share-list {
        float: none;
        padding-left: 0;
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px #98a2b3 dashed;
    }

    .fisiere .share-new,
    .fisiere.primite .share-new {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    }

    .fisiere .share-list-people {
        height: auto;
    }

    .fisiere .share-list-people .recipient {
        clear: none;
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }

    .fisiere .share-list-people .recipient .details {
        display: none;
    }

    .fisiere .share-list-people .recipient .details.show {
        display: inline-block;
    }

    .fisiere .share-list-people .recipient img {
        display: block;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .fisiere .share-message {
        float: none;
        width: 100%;
        border-right: 0;
        padding-left: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
        height: auto;
        border-bottom: 1px #98a2b3 dashed;
    }

    .fisiere .th_mesaj,
    .fisiere .td_mesaj {
        display: none;
    }

    .fisiere .recipient.more .text {
        display: none;
    }
}

.proiecte .proiecte-messages {
    text-align: left;
}

.proiecte .proiecte-messages textarea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 0;
    margin-top: 1px;
}

.proiecte #new_file span {
    vertical-align: middle;
}

.proiecte .message {
    color: #333;
    padding: 10px 0 10px 60px;
    transition: background-color 0.5s ease;
}

.proiecte .message .content {
    padding-left: 57px;
}

.proiecte .message .autor {
    color: #000;
    font-weight: bold;
    font-size: 13px;
}

.proiecte .message .gray {
    font-size: 11px;
}

.proiecte .message .file-download {
    font-size: 13px;
    vertical-align: middle;
}

.proiecte .message .file-download:hover {
    color: #0076a5;
}

.proiecte .message .file-download img,
.proiecte .new-message .new-file img {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 5px;
}

.proiecte .recipient.more {
    left: -1px;
    position: relative;
}

.proiecte .recipient.more .icon-plus-circle {
    border-radius: 50%;
    width: 37px;
    height: 37px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    color: #0ba5ec;
    font-size: 40px;
    line-height: 35px;
}

.proiecte .recipient.more:hover {
    color: #0076a5;
}

.proiecte .recipient.more:hover .icon-plus-circle {
    color: #0076a5;
}

.proiecte .edit input[type="hidden"] {
    width: 100%;
    box-sizing: border-box;
}

.proiecte .select2-container-multi .select2-choices {
    border-radius: 4px;
    color: #555;
    line-height: 16px;
    background-image: none;
    padding: 5px;
}

.proiecte .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #ccc;
    outline: none;
    box-shadow: none;
}

.proiecte .select2-container-multi .select2-choices .select2-search-choice {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 5px;
    background: #eaecf0;
    border: 1px solid #eaecf0;
}

.proiecte .share-list-people {
    height: auto;
    padding-bottom: 10px;
}

.proiecte .nota {
    font-size: 20px;
    font-family: "Dancing Script";
    text-align: center;
    color: #00abdb;
}

.proiecte .nota .data {
    font-size: 12px;
    color: #989898;
    font-family: "Open Sans", "Lucida Sans Unicode", Helvetica, sans-serif;
}

.proiecte .icon-pen-tool:hover {
    color: #0076a5;
}

.proiecte .new-message .icon-upload-cloud {
    color: #0ba5ec;
}

.proiecte .new-message #new_version:hover {
    color: #0076a5;
}

.proiecte .new-message #new_version:hover .icon-upload-cloud {
    color: #0076a5;
}

.proiecte .edit .cancel {
    float: right;
    margin-top: 17px;
    margin-right: 10px;
}

.proiecte .select2-container.select2-container-multi.select2-dropdown-open {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    .proiecte .proiecte-messages {
        margin-right: 0;
        border-right: 0;
    }

    .proiecte .message {
        padding-left: 10px;
    }

    .fisiere .share-list-people .recipient {
        display: block;
        clear: both;
    }

    .fisiere .share-list-people .recipient .details {
        display: block;
    }

    #new_version {
        font-size: 12px;
    }
}

.fileicon_width img {
    height: 25px;
    width: auto;
}

/**
* CONTURI
*/

.union_account_registration {
    -webkit-mask: url("/images/site/conturi/cod_inregistrare.svg") no-repeat 50% 50%;
    -moz-mask: url("/images/site/conturi/cod_inregistrare.svg") no-repeat 50% 50%;
    -o-mask: url("/images/site/conturi/cod_inregistrare.svg") no-repeat 50% 50%;
    -ms-mask: url("/images/site/conturi/cod_inregistrare.svg") no-repeat 50% 50%;
    mask: url(/images/site/conturi/cod_inregistrare.svg) no-repeat 50% 50%;
    width: 100px;
    height: 40px;
    display: block;
    margin: 0;
}

.union_account_user {
    -webkit-mask: url("/images/site/conturi/username_parola.svg") no-repeat 50% 50%;
    -moz-mask: url("/images/site/conturi/username_parola.svg") no-repeat 50% 50%;
    -o-mask: url("/images/site/conturi/username_parola.svg") no-repeat 50% 50%;
    -ms-mask: url("/images/site/conturi/username_parola.svg") no-repeat 50% 50%;
    mask: url(/images/site/conturi/username_parola.svg) no-repeat 50% 50%;
    width: 140px;
    height: 50px;
    display: block;
    margin: 0;
}

.union_account_registration_active,
.union_account_user_active {
    background-color: #05a7d2;
}

.union_account_registration_gray,
.union_account_user_gray {
    margin: 0 auto 10px auto;
    background-color: #cdcdcd;
}

.accounts_hover:hover {
    background: #f0f9ff;
}

.accounts_hover:hover .icon-trash-2 {
    color: #f94646;
}

.box_account.active {
    background: #fff;
    border: 1px solid #000;
}

.box_account.active .blue,
.box_account.active .lightgray4 {
    color: #000;
}

.box_account.active .account_right:before {
    content: "\e623";
    font-family: "Adservio";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #8fc742;
}

.box_account .account_arrow:before {
    content: "\e622";
    font-family: "Adservio";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #eaecf0;
}

.add_new_account {
    border: 1px dashed #0ba5ec;
}

.confirm_delete {
    background: #f7e9e9;
    border: 1px solid #f7e9e9;
}

.confirm_delete .cancel_delete,
.confirm_delete .accept_delete {
    border: none;
    padding: 5px 38px;
    text-align: center;
    text-transform: capitalize;
    margin-top: 5px;
    cursor: pointer;
}

.confirm_delete .cancel_delete {
    background: #01a8d3;
}

.confirm_delete .accept_delete {
    background: #f97066;
}

/**
* END CONTURI
*/

/**
* BEGIN INREGISTRARE
*/
#register #logov2 {
    background: url("/images/auth/logo_Adservio.svg") no-repeat;
    height: 140px;
    width: 140px;
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: 2;
}

#register .register {
    background: #0b4a6f;
    opacity: 0;
    display: block;
    margin: 0 auto;
    width: 460px;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    padding: 30px 10px 20px 10px;
}

#register,
#register form label {
    color: #fff;
}

#register .error {
    color: #f97066;
}

#register .section_center_start {
    min-height: 25px;
}

#register .register h5 {
    font-size: 18px;
    font-weight: lighter;
    max-width: 380px;
    margin: 0 auto;
    margin-bottom: 20px;
    line-height: 23px;
}

#register .register input[type="text"] {
    width: 200px;
    text-align: center;
}

#register .register.step2 #info_email,
#register .register.step2 #info_password {
    position: absolute;
    top: 8px;
    right: -30px;
}

#register .register.step2 {
    text-align: left;
    padding-left: 50px;
    padding-right: 50px;
}

#register .register.step2 h5 {
    line-height: 26px;
    max-width: none;
}

#register .register.step2 .avatar {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    float: left;
}

#register .nav-bullets {
    display: block;
    text-align: center;
    opacity: 0;
}

#register .nav-bullets .bullet {
    width: 15px;
    height: 13px;
    display: inline-block;
    background: #eaecf0;
    border-radius: 50%;
    margin: 0 5px;
}

#register .nav-bullets .bullet.active {
    background: #ccc;
}

#register.panel-wide {
    display: block;
    width: 100%;
}

#register .iosslider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    width: 100% !important;
}

#register .iosslider .slider {
    width: 100%;
    height: 100%;
    width: 100% !important;
}

#register .iosslider .slider .slide {
    float: left;
    width: 100%;
    height: 100%;
    width: 100% !important;
}

#register .register.step2 label {
    font-size: 12px;
}

#register .register.step2 input[type="text"],
#register .register.step2 input[type="password"] {
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}

#register .register.step2 .fl {
    width: 48%;
    clear: left;
    margin: 5px 0;
}

#register .register.step2 .fr {
    width: 48%;
    margin: 5px 0;
}

#register .register_email_phone .toggleEmail span,
#register .register_email_phone .togglePhone span {
    text-decoration: underline;
}

.registration-width-prefix ~ .select2-container--open .select2-dropdown--below.s2phoneprefix.w380i {
    width: 210px !important;
}

@media all and (max-width: 768px) {
    #register .register {
        width: 100%;
        border-radius: 0;
    }

    #register .register.step2 {
        padding: 10px;
    }

    #register .nav-bullets {
        display: none;
    }

    .registration-width-prefix ~ .select2-container--open .select2-dropdown--below.s2phoneprefix.w380i {
        width: 170px !important;
    }
}

@media all and (max-width: 320px) {
    .registration-width-prefix ~ .select2-container--open .select2-dropdown--below.s2phoneprefix.w380i {
        width: 143px !important;
    }
}

/**
* END INREGISTRARE
*/

/**
* BEGIN RECUPERARE
*/
#recuperare #logov2 {
    background: url("/images/auth/logo_Adservio.svg") no-repeat;
    height: 140px;
    width: 140px;
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: 2;
}

#recuperare .recuperare {
    background: #0b4a6f;
    opacity: 0;
    display: block;
    margin: 0 auto;
    width: 560px;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    padding: 30px 10px 20px 10px;
}

#recuperare .error {
    color: #f97066;
}

#recuperare,
#recuperare form label {
    color: #fff;
}

#recuperare .recuperare h5 {
    font-size: 18px;
    font-weight: lighter;
    max-width: 380px;
    margin: 10px auto 30px auto;
    line-height: 23px;
}

#recuperare .recuperare input[type="text"] {
    width: 300px;
    text-align: center;
    height: 40px;
    box-sizing: border-box;
}

#recuperare .nav-bullets {
    display: block;
    text-align: center;
    opacity: 0;
}

#recuperare .nav-bullets .bullet {
    width: 15px;
    height: 13px;
    display: inline-block;
    background: #eaecf0;
    border-radius: 50%;
    margin: 0 5px;
}

#recuperare .nav-bullets .bullet.active {
    background: #ccc;
}

#recuperare .iosslider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#recuperare .iosslider .slider {
    width: 100%;
    height: 100%;
}

#recuperare .iosslider .slider .slide {
    float: left;
    width: 100%;
    height: 100%;
}

#recuperare .recuperare label {
    font-size: 12px;
    text-align: left;
    margin-bottom: 5px;
    display: inline-block;
}

#recuperare .recuperare.step2 div.dashed-h {
    border-top: 1px dashed #999;
    margin: 15px auto 10px auto;
}

#recuperare .recuperare.step3 h5 {
    margin-bottom: 0px;
}

#recuperare .recuperare.step4 h5 {
    margin-bottom: 0px;
}

#recuperare .recuperare.step7 {
    text-align: left;
    padding-left: 60px;
    padding-right: 60px;
}

#recuperare .recuperare.step7 h5 {
    line-height: 26px;
    max-width: none;
}

#recuperare .recuperare.step7 .avatar {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border: 1px solid #989898;
    float: left;
}

#recuperare .recuperare.step7 input[type="password"] {
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}

#recuperare .recuperare.step7 .fl {
    width: 48%;
    clear: left;
    margin: 5px 0;
}

#recuperare .recuperare.step7 .fr {
    width: 48%;
    margin: 5px 0;
}

#recuperare .recuperare.step8 h5 {
    max-width: 500px;
    font-size: 16px;
}

@media all and (max-width: 768px) {
    #recuperare .iosslider {
        background: #fff;
    }

    #recuperare .recuperare {
        width: 100%;
        border-radius: 0;
        padding: 0 30px !important;
    }

    #register .register.step7 {
        padding: 10px;
    }

    #recuperare .nav-bullets {
        display: none;
    }
}

/**
* END RECUPERARE
*/

@media screen and (max-width: 767px) {
    #recuperare #logov2,
    #register #logov2 {
        width: 55px;
        height: 55px;
        top: 30px;
        left: 30px;
        background-size: contain;
    }
}

.gstats .dimensions-title {
    color: #98a2b3;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 18px;
    vertical-align: middle;
}

.gstats .dimensions-title span a {
    color: #000;
    font-size: 14px;
    position: relative;
    top: 2px;
}

.gstats .dimensions-title span span {
    background: #000;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    padding: 1px 5px;
    margin: 0 5px 5px 0;
}

.gstats a.dimension {
    background: #0ba5ec;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    padding: 3px 5px;
    margin: 0 5px 5px 0;
}

.gstats .filter-wrapper {
    clear: both;
}

.gstats .filter {
    padding: 5px;
    background: #0ba5ec;
    color: #fff;
    margin: 5px 0;
    float: left;
    clear: both;
}

.gstats .filter checkbox {
    vertical-align: middle;
}

.gstats .filter label {
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    padding-right: 5px;
}

.gstats .filter label input[type="checkbox"] {
    vertical-align: middle;
}

.gstats .filter h5 {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 10px;
}

.gstats .filter .icon-x {
    color: #fff;
    float: right;
}

body.content-only #header {
    display: none;
}

body.content-only .panel-small {
    display: none;
}

body.content-only #footer {
    display: none;
}

.mt28 {
    margin-top: 28px;
}

@media screen and (max-width: 1024px) {
    /*Inregistrare scoli*/
    #pg_implementare .implementare_scoala .maxwrapp .form_block {
        display: block;
        float: none;
        margin: 0 auto;
    }

    #pg_implementare .implementare_scoala .maxwrapp .form_block.form1,
    #pg_implementare .implementare_scoala .maxwrapp .form_block.form3,
    #pg_implementare .implementare_scoala .maxwrapp .form_block {
        max-width: 380px;
    }

    /*End Inregistrare scoli*/
    #pg_implementare .implementare_scoala .maxwrapp .form_block.form2 {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 768px) {
    /*Tabs mobile*/
    #pg_implementare .header_ntabs .tabs_links.tabs_links_mobile a span {
        font-size: 14px;
        display: block;
        text-align: center;
    }

    #pg_implementare .header_ntabs .tabs_links.tabs_links_mobile a:first-child,
    #pg_implementare .header_ntabs .tabs_links.tabs_links_mobile a:nth-child(2) {
        margin-right: 0px;
    }

    #pg_implementare .page_cover {
        margin-bottom: 25px;
    }

    /*End tabs mobile*/

    /*Conturi demo mobile*/
    .demo_section {
        display: block;
        margin: 0 auto 30px auto;
    }

    .second_cont_demo {
        max-width: 370px;
        width: 100%;
        margin: 0 auto 30px auto;
        padding: 10px 0;
    }

    .second_demo_section {
        margin-bottom: 20px;
    }

    /*End Conturi demo mobile*/

    /*Video Prezentare mobile*/
    .video_section {
        display: block;
        margin: 0 auto;
        border-bottom: 1px dashed #ccc;
        border-left: 0;
        border-right: 0;
        max-width: 260px;
        padding: 0;
    }

    .first_line_video_section {
        border-bottom: 0;
    }

    .first_line_video_section .video_section {
        padding-top: 25px;
    }

    .first_line_video_section .video_section:first-child {
        padding-top: 0px;
    }

    .second_line_video_section .video_section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    /*End Video Prezentare mobile*/
}

@media screen and (max-width: 480px) {
    /*Tabs mobile*/
    #pg_implementare .header_ntabs .tabs_links.tabs_links_mobile a span:nth-child(2) {
        display: none;
    }

    #pg_implementare .page_cover {
        margin-bottom: 15px;
    }

    /*End tabs mobile*/

    /*Conturi demo mobile*/
    .second_cont_demo {
        max-width: 245px;
    }

    .icon_pass {
        display: block;
        margin: 0 auto;
    }

    .password_info_section {
        max-width: 245px;
        display: block;
        margin: 30px auto 0 auto;
        text-align: center;
    }

    /*End Conturi demo mobile*/

    /*Inregistrare scoli mobile*/
    #pg_implementare .implementare_scoala .maxwrapp .form_block .formfield.col_1,
    #pg_implementare .implementare_scoala .maxwrapp .form_block .formfield.col_2 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #pg_implementare .implementare_scoala .maxwrapp form {
        padding: 0 15px;
    }

    /*End Inregistrare scoli mobile*/
}

/* Slick tabs menu */
.dashboard_no_border.dashboard_background_gray .scroll_div {
    border-bottom: 1px solid #ccc;
}

.scroll_div,
.scroll_div_subtab {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.scroll_div::-webkit-scrollbar {
    display: none;
}

.sub-header {
    height: 50px;
}

.loader.loader_gri {
    border-top: 1.1em solid rgba(204, 204, 204, 0.2);
    border-right: 1.1em solid rgba(204, 204, 204, 0.2);
    border-bottom: 1.1em solid rgba(204, 204, 204, 0.2);
    border-left: 1.1em solid #ccc;
    margin-top: 150px;
}

.loader.loader_gri.mt0 {
    margin-top: 0;
}

.span_slide,
.span_sub_slide {
    padding: 7px 10px 0;
    width: auto;
    margin-right: -4px;
}

.scroll_div .span_slide .active,
.scroll_div_subtab .span_sub_slide .active {
    border-bottom: 3px solid #1d2939;
    color: #000;
}

/* scroll sub tabs */
.scroll_div_subtab .span_sub_slide.span_slide_nohover .active {
    border-bottom: 0px solid transparent;
    background: #1d2939;
}

.scroll_div_subtab .span_sub_slide.span_slide_nohover .active .slide_courses {
    color: #fff;
}

/* end scroll sub tabs */

.span_slide:hover,
.span_sub_slide:hover {
    color: #000;
}

.main-container {
    background: #fff !important;
    padding: 0 !important;
}

.main-container {
    padding: 25px;
    background: #f1f1f1;
}

.sub-header {
    overflow: hidden;
}

@media screen and (min-width: 767px) {
    .span_slide a:hover,
    .span_sub_slide a:hover {
        color: #777;
        border-bottom: 3px solid #999;
        width: auto;
    }

    .span_slide.span_slide_nohover:not(.active) a:hover,
    .span_sub_slide.span_slide_nohover:not(.active) a:hover {
        border-bottom: 0px solid transparent;
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    /* .header_ntabs a,
  .span_slide a,
  .span_sub_slide a {
    font-size: 14px;
  } */
    /* .menu_ntabs a { min-height: 28px; } */
    .sub-header {
        height: 36px;
    }

    #register .register.step2 .fl.mobile_full_width {
        width: 100%;
    }
}

/* End Slick tabs menu */

.select2-container .select2-choice {
    padding: 2px 0 0 8px;
}

@media screen and (max-width: 781px) {
    .statistici-block.half {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 667px) {
    .secretariat.dashboard #media_liceului {
        width: 95%;
        float: none;
        margin: 15px;
    }

    .statistici .main-filters .filter {
        margin-left: 0;
    }

    .filter-form {
        margin: 0px 0 40px;
    }

    .tableview .actions a ._icon {
        font-size: 18px;
    }

    .tableview .actions a {
        display: block;
        text-align: left;
        margin-top: 5px;
    }

    .tableview .actions > a {
        text-align: center;
        margin-bottom: 10px;
    }

    .tableview .actions .more-actions {
        padding: 0;
        width: 24px;
        margin: 0 auto;
        display: block;
    }

    .admin_logo .tableview .actions .more-actions {
        display: inline-block;
    }

    .mobile_restyle_table.tableview .actions a {
        display: inline-block;
    }

    .mobile_restyle_table.tableview .actions .more-actions {
        display: inline-block;
    }

    /* Files */
    .full_space .tableview .actions .more-actions {
        width: 210px;
        margin: 0;
    }

    .align_center_mobile {
        text-align: center !important;
        margin-bottom: 25px;
    }

    .filter-form .extend-bar #btn-extend-filters {
        float: none;
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .search_filters.col2.clearfix,
    .search_filters.col4.clearfix {
        display: none;
        padding: 10px 15px 0 15px;
    }

    .filter-form .search_filters.col2 .section {
        width: 100%;
    }

    .input_mobile {
        max-width: 660px;
        width: 98%;
    }

    .input_mobile .select2-container {
        width: 100% !important;
        height: 40px !important;
    }

    #filters #advanced-filters .filter {
        display: block;
    }

    .filter-form .search_filters .cell {
        width: 100% !important;
        margin: 0px auto 5px auto !important;
        display: block;
        max-width: 640px;
    }

    #filters #advanced-filters .filter .select2-container.w200.no-search {
        width: 130px !important;
    }

    .page_title h2 {
        text-align: center;
    }

    #s2id_filter-cataloage {
        width: 93% !important;
    }

    .filter_input {
        max-width: 96.3%;
        width: 100% !important;
    }

    .filter-form .search_filters .section {
        padding: 0;
    }

    #filters #advanced-filters .column {
        width: 98%;
    }

    #filters #advanced-filters.opened {
        padding: 10px;
        box-sizing: border-box;
    }

    #filters #cautareavansata-btn {
        float: none;
        right: 50%;
        transform: translateX(50%);
    }

    /* filters - catalog elev */
    #filters #advanced-filters.advanced-filters-mobile-styled .first-filter {
        display: inline-block;
        width: 47%;
    }

    #filters #advanced-filters.advanced-filters-mobile-styled .second-filter {
        display: inline-block;
        width: 48%;
    }

    #filters #advanced-filters.advanced-filters-mobile-styled .second-filter.filter .select2.select2-container {
        width: 98% !important;
    }

    #filters #advanced-filters.advanced-filters-mobile-styled .third-filter {
        width: 100%;
    }

    #filters #advanced-filters.advanced-filters-mobile-styled .third-filter.filter .select2.select2-container {
        width: 97% !important;
    }

    #wrapp_wizard ._partial.select_classrooms .toata_scoala .group {
        width: 70% !important;
        margin: 0 0px 10px 0px !important;
    }

    .recurrence_event_date .recurrence-type {
        width: 80px !important;
    }
}

@media screen and (max-width: 420px) {
    .tableview .actions a ._icon {
        font-size: 15px;
    }

    .secretariat.dashboard #media_liceului {
        width: 92%;
    }

    .tableview,
    .tableview tr th,
    .tableview .actions a {
        font-size: 9px;
        line-height: 12px;
    }

    .tableview tr th {
        padding: 5px 0px !important;
    }

    .filter_input {
        max-width: 93.5%;
        width: 100%;
    }

    #filters #advanced-filters .column {
        width: 97%;
    }

    .section-header-msg {
        text-align: center;
    }

    .header-orders .searchbox.searchbox-msg {
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .filter_input {
        max-width: 92.7%;
    }

    #filters #advanced-filters .column {
        width: 96%;
    }
}

.ui-dialog .ui-dialog-buttonset .orange.ui-button:hover .ui-button-text {
    color: #fff;
}

.ui-dialog .ui-dialog-buttonset .ui-button,
.ui-dialog .ui-dialog-buttonset .ui-button:hover .ui-button-text {
    background: #fdb022;
    color: #fff;
    font-size: 16px;
    border-radius: 0;
}

.ui-dialog .ui-dialog-buttonset .ui-button:hover,
.ui-dialog .ui-dialog-buttonset .ui-button:hover .ui-button-text {
    background: #f79009;
}

.ui-dialog .ui-dialog-buttonset .ui-button {
    border-radius: 20px;
    padding: 4px 20px;
}

#imageCropContainer,
#croppedImageContainer {
    height: 100%;
}

.cropper-modal.ui-dialog .ui-dialog-buttonset .white_b_orange.ui-button:hover .ui-button-text {
    background: transparent;
}

.cropper-modal.ui-dialog .ui-dialog-buttonset .orange.ui-button:hover .ui-button-text {
    background: transparent;
    font-size: 16px;
    padding: 0 25px;
}

.cropper-modal.ui-dialog .ui-dialog-buttonset .orange.ui-button .ui-button-text {
    font-size: 16px;
    padding: 0 25px;
}

.cropper-modal.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 1em 4em;
    background: none;
    overflow: auto;
    text-align: center;
    color: #000;
    font-size: 14px;
    height: auto !important;
}

.ui-dialog .ui-dialog-buttonpane {
    padding-bottom: 15px;
}

.cropper-modal.ui-dialog .ui-dialog-titlebar {
    font-family: "Open Sans";
    text-align: center;
    height: 40px;
    padding-top: 30px;
}

.cropper-modal.ui-dialog .ui-dialog-title {
    margin: 0.1em auto;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: 44px;
    line-height: 44px;
    color: #000;
}

.ui-dialog .ui-dialog-buttonset .ui-button.btn {
    text-transform: capitalize !important;
}

.ui-dialog .ui-dialog-buttonset .ui-button.btn.white_b_orange.small {
    color: #fdb022 !important;
    background: #fff !important;
    border: 1px solid #fdb022 !important;
}

.ui-dialog .ui-dialog-buttonset .ui-button.btn.white_b_orange.small:hover {
    background: #f79009 !important;
}

.ui-dialog .ui-dialog-buttonset .ui-button.btn.white_b_orange.small .ui-button-text {
    line-height: normal;
}

.cropper-modal.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 5px;
    height: 30px;
}

.ui-button .ui-button-text {
    display: initial;
    line-height: 22px;
    padding: 4px 25px !important;
}

.cropper-modal.ui-dialog .ui-dialog-buttonset .ui-button.btn.orange.small:hover {
    color: #fdb022 !important;
}

.cropper_mobile {
    width: 320px !important;
    overflow-y: auto !important;
    height: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.cropper-modal.ui-dialog .ui-dialog-buttonset .ui-button.btn.orange.small:hover {
    background-color: #f79009;
}

.selectors-panel .select2.select2-container,
.filter-ib .select2.select2-container,
.filter .select2.select2-container {
    width: 150px !important;
    text-align: left;
}

.filter .phone-code + .select2.select2-container {
    width: auto !important;
}

#media_liceului_header .select2.select2-container {
    width: 150px !important;
    float: right;
}

#prof-act-mele .select2.select2-container {
    width: 250px !important;
}

#prof-act-mele .no-print .select2.select2-container {
    width: 125px !important;
}

#media_liceului_header .select2.select2-container {
    width: 100px !important;
}

.secretary_back_btn {
    max-width: 630px;
    width: 100%;
    margin: 0 auto;
}

.secretary_border_bottom {
    border-bottom: 1px solid #ccc;
}

.secretary_back_btn.secretary_inline span.select2.select2-container {
    display: inline-block;
}

.classroom_select2 + .select2-container--default .select2-selection--single {
    border: 0px solid transparent !important;
    vertical-align: top;
}

.classroom_select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #06a7d3;
    margin-top: -4px !important;
}

/* Secretariat sincronizare home */
.classroom_select2 + .select2-container--default .select2-selection__arrow {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.classroom_select2 + .select2-container--default .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 8px;
}

/* Select all */
.help_step_checked {
    border-radius: 50%;
    border: 1px solid #48b550;
    padding: 3px 3px 0px 3px;
    height: 25px;
    width: 24px;
}

.help_step_empty {
    border-radius: 50%;
    border: 1px solid #34b6da;
    height: 28px;
    min-width: 28px;
    max-width: 28px;
}

.icon_checked_hover {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.help_step_empty:hover .icon_checked_hover {
    display: initial;
}

/* End Select all */

.wordb {
    word-break: break-all;
}

.min_line_height_steps {
    line-height: 12px;
}

.sec_border_statistics {
    border: 1px solid #eee;
}

.secretary_min_height {
    min-height: 253px;
}

.help_step_checked {
    display: none;
}

.module_background_dashboard.module_col_3 {
    background: #fff;
    border: 1px solid #eaecf0;
}

.dashboard_no_border .module_col_3.module_first_col {
    width: 25%;
    float: left;
}

.dashboard_no_border .module_col_3.module_middle_col {
    width: 37%;
    margin: 0 auto;
    display: block;
}

.dashboard_no_border #media_liceului.module_col_3.module_last_col {
    width: 25%;
}

.dashboard_no_border .module_col_3.no_margin_right {
    margin-right: 0;
}

.steps_min_height {
    min-height: 268px;
}

.clear.only_mobile {
    display: none;
}

.text_indent {
    margin-left: 1.4em;
    text-indent: -1.4em;
}

.text_indent_p10 {
    padding-left: 10px;
    text-indent: -10px;
}

@media screen and (max-width: 1200px) {
    .dashboard_no_border .module_col_3.module_middle_col {
        width: 33%;
    }

    .secretary_all_steps .font12 {
        font-size: 11px;
    }

    .header_vezi_statistici {
        font-size: 10px;
        margin-top: 10px;
    }

    .secretariat.dashboard .module_background_dashboard.mb30 {
        margin-bottom: 15px;
    }

    .statistici.module_background_dashboard.mt30 {
        margin-top: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .secretariat.dashboard .statistici.module_middle_col,
    .statistici.module_col_3.add_margin_left.module_middle_col.class_without_setup {
        display: block;
        width: 94%;
        margin: 20px auto 0 auto;
        float: none;
    }

    .dashboard_no_border #media_liceului.module_col_3.module_last_col.class_without_setup_highschool {
        float: none;
        width: 91% !important;
        margin: 0 auto;
        display: block;
    }

    .module_first_col,
    .module_last_col {
        width: 44% !important;
    }

    .secretariat.dashboard .statistici.mobile_margin_module {
        width: 94%;
        max-width: 1400px;
        margin: 20px auto;
    }

    .clear.only_mobile {
        display: block !important;
    }

    .filter-form label.transfer_only_student {
        width: 48%;
        padding: 5px 0px 5px 0;
    }
}

/* End secretariat */

/* Fisiere accept share */
.files_iosslider {
    height: 140px;
    overflow: hidden;
}

.content_notification .share_count {
    position: relative;
    display: block;
    width: 85px;
    font-size: 18px;
    font-weight: normal;
    padding: 0;
    margin-top: 10px;
    text-align: center;
}

.content_notification {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;
}

.content_notification .user_img {
    margin: 5px 0 5px 0;
    font-size: 14px;
}

.content_notification .user_img a {
    color: transparent;
    margin-right: 10px;
}

.content_notification .user_img img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #999;
}

.content_notification .wicon .big_font_slide {
    font-size: 85px;
    margin-right: 20px;
}

.tooltip_close {
    padding: 5px;
}

.touch .files_iosslider .iosslider {
    padding-bottom: 10px;
    width: 750px;
}

.no-touch .files_iosslider .iosslider {
    padding-bottom: 10px;
    width: 950px;
    box-sizing: border-box;
}

.info_files {
    word-wrap: break-word;
}

.unread_notif .content_notification .share_count {
    position: relative;
    display: block;
    left: 10px;
    width: 58px;
    font-size: 18px;
    font-weight: normal;
    padding: 0 5px;
    margin-top: 10px;
}

.unread_notif .content_notification .user_img {
    display: flex;
    align-items: center;
    margin: 5px 0 5px 0;
    font-size: 16px;
    font-weight: 600;
}

.unread_notif .arrows_slider .next_slide,
.unread_notif .arrows_slider .prev_slide {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #46a7ba;
    padding: 10px;
}

.unread_notif .arrows_slider .next_slide {
    right: 0;
}

.unread_notif .arrows_slider .next_slide:hover,
.unread_notif .arrows_slider .prev_slide:hover {
    background: #dde0e8;
    border-radius: 50%;
}

.unread_notif .activities_notification_accept {
    width: 86%;
}

.unread_notif .activities_notification_content {
    width: 90%;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .touch .files_iosslider,
    .no-touch .files_iosslider {
        width: 90%;
    }
}

@media screen and (max-width: 768px) {
    .icon-file-text.font70 {
        font-size: 40px;
        margin-right: 10px;
    }

    .dash-wizard .wcontent > h2 {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        margin: 10px 0;
    }

    .touch .files_iosslider .iosslider {
        width: 90%;
        margin: 0 auto;
    }

    .unread_notif .activities_notification_content,
    .touch .files_iosslider,
    .no-touch .files_iosslider {
        width: 100%;
    }

    .content_notification .user_img a {
        display: block;
        width: 32px;
    }

    .arrows_slider {
        display: none;
    }

    .content_notification {
        padding: 0;
        display: block;
    }

    .content_notification .icon_big_spinner.spinner_gray {
        margin-right: 0;
    }

    .unread_notif .content_notification .share_count {
        left: 0;
    }

    .content_notification .share_count {
        display: block;
        margin: 5px auto 0 auto;
        left: 0;
    }

    .content_notification .wicon .big_font_slide {
        font-size: 50px;
        margin-right: 0;
    }

    .files_slider_buttons {
        text-align: center;
        width: 100%;
        margin: 5px auto 0 auto;
    }

    .content_notification .user_message {
        padding-left: 42px;
    }

    .touch .arrows_slider {
        display: none;
    }

    .unread_notif .activities_notification_accept {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .unread_notif.dash-wizard .activities_notification_content h2 {
        font-size: 18px;
        line-height: 22px;
    }
}

@media screen and (max-width: 480px) {
    .touch .files_iosslider .iosslider {
        width: 100%;
    }
}

/* End fisiere accept share */

/* Partials recurrence  */
.recurrence-interval-time {
    width: 60px;
    text-align: center;
    box-sizing: content-box;
}

.recurrence_event_date {
    max-width: 380px;
    width: 100%;
    margin: 40px auto 0 auto;
}

.recurrence_event_date .recurrence-type {
    display: inline-block;
    height: 70px;
    width: 100px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    text-align: center;
    font-size: 36px;
}

.recurrence_event_date .recurrence-type .recurrence-type-label {
    display: block;
    height: 70px;
    width: 100px;
}

input[type="radio"] + span.recurrence_label label.recurrence-type-label {
    color: #00abdb;
}

input[type="radio"]:disabled + span.recurrence_label label.recurrence-type-label {
    color: #ccc;
}

input[type="radio"]:checked + span.recurrence_label label.recurrence-type-label {
    color: #000;
}

input[type="radio"]:disabled:checked + span.recurrence_label label.recurrence-type-label {
    color: #999;
}

.recurrence_event_date .recurrence-type .recurrence-type-label .recurrence-type-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: inherit;
}

.recurrence_event_date .recurrence-type .recurrence-type-label .recurrence-type-name {
    font-size: 16px;
    display: block;
    height: 30px;
    line-height: 30px;
    color: inherit;
}

.recurrence_weekly_day,
.recurrence_monthly_day,
.recurrence_someday_day {
    max-width: 137px;
    position: relative;
}

.recurrence_someday_day input {
    width: 85% !important;
}

.recurrence_monthly_day .select2-container {
    width: 130px !important;
    margin-right: 7px !important;
}

.recurrence_weekly_day .select2-container {
    width: 130px !important;
    margin-right: 10px;
}

.hide-time-inputs .recurrence_someday_day input {
    width: 90% !important;
}

.recurrence_weekly input,
.recurrence_monthly input,
.recurrence_someday input {
    padding: 11px 5px 11px 4px;
}

.recurrence_someday_day input {
    padding: 11px 5px;
}

.recerrence_max_width {
    max-width: 335px;
    width: 100%;
    margin: 0 auto;
}

.recurrence_weekly,
.recurrence_monthly,
.recurrence_someday {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.no-touch .recurrence_daily.recurrence_prev:hover .recurrence-delete,
.no-touch .recerrence_max_width:hover .recurrence-delete {
    display: block;
}

.recurrence-delete {
    position: absolute;
    top: 80%;
    right: -20px;
    font-size: 18px;
    cursor: pointer;
    padding-left: 0;
    transform: translateY(-50%);
}

.no-touch .recurrence-delete {
    display: none;
}

.no-touch .hover_delete_interval:hover .time-interval-delete.recurrence-delete {
    display: inline-block;
    top: 70%;
}

@media screen and (max-width: 320px) {
    .recurrence_weekly_day,
    .recurrence_monthly_day,
    .recurrence_someday_day {
        max-width: 110px;
    }
}

@media screen and (max-width: 420px) {
    .content_float_none {
        float: none;
    }
}

@media screen and (max-width: 320px) {
    .dir-form-close .form-close {
        border: 1px solid #fff;
        padding: 10px 2px 2px 2px;
    }
}

.overflow_content {
    overflow: hidden;
}

.ovh {
    overflow: hidden;
}

/* Parinte Scutiri */

.lista_absente_left {
    max-width: 1060px;
    width: 100%;
}

.max_lista_absente_left {
    max-width: 1360px;
    width: 100%;
}

.lista_scutiri_right {
    min-width: 240px;
    max-width: 240px;
}

.lista_scutiri_right > p {
    border-bottom: 1px solid #999;
}

.lista_scutiri_right hr {
    border-top: 1px solid #ececec;
}

.exemptions_content {
    border: 1px solid #f3f3f3;
    padding: 7px 25px 20px;
    min-height: 160px;
    max-width: 188px;
    width: 100%;
}

.exemptions_content:hover,
.add_background {
    background: #fff0e3;
}

.add_news_left {
    width: 35%;
}

.add_news_right {
    width: 65%;
}

.add_news_title input {
    width: 93%;
}

.half {
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
}

.news_add_picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.news_add_picture .news-image-label {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#fileUploaded a {
    z-index: 999;
}

.add_news_upload#fileUploaded {
    width: 100%;
    text-align: center;
    border: 1px solid #dadada;
    position: relative;
    height: 100%;
    min-height: 150px;
}

img.newsimg {
    max-height: 100%;
    object-fit: contain;
    max-width: 100%;
}

.news_overlay {
    background: rgba(0, 0, 0, 0.4);
}

.add_news_upload#fileUploaded #browse_add_picture {
    padding: 5px 0 !important;
    width: 100px;
    margin-top: -30px;
    height: 60px;
    position: absolute;
    top: 52%;
    display: block;
    margin-left: -50px;
    left: 50%;
}

#fileUploaded:hover #browse_add_picture {
    display: block;
}

.add_news_content,
.add_news_highschool,
.add_news_picture,
.add_news_view,
.add_news_years {
    border-top: 1px solid #eaecf0;
    padding-top: 20px;
}

.add_news_left .select2-container {
    padding: 1px;
}

@media screen and (max-width: 1068px) {
    .add_news_left,
    .add_news_right {
        width: 100%;
        float: none;
    }

    .add_news_type,
    .add_news_view,
    .add_news_years {
        float: right;
        width: 60%;
    }

    .add_news_type {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px solid #eaecf0;
    }

    .add_news_picture {
        float: left;
        width: 40%;
    }
}

@media screen and (max-width: 950px) {
    .no-touch .fancybox-lock .fancybox-overlay {
        top: 43px;
        overflow-y: hidden;
    }
}

@media screen and (max-width: 836px) {
    .touch .fancybox-lock .fancybox-overlay {
        top: 43px;
    }

    /* Parinti scutiri */
    .block_small_divice {
        display: block;
    }

    .lista_scutiri_right {
        max-width: 100%;
        margin-left: 0;
    }

    .exemptions_content {
        margin: 30px 30px 0;
    }
}

@media screen and (max-width: 667px) {
    .toolbar.tableview .actions a {
        display: inline-block !important;
    }

    .toolbar {
        padding: 10px 35px 10px 10px;
    }

    .toolbar.tableview .file-name {
        display: inline-block;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .add_news_type,
    .add_news_view,
    .add_news_years {
        float: none;
        width: 100%;
    }

    .add_news_type {
        margin-top: 30px;
    }

    .add_news_picture {
        float: none;
        width: 100%;
    }
}

.triangle_section {
    width: 100%;
    height: 0;
    padding-bottom: 32px;
    overflow: hidden;
}

.triangle_section:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-right: 1920px solid #05a7d2;
}

.triangle_section.display_only_mobile,
.triangle_section_left.display_only_mobile {
    display: none;
}

.triangle_section_left {
    width: 100%;
    height: 0;
    padding-bottom: 21px;
    overflow: hidden;
}

.triangle_section_left:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-left: 767px solid #fff;
}

.margin_negative_mobile {
    margin-top: -20px;
}

.position_abs {
    position: absolute;
}

.position_abs_center {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.hightschool_list li {
    display: inline-block;
    width: 48%;
}

.hightschool_list li:first-child {
    display: block;
    width: 100%;
}

/* Configurare secretariat */
.config_left {
    width: 49%;
    margin-right: 3%;
    box-sizing: border-box;
}

.config_right {
    width: 48%;
    box-sizing: border-box;
}

/* End Configurare secretariat */

label.avatar-selector-label {
    display: block;
    width: 122px;
    height: 122px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #b9e6fe;
    color: #000;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[aria-selected="true"] .text_person_share {
    background-color: #333;
    color: #fff !important;
}

.empty_state_history {
    display: none;
}

.empty_state_history img {
    width: 50%;
    display: block;
    margin: 30px auto;
}

@media screen and (max-width: 1024px) {
    .display_block_small_desktop {
        display: block;
        padding: 10px 0;
    }
}

/* Config */

.max_width_235 {
    max-width: 235px;
    width: 100%;
    margin: 0 auto;
}

.max_width_255 {
    max-width: 255px;
    width: 100%;
    margin: 0 auto;
}

.max_width_320 {
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
}

.max_width_400 {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.max_width_500 {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

.max_width_600 {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}

.max_width_840 {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

.max_width_870 {
    max-width: 870px;
    width: 100%;
    margin: 0 auto;
}

.max_width_950 {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
}

.max_width_1200 {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

/* Switch on-off */
.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 20px;
}

.switch input {
    display: none;
}

.slider_switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.slider_switch:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

input:checked + .slider_switch {
    background-color: #32d583 !important;
}

input#chatRestictionToggler + .slider_switch {
    background-color: #32d583;
}

input#chatRestictionToggler:checked + .slider_switch {
    background-color: #fda29b !important;
}

input:focus + .slider_switch {
    box-shadow: 0 0 1px #32d583;
}

input:checked + .slider_switch:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider_switch.round {
    border-radius: 34px;
}

.slider_switch.round:before {
    border-radius: 50%;
}

/* End Switch on-off */

.display_mobile {
    display: none;
}

.disabled-checkbox {
    pointer-events: none;
}

input#unitate_invatamant,
input#adresa_unitate,
input#email_unitate,
input#telefon_unitate,
input#tara_unitate,
input#judet_unitate,
input#oras_unitate,
input#clasificare_unitate,
input#cod_unitate {
    box-sizing: border-box;
}

.add_new_image_200.add_news_upload#fileUploaded {
    width: 200px;
    height: 200px;
}

.add_new_image_200.add_news_upload#fileUploaded #browse_add_picture {
    width: 200px;
    margin-top: 34%;
}

.labels_center {
    position: absolute;
    width: 100%;
    height: 100%;
}

.change_logo_liceu_info {
    padding-top: 40%;
    display: none;
    color: #fff;
    font-weight: 600;
}

.change_logo_liceu_info:before {
    content: "\e64e";
    width: 100%;
    height: 20px;
    font-family: Adservio;
    font-size: 30px;
    display: block;
    text-align: center;
}

.labels-container.labels_center:hover .change_logo_liceu_info {
    width: 100%;
    height: 60%;
    background: rgba(0, 0, 0, 0.4);
    display: block;
}

.change_logo {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    display: none;
}

.msg_indent {
    margin-left: 2em;
    text-indent: -2em;
}

/* ANI STUDIU */
@media screen and (max-width: 1200px) {
    .config_ani_studiu .max_width_1030 {
        max-width: 500px;
        margin: 0 auto;
    }

    .config_ani_studiu .display_mobile {
        display: block;
        margin-top: 10px;
    }

    .config_ani_studiu .hide_only_mobile {
        display: none;
    }

    .config_ani_studiu .no_flex_block {
        display: block;
    }

    .config_ani_studiu .mobile_block {
        display: block;
        text-align: left;
    }

    .config_ani_studiu .mobile_half_width {
        display: inline-block;
        text-align: left;
        width: 49%;
    }

    .config_ani_studiu .mobile_inline_block {
        display: inline-block;
        width: 55%;
    }

    .config_ani_studiu .mobile_inline_block input {
        margin-top: 10px;
        display: inline-block;
    }
}

@media screen and (max-width: 350px) {
    .config_ani_studiu .mobile_half_width {
        width: 100%;
    }

    .config_ani_studiu .max_width_1030 {
        max-width: 160px;
    }

    .config_ani_studiu .mobile_inline_block {
        width: 82%;
    }
}

/* END ANI STUDIU */

/* END Config */

.gray_hr {
    background-color: #ccc;
    height: 1px;
    border: 0;
}

/* Secretariat informatii generale */

.form_info_secretariat label.liceu-selector-label {
    display: block;
    width: 198px;
    height: 198px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
}

.form_info_secretariat .logo_img_pic .loader {
    top: 35%;
}

.form_info_secretariat label.liceu-selector-label:hover {
    background: rgba(0, 0, 0, 0.5);
}

.form_info_secretariat #delete_logo {
    position: absolute;
    top: 3px;
    right: 3px;
    background: #fff;
    border-radius: 100%;
    padding: 3px;
}

.form_info_secretariat #logo_img_pic {
    display: block !important;
}

.form_info_secretariat #logo_img_pic .change_logo {
    display: none;
}

.form_info_secretariat #logo_img_pic:hover .change_logo {
    display: inline;
}

.form_info_secretariat .cropped-image {
    max-width: 100%;
}

.form_info_secretariat #photoCropper img {
    max-width: 100%;
    /* This rule is very important, please do not ignore this! */
}

.form_info_secretariat .photo-cropper {
    text-align: center;
}

.form_info_secretariat .cropper-container {
    text-align: center;
    margin: 0 auto;
}

.form_info_secretariat .photo-description-container {
    text-align: left;
}

.form_info_secretariat .photo-description-input {
    width: 100%;
    resize: none;
    outline: none;
    box-sizing: border-box;
}

.form_info_secretariat .right_panel {
    max-width: 250px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* End Secretariat informatii generale */

.hover-average {
    pointer-events: auto;
}

/* Homepage aniversare */
.homepage_anniversary {
    background: url(/images/homepage/mov_background_login.svg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 50%;
    background-color: #fff;
}

/* Only for IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .homepage_anniversary {
        background-size: 50% 113%;
    }
}

/* End IE */

.homepage_anniversary + .panel-login {
    background: none;
}

.homepage-left-top {
    max-width: 96px;
    width: 100%;
}

.homepage-left-top-title {
    color: #000;
    font-size: 20px;
    background: url("/images/homepage/house.svg") no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    height: 440px;
    background-position-x: right;
    margin-left: 2%;
}

.homepage-left-top-title p:first-child {
    font-size: 50px;
    line-height: 54px;
    font-weight: 900;
    margin-bottom: 20px;
}

.homepage-left-top-title p:nth-child(2) {
    width: 100%;
}

.homepage-bottom-title {
    margin-left: -120px;
}

.homepage-bottom-title > a {
    background: transparent;
    border-color: #000;
    color: #000;
    min-width: 150px;
}

.homepage-bottom-title > a:hover {
    background: #000;
    color: #fff;
}

.homepage-left-top-title img {
    max-width: 160px;
}

.homepage-bottom-ads {
    bottom: 42px;
    max-width: 650px;
    position: absolute;
    width: 100%;
}

.homepage-bottom-ads-img {
    margin-top: -30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.homepage-bottom-ads-img img.bottom_boy {
    max-width: 320px;
    vertical-align: top;
    width: 100%;
}

.homepage-bottom-ads-img img.bottom_girl {
    max-width: 230px;
    vertical-align: bottom;
    width: 100%;
}

.homepage_anniversary .homepage-left-content-bottom {
    padding-left: 10px;
}

.homepage-left-content-bottom img {
    max-width: 850px;
}

.homepage-left-content-bottom p {
    color: #777;
    font-size: 20px;
    line-height: initial;
    margin-top: 20px;
    margin-bottom: 15px;
}

.homepage-left-content-bottom a {
    background: #fff;
    border-color: #000;
    color: #000;
    padding: 10px 20px;
}

.homepage-left-content-bottom a:hover {
    background: #000;
    color: #fff;
}

.homepage-left-content {
    margin: 40px 0 0 40px;
}

.bottom-text {
    height: 100%;
}

@media screen and (max-width: 1750px) {
    .homepage_anniversary {
        background-size: 55%;
    }
}

/* Only for IE */
@media (max-width: 1750px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .homepage_anniversary {
        background-size: 48% 96%;
    }
}

/* End IE */

@media screen and (max-width: 1500px) {
    .homepage_anniversary {
        background-size: 60%;
    }

    .homepage-left-top-title {
        height: 370px;
    }

    .homepage-left-top-title p:first-child {
        font-size: 44px;
        line-height: 48px;
    }
}

/* Only for IE */
@media (max-width: 1500px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .homepage_anniversary {
        background-size: 55% 100%;
    }
}

/* End IE */

@media screen and (max-width: 1366px) {
    .panel-login {
        right: 4%;
    }

    .homepage-left-top-title {
        height: 280px;
    }

    .homepage-left-top-title p:first-child {
        font-size: 38px;
        line-height: 42px;
    }

    .homepage-left-top-title .font22 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1320px) {
    .homepage-left-content {
        margin-left: 15px;
    }
}

@media screen and (max-width: 1200px) {
    .homepage_anniversary + .panel-login {
        right: 1%;
    }

    .homepage-left-content .section_flex_start {
        flex-direction: column;
    }

    .homepage_anniversary {
        background-size: 65%;
    }
}

/* Only for IE */
@media (max-width: 1200px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .homepage_anniversary {
        background-size: 77% 95%;
    }
}

/* End IE */

@media screen and (max-width: 1060px) {
    .homepage-left-top-title {
        height: 225px;
    }

    .homepage-left-top-title p:first-child {
        font-size: 32px;
        line-height: unset;
    }

    .homepage-left-top-title img {
        max-width: 130px;
    }
}

@media screen and (max-width: 1024px) {
    .homepage_anniversary {
        position: relative;
        background: none;
    }

    .homepage_anniversary:before {
        content: "";
        width: 700px;
        height: 567px;
        position: absolute;
        background: url(/images/aniversare_11ani/bg_login.svg) no-repeat;
        background-size: 80%;
        background-position: center top;
        left: 58%;
        top: -28%;
        transform: translateX(-50%);
    }

    .homepage-left-content {
        margin-top: 30px;
    }

    .homepage_anniversary.homepage .newfeed {
        max-width: 100%;
    }

    .homepage_anniversary .homepage-left-content-bottom {
        padding: 0 10px;
        text-align: center;
        margin-bottom: 120px;
    }

    .homepage_anniversary.homepage .newfeed_mobile .signin-title {
        position: relative;
    }

    .homepage_anniversary.homepage .newfeed .homepage-left-content-bottom img {
        max-width: 500px;
        margin-top: 20px;
    }

    .homepage_anniversary + .panel-login {
        background: #0ba5ec;
    }

    .homepage_anniversary + .panel-login {
        right: 0;
    }

    .homepage-left-content {
        box-sizing: border-box;
        padding: 15px;
        margin: 0;
    }

    .homepage-left-content .section_flex_start {
        flex-direction: row;
    }

    .homepage-bottom-ads {
        bottom: 0;
        position: relative;
        margin: 30px auto -14px auto;
    }

    .homepage-left-top-title {
        width: 620px;
        margin: 0 auto 30px auto;
    }
}

/* Only for IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .homepage_anniversary:before {
        background-size: 80% 100%;
    }
}

/* End IE */

@media screen and (max-width: 767px) {
    .homepage_anniversary:before {
        background-size: 70%;
    }

    .homepage_anniversary.homepage .bottom-text {
        margin-top: 20%;
    }

    .homepage-bottom-ads {
        margin-left: auto;
    }

    .homepage-left-top-title {
        margin-top: -15px;
        width: 545px;
    }
}

/* Only for IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .homepage_anniversary:before {
        background-size: 70% 100%;
    }
}

/* End IE */

@media screen and (max-width: 680px) {
    .homepage_anniversary.homepage .bottom-text {
        margin-top: 30%;
    }
}

@media screen and (max-width: 560px) {
    .homepage-left-content .section_flex_start {
        flex-direction: column;
    }

    .homepage-left-top-title {
        margin-top: 0;
        max-width: 520px;
        width: 100%;
        height: 180px;
    }

    .homepage-left-top-title p:first-child {
        font-size: 22px;
    }

    .homepage-left-top-title .font22 {
        font-size: 14px;
    }

    .homepage-left-top-title img {
        max-width: 110px;
    }
}

@media screen and (max-width: 380px) {
    .homepage_anniversary.homepage .bottom-text {
        margin-top: 40%;
    }

    .homepage-left-top-title p:first-child {
        font-size: 18px;
    }
}

/* Only for IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .homepage_anniversary.homepage .bottom-text {
        margin-top: 5%;
    }
}

/* End IE */

/* End homepage aniversare */

/* Clasa interactiva */

#clsa_interactiva #right {
    border-left: 1px solid #ccc;
}

.stream-header {
    padding: 15px 7px;
    background: #eff0f0;
}

.header-extended {
    background: #f97066;
    color: #fff;
}

.mod-clasa-interactiva td a.btn {
    min-width: 92px;
    box-sizing: border-box;
}

.mod-clasa-interactiva .searchbox {
    display: block;
    margin-left: auto;
    margin-right: 0;
    max-width: 300px;
    width: 100%;
}

.mod-clasa-interactiva .searchbox input {
    box-sizing: border-box;
    padding: 11px 7px;
    width: 100%;
}

.delete-lesson {
    display: inline-block;
    margin-left: 15px;
}

.tableview .actions.delete-lesson .more-actions .submenu {
    min-width: 100px;
}

.header-align-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7px;
}

.header-align-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
}

.stream-ended-body {
    background: #eff0f0;
    color: #333;
    padding: 25px 15px;
    box-sizing: border-box;
}

.stream-ended-body img {
    max-width: 60px;
}

.stream-ended-body a:hover ._icon {
    color: #fff;
}

.clsa-interactiva-content #left {
    width: 70%;
    box-sizing: border-box;
}

.clsa-interactiva-content #right {
    width: 29%;
    box-sizing: border-box;
}

.clsa-interactiva-content #publisher-teacher,
.clsa-interactiva-content #publisher-student,
.clsa-interactiva-content #stream-teacher,
.clsa-interactiva-content #stream-student {
    width: 50%;
    height: 300px;
    background: #eff0f0;
}

.clsa-interactiva-content #stream-student.student-min,
.clsa-interactiva-content #publisher-student:not(.full-screen-publisher) {
    right: 10px;
    top: 10px;
    position: absolute !important;
    border: 2px solid #0ba5ec;
    width: 80px;
    height: 48px;
}

#stream-teacher .restyle-controls .icon-right,
#stream-student .restyle-controls .icon-right {
    top: 1px;
    right: -9px;
}

.clsa-interactiva-content #stream-student.student-min {
    z-index: 53;
}

.clsa-interactiva-content #publisher-student:not(.full-screen-publisher) {
    z-index: 52;
}

.clsa-interactiva-content .full-screen-publisher {
    z-index: 53;
}

#publisher-student,
.clsa-interactiva-content .student-min {
    cursor: pointer;
}

.clsa-interactiva-content #stream-student.student-min .restyle-controls {
    display: none;
}

.clsa-interactiva-content #stream-student.student-min .custom-content-video.content-video p {
    display: none;
}

.clsa-interactiva-content #stream-student.student-min .custom-content-video .icon-user-filled.font100 {
    font-size: 20px !important;
}

.clsa-interactiva-content #stream-student.maximized,
.clsa-interactiva-content #publisher-student.maximized {
    width: 49%;
    right: 0;
    top: 0;
    height: 300px;
    border: none;
    cursor: default;
}

.clsa-interactiva-content #stream-student {
    width: 49%;
}

.clsa-interactiva-content #users {
    height: 100%;
}

.mod-clasa-interactiva img.avatar,
#users img.avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
}

.all-teachers {
    border-bottom: 1px solid #ccc;
}

.wrapper-right-users #filters ul.myfilters li {
    box-sizing: border-box;
    margin-right: 6px;
    min-width: 35px;
    padding: 3px 6px;
    text-align: center;
}

.wrapper-right-users .user.elev.teacher-hover:hover,
.wrapper-right-users .user.elev.teacher-hover.teacher-mouseover {
    background: #eaecf0;
}

.wrapper-right-users .user.elev.stream-requested .user-info-right {
    background: none;
}

.wrapper-right-users .user.elev.teacher-hover:hover .request-stream.show-stream-requested {
    color: #fff;
    background: #00abdb;
    border-color: #00abdb;
}

.icon_user_media {
    margin-left: -22px;
    margin-right: 4px;
    margin-bottom: 8px;
    position: relative;
    cursor: pointer;
}

.icon_user_media.no_access_camera:after,
.icon_user_media.no_access_mic:after {
    content: "X";
    bottom: -5px;
    left: 9px;
    font-size: 12px;
    color: #f04438;
    width: 10px;
    font-family: "Open Sans", "Lucida Sans Unicode", Helvetica, sans-serif;
    position: absolute;
}

.icon_user_media.unavailable_mic:after,
.icon_user_media.unavailable_cam:after {
    content: "!";
    bottom: -5px;
    left: 13px;
    font-size: 14px;
    font-weight: bold;
    color: #fdb022;
    width: 8px;
    font-family: "Open Sans", "Lucida Sans Unicode", Helvetica, sans-serif;
    position: absolute;
}

.wrapper-right-users .online {
    position: absolute;
    left: 40px;
    bottom: 7px;
    width: 10px;
    height: 10px;
    background: #32d583;
    border-radius: 50%;
    border: 2px solid #fff;
}

.wrapper-right-users .user.elev .online {
    left: 20px;
}

#video-right {
    width: 50%;
    margin-left: 10px;
}

.content-video {
    background: #eff0f0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px;
    box-sizing: border-box;
}

#clsa_interactiva .zoom-status-flag,
.mod-clasa-interactiva .zoom-status-flag {
    position: absolute;
    right: 0;
    top: -24px;
}

.teacher-start-lesson {
    position: relative;
    background: #eff0f0;
    padding: 35px 15px 15px;
    box-sizing: border-box;
}

.teacher-start-lesson h4 {
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin: 15px 0 15px;
}

.teacher-start-lesson .switch-ci-type {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.teacher-start-lesson .switch-ci-type label {
    margin: 0 10px;
    vertical-align: bottom;
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.teacher-start-lesson .switch-ci-type .display_other_provider {
    display: inline-flex;
    align-items: center;
}

.teacher-start-lesson .switch-ci-type .display_other_provider .other_provider_info {
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    font-size: 13px;
}

.teacher-start-lesson .switch-ci-type .display_other_provider .active {
    color: #0ba5ec;
}

.teacher-start-lesson .switch-ci-type .display_other_provider .other_provider_info .other_provider_info_small {
    font-size: 12px;
}

.teacher-start-lesson .switch-ci-type .display_other_provider ._icon {
    margin-right: 7px;
}

.teacher-start-lesson .form_other_provider .form_other_provider_info {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 25px;
}

.teacher-start-lesson .switch-ci-type input[type="radio"] {
    position: relative;
    margin-right: 10px;
}

.teacher-start-lesson .switch-ci-type img {
    height: 22px;
    padding: 0 10px 0 0;
}

.teacher-start-lesson .switch-ci-type img.zoom-logo {
    height: 20px;
}

.teacher-start-lesson .switch-ci-type img.webex-logo {
    height: 24px;
}

.teacher-start-lesson .switch-ci-type .grayscale {
    filter: grayscale(100%);
    opacity: 0.5;
}

@media all and (max-width: 480px) {
    .teacher-start-lesson .switch-ci-type img {
        height: 16px;
    }
}

.section-lesson-title {
    max-width: 670px;
    width: 100%;
    margin: 0 auto;
}

.section-lesson-title input {
    width: 100%;
    box-sizing: border-box;
}

.user-info-right .icon-with-border {
    border: 1px solid #00abdb;
    border-radius: 50%;
    padding: 5px;
    box-sizing: border-box;
}

.wrapper-right-users .user.elev.teacher-hover:hover .user-info-right.tooltip:before {
    content: "";
    width: 10px;
    height: 100%;
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    background: linear-gradient(to right, rgba(239, 239, 239, 0.5), rgba(239, 239, 239, 1));
}

.wrapper-right-users .user.elev.teacher-hover.teacher-mouseover .user-info-right,
.wrapper-right-users .user.elev.teacher-hover:hover .user-info-right {
    background: rgba(239, 239, 239, 1);
    padding-left: 3px;
}

.user-info-right {
    position: absolute;
    height: 30px;
    text-align: center;
    right: 5px;
}

.effect-blue.blue:after {
    content: "";
    background: #0b4a6f;
    width: 100%;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    transition: 5s;
    animation: answer 11s infinite;
}

.effect-blue span {
    z-index: 30;
    position: relative;
}

@keyframes answer {
    0% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}

.user.elev .user-info-right .pune-nota,
.user.elev .user-info-right .pune-absent,
.user.elev .user-info-right .request-stream {
    display: none;
}

.user.elev .user-info-right .request-stream.show-stream-requested {
    display: inline;
    color: #333;
    background: transparent;
    border-color: transparent;
}

.icon-hands-up {
    animation: hands-up 10s;
    height: 30px;
}

@keyframes hands-up {
    0% {
        transform: rotate(0deg) scale(0.8);
        opacity: 0;
    }

    5% {
        transform: scale(1);
        opacity: 1;
    }

    6% {
        transform: rotate(0deg);
    }

    9% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(8deg);
    }

    11% {
        transform: rotate(0deg);
    }

    12% {
        transform: rotate(-8deg);
    }

    13% {
        transform: rotate(0deg);
    }

    14% {
        transform: rotate(8deg);
    }

    15% {
        transform: rotate(0deg);
    }

    16% {
        transform: rotate(-8deg);
    }

    17% {
        transform: rotate(0deg);
    }

    97% {
        transform: rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: rotate(0deg);
        opacity: 0;
    }
}

/* default visibility */
.user .online {
    display: none;
}

.user.elev.teacher-hover:not(.is-absent).teacher-mouseover .pune-nota,
.user.elev.teacher-hover.teacher-mouseover .pune-absent {
    display: inline-block;
}

.user.elev:hover:not(.is-absent) .pune-nota {
    display: inline-block;
}

.user.elev:hover .pune-absent {
    display: inline-block;
}

/* user online */
.user.is_online .online {
    display: inline-block;
}

.user.elev.is_online .pune-absent {
    display: none;
}

.user.elev.is_online:hover .request-stream {
    display: inline-block;
}

.user.elev img.avatar {
    border: 2px solid transparent;
}

.user.elev .atent img.avatar {
    border-color: #32d583;
}

.user.elev .neatent img.avatar {
    border-color: #fdb022;
}

.wrapper-right-users .atent + .online {
    background: #32d583;
}

.wrapper-right-users .neatent + .online {
    background: #fdb022;
}

/* stream requested */
.user.stream-requested .pune-nota {
    display: inline-block;
}

.user.stream-requested .request-stream {
    display: inline-block;
    background: #00abdb;
    color: #fff;
}

/* style video icons */
.OT_audio-level-meter,
.OT_publisher .OT_edge-bar-item.OT_mode-off,
.OT_subscriber .OT_edge-bar-item.OT_mode-off,
.OT_publisher .OT_edge-bar-item.OT_mode-auto,
.OT_subscriber .OT_edge-bar-item.OT_mode-auto,
.OT_publisher .OT_edge-bar-item.OT_mode-mini-auto,
.OT_subscriber .OT_edge-bar-item.OT_mode-mini-auto {
    display: none;
}

.clsa-interactiva-content #stream-teacher.full-screen-publisher {
    left: 0;
}

.publisher-section.full-screen-publisher .icon-maximize {
    display: none;
}

.publisher-section.full-screen-publisher .icon-minimize {
    display: inline;
}

.publisher-section .icon-minimize {
    display: none;
}

.custom-stream-text {
    position: absolute;
    z-index: 3;
    bottom: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
}

/* show publisher bar - teacher */
#publisher-student .restyle-controls {
    display: none;
}

#publisher-student.maximized .restyle-controls {
    display: block;
    z-index: 5;
}

#publisher-teacher:hover .restyle-controls,
#stream-teacher:hover .restyle-controls,
#stream-student:hover .restyle-controls,
#publisher-student.maximized:hover .restyle-controls {
    opacity: 1;
    height: 56px;
    transition: 0.4s ease-out;
}

#stream-teacher:hover .restyle-controls,
#stream-student:hover .restyle-controls {
    height: 0;
}

.restyle-controls {
    position: absolute;
    z-index: 3;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 15px;
    box-sizing: border-box;

    height: 0;
    opacity: 0;
    transition: 0.4s ease-out 2s;
}

.restyle-controls-student .icon-right,
.restyle-controls .icon-right {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.custom-ctrl-icons {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin-right: 20px;
}

.custom-ctrl-icons:before {
    border: 1px solid white;
    padding: 4px;
    border-radius: 50%;
    box-sizing: border-box;
}

.recorder-no-border.custom-ctrl-icons:before {
    border: 0;
    font-size: 26px;
    padding: 0;
}

.custom-ctrl-icons > span {
    font-family: "Open Sans", "Lucida Sans Unicode", Helvetica, sans-serif;
    vertical-align: middle;
    width: 46px;
    display: inline-block;
}

/* on / off - video */
.stream-video-toggle.muted:before {
    content: "\e928";
}

.stream-video-toggle.muted .off-video {
    display: none;
}

.stream-video-toggle.muted .on-video {
    display: inline-block;
}

.stream-video-toggle .on-video {
    display: none;
}

/* on / off - screen */
.stream-screen-toggle.muted:before {
    content: "\e940";
}

.stream-screen-toggle.muted .on-screen {
    display: none;
}

.stream-screen-toggle.muted .off-screen {
    display: inline-block;
}

.stream-screen-toggle .off-screen {
    display: none;
}

/* on / off - mic */
.stream-mic-toggle.muted:before {
    content: "\e926";
}

.stream-mic-toggle.muted .off-mic {
    display: none;
}

.stream-mic-toggle.muted .on-mic {
    display: inline-block;
}

.stream-mic-toggle .on-mic {
    display: none;
}

/* on / off - audio */
.stream-audio-toggle.muted:before {
    content: "\e926";
}

.stream-audio-toggle.muted .off-mic {
    display: none;
}

.stream-audio-toggle.muted .on-mic {
    display: inline-block;
}

.stream-audio-toggle .on-mic {
    display: none;
}

/* on / off - recorder */
.stream-rec-toggle.muted:before {
    content: "\e936";
}

.stream-rec-toggle.muted .off-rec {
    display: none;
}

.stream-rec-toggle.muted .on-rec {
    display: inline-block;
}

.stream-rec-toggle .on-rec {
    display: none;
}

.minimize_icon {
    margin-top: 2px;
    display: inline-block;
    vertical-align: middle;
}

/* empty state */

.view-recording-empty-state {
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}

#clsa_interactiva .activities_empty_state img {
    max-width: 250px;
}

.hide-border-top {
    background: #fff;
    margin-top: -1px;
    padding-top: 30px;
}

.ci_show_type_mobile,
.open-right-users {
    display: none;
}

.mobile-show-date {
    display: none;
}

.number_hands_top,
.number_hands_down {
    position: fixed;
    bottom: 45px;
    background: #fff;
    z-index: 60;
    right: 10%;
    border-radius: 20px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    padding: 10px 15px;
}

.number_hands_mobile {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    padding: 10px 15px;
}

.number_hands_top {
    bottom: initial;
    top: 45px;
}

.number_hands_top .icon-chevron-right,
.number_hands_down .icon-chevron-right {
    transform: rotate(90deg);
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
}

.number_hands_top .icon-chevron-right {
    transform: rotate(-90deg);
}

.mobile_section_center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ci_name_show_mobile {
    display: none;
}

.activities_new_comment .ci-textarea-container textarea {
    height: 55px;
}

.clear-search-input {
    font-size: 20px;
    position: absolute;
    right: 7px;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
}

.show_mobile_chatbox {
    display: none;
}

.iOS-full-screen {
    position: fixed !important;
    width: 100%;
    height: 90vh !important;
    max-height: 100vh !important;
    top: 0;
    left: 0;
    min-height: 100% !important;
    z-index: 9999 !important;
}

.iOS-full-screen#stream-teacher .restyle-controls,
.iOS-full-screen#stream-student .restyle-controls {
    opacity: 1;
    height: 60px;
}

.touch .stream-screen-toggle {
    display: none;
}

#wrapper[data-v-98fae124] {
    display: none;
}

@media screen and (max-width: 992px) {
    .wrapper-right-users #filters.section_center_start {
        display: block;
        text-align: left;
    }

    .wrapper-right-users #filters ul.myfilters li {
        margin-right: 4px;
    }

    .clsa-interactiva-content #publisher-teacher,
    .clsa-interactiva-content #publisher-student,
    .clsa-interactiva-content #stream-teacher,
    .clsa-interactiva-content #stream-student {
        height: 230px;
    }

    .clsa-interactiva-content #stream-student.maximized,
    .clsa-interactiva-content #publisher-student.maximized {
        height: 230px;
    }

    .clsa-interactiva-content #publisher-student.maximized {
        height: 100%;
    }

    .content-video .font100 {
        font-size: 60px;
    }

    .lesson-name-min-width {
        width: 300px;
    }

    .ci_action_mobile {
        width: 150px;
    }

    .ci_date_hide_mobile {
        width: 120px;
    }
}

@media screen and (max-width: 767px) {
    .clsa-interactiva-content #left {
        width: 100%;
        margin-top: 25px;
    }

    .clsa-interactiva-content #left.student-panel-left {
        margin-top: 0;
    }

    #clsa_interactiva #right {
        right: -8px;
        width: 65%;
        background: #fff;
        z-index: 60;
        padding-top: 45px;
        display: none;
        border: 0;
        box-shadow: 0 0 8px #d0d0d0;
        max-height: 100%;
        overflow-y: scroll;
        position: fixed;
        top: 45px;
        z-index: 65;
        height: 100%;
    }

    .overlay_ci {
        overflow: hidden;
    }

    .overlay_ci:after {
        content: "";
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 50;
        opacity: 0.5;
    }

    #clsa_interactiva #right .user.profesor.pl20 {
        padding-left: 0 !important;
    }

    .wrapper-right-users .user.profesor .online {
        left: 20px;
    }

    .open-right-users,
    .close-right-users {
        position: absolute;
        top: -11px;
        right: 0;
        z-index: 61;
    }

    .open-right-users {
        display: block;
    }

    .open-right-users.hide {
        display: none;
    }

    .open-right-users.student-open-right {
        top: 35px;
    }

    .close-right-users {
        top: 15px;
        right: initial;
        left: 10px;
        text-align: right;
    }

    #video.section_flex_start_nowrap {
        flex-direction: column;
    }

    .clsa-interactiva-content #publisher-teacher,
    .clsa-interactiva-content #stream-teacher,
    .clsa-interactiva-content #stream-student {
        width: 100%;
        margin: 0 0 10px 0;
        min-height: 140px;
        height: 250px;
    }

    .clsa-interactiva-content #publisher-student {
        width: 120px;
        height: 80px;
        min-height: 80px;
        top: 270px;
    }

    .clsa-interactiva-content #publisher-student.maximized {
        width: 100%;
        top: 260px;
        height: 250px;
    }

    .clsa-interactiva-content #chat {
        display: none;
    }

    .show_mobile_chatbox {
        display: block;
    }

    .show_mobile_chatbox .font100 {
        font-size: 80px;
    }

    #view-recording .font140 {
        font-size: 80px;
    }

    #view-recording .font24 {
        font-size: 20px;
        line-height: initial;
    }

    .mobile-show-date {
        display: block;
    }

    .ci_status_mobile,
    .ci_type_mobile,
    .ci_name_hide_mobile,
    .ci_date_hide_mobile {
        display: none;
    }

    .mod-clasa-interactiva td a.btn {
        min-width: 72px;
        font-size: 12px;
    }

    .ci_show_type_mobile {
        display: inline-block;
    }

    .ci_show_type_mobile.font24 {
        font-size: 18px;
    }

    .ci_action_mobile.w300 {
        width: 150px;
    }

    .ci_name_show_mobile {
        display: inline-block;
    }

    .ci_empty_state .font140 {
        font-size: 80px;
    }

    .stream-header {
        height: 70px;
        box-sizing: border-box;
    }

    .header-align-left {
        top: initial;
        bottom: 0;
        left: 7px;
    }

    .header-align-right {
        top: initial;
        bottom: -9px;
        right: 7px;
    }

    #video.section_flex {
        display: block;
        min-height: 510px;
    }

    .clsa-interactiva-content #stream-student.maximized,
    .clsa-interactiva-content #publisher-student.maximized {
        width: 100%;
    }

    .clsa-interactiva-content #publisher-student:not(.full-screen-publisher) {
        top: 260px;
        min-height: auto;
    }

    .clsa-interactiva-content #stream-student.student-min,
    .clsa-interactiva-content #publisher-student.student-min {
        top: 270px;
        min-height: auto;
    }

    .teacher-stream-ended-btn {
        display: block;
        margin: 10px auto 0 auto;
        max-width: 160px;
    }

    .number_hands_mobile {
        position: absolute;
        right: 10px;
        top: 150px;
        z-index: 20;
    }

    .teacher_hands_mobile.number_hands_mobile {
        top: 114px;
    }

    .new_message_title.desktop_title {
        margin: 0 auto;
        max-width: 300px;
    }

    .new_message_title.desktop_title h2 {
        text-align: left;
    }
}

@media screen and (max-width: 480px) {
    .mod-clasa-interactiva .searchbox {
        max-width: 100%;
    }
}

/** Wizard pasi conectare Zoom	 */
.wizard-steps {
    display: block;
}

.wizard-steps .step {
    display: inline-block;
}

.wizard-steps .step .icon-large-dot {
    color: #ccc;
    position: relative;
}

.wizard-steps .step .icon-large-dot span {
    color: #fff;
    position: absolute;
    font-size: 17px;
    left: 15px;
    top: 10px;
    font-family: "Open Sans";
}

.wizard-steps .step.step-line {
    height: 2px;
    width: 50px;
    background: #ccc;
    vertical-align: top;
    margin-top: 20px;
}

.wizard-steps .step.active .icon-large-dot {
    color: #333;
}

.wizard-steps .step.active.step-line {
    background: #333;
}

/** end Wizard pasi conectare Zoom */
/* END Clasa interactiva */

/* Stare servicii */
ci_zoom_view_lesson_subtitle .stare_servicii {
    background: #fff;
    height: 100%;
}

.meniu_status_services {
    color: #fff;
    padding: 14px 10px;
}

.meniu_status_services:hover a {
    text-decoration: underline;
}

.meniu_status_services ._icon:before,
.meniu_status_services ._icon {
    position: relative;
    z-index: 3;
}

.meniu_status_services ._icon:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 2;
    border-radius: 50%;
}

.mobile_status_text,
.tooltip_details {
    background: #3d3d3d;
    display: none;
    position: absolute;
    top: 45px;
    padding: 10px;
    width: 150px;
    text-align: left;
    left: 50%;
    transform: translateX(-50%);
    z-index: 51;
    box-sizing: border-box;
}

.mobile_status_text:before,
.tooltip_details:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #3d3d3d;
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
}

.tooltip_details._zoom {
    width: 240px;
    color: #fff;
}

.tooltip_details._zoom a {
    color: #0ba5ec;
    text-decoration: none;
}

.tooltip_details._zoom .underline {
    text-decoration: underline;
}

.stare_servicii_content .tableview thead tr th:first-child {
    padding-left: 60px !important;
}

.stare_servicii_content .tableview tbody tr:last-child td {
    border-bottom: none;
}

.stare_servicii_content .status_ok {
    background: #e1f4c2;
}

.stare_servicii_content .status_partial {
    background: #ffebd8;
}

.stare_servicii_content .status_maintenance {
    background: #eff0f0;
}

.stare_servicii_content .status_unavailable {
    background: #f7e9e9;
}

/* Coduri de culaore pt statusul serviciilor */
.service_ok {
    color: #32d583;
}

.service_partial {
    color: #fdb022;
}

.service_maintenance {
    color: #999;
}

.service_unavailable {
    color: #f97066;
}

@media screen and (max-width: 767px) {
    .stare_servicii .pt60 {
        padding-top: 20px;
    }

    .stare_servicii .mb50 {
        margin-bottom: 20px;
    }

    .stare_servicii .font30 {
        font-size: 20px;
    }

    .status_legend {
        text-align: left !important;
    }

    .status_legend.mt100 {
        margin-top: 60px;
    }

    .status_legend span:first-child {
        display: block;
    }

    .status_legend .ml20 {
        margin-left: 0;
    }

    .status_legend span:nth-child(odd):not(:first-child) {
        margin-right: 15px;
    }

    .stare_servicii_content {
        padding: 10px;
    }

    .stare_servicii_content .p20 {
        padding: 10px;
    }

    .stare_servicii_content .font40 {
        font-size: 30px;
    }

    .stare_servicii_content .font18 {
        font-size: 16px;
    }

    .stare_servicii_content .font16 {
        font-size: 14px;
    }

    .stare_servicii_content .mr20 {
        margin-right: 5px;
    }

    .stare_servicii_content .pr20 {
        padding-right: 5px;
    }

    .stare_servicii_content .tableview thead tr th:first-child {
        padding-left: 40px !important;
    }

    .stare_servicii_content .tableview tbody tr td {
        padding: 10px 7px !important;
    }

    .meniu_status_services {
        cursor: pointer;
    }
}

@media screen and (max-width: 480px) {
    .stare_servicii_content .font30 {
        font-size: 25px;
    }

    .stare_servicii_content .font18 {
        font-size: 14px;
    }

    .meniu_status_services {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 0px;
        box-sizing: border-box;
    }

    .meniu_status_services .font14 {
        font-size: 12px;
    }
}

/* END Stare servicii */

#edit-class {
    text-align: center;
}

#edit-class .filter {
    text-align: left;
}

#modifica-medii .tooltip-info-group {
    position: absolute;
    top: 50%;
    right: 50px;
    font-size: 26px;
    transform: translateY(-50%);
    color: #0ba5ec;
}

.panel-small {
    display: none;
}

.header-loader {
    height: 65px;
    background-color: white;
}

.sidenav-loader {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 84px;
    padding: 24px 16px;
    background-color: white;
    z-index: 1299;
    box-sizing: border-box;
    /* box-shadow: 6px 0px 16px rgba(16, 24, 40, 0.06), 1px 0px 8px rgba(16, 24, 40, 0.1); */
}

.sidenav-loader.navigation-open {
    width: 320px;
}

.sidenav-loader .navigation-logo {
    height: 25px;
    margin-left: 14px;
    margin-bottom: 44px;
}

.sidenav-loader .navigation-logo.full-logo {
    width: 104px;
}

.sidenav-loader .navigation-logo.small-logo {
    left: -34px;
}

#sidenav-mobile-toggle {
    display: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.1s ease-in-out;
}

#sidenav-mobile-toggle:hover,
#sidenav-mobile-toggle:focus {
    background-color: #eaecf0;
}

@media screen and (max-width: 767px) {
    .sidenav-loader {
        display: none;
    }

    #sidenav-mobile-toggle {
        display: flex;
    }
}

.button-placeholder {
    width: 100%;
    height: 40px;
    margin-bottom: 8px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.1);
}

.menu-highschool-wrapper {
    display: flex;
    align-items: center;
}

.rankings-attendance-piechart,
.absences-piechart {
    width: 400px;
}

h2.fw700 {
    font-weight: 700;
}

@media screen and (max-width: 480px) {
    .rankings-attendance-piechart,
    .absences-piechart {
        width: 320px;
    }
}