@font-face {
    font-family: "Gnuolane";
    src: url(./fonts/gnuolane.ttf);
}

@font-face {
    font-family: "Armata" !important;
    src: url(./fonts/Armata-Regular.ttf);
}

@font-face {
    font-family: "Roboto" !important;
    src: url(./fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: "Steelfish" !important;
    src: url(./fonts/steelfishrg.ttf);
}

* {
    box-sizing: border-box !important;
}

.thinfont {
    font-family: Steelfish !important;
}

.infcolor1 {
    /*darkgreen*/
    color: rgb(80, 131, 26);
}

.infcolor2 {
    /*lime*/
    color: rgb(190, 214, 47);
}

.infcolor3 {
    /*sky*/
    color: rgb(0, 173, 215)
}

.infcolor4 {
    /*lightblue*/
    color: rgb(229, 239, 248);
}

.infbg1 {
    /*darkgreen*/
    background: rgb(80, 131, 26);
}

.infbg2 {
    /*lime*/
    background: rgb(190, 214, 47);
}

.infbg3 {
    /*sky*/
    background: rgb(0, 173, 215)
}

.infbg4 {
    /*lightblue*/
    background: rgb(229, 239, 248);
}

.ui-widget {
    font-family: 'Armata';
    /*font-size: 1.1em;*/
    font-size: 0.8em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Armata';
    font-size: 1em !important;
}

.ui-autocomplete li a {
    text-decoration: none;
}

html {
    height: 100%;
    min-height: 100%;
    overflow: hidden;
}

#menu {
    font-size: 9pt;
    font-weight: normal !important;
}

#mainmenu {
    width: 150px;
}

#mainmenu a {
    text-align: left;
    font-size: 10pt;
}

#menu li.current > a {
    /*padding-left: 20px;*/
}

#menu .current-highlight {
    position: absolute;
    left: 0;
    background: #bed62f;
    width: 4px;
    height: 37px;
    display: none;
}

#menu li.current.highlight > .current-highlight {
    display: inline-block;
}

body {
    /*background: #6e4f1c url(/PTI_FELV/css/pepper-grinder/images/ui-bg_diagonal-maze_20_6e4f1c_10x10.png) 50% 50% repeat;*/
    /* background: url('../bg.jpg');*/
    background-attachment: fixed;
    margin: auto;
    height: 100%;
    min-height: 100%;
    width: 100%;
    background-size: 100%;
}

hr {
    border: none;
    border-bottom: 1px solid white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

#page {
    width: 100%; /* width: 1287px;*/
    margin: auto;
    /*background: rgba(248, 247, 246, 0.9);*/
/ / min-height: 100 %;
/ / padding-left: 250 px;
/ / vertical-align: top;

    /*background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );*/

    background: white;

    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    overflow: auto;
}

#system-menu {
    width: 260px;
    max-width: 260px;
    height: 100vh;
/ / position: absolute;
    /*background: #2C3A3D;*/
    background: #50831A;
    position: absolute;
    left: 0;
    top: 0;
    vertical-align: top;
    z-index: 1;
    overflow: auto;
}

#page header {
    width: 100%;
    padding-top: px;
/ / padding-bottom: 15 px;
    height: 76px; /*166px;*/
    /*background: rgba(108, 118, 133, 0.6); *//*rgba(232, 142, 74, 0.3)*/
    /*rgba(254,137,8,0.3)*/;
    color: white;
    border: none !important;
    /*border-bottom: rgba(82, 89, 100, 0.6) !important; */
    font-weight: normal;
    background: #2C3E50;
    background: #2A2A2A;
    background: #00add7;
    border-bottom: 1px solid #2E86C0 !important;
    /*text-shadow: 0 1px 1px #161F29;*/
}

header {
    border: none !important;
}

#header {
    position: relative;
    z-index: 2;
    height: 67px;
}

#system_logo {
    position: absolute;
    width: 260px;
    background: white;
    height: 67px;
    overflow: hidden;
}

#header-content,
#content {
    /*width: 1287px;*/
    margin: auto;
/ / margin-top: 23 px;
}

#header-content {
    /*  border-bottom: 4px solid #bed62f;*/
}

#content > .ui-widget-content {
    border: none;
    background: transparent;
}

#page #content {
    padding-bottom: 80px;
    padding-left: 263px;
    margin-top: 81px;
    min-width: 744px;
    max-width: 95%;
}

/*@media screen and (max-width:1287px){
    body{
      width: 1287px;
    }
}*/

@media screen and (max-width: 1287px) {
    body {
        width: 100%;
    }

    #header-content,
    #content {
        /*width: 980px !important;*/
    }
}

.ui-widget-content {
    padding: 5px;
}

.hrtext {
    font-weight: bold;
    margin: 22px;
}

a {
    text-decoration: underline;
    cursor: pointer;
}

label {
    cursor: pointer;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    width: 33.33%;
    float: left;
    position: relative;
}

#progressbar li:before {
    /*content: counter(step);*/
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #333;
    background: white;
    border-radius: 3px;
    margin: 0 auto 5px auto;
}

/*progressbar connectors*/
#progressbar li:after {
    /*content: '';*/
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #27AE60;
    color: white;
}

/*
content: '';
width: 100%;
height: 2px;
background: white;
position: absolute;
left: -50%;
top: 9px;
z-index: -1;*/

.custom-combobox {
    position: relative;
    display: inline-block;
    margin-right: 36px;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
}

.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
    /*font-family: 'arial narrow' !important;*/
    font-size: 1.0em !important;
}

/*
  ul.ui-autocomplete{
    font-family: 'arial narrow';
    }*/

table td, th {
    padding-left: 3px;
    padding-right: 3px;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 4px;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    border-width: 0 0 100px 200px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translate(-300px, 0) scale(4);
    direction: ltr;
    cursor: pointer;
}

.files .progress {
    width: 200px;
    font-size: 8px;
}

.fileupload-processing .fileupload-loading {
    display: block;
}

.fileupload-list {
    width: 100%;
}

.fileupload-list .delete-col {
    width: 100px;
    text-align: right;
}

.fileupload-list .download {
    width: 20px;
    text-align: center;
}

.fileupload-list .name {
    width: 400px;
}

.fileupload-list .size {
    width: 100px;
}

.fileupload-list .control {
    white-space: nowrap;
}

.fileupload-progress {
    width: 50%;
    text-align: right;
    position: relative;
}

.fileupload-progress .progress {
    height: 1em;
    margin-top: .4em;
    width: 98%;
}

.progress-extended {
    position: absolute;
    top: 3px;
    left: 0;
    padding-top: .4em;
    text-align: center;
    width: 100%;
}

.fileupload-filename {
    width: 90%;
}

.drop {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 10px;
    background: #eee;
    padding: 5px;
    width: 90%;
}

.drop li {
    margin: 5px;
    padding: 5px;
    width: 90%;
}

.toprint {
    display: none;
}

#dragndrop_diploma:dragenter {
    background: red;
}

.documents li,
#documents li {
    display: inline;
}

.ui-state-highlight,
.ui-state-error,
.ui-state-success {
    padding: 2%;
}

#content > .ui-widget-content,
body ul.ui-autocomplete,
.ui-dialog {
    /*box-shadow: 0px 0px 27px 1px rgba(0,0,0,0.1);*/
    /*z-index: 10000;*/
}

body ul.ui-autocomplete {
    z-index: 10001;
}

.td_degree input,
.td_degree ul a {
    font-family: 'Courier new' !important;
}

#progressbar .ui-state-active {
    background: #81CE63;
}

div.icheckbox_square {
    display: inline-block;
    vertical-align: middle;
}

.center {
    text-align: center;
}

.thin {
    /*font-family: 'arial narrow';*/
    font-size: 11pt;
}

.regadmin_details {
    border: 5px dotted gray;
    border-top: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.highlight {
    border: 5px dotted #00ff00;
    border-radius: 7px;
    font-weight: bold;
    text-align: center;
}

.vert {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    writing-mode: tb-rl;
    white-space: nowrap;
}

#table_registered td.nowrap,
#table_registered th.nowrap {
    white-space: nowrap;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('../img/loader.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.exam > td {

    background: #F4F7FF;
    background: rgba(216, 227, 255, 0.2);
    background: #FFF2D8;
    background: rgba(255, 242, 216, 0.6);
}

.circle_name {
    padding: 15px;
}

.circle_name_dashed {
    border: 3px dashed gray;
    padding: 12px;
}

.circle_name_hover {
    border: 3px dashed lime;
    padding: 12px;
}

.flatheader {
/ / width: 100 %;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 132%;
    /*font-weight: 700;*/
    font-weight: normal;
    /*color: #333;*/
    padding: 8px;
    position: absolute;
    left: 267px;
    top: 11px;
    overflow: hidden;
    white-space: nowrap;
}

.flatheader hr {
    border: none;
    border-bottom: 1px solid #eeeeee;
    width: 500px;
}

#userinfo_container {
    width: 100%;
    text-align: right;
    position: relative;
    /*width: 1287px;*/
    /*width: 900px; /* a bemutatóig */
    margin: auto;
    margin-right: 5px;
}

h1 {
    margin-left: 20px;
}

h1, h2, h3, h4, h5 {
    /*color:rgb(108, 118, 133);*/
/ / color: #161F29;
    color: #50831A;

}

#userinfo {
    padding-top: 3px;
    height: 35px;
    padding-right: 3%;
    padding-left: 3%;
    margin-top: 74px;
    /* position: relative;
     top: 20px;
     right: 20px;

     position: relative;
     border: solid black 1px;
     height: 100px;
     width: 100px;
     position: absolute;
     top: 50%; left: 50%;*/
}

#userinfo div {
    display: inline-block;
    position: relative;
}

#userinfo #top_dashboard {
    margin-right: 10px;
    margin-left: 10px;
}

#userinfo #top_logout,
#userinfo #top_dashboard {
    font-size: 18pt;
    top: 4px;
}

#f_submit {
    /*font-size: 18px;*/
    font-size: 26px;
    top: 4px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

#userinfo #top_logout:hover,
#top_dashboard:hover,
#f_submit:hover {
    color: #3498DB !important;
}

#userinfo #top_logout:active,
#top_dashboard:active,
#f_submit:active {
    color: #1D557A !important;

}

#userinfo #top_user,
#userinfo #top_pw {
    top: 2px;
    font-family: Roboto;
    color: white;
    font-weight: bold;
    font-size: 10pt;
}

#thesis_create input[type="text"],
.thesis_preview input[type="text"],
#thesis_edit input[type="text"],
#company_create input[type="text"],
#company_create input[type="number"],
.company_preview input[type="text"],
#company_edit input[type="text"],
#practice_create input[type="text"],
.practice_preview input[type="text"],
#practice_edit input[type="text"],
#practice_edit input[type="number"],
#demonstrator_create input[type="text"],
.demonstrator_preview input[type="text"],
#demonstrator_edit input[type="text"],
#demonstrator_create input[type="number"],
.demonstrator_preview input[type="number"],
#demonstrator_edit input[type="number"] {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
}

#thesis_edit,
#company_edit,
#practice_edit,
#demonstrator_edit {
    padding-bottom: 50px;
}

#thesis_create h3,
#company_create h3,
#practice_create h3,
#demonstrator_create h3 {
    margin-bottom: 0.3em;
    margin-top: 1.3em;
}

#thesis_create_submit,
#company_create_submit,
#practice_create_submit,
#demonstrator_create_submit {
    width: 150px;
    margin-bottom: 50px;
    margin-top: 50px;
}

div.thesis-item,
div.company-item,
div.practice-item,
div.demonstrator-item {
    margin-top: 10px;
    margin-bottom: 10px;
}

#practice_company_list {
    color: #6c7685;
    position: relative;
    padding: 0;
}

#practice_company_list li {
    list-style-type: none;
    padding-bottom: 1px;
    cursor: pointer;
    padding: 3px;
    margin: 2px;
}

#practice_company_list li:hover {
/ / border-bottom: 1 px solid rgb(213, 213, 213);
/ / padding-bottom: 0 px;
    color: black;
}

#practice_company_list .current-icon {
    display: none;
    margin-right: 4px;
    margin-left: 4px;
    font-size: 14pt;
}

#practice_company_list .unactive-icon {
    margin-right: 4px;
    margin-left: 4px;
    font-size: 14pt;
}

#practice_company_list li.current .current-icon {
    display: inline-block;
}

#practice_company_list li.current .unactive-icon {
    display: none;
}

#practice_company_list li:not(.current) .unactive-icon {
    display: inline-block;
}

#practice_company_list li.current {
    /*margin-bottom: 10px;
    margin-top: 10px;*/
    font-weight: bold;
    color: black;
}

.practice_availability {
    position: absolute;
    right: 5px;
}

.practice_availability .fa {
    margin-right: 3px;
}

.practice_availability .fa.no {
    opacity: 0.1;
    color: gray;
}

.practice_availability_0 {
    color: rgb(80, 131, 26);
}

.practice_availability_1 {
    color: rgb(80, 131, 26);
}

.practice_availability_2 {
    color: rgb(80, 131, 26);
}

.practice_availability_3 {
    color: rgb(190, 214, 47);
}

.practice_availability_4 {
    color: rgb(214, 105, 47);
}

/* >> PRACTICE*/

#practice-order {
    float: right;
    margin: 20px;
}

#practice-order > h3 {
    display: inline-block;
    margin: 0;
}

#practice-order .ui-selectmenu-button,
#division-order .ui-selectmenu-button {
    vertical-align: middle;
}

/* << PRACTICE*/

.flurid h5 {
    margin-bottom: 0;
    margin-top: 22px;
    color: gray;
}

.ui-dialog {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

#searchbox {
    width: 100%;
    margin-bottom: 20px;
}

.file_container ul li {
    display: inline;
    list-style-type: none;
}

#division_table.center {
    text-align: center;
}

#demonstrator-courses-ul li {
    list-style-type: none;
}

.fileinput-button:hover {
    color: black;
}

.color0, .color {
    padding-left: 13px;
}

.color1, .color11 {
    border-left: 10px solid #1abc9c;
}

.color2, .color12 {
    border-left: 10px solid #3498db;
}

.color3, .color13 {
    border-left: 10px solid #9b59b6;
}

.color4, .color14 {
    border-left: 10px solid #f1c40f;
}

.color5, .color15 {
    border-left: 10px solid #d35400;
}

.color6, .color16 {
    border-left: 10px solid #D24D57;
}

.color7, .color17 {
    border-left: 10px solid #D2527F;
}

.color8, .color18 {
    border-left: 10px solid #F62459;
}

.color9, .color19 {
    border-left: 10px solid #1BA39C;
}

.color10, .color20 {
    border-left: 10px solid #F89406;
}

.color21, .color31 {
    border-left: 10px solid #6C7A89;
}

.color22, .color32 {
    border-left: 10px solid #F9BF3B;
}

.color23, .color33 {
    border-left: 10px solid #EB974E;
}

.color24, .color34 {
    border-left: 10px solid #2ECC71;
}

.color25, .color35 {
    border-left: 10px solid #22A7F0;
}

.color26, .color36 {
    border-left: 10px solid #F27935;
}

.color27, .color37 {
    border-left: 10px solid #ABB7B7;
}

.color28, .color38 {
    border-left: 10px solid #9A12B3;
}

.color29, .color39 {
    border-left: 10px solid #F62459;
}

.color30, .color40 {
    border-left: 10px solid #E74C3C;
}

.bgcolor1, .bgcolor11 {
    background: #1abc9c;
}

.bgcolor2, .bgcolor12 {
    background: #3498db;
}

.bgcolor3, .bgcolor13 {
    background: #9b59b6;
}

.bgcolor4, .bgcolor14 {
    background: #f1c40f;
}

.bgcolor5, .bgcolor15 {
    background: #d35400;
}

.bgcolor6, .bgcolor16 {
    background: #D24D57;
}

.bgcolor7, .bgcolor17 {
    background: #D2527F;
}

.bgcolor8, .bgcolor18 {
    background: #F62459;
}

.bgcolor9, .bgcolor19 {
    background: #1BA39C;
}

.bgcolor10, .bgcolor20 {
    background: #F89406;
}

.bordercolor1, .bordercolor11 {
    border: 5px solid #1abc9c;
}

.bordercolor2, .bordercolor12 {
    border: 5px solid #3498db;
}

.bordercolor3, .bordercolor13 {
    border: 5px solid #9b59b6;
}

.bordercolor4, .bordercolor14 {
    border: 5px solid #f1c40f;
}

.bordercolor5, .bordercolor15 {
    border: 5px solid #d35400;
}

.bordercolor6, .bordercolor16 {
    border: 5px solid #D24D57;
}

.bordercolor7, .bordercolor17 {
    border: 5px solid #D2527F;
}

.bordercolor8, .bordercolor18 {
    border: 5px solid #F62459;
}

.bordercolor9, .bordercolor19 {
    border: 5px solid #1BA39C;
}

.bordercolor10 .bordercolor20 {
    border: 5px solid #F89406;
}

#dashboard {
    /*text-align: center;*/
}

#dashboard li, .flat-box {
    cursor: pointer;
    position: relative;
    vertical-align: top;
    list-style-type: none;
    display: inline-block;
    width: 190px;
    height: 190px;
    margin: 27px;
    padding: 30px;
    color: white;
    text-transform: uppercase;
    opacity: 0.8;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 2px 1px rgba(0, 0, 0, 0.2);
}

#dashboard li {
    cursor: pointer;
    position: relative;
    vertical-align: top;
    list-style-type: none;
    display: inline-block;
    width: 190px;
    height: 190px;
    margin: 27px;
    padding: 30px;
    color: white;
    text-transform: uppercase;
    opacity: 0.8;
}

#dashboard li:hover {
    opacity: 1;
    width: 200px;
    height: 200px;
    margin: 22px;
    font-size: 1.1em !important;
    /*box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);*/
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

#dashboard .icon, .flat-box .icon {
    font-size: 4.7em;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

#dashboard li .title, .flat-box .title {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 179px;
    text-align: right;
}

#dashboard .icon {
    font-size: 4.7em;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

ul li .sorter-handler {
    cursor: pointer;
    margin: 9px;
}

#demonstrator-courses-ul li.title {
    text-align: center;
}

#menu i.fa {
    font-size: 14pt;
    margin-right: 9px;
}

#sidebar-toggle {
    position: absolute;
    top: 83px;
    right: 18px;
    font-size: 26pt;
    color: white;
}

#header-top-bar-content {
/ / background: #233241;
/ / background: #50831a;
    background: #50831A;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    z-index: 100;
/ / border-bottom: 1 px solid #1B2631;
    border-bottom: 1px solid #446F17;
}

#login_form {
    /*font-size: 8pt;*/
}

#login_form form {
    text-align: center;
}

#demonstrator_create .demonstrator-item table.border {
    width: 100%;
    border-collapse: collapse;
}

#demonstrator_create .demonstrator-item table.border tr td,
#demonstrator_create .demonstrator-item table.border tr th {
    border: 1px solid rgb(238, 238, 238);
}

#demonstrator_create .demonstrator-item .basic-data {
    padding: 15px;
}

.border {
    border: 1px solid #2E86C0;
}

#demonstrator_result .content {
    padding: 15px;
}

#demonstrator_result {
    line-height: 2;
}

#demonstrator_result .content table.courses {
    margin-top: 10px;
    margin-bottom: 30px;
}

button.green {
    border-color: rgba(0, 255, 0, 0.3) !important;
}

button.green:not([disabled]):hover {
    color: rgba(0, 255, 0, 0.9) !important;
    border-color: rgba(0, 255, 0, 0.6) !important;
}

button.red {
    border-color: rgba(255, 0, 0, 0.3) !important;
}

button.red:not([disabled]):hover {
    color: rgba(255, 0, 0, 0.95) !important;
    border-color: rgba(255, 0, 0, 0.6) !important;
}

button.orange {
    border-color: rgba(255, 76, 0, 0.3) !important;
}

button.orange:not([disabled]):hover {
    color: rgba(255, 76, 0, 0.9) !important;
    border-color: rgba(255, 76, 0, 0.6) !important;
}

div.red,
span.red {
    color: #E74C3C !important;
}

div.green,
span.green {
    color: #2ECC71 !important;
}

div.orange,
span.orange {
    color: #F7B738 !important;
}

#demonstrator_result .demonstrator-item.judged {

}

.overflow {
    height: 300px;
}

.ui-selectmenu-menu > ul,
ul.ui-autocomplete {
    max-height: 400px;
    overflow: auto;
    box-shadow: 0px 5px 5px rgb(194, 194, 194);
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

#demonstrator_edit .state div {
    padding: 5px;
}

footer {
/ / width: 100 %;
    height: 67px;
    background: #bed62f;
    position: fixed;
    bottom: 0px;
    overflow: hidden;
}

.noty_text {
    font-family: 'Armata';
}

.timetable-availability-matrix {
    width: 100%;
    border-collapse: collapse;
    max-width: 550px;
    margin: auto;
}

#time_night .timetable-availability-matrix {
    max-width: 800px;
}

.timetable-availability-matrix tr:first-of-type th:first-of-type {
    width: 100px;
}

.timetable-availability-matrix th,
.timetable-availability-matrix td {

    border: 1px solid white;
    width: 70px;
    height: 40px;
    vertical-align: middle;
}

.timetable-availability-matrix td {
    border: 1px solid white;
    text-align: center;
    vertical-align: middle;
    width: 70px;
    height: 40px;
}

.timetable-availability-matrix td .fa {
    font-size: 2em;
}

.icon-button:hover {
    cursor: pointer;
/ / font-size: 2.2 em !important;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.icon-button.hidden {
    display: none;
    font-size: 1.8em !important;
}

.icon-button-container:hover .icon-button.hidden {
    display: inline-block;
    opacity: 0.6;
}

#division_table input {
    width: 75px;
}

/*#division_table{
  font-size: 0.8em !important;
}
#division_table thead th,
#division_table select,
#division_table input{
  font-size: 0.8em !important;
}*/

#division_table textarea {
    /* font-size: 0.8em !important;*/
    height: 21px;
}

#division_table tbody td.fir {
    width: 30%;
}

#division_table tbody td.sec {
    width: 18%;
}

#division_table tbody td.thi {
    width: 25%;
}

#division_table tbody td.fou {
    width: 30%;
}

#division_table tbody.row-container > tr > td {
    border-bottom: 1px solid rgb(219, 219, 219);
    white-space: nowrap;
}

#division_table td.ellipsis {
    text-overflow: ellipsis;
/ / white-space: nowrap;
}

#division_table textarea {
    width: 100%;
    height: 100%;
}

.data-highlight {
    font-weight: bold;
    font-style: italic;
    margin-right: 10px;
}

.modded {
    border: 1px solid orange;
}

.fa.button {
    cursor: pointer;
    color: #00add7;
}

.fa.button:hover {
    color: rgb(76, 76, 76);
}

.icon-container .icon-button.temp {
    opacity: 0.4;
}

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

.timetable_course_claim textarea {
    width: 100%;
    height: 100px;
    margin-top: 10px;
}

.overlay_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: white;
    z-index: 10;
}

#menu,
#menu ul,
#menu li,
#menu a {
    list-style-type: none;
    text-decoration: none;
    background: transparent;
    color: white;
    border: none;
}

#menu li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

#menu {
    padding: 0px;
    margin-top: 0;
}

#menu,
#menu ul {

}

#menu ul {
    padding: 0;
}

#menu > li a {
    padding: 0 0 0 10px;
}

#menu a {
    line-height: 3;
    /*white-space: nowrap;*/
    font-weight: normal;
}

#menu a span {
    text-overflow: ellipsis;
}

#menu .fa {
    margin: auto;
    margin-right: 10px;
    width: 20px;
}

#menu li:hover,
#menu li.current.highlight {
    background: rgba(255, 255, 255, 0.2);
/ / text-align: left;
}

#menu ul {
    /*  background: #1C2527;*/
    background: #28420D;
}

#menu .menu-arrow {
    position: absolute;
    right: 0px;
    top: 9px;
}

#menu .system-news-container {
    border-radius: 7px;
    position: absolute;
    right: 36px;
    top: 9px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    height: 16px;
    width: 32px;
}

#menu .system-news-content {
    top: -10px;
    display: inline-block;
    width: 32px;
    text-align: center;
    vertical-align: top;
    position: relative;
    font-weight: bold;
}

.system-menu-title {
    color: white;
    font-family: Roboto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 15px;
    padding-left: 15px;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#searchbox_container {
    position: relative;
}

#search-icon,
#qr-icon {
    position: absolute;
    right: 12px;
    top: 4px;
    font-size: 20px;
    color: rgb(80, 80, 80);
    cursor: pointer;
}

#qr-icon {
    right: 36px;
    top: 6px;
}

#search-icon:hover {
    color: black;
}

#ajaxloading_overlay {
    position: fixed;
    width: 100vw;
    height: 60px;
    left: 0;
    bottom: 0;
    background: rgb(80, 131, 26);
    opacity: 0.6;
    z-index: 10000;
}

#ajaxloading {
    position: absolute;
    left: 49%;
    top: 15%;
    z-index: 10000;
}

#ajaxloading .fa {
    color: rgb(190, 214, 47);
    font-size: 30pt;
}

#login_container {
/ / width: 600 px;
    margin: auto;
    line-height: 2;
}

#login_content {
    width: 300px;
    margin: auto;
    text-align: justify;
    padding: 10px;
}

#login_content input {
    margin-bottom: 20px;
    width: 260px;
}

#login_content h2 {
    color: white;
    margin-top: 0;

}

#login_content #reg_submit {
    width: auto;
    margin-right: 16px;
}

#login_button_container {
    text-align: right;
}

.ui-state-success,
.ui-widget-content .ui-state-success,
.ui-widget-header .ui-state-success {
    border: 1px solid rgb(80, 131, 26);
    background: rgb(190, 214, 47);
    color: white;
}

.ui-state-success a,
.ui-widget-content .ui-state-success a,
.ui-widget-header .ui-state-success a {
    color: rgb(80, 131, 26);
}

.float {
    float: left;
    margin: 5px 15px 5px 15px;
    /* border: 1px solid gray; */
    padding: 0px 15px 0px 15px;
}

.clearfix {
    clear: both;
}

#pager {
    float: left;
    margin: 20px;
}

#pager a span {
    padding: .4em .2em;
}

#tabs {
    margin-top: 20px;
}

#html5_qrcode_video {
    height: 100%;
}

#timetable-availability table.classroom td {
    vertical-align: top;
}

#timetable-availability label.classroom {
    display: block;
    /*white-space: nowrap;*/
    text-align: left;
}

#timetable-availability label.classroom div {
    /*float:left;*/
    vertical-align: middle;
    display: inline-block;
}

.new_button {
    z-index: 3;
    position: fixed;
    right: 40px;
    bottom: 40px;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    background: #db4437;
    color: white;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    border: none;
    box-sizing: content-box;
}

.new_button:hover {
    background: #F14D3F;
    box-shadow: 0 0 6px rgba(0, 0, 0, .18), 0 6px 8px rgba(0, 0, 0, .32);
}

.new_button:hover + .new_button_extra,
.new_button_extra:hover {
    pointer-events: auto;
    display: inline-block;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.new_button:active {
    background: #C33E33;
    box-shadow: none;
}

.new_button:focus {
    outline: 0;
}

.new_button .fa {
    font-size: 180%;
}

.new_button.new_button_2 {
    position: absolute;
    bottom: 70px;
    background: #00ADD7;
    width: 40px;
    height: 40px;
    right: 10px;
    cursor: pointer;

}

.new_button_2:hover {
    background: #00BBE8;
}

.new_button.new_button_2 i {
    z-index: 3;
    position: absolute;
    font-size: 20px;
    left: 12px;
    top: 10px;
    color: white !important;
}

.new_button_extra {
    pointer-events: none;
/ / display: none;
    opacity: 0;
    z-index: 2;
    right: 40px;
    bottom: 40px;
    position: fixed;
    height: 130px;
    width: 60px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.new_button_extra .info {
    display: inline;
    white-space: nowrap;
    position: absolute;
    right: 70px;
    text-align: right;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.new_button_extra .basic {
    bottom: 7px;
}

.new_button_extra .extra_1 {
    bottom: 72px;
    right: 59px;
}

span.percentage {
    margin-left: -34px;
    z-index: 10;
    position: relative;
    margin-right: 20px;
}

.teacher_percentage {
    display: inline-block;
}

.main_teacher_button_container {
    display: inline-block;
}

#division_table span.teacher_name {
    display: inline-block;
    width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;

}

.overlay-striped {
    position: absolute;
    background: #50831A url("../img/ui-bg_diagonals-thick_50_50831A_40x40.png") 50% 50% repeat;
    opacity: .2;
    filter: Alpha(Opacity=20);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* support: IE8; */
}

#job-order,
#student-order {
    float: right;
    margin: 20px;
}

#job-order > h3,
#student-order > h3 {
    display: inline-block;
}

#job-order .ui-selectmenu-button,
#student-order .ui-selectmenu-button {
    vertical-align: middle;
}

.jobhead .pin,
.studenthead .pin {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 140%;
}

.company_img {
    float: left;
}

.company_img img {
    margin: 20px;
    margin-right: 50px;
}

.company_data {
    margin-top: 20px;
}

.data_block {
    padding-bottom: 20px;
}

.data_row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.data_row.left {
    float: left;
    width: 50%;
    padding-right: 2%;
}

.data_row.right {
    float: left;
    width: 50%;
    padding-left: 2%;
}

.data_label {
    font-weight: bold;
    width: 120px;
    text-align: right;
    display: inline-block;
    margin-right: 30px;
    color: #3f7a3a;
}

.block_title {
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    color: #3f7a3a;
    font-size: 120%;
}

.new_button {
    z-index: 3;
    position: fixed;
    right: 40px;
    bottom: 40px;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    background: #db4437;
    color: white;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    border: none;
    cursor: pointer;
    box-sizing: content-box;
}

.new_button:hover {
    background: #F14D3F;
    box-shadow: 0 0 6px rgba(0, 0, 0, .18), 0 6px 8px rgba(0, 0, 0, .32);
}

.new_button:hover + .new_button_extra,
.new_button_extra:hover {
    pointer-events: auto;
    display: inline-block;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.new_button:active {
    background: #C33E33;
    box-shadow: none;
}

.new_button:focus {
    outline: 0;
}

.new_button .fa {
    font-size: 180%;
}

.new_button.new_button_2 {
    position: absolute;
    bottom: 70px;
    background: #00ADD7;
    width: 40px;
    height: 40px;
    right: 10px;
    cursor: pointer;

}

.new_button_2:hover {
    background: #00BBE8;
}

.new_button.new_button_2 i {
    z-index: 3;
    position: absolute;
    font-size: 20px;
    left: 12px;
    top: 10px;
    color: white !important;
}

.new_button_extra {
    pointer-events: none;
/ / display: none;
    opacity: 0;
    z-index: 2;
    right: 40px;
    bottom: 40px;
    position: fixed;
    height: 130px;
    width: 60px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.new_button_extra .info {
    display: inline;
    white-space: nowrap;
    position: absolute;
    right: 70px;
    text-align: right;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.new_button_extra .basic {
    bottom: 0px;
}

.new_button_extra .extra_1 {
    bottom: 72px;
    right: 59px;
}

.student_availability .fa,
.job_availability .fa {
    font-size: 200%;
    margin-right: 5px;
    color: rgb(255, 20, 20);
}

.job_availability .fa.no {
    color: rgb(80, 131, 26);
}

#cv_upload_form input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    margin: -30px 0 0 -30px;
}

#cv_upload_form i, #cv_upload_form div.title {
    pointer-events: none;
}

.datasheet .panelcolor1 {
    background: #3f7a3a;
}

.datasheet .panelcolor2 {
    background: #ecb22a;
}

.datasheet .flat-panel {
    position: relative;
    vertical-align: top;
    list-style-type: none;
    display: inline-block;
    min-height: 210px;
    width: 94%;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 30px;
    color: white;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 2px 1px rgba(0, 0, 0, 0.2);
}

.datasheet .flat-panel .title {
    font-family: 'Armata';
    color: #ffffff;
    position: absolute;
    top: 10px;
    left: 20px;
    min-width: 179px;
    text-align: left;
}

.datasheet .flat-panel .data {
    float: left;
    padding-right: 25px;
    /* max-width: 80%;*/
}

.datasheet .flat-panel .img-data {
    float: left;
    border: 5px solid white;
    margin-right: 30px;
    margin-top: 5px;
}

.datasheet .flat-panel .img-data img {
    height: 140px;
    display: block;
}

.datasheet .flat-panel .label {
    font-family: 'Roboto';
    width: 75px;
    text-align: right;
    display: inline-block;
    margin-right: 10px;
}

.datasheet .flat-panel .value {
    font-family: 'Armata';
    max-width: 100%;
    text-align: left;
    display: inline-block;
}

.datasheet .flat-panel .text {
    font-family: 'Armata';
    font-size: 0.77em;
    margin: 2px;
}

.datasheet .flat-panel .icon-label {
    width: 20px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    font-size: 1.5em;
}

.datasheet .flat-panel table {
    border-collapse: collapse;
}

.datasheet .flat-panel td {
    border: 1px solid #ffffff;
    text-align: center;
    border-left: 0;
    border-right: 0;
}

.datasheet .flat-panel td {
    border: 1px solid #ffffff;
    text-align: center;
    border-left: 0;
    border-right: 0;
}

.datasheet .flat-panel .language td {
    width: 18%;
}

.datasheet .wrapper {
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    float: left;
    vertical-align: top;
}

.datasheet .wrapper_1_of_2 {
    width: 46%;
    margin-left: 15px;
    margin-right: 1%;
}

.datasheet .wrapper_2_of_2 {
    width: 46%;
    margin-left: 1%;
    margin-right: 15px;
}

.datasheet .wrapper_1_of_3 {
    width: 30%;
    margin-left: 15px;
    margin-right: 1%;
}

.datasheet .wrapper_2_of_3 {
    width: 30%;
    margin-left: 1%;
    margin-right: 1%;
}

.datasheet .wrapper_3_of_3 {
    width: 30%;
    margin-left: 1%;
    margin-right: 15px;
}

.datasheet .wrapper_2_3_of_3 {
    width: 62%;
    margin-left: 1%;
    margin-right: 15px;
}

.datasheet .wrapper .flat-panel {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
}

.datasheet .dark_text {
    color: #013366;
}

.datasheet .dark_text hr {
    border-bottom: 1px solid #013366 !important;
}

.datasheet .explanation {
    font-size: 0.6em !important;
}

.datasheet .small_icon {
    font-size: 1.0em !important;
}

.datasheet .date {
    width: 6.7em !important;
}

.datasheet .flat-panel a.menu {
    float: right;
    font-size: 2.2em;
    cursor: pointer;
    text-decoration: none;
    color: white;
    margin: 0 .2em;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4);
}

.datasheet .flat-panel a.menu:hover {
    opacity: .9;
    text-shadow: none;
}

.block {
    margin-top: 1px;
    margin-bottom: 1px;
}

.datasheet .container {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.datasheet h3 {
    color: white;
}

.reg-type {
    width: 48%;
    height: 150px;
    text-align: center;
    padding: 16px 8px 8px;
    color: white !important;
    text-decoration: none;
}

.reg-type .title {
    margin: 10px 0 0 0;
    font-size: 1.4em;
}

.reg-type .fa {
    font-size: 5em;
}

#reg-company.reg-type {
    float: left;
    background: #ECB22A;
}

#reg-student.reg-type {
    float: right;
    background: #3f7a3a;
}

#reg .ui-widget-header {
    text-align: right;
    padding-right: 15px;
}

.datasheet .avatar {
    margin: auto;
    border: 1px solid #013366;
    border-radius: 2px;
    width: 152px;
    height: 150px;
    position: relative;
    opacity: .9;
}

.datasheet .avatar input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    cursor: pointer;
}

.datasheet .avatar:hover {
    opacity: 1;
}

.datasheet i.icon {
    position: absolute;
    bottom: .01em;
    font-size: 3em;
    right: .05em;
    color: gray;
}

.datasheet .avatar img {
    width: 150px;
    height: 150px;
}

/*#timetable-availability button.classroom div:not(.cb){
    float:right;
}*/

/*
#division_table select.department{
  width: 300px;
}*/
/*
* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }*/
#according {
    width: 95%;
    margin: auto;
}

.data_rows_thesis_themes_companion, .data_rows_thesis_themes_name, .data_rows_thesis_themes_fo, .data_rows_thesis_themes, .textarea_thesis_themes {
    color: #6c7685;
    border: 1px solid #2E86C0;
    background: #e5eff8;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
    margin-bottom: 10px;
}

.data_rows_thesis_themes_companion {
    width: 90%;
    margin-right: auto;
}

.radio_button_thesis {

}

.textarea_thesis_themes {
    height: 100px;
    resize: none;
}

.cimke-jobb {
    width: 15%;
    text-align: right;
}

.cimke-kozep {
    width: 200px;
    text-align: right;
}

.cimke-bal {
    width: 50%;
}

.torles {
    float: right;
    cursor: pointer;
    font-weight: bold;
    width: 100px;
    height: 50px;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    background: #2C3E4F;
    color: white;;
    border-radius: 10px;
    margin-top: -20px;
}

.torles:hover {
    background-color: #2E86C0;
}

.post {
    float: right;
    cursor: pointer;
    font-weight: bold;
    width: 250px;
    height: 50px;
    text-align: left;
    font-size: 20px;
    background: #2C3E4F;
    color: white;;
    border-radius: 10px;
    margin-right: -60px;
    -webkit-margin-end: -115px;
    position: relative;
}

.post_container {
    width: 100%;
    height: 50px;
}

.to_post {
    position: absolute;
    float: left;
    margin: auto;
    margin-top: 12px;
    margin-left: 30px;
}

.post:hover {
    background-color: #2E86C0;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    /*color: black;*/
}

.radio_button_thesis_filter {
    width: 100%;
}

.radio_button_thesis_filter td:nth-child(2) {
    float: right;
}

.add_button_holder {
    color: #50831A;
    line-height: 1.3;
    list-style: none;
    font-family: 'Armata';
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.minus_button {
    display: inline-block;
    width: 20px;
    height: 18px;
}

#minus_icon {
    font-size: 20px;
    margin-left: 10px;
}

#minus_icon:hover {
    color: #00add7;
}

#plus_icon {
    font-size: 20px;
    color: #6c7685;
}

#plus_icon:hover {
    color: #00add7;
}

.to_delete {
    margin-bottom: auto;
    display: block;
/ / border-bottom: 1 px solid #2E86C0;
}

#title_searchbox {
    margin-top: 100px;
    margin-left: 20px;
    margin-bottom: -20px;
    height: 50px;
}

#search-icon_thesis,
#qr-icon {

    right: 12px;
    top: 4px;
    font-size: 20px;
    color: rgb(80, 80, 80);
    cursor: pointer;
    float: right;
    position: absolute;
}

#qr-icon {
    right: 36px;
    top: 6px;
}

#search-icon_thesis:hover {
    color: black;

}

#searchbox_thesis {
    width: 100%;
    float: right;
}

.title_thesis {
    float: left;
    width: 30%;
}

.title_thesis_themes {
    margin: auto;
}

.cont_searchbox_thesis {
    float: right;
    width: 40%;
    margin-top: 5px;
    display: block;
    position: relative;

}

.thesistheme-block {
    overflow: hidden !important;
}

.status_container {
    height: 40px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    font-family: Roboto !important;
    overflow: hidden;
    width: 100%;
    bottom: 0%;
    position: absolute;
    margin-bottom: 30px;
}

.place_to_co_teacher_data_fill {
    width: 100%;
    margin-right: 0;
}

.co_teachers_extra_data {
    background: red;

    width: 300px;
    height: 200px;
}

.more_co_teacher_info {
    font-size: 20px !important;
    padding-top: 3px;
    position: absolute;
    margin-left: 20px;

}

.more_co_teacher_info:hover {
    color: #00add7;
}

.modified_deletable_rows2 {
    resize: none;
    width: 481px;
    height: 200px;
    margin-top: 10px;
}

.modified_deletable_rows1 {
    margin-left: 39px;
}

.modified_deletable_rows11 {
    margin-left: 42px;
}

.modified_deletable_rows12 {
    margin-left: 24px;
}

.modified_deletable_rows13 {
    resize: none;
    width: 481px;
    height: 100px;
    margin-top: 10px;
}

.to_delete_designe_bottom {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}

.to_delete_designe_bottom:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 50%;
    border-bottom: 1px solid #50831A;
}