.profile-bg {
    background-image: url(../img/profile.png) !important;
    background-position: center;
}
.profile {
    width: 80%;
    margin: auto;
    margin-top: 20px;
}
.profile.smu-border{
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.profile.smu_basic_info{
  padding-top: 0px !important;
  margin-top: 0px !important;
}
#regmenubox {
    margin-top: 80px;
}

#regmenubox ul {
    display: flex;
    width: max-content;
    width: -moz-max-content;
}

#regmenubox ul li {
    margin-rigth: 30px;
    height: 30px;
}

#regmenubox ul li a:hover {
    color: #2cc654;
    background-color: rgba(35,192,76,0.2);
    border: 1px solid rgba(35,192,76,0.2);
}

#regmenubox a {
    font-family: "Poppins", sans-serif;
    background-color: rgba(255,255,255,0.2);
    color: white;
    font-size: 14px;
    padding: 0.5vw 27px;
    margin: 13px;
    margin-left: 0;
    border: 1px solid rgba(255,255,255,0.2);
    cursor: pointer;
    text-transform: uppercase;
}

.paginationjs-pages li a {
    display: flex;
    margin-left: 20px;
    text-transform: capitalize;
    color: black;
}

.paginationjs-pages ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.paginationjs-prev a, .paginationjs-next a {
    font-family: "Poppins", sans-serif;
    background-color: #ccc !important;
    color: black;
    font-size: 13px !important;
    padding: 0.5vw 27px;
    margin: 13px;
    margin-left: 0;
    border: 1px solid rgba(255,255,255,0.2);
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    height: auto !important;
}

.paginationjs-prev a:hover, .paginationjs-next a:hover {
    border: 1px solid #7eb079;
    background-color: #2cc654 !important;
    color: black;
}

.paginationjs-page a {
    font-family: "Poppins", sans-serif;
    background-color: #ccc !important;
    color: black;
    font-size: 13px !important;
    padding: 0.5vw 27px;
    margin: 13px;
    margin-left: 0;
    border: 1px solid rgba(255,255,255,0.2);
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    height: auto !important;
}

.paginationjs-page a:hover {
    border: 1px solid #7eb079;
    background-color: #ffffff !important;
    color: black;
}

.active-link {
    color: #2cc654 !important;
    background-color: rgba(35,192,76,0.2) !important;
    border: 1px solid rgba(35,192,76,0.2) !important;
}

.main-tab {
    display: flex;
}

.main-tab a {
    margin-left: 20px;
    text-transform: capitalize;
    background-color: #757575 !important;
    white-space:nowrap;
}

.active-tab {
    background-color: #757575 !important;
}

#profiletable {
    margin-bottom: 35px;
}

.profile-head {
    display: flex;
    margin-bottom: 23px;
    justify-content: center;
    align-items: center;
}

.profile-head a {
    margin-left: 77px;
    text-align: center;
    background-color: #c5c5c5 !important;
}

.profile-head h2 {
    font-weight: 600;
    margin-left: 28px;
    font-size: 18px;
}

.profile-pupil-info h2 {
    font-weight: 600;
    margin-left: 28px;
    font-size: 18px;
    text-align: center;
}

.profile-info {
    display: flex;
    /*justify-content: center;*/
    font-size: 13px;
}

.tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 27px;
}

#delete-profile {
    justify-content: left;
    margin-bottom: 0;
    margin-left: 250px;
}

.delete-info {
    width: 610px;
    margin: auto;
    margin-bottom: 150px;
    font-size: 13px;
}

.delete-info-email {
    color: #24bc4b;
}

#profile-change {
    flex-direction: row;
    margin-top: 66px;
    margin-bottom: 183px;
}

#profile-change .profile-head {
    padding-left: 25vw;
    justify-content: left;
}

#pass1 input, #passw2 input, #oldpassword input, .addinput input {
    border: none;
    border-radius: 0;
    font-family: "Poppins", sans-serif;
    background-color: #F6F6F6;
    height: 30px;
    text-indent: 8px;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 16vw;
    font-size: 11px;
}

.addinput {
    text-align: right;
}

/*.addinput input:disabled, span {*/
    /*color: #d4d4d4;*/
/*}*/

.addinput span {
    font-size: 13px;
}

#profile-soc {
    width: 50%;
    margin: auto;
    font-family: "Poppins", sans-serif !important;
}

.profile-change {
    margin: auto;
    margin-top: 40px;
    margin-bottom: 100px;
    width: 50%;
    text-align: center;
    font-size: 12px;
    display: flex;
    justify-content: center;
}

#table_id, #apstiprinatie, #pamatskola {
    font-size: 13px;
    width: 80% !important;
}

/*.dataTables_wrapper  {*/
    /*margin-bottom: 40px;*/
    /*border-radius: 5px;*/
    /*padding: 50px;*/
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
/*}*/

#pamatskola_wrapper {
    display: none;
}

/*
.dataTable {
    border: 1px solid #c5c5c5;
    border-radius: 7px;
    border-bottom: none !important;
}
*/

.dataTables_paginate {
    float: none !important;
    text-align: center !important;
}

.dataTable th {
    color: #757575;
}

.dataTable td {
    text-align: center !important;
}

.dataTable thead th, .dataTable thead td {
    padding: 15px 0.2vw !important;
    border: 1px solid #c5c5c5 !important;
}

.dataTable .no-footer {
    border: none !important;
}

.dataTable td {
    border: 1px solid #c5c5c5;
}

.status-btn {
    font-family: "Poppins", sans-serif;
    color: #d0d0d0;
    font-size: 13px !important;
    cursor: pointer;
    text-align: center;
    /*background: url("../img/no.png") no-repeat;*/
    transition:all 0.3s;
}
.status-btn.apstiprinatBtn:hover{
    color: #16B01A;
}
.status-btn.noraditBtn:hover{
  color: red;
}
body table.dataTable thead .sorting_asc {
    background-image: url(/images/sort_asc2.png);
}
body table.dataTable thead .sorting_desc {
    background-image: url(/images/sort_desc2.png);
}
body .dataTables_wrapper .dataTables_filter {
  text-align:left;
  float:none;
}
body .dataTables_wrapper .dataTables_filter input{
  -moz-appearance: none;/* older firefox */
  -webkit-appearance: none; /* safari, chrome, edge and ie mobile */
  appearance: none; /* rest */
  width: 200px;
  font-size: 17px;
  height: 33px;
  margin-left:0px;
  border: 1px solid #ddd;
  padding: 0px 3px;
  margin-bottom: 20px;  
}
.labot-btn {
    font-family: "Poppins", sans-serif;
    color: #d0d0d0;
    font-size: 13px !important;
    cursor: pointer;
    text-align: center;
}

.labotBtn:active {
    background: #24bc4b;
}

.docreatecert,.doprintcert{
  color: #24bc4b;
  text-transform:uppercase;
}
table.dataTable.display#apstiprinatie tbody tr.odd>.sorting_2{
  background:none;
}
.column-btn {
    padding: 0 !important;
    text-align: center;
}

.column-btn-st {
    display: flex;
    justify-content: space-around;
}

.control-panel {
    display: flex;
    margin-bottom: 13px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.control-panel h2 {
    margin: 0 !important;
    margin-bottom: 30px !important;
}

.control-btn a {
    margin: 20px !important;
}

.control-btn-one {
    width: 100%;
    font-family: "Poppins", sans-serif;
    color: white;
    font-size: 13px !important;
    padding: 0.5vw 27px;
    cursor: pointer;
    text-align: center;
    background: #757575;
    white-space:nowrap;
    transition:all 0.3s;
}

.control-btn-one:hover {
    background-color: #2cc654 !important;
}
.paginate_button  {
    background: #cccccc !important;
    text-align: center;
    font-size: 13px;
    color: white !important;
    border-radius: 0 !important;
    border: none !important;
    margin: 0 0.29rem !important;
}

.current {
    background-color: #757575 !important;
    color: white !important;
}
.dataTables_paginate {
    margin-top: 1rem !important;
}

.dataTable .odd {
    background-color: white !important;
}
.dataTable tr:hover{
  background-color:#f6f6f6 !important;
}

.sorting_1 {
    background-color: white !important;
}

.noradit {
    background-color: #24bc4b;
    color: white;
}

.noradit-no {
    background: url("../img/no.png") no-repeat;
    background-position: center;
    cursor: pointer;
    transition:all 0.3s;
}
/*
.noradit-no:hover {
    background: url("/img/no3.png") no-repeat;
    background-position: center;

}
*/
.info-marker{
  cursor: unset !important;
}

.astiprinat-yes {
    background: url("../img/yes.png") no-repeat;
    background-position: center;
    cursor: pointer;
}

.no {
    background: url("../img/no-form.png") no-repeat;
    background-position: center;
}

.yes {
    background: url("../img/yes-form.png") no-repeat;
    background-position: center;

}

.yes:hover {
    background-color: #24bc4b !important;
}

.no:hover {
    background-color: #c50015 !important;
}

td p {
    margin: 0;
    padding: 15px;
    width: 50%;
}

.activaite-btn {
    cursor: pointer;
    color: white;
    font-size: 13px !important;
}

.submitTab {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.submitTab p {
    width: 30%;
    font-size: 8px;
    text-align: center;
    margin: auto
}

.main-table-container {
    display: none;
}

.tableBox {
    margin-bottom: 40px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    min-width: 750px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.tableBox h2 {
    font-weight: 600;
    margin-left: 28px;
    font-size: 18px;
    text-align: center;
}

.sertBtn {
    background-color: #c5c5c5 !important;
}

.submitBtnAll, .sertBtn {
    margin-right: 0 !important;
}

#table_id .sorting,  #table_id .sorting_asc, #table_id .sorting_desc {
    background : none;
}

#apstiprinatie .sorting,  #apstiprinatie .sorting_asc, #apstiprinatie .sorting_desc {
    padding-right:20px !Important;
}


.dt-buttons {
    display: none;
    justify-content: flex-end;
    align-items: center;
    margin-right: 4%;
    margin-left: 5%;
    margin-bottom: 15px;
}

.dt-buttons p {
    color: #a6a6a6;
    font-size: 13px;
}

.buttons-excel {
    width: 32px;
    height: 22px;
    /*font-size: 12px;*/
    font-family: inherit;
    background-color: #e44465;
    color: white;
    border: none;
    margin-right: 5px;
    padding: 0;
    margin-left: auto;
}

.buttons-pdf {
    width: 32px;
    height: 22px;
    /*font-size: 12px;*/
    font-family: inherit;
    background-color: #53bc7d;
    color: white;
    border: none;
    padding: 0;
}

#klasseSrt, #datumsSrt {
    width: 70px;
    height: 22px;
    font-size: 12px;
    font-family: inherit;
    background-color: #a6a6a6;
    background-image: url(http://cdn.datatables.net/1.10.19/images/sort_both.png);
    background-repeat: no-repeat;
    background-position: right;
    text-align: left;
    color: white;
    border: none;
    margin-right: 5px;
    margin-left: 15px;
    align-items: start;
}

.sorting-asc {
    background-color: #53bc7d !important;
    background-image: url(http://cdn.datatables.net/1.10.19/images/sort_asc.png) !important;
    background-repeat: no-repeat;
    background-position: right;
}

.sorting-desc {
    background-color: #53bc7d !important;
    background-image: url(http://cdn.datatables.net/1.10.19/images/sort_desc.png) !important;
    background-repeat: no-repeat;
    background-position: right;
}

#klasseSrt:hover, #datumsSrt:hover {
    cursor: pointer;
}

.smu-border {
    margin-bottom: 40px;
    border-radius: 5px;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
    min-width: 750px;
    max-width: 1024px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.conf-border {
    margin-bottom: 40px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    min-width: 750px;
    padding: 0 20px;
}

.smu-name {
    width: 20%;
}

.smu-profile {
    margin-top: -5px;
}

.info-smu {
    display: flex;
    padding-left: 40px;
    font-size: 13px;
    padding-top: 31px;
    padding-bottom: 54px;
}

.documents {
    margin-left: 50px;
    width: 50%;
}

.documents-header {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.reports-header {
    width: 64%;
    margin: auto;
    display: none;
}

.document-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    margin: auto;
    margin-bottom: 10px !important;
    padding: 0 10px;
    background-color: #fafafa;
}

.documents-container {
    margin-top: 13px;
}

.doc-info {
    display: flex;
    align-items: center;
}

.document-box h2 {
    padding-left: 35px;
    border-left: 1px solid grey;
    font-weight: 600;
    /*margin-left: 28px;*/
    font-size: 18px;
    text-align: center;

}

.addRow {
    margin-left: 83px;
}

.flex-row {
    display: flex;
}

/*.bg-doc {*/
    /*background-image: url(../img/bg-doc.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: left;*/
    /*padding-left: 34px;*/
    /*background-size: 11%;*/
/*}*/

.docs {
    display: flex;
    flex-direction: row;
}

.activitate {
    display: flex;
    float: row;
}

.smu-name h2 {
    font-weight: 600;
    font-size: 18px;
}

.smu-button {
    width: 20%;
    padding-top: 34px;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.show-info, .reg-succes {
    background-color: #757575 !important;
}

/*.show-info:active {*/
    /*background-color: #16B01A !important;*/
/*}*/

.docs-card {
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    margin-right: 30px;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer;
}

.docs-card p {
    font-size: 9px;
    margin-left: 0.7rem
}

#docTooltip{
  position:absolute;
  color:rgba(51,51,51);
  border:1px solid #ddd;
  border-radius:4px;
  padding:10px 10px;
  background:white;
  font-size:12px;
  text-transform:none;
  display:none;
}

.open-info-smu {
    color: #010000;
    font-family: "Poppins", sans-serif;
}

.company-detail {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 13px;
    padding-top: 31px;
    padding-bottom: 54px;
    display: none;
}

.company-header {
    display: flex;
}

.company-info {
    border-top: 1px solid #c5c5c5;
    padding-top: 35px;
}

#company-table, #table-service, #table-apliecibas  {
    border-collapse: collapse;
    width: 100%;
}

#company-table td, th{
    border: 1px solid #c5c5c5;
}

#table-apliecibas td, th {
    border: 1px solid #c5c5c5;
}
#table-apliecibas td {
    padding: 10px;
}

#table-apliecibas {
    margin-bottom: 50px;
    font-size: 13px;
}

.show {
    display: block;
}

.show-import {
    display: block !important;
}

.show-flex {
    display: flex !important;
}

#company-table tr,#company-table th {
    padding: 20px;
}

#table-service td, th {
    border: 1px solid #c5c5c5;
}

#table-service td {
    padding: 10px;
}

.table-salary td {
    padding: 10px;
}

.button-tab {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.selectCompInfo {
    width: 101%;
}

.header-apliciebas {
    font-weight: 600;
    margin-left: 28px;
    font-size: 18px;
    text-align: center;
}
.profile-pupil-bg {
    background-image: url(../img/profile-bg-pupil.jpg) !important;
    background-position: center;
}

.profile-pupil-info {
    font-size: 13px;
    width: 60%;
    margin: auto;
    margin-bottom: 40px;
}

.profile-pupil-info p {
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 1px;
}

.pupil-info, .pupil-parent, .pupil-smu {
    padding-bottom: 13px;
    border-bottom: 1px solid #c5c5c5;
    padding-left: 15vw;
    margin-top: 13px ;
}

.pupil-parent {
    display: none;
}

.pupil-smu {
    border-bottom: none;
}

.confirmation {
    display: none;
    align-items: center;
    flex-direction: column;
}

.confirmation ol {
    width: 75%;
}

.confirmation li {
    color: black;
    font-weight: normal;
    list-style-type: decimal;
    padding-bottom: 0.1vw;
}

.status {
    display: none;
    text-align: center;
    width: 100%;
    margin: auto;
    margin-top: 27px;
}

.status h2 {
    font-weight: 600;
    margin-left: 28px;
    font-size: 18px;
}

.status-info {
    color: grey !important;
}

.parent-full-name, .full-name, .pupil-smu-name {
    /*padding-top: 13px;*/
}

#compinfo textarea {
    border: none;
    border-radius: 0;
    font-family: "Poppins", sans-serif;
    background-color: #F6F6F6;
    text-indent: 8px;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 100%;
    font-size: 11px;
}

#compinfo select {
    width: 51%;
}

.changeprofile {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-bottom: 1px solid #dddddd;
    padding: 10px;
    padding-right: 15vw;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#compinfo p {
    text-align: center;
    border-bottom: 1px solid #dddddd;
    padding: 15px;
    margin-bottom: 20px;
}

#removeemp .emprow {
    margin-bottom: 20px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    /*padding: 15px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.deleteform {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0 0 10px rgba(192, 192, 192, 0.5);
}

.empname, .empemail {
    display: flex;
    align-items: baseline;
}

.empname span, .empemail span {
    margin-right: 5px;
}

.addEmp {
    margin-left: 230px;
}

.addemp {
    display: none;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

/*.info-apllication {*/
    /*position: relative;*/
    /*top: 27px;*/
    /*right: 8px;*/
/*}*/

.info-apllication {
    position: relative;
    top: 1.6vw;
    right: 8px;
    width: 13px;
    background-color: #2cc654;
    height: 13px;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-size: 0.75vw;
}

.info-apllication:hover::after {
    content: attr(data-title);
    font-size: 13px;
    position: absolute;
    min-width: 15vw;
    cursor: pointer;
    margin-top: 20px;
    margin-left: -20px;
    /*left: 20%;*/
    /*top: 30%;*/
    /*z-index: 1;*/
    background: rgb(255, 255, 255);
    font-family: "Poppins", sans-serif;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    white-space: normal;
    color: #9a9a9a;
}

.info-apllication img {
    width: 4%;
}

.info-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
}

.small-addit {
    width: 17% !important;
    margin-left: 13px;
    padding: 17px;
    text-align: left !important;
}

.info-addit {
    width: 25%;
    font-size: 0.75vw !important;
    color: #919191;
    text-align: left;
}

#confirmParentInfo {
    margin-right: 27px;
}

.addemp form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.addbutton {
    margin-right: 4vw;
}

.application h2 {
    font-weight: 600;
    margin-left: 28px;
    font-size: 18px;
    text-align: center;
}

.date {
    font-size: 13px;
}

.name-document {
    margin: 0 !important;
    padding-left: 5px!important;
}

.date-doc p  {
    margin: 0;
    padding-right: 5px;
}

.technical h2{
    font-weight: 600;
    margin-left: 28px;
    font-size: 18px;
    text-align: center;
}

.technical-info, .events-info {
    text-align: center;
    font-size: 13px;
}

.events_wrap {
    justify-content: space-around;
    align-items: center;
    /*width: 70%;*/
    margin: auto;
    margin-bottom: 20px !important;
}

.event-box h2 {
/*
    padding-left: 35px;
    border-left: 1px solid grey;
*/
}
.event-box{
    flex-wrap:wrap;
    display: flex;

}


.application-border {
    margin-bottom: 40px;
/*
    border: 2px solid #f2f2f2;
    box-shadow: 0 0 10px rgba(192, 192, 192, 0.5);
    background-color: #fafafa;
*/
}

.event-description,.event-participants,.block-teach {
    display: none;
    flex-basis: 100%;
    padding:1vw 27px;
}

.active-btn {
    background-color: #16B01A !important;
    z-index: 1;
}

.grey {
    background-color: #c5c5c5 !important;
}

.light-grey {
    background-color: white !important;
    color: black;
    box-shadow: 0 0 10px rgba(192, 192, 192, 0.5);
}

.dark-grey {
    background-color: #cdcdcd !important;
    padding: 13px;
    border: none;
}

.green {
    background-color: #24bc4b !important;
}

.red {
    background-color: #c50015 !important;
}

.nohover {
    pointer-events:none;
}

#confirmMainInfo {
    margin-right: 83px;
}

.main-additional {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.additional-box {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
}

.smu-box p{
    margin: 0.5vw;
}

.smu-box, .employee-box, .materil-box, .stand-box, .confirm-box {
    width: 100%;
}

.stand-box input{
    border: none;
    border-radius: 0;
    font-family: "Poppins", sans-serif;
    background-color: #F6F6F6;
    height: 27px;
    text-indent: 8px;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 30vw;
    font-size: 11px;
}

.border {
    /*background-color: #fafafa !important;*/
    box-shadow: 0 0 10px rgba(192, 192, 192, 0.5);
}


.smu-box, .employee-box {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.materil-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stand-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stand-box p {
    width: 50%;
    text-align: center;
}

.stand-box span {
    font-size: 13px;
}

.stand-btn {
    display: flex;
    flex-direction: column;
}

.stand-btn button, .materil-btn button{
    font-style: italic;
    text-transform: lowercase !important;
}

.confirm-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btnGroup {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.emp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 10px rgba(192, 192, 192, 0.5);
    margin-bottom: 13px;
    font-size: 13px;
}

.empName {
    padding-right: 13px;
    padding-left: 13px;
    font-size: 13px;
    font-weight: normal;
}
.btn-group button:first-child {
    margin-bottom: 0.1vw;
}

.btn-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.addit-main-box p {
    font-weight: 600;
    font-size: 13px;
}


.addit-main-box h2 {
    font-weight: 600;
    font-size: 18px;
}

.dalibnieki {
    display: flex;
    flex-direction: row;
    margin-right: 0.5vw;
}

.additionla-p {
    text-align: center;
    font-weight: normal !important;
    width: 83%;
    font-size: 13px;
}

.empe {
    display: flex;
    justify-content: space-between;
    /*box-shadow: 0 0 10px rgba(192, 192, 192, 0.5);*/
    margin-bottom: 13px;
    font-size: 13px;
    flex-direction: column;
    padding: 13px;
}

.smu-box p {
    font-weight: normal;
    font-size: 13px;
}

.confrm {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 50%;
}

.tech-info-main {
    margin-top: 13px;
}

.document p{
    font-weight: 600;
    font-size: 13px;
    text-align: center;
}

.programms h2 {
    font-weight: 600;
    margin-left: 28px;
    font-size: 18px;
    text-align: center;
}

#programms {
    font-size: 13px;
    width: 80% !important;
}

.reports {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.emp-container {
    display: flex;
    margin-top: 27px;
}

.emp-container p {
    margin-right: 0.5vw;
}

.reportTable h3{
     text-align: center;
     font-size: 18px;
 }

.conf h3{
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    font-weight: 500;
}

.btn-confirm {
    display: block;
    margin: auto;
}

#reportTable {
    font-size: 13px;
    width: 80% !important;
}

#reportTable td{
    height: 40px;
}

.reports-header h3 {
    display: inline;
    /* width: 50%; */
    margin-left: 138px;
    font-size: 19px;
}

.calendar, .conference-box, .regions, .regions-teacher-table,
.program-study-box, .conference-one-box {
    text-align: center;
    width: 85%;
    margin: auto;
}


.conference {
    display: flex;
    justify-content: center;
}

.conf {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.regions-btns {
    display: flex;
    justify-content: center;
}

.conf .spbutton {
    background-color: white !important;
    color: black !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.programm-study {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.conf-one {
    display: none;
    justify-content: center;
}

.hide-btn {
    display: none;
    flex-direction: column;
    align-items: center;
}

.conference-four-box {
    display: flex;
    align-items: center;
    justify-content: center
}

.icons-set {
    display: none;
    justify-content: center;
}

.header-one, .header-two, .header-three, .header-four, .header-five, .confName {
    cursor: pointer;
}

.conf-two {
    display: none;
    justify-content: space-around;
    align-items: baseline;
}

.sub-conf {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    margin-bottom: 13px;
    padding: 0 13px;
    width: 50%;
    text-align: center;
    display: none;
    flex-direction: column;
    align-items: center;
}
.conf .sub-conf .sub-conf {
  width: 85%;
}
.conf-btn {
    display: none;
    width: 50%;
}

.conference-tree-box, .conference-four-box {
    display: none;
}

.conf-btn-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.conf-btn-box .conf-btn{
  text-align:left;
}

.conference-box {
    margin-bottom: 20px;
    width: 100%;
    padding: 20px;
}
.conf-descr{
  font-size: 13px;
  text-align: center;
  margin-top:0px;
  font-weight:normal;
}
.conference-box h3 {
    display: inline;
    text-align: center;
    font-size: 18px;
}

.conference-box p {
    /*font-weight: 800;*/
    font-size: 13px;
    text-align: center;
}

.open {
    background-image: url(../img/open.png) !important;
    background-repeat: no-repeat;
    background-position: 98%;
    padding-right: 40px;
}

.close {
    background-image: url(../img/close.png);
    background-repeat: no-repeat;
    background-position: 98%;
    padding-right: 40px;
}

.programm-login-data {
    text-align: left;
}

.regions-teacher-table {
    display: none;
}

.conf-two-elem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.conf-two-elem .spbutton {
    margin: auto !important;
}

.bord-img {
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 27px;
}
 #regionsTable {
     font-size: 13px;
 }

.notChecked {
     border: 1px solid red !important;
}

.edit-input {
    border: none;
    border-radius: 0;
    font-family: "Poppins", sans-serif;
    height: 30px;
    width: 90%;
    text-align: center;
}
.sec_section{
  display:none;
}
.new_smu_section,.employer_section,.teacher_request_section{
  text-align: center;
  width: 100%;
  margin: auto;
  margin-top: 27px;
}
.new_smu_content{
  width:50vw;
  margin:0 auto;
  text-align:left;
  font-size:1vw;
  margin-bottom:1vw;
}

.conf-list-wrap{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-right: -2vw;
}

.conf-btn{
width: 43% !important;
}
.hidden{
  /*visibility:hidden;*/
}

/*
#company-table td:first-child{
  visibility:hidden;
}

#company-table{
  width:100% !important;
  margin-left:-52px;
}
*/
.application.smu-border .paginationjs-prev a,.application.smu-border .paginationjs-next a{
  border-radius: 50%;
  width: calc(0.5vw + 0.5vw) !important;
  margin: 0 calc(10px + 0.5vw) !important;
  background-color: #39cf60 !important;
  opacity: 0.5;
  padding: 8px 0.15vw !important;
}
.application.smu-border.simple_page .paginationjs-prev a,.application.smu-border.simple_page .paginationjs-next a{
  border-radius: 0px !important;
  width: auto !important;
  margin: 13px !important;
  background-color: #ccc  !important;
  opacity: 1 !important;
  padding: 0.5vw 27px !important;
}
.application.smu-border .J-paginationjs-next a,.application.smu-border  .J-paginationjs-previous a{
    background-color: rgb(234, 234, 234) !important;
}
/*
.application.border-box .paginationjs-pages li.disabled a{
  display:none;
}
*/
.main-tab li{
  position:relative;
}
.teacher_badge{
  position:absolute;
  top:-10px;
  right:6px;
  background-color:#da4d3e;
  color:white;
  border-radius:50%;
  width:calc(8px + 8px) !important;
  height:calc(8px + 8px) !important;
  line-height:16px;
  text-align:center;
  font-size:10px;
}
.company-detail #cost_table_wrap .table_header{
  display:none;
}
#smu_doc_template{
  display:none;
}
.msg{
  text-align:center;
  margin-bottom:20px;
}

#profiletable td#first{
  font-weight:600;
}
td.first{ 
   font-weight:600;
}

.ui-datepicker td a {
  height:auto !important;
  font-size:auto;
  line-height:auto;
}

#emplist-table{
  margin-bottom:15px;
  border-collapse:collapse;
}

.addemp{
  width:100%;
  float:left;
}
.emp_head{
  text-align:center;
  font-size:18px;
  margin-bottom:10px;
  font-weight:600;
}
.table-emps .emp_head{
  font-size:16px;
}
#emplist-table select{
  margin:0px;
}
.newEmp_form select{
  width:16vw;
}
.nemp_code{
  margin-right:20px;
}
.emp_rem{
  cursor:pointer;
}

.addemp table th,.addemp table td {
  border: 1px solid #ddd !important;
  padding: 10px 30px;
  height: 27px;
}

.newEmp_form{
  display:none;
}
.clear{
  clear:both;
}

#emplist-table select{
  width:auto;
}
#frame_wrap,#frame_wrap iframe {
  width:100%;
  border:none;
}
.profile_back{
  display:none;
}
.main-tab a.active_nav{
  background-color: #16B01A !important;
}

#regionsTable{
  width:80% !important;
  border-bottom:1px solid #ddd;
  margin-top:20px;
}
#regionsTable tr td:first-child,#regionsTable tr th{
  font-weight:600 !important;
  font-family: "Poppins SemiBold", sans-serif;
}
#regionsTable tr td:first-child{
  width:220px !important;
}
#regionsTable tr td,#regionsTable tr th{
  text-align:left !important;
  padding:8px 10px !important;
}
#regionsTable tr:first-child th:nth-child(2){
  text-align:center !important;
}

.dataTables_filter{
  width:80%;
  margin:0 auto;
}
.dataTables_wrapper .dataTables_filter{
  float:none !important;
}
.newEmp_button_submit{
  margin-top:20px;
}
.chosen-container{
  margin-right:20px;
}

.smu_search_wrap input{
  width: 200px;
  font-size: 17px;
  height: 27px;
  margin-bottom:30px;
}
.reg-succes{
  background:url("/img/no.png") no-repeat;
  background-position: right 15px center;
  padding-right: 60px;
  position:relative;
}

.reg-succes.done{
  background-image:url("/img/yes.png");
}
.reg_icon{
  background:url(/img/information.png) no-repeat;
  width:17px;
  height:17px;
}
.reg_message{
  position:absolute;
  right:-23px;
  top: 11px;
}
.reg_message .reg_text{
  display:none;
  color:rgba(51,51,51);
  border:1px solid #ddd;
  border-radius:4px;
  padding:10px 10px;
  background:white;
  width:170px;
  position:absolute;
  left:-90px;
  top:30px;
  font-size:12px;
  text-transform:none;
}
.reg_message:hover .reg_text{
  display:inline-block;
}

.doc_event{
  clear:both;
  width:90%;
  margin:0 auto;
  background:#fafafa;
  line-height:37px;
}
.doc_event_date{
  background:#cdcdcd;
  color:white;
  width:90px;
  float:left;
  text-align:center;
}
.doc_event_date.empty{
  min-height:1px;
  background:none;
}

.doc_event_name{
  float:left;
  width:50%;
  font-size:13px;
  padding-left:15px;
  height: 50px;
}
.event_doc_title{
}
.doc_event .btn-confirm,.doc_event .btn-confirm2{
  margin:0px;
  width:180px;
  display: inline-block;
  white-space: nowrap;
}
.smu_update{
  display:inline-block;
}
.smu_text{
  background: #f1f1f1;
  border:none;
  width:100%;
  height:300px;
  padding: 10px 18px;
  font-size:13px;
}
.profile-pupil-info .smu_descr{
  margin-top:40px;
  display:none;
}
.profile-pupil-info .addemp{
  float:none;
}

.popup_wrap{
  background:rgba(255,255,255,0.3);
  position:fixed;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
}
.popup_cont{
  width: 350px;
  height: 100px;
  padding: 20px;
  top: 50%;
  position: absolute;
  text-align: center;
  margin-top: -50px;
  font-size: 15px;
  left: 50%;
  margin-left: -175px;
  background: white;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.popup_cont .personid{
  margin-left:10px;
  font-size:15px;
  padding:3px 6px;
  width:180px;
}
#findata_table td,#finplan_table td{
  font-size:13px;
}
#findata_table th,#finplan_table th{
  font-size:15px;
}

.cert_button{
  float:right;
  margin-left:10px !important;
  margin-bottom:10px !important;
}
/*
.smu-profile.archive .documents p:first-child{
  display:none;
}

.smu-profile.archive .documents .docs{
  display:none;
}
*/
.smu-profile.archive .smu-button .spbutton.reg-succes{
  display:none;
}
.smu-profile.archive .company-header{
  display:none;
}

#smu_archive_list{
  padding:40px;
  font-size: 13px;
}
#smu_archive_list .smu_label{
  font-weight:bold;
}
#smu_archive_list .smu_details{
  display:none;
}
#smu_archive_list .smu_item{
  border-bottom:1px solid #eeeeee;
  padding-bottom:10px;
  margin-bottom:20px;
}
#smu_archive_list .smu_title{
  display:flex;
  cursor:pointer;
}
#smu_archive_list .smu_title .smu_code{
  width:100px

}
#smu_archive_list .smu_title .smu_name{
  width:200px

}
#smu_archive_list .smu_title .smu_startdate{
  width:120px

}
#smu_archive_list .smu_title .smu_enddate{
  width:100px

}
#smu_archive_list .smu_title > div {
  margin-right:30px;
}
.smu-head h2{
  margin-left:210px;
}
.smu-head a.spbutton{
  margin-left:22px;
}

.profile_content{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.profile_content .tabs{
  margin-right: 70px;
}
.profile_content .main-tab{
  flex-direction: column;
  flex-wrap: wrap;
  width: 230px;
}
.profile_content .main-tab li a{
  display: block;
  background: none !important;
  margin: 0px;
  color: #979797;
  padding: 18px 0px;
}
.profile_content .main-tab li {
  border-bottom: 1px solid #eee;
}
.profile_content .main-tab li > ul {
  margin-left: 20px;
  display: none;
}
.profile_content .main-tab li > ul > li{
  border-bottom: none;
}
.profil_info_wrap {
  flex-grow: 1;
}
.profil_info_wrap .profile-head{
  display:flex;
  justify-content: space-between;
}
.profil_info_wrap .profile-head a{
  margin-left: 10px !important;
}
.profil_info_wrap .profile-pupil-info{
  width: auto !important;
  margin: 0 !important;
}
.profil_info_wrap .pupil-info,.profil_info_wrap  .pupil-parent,.profil_info_wrap  .pupil-smu{
  padding-left: 0px !important;
}
.profile_pupil_head_buttons {
  display: flex;
  flex-direction: row-reverse;
}
.profile_content .main-tab li{
  transition: all 0.3s;
}
.profile_content .main-tab .active_nav{
  background-color: #f7f7f7 !important;
  border-left: 5px solid #24bc4b;
  padding-left:20px;
}
.profile-head h2{
  margin-left: 0px;
}
.profile_content .teacher_badge{
  top: 19px;
  right: 6px;
  background-color: #24bc4b;
  height: 25px !important;
  width: 25px !important;
  line-height: 25px;
  font-size: 13px;
}
.profile-head.mobile{
  display: none;
}
@media screen and (max-width: 900px){
  body{
    font-size:20px;
  }
  p{
    font-size:20px;
  }
  .smu-border{
    min-width:unset;
  }
  .profile{
    width:100%;
    padding:0px 20px;
    box-sizing:border-box;
  }
  .main-tab{
    display:block;
  }
  ul.main-tab li a{
    width:80%;
    display:block;
    text-align:center;
    margin-left:0px;
  }
  .spbutton{
    font-size:20px !important;
    line-height:40px !important;
    height:40px !important;
    white-space:nowrap;
  }
  .profile-pupil-info{
    font-size:20px !important;
  }
  .pupil-info, .pupil-parent, .pupil-smu{
    margin-left:0px  !important;
    padding-left:0px  !important;
  }
  .profile-pupil-info{
    width:100%;
    padding: 0px 20px;
    box-sizing: border-box;
  }
  .changeprofile{
    padding-right:10px !important;
    display:block;
  }
  .addinput{
    text-align:left;
    margin-bottom:10px;
  }
  .addinput span{
    font-size:20px  !important;
    width:100%;
    display:block;
    float:left;
  }
  #pass1 input, #passw2 input, #oldpassword input, .addinput input{
    width: 100%;
    height: 60px;
    font-size: 20px;
    margin: 0px;
  }
  #pass1,#passw2,.cont{
    position:relative;
  }
  .info-sign{
    top:0px;
  
  }
  .field_row{
    padding-left:0px !important;
  }
  .field_label{
    font-size:17px !important;
  }
  .field_col input, .field_col textarea,.field_col select{
    font-size:20px !important;
  }
  .smu_profile_info{
    margin-top:30px !important;
  }
  #regmenubox{
    margin-top:20px;
  }
  #regmenubox ul{
    display:block;
  }
  #regmenubox li{
    margin-bottom:20px;
  }
  #regmenubox a{
    font-size:20px;
    display:block;
  }
  .events_wrap{
    width:100%;
  }
  .conf-border{
    min-width:unset;
    padding:0px;
  }
  .conf-btn{
    width:100% !Important;
    margin:10px 15px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
  }
  .sub-conf{
    width:90% !important;
    box-sizing:border-box;
  }
  .conf-descr{
    font-size:16px;
  }
  .conference-box{
    box-sizing:border-box;
  }
  .programm-study{
    display:block;
  }
  #profiletable{
    font-size:20px;
  }
  .tableBox{
    min-width:unset;
  }
  #table_id, #apstiprinatie, #pamatskola{
    width:95% !important;
  }
  .control-btn-one{
    font-size:20px !important;
    margin-bottom:15px !important;
  }
  .regions-btns{
    display:block;
  }
  .regions-btns .spbutton{
    width:100%;
    display:block;
    box-sizing:border-box;
  }
  .calendar, .conference-box, .regions, .regions-teacher-table, .program-study-box, .conference-one-box{
    width:100%;
  }
  #regionsTable{
    width:100% !important;
  }
  #regionsTable tr{
    display:block;
    margin-bottom:15px;
  }
  #regionsTable td,#regionsTable tr td:first-child{
    display:block;
    width:90% !important;
  }
  #regionsTable thead{
    display:none;
  }
  #pamatskola,#apstiprinatie,#table_id{
    width:100%;
    box-sizing:border-box;
  }
  
  #pamatskola thead,#apstiprinatie thead,#table_id thead{
    display:none;
  }
  #pamatskola tr,#apstiprinatie tr,#table_id tr{
    margin-bottom:30px;
    display:block;
  }
  #pamatskola td,#apstiprinatie td,#table_id td{
    display:block;
    width:100%;
    box-sizing:border-box;
    padding:8px 10px;
    min-height:46px;
    height:auto;
    text-align:left !important;
    border:1px solid #ddd !important;
    padding-left:175px;
    position:relative;
  }
  #pamatskola td::before,#apstiprinatie td::before,#table_id td::before{
    content:attr(cname);
    position:absolute;
    left:4px;
    width:190px;
    font-size:12px;
  }
  .control-btn{
    text-align:center;
  }
  .submitTab .spbutton{
    white-space:unset;
    width:100%;
    padding:0px;
  }
  .info-smu{
    display:block;
    padding:10px;
  }
  .smu-name{
    width:100%;
  }
  .documents{
    width:100%;
    padding:0px;
    margin:0px;
  }
  .activitate{
    width:100%;
  }
  .company-detail{
    padding-left:10px;
    padding-right:10px;
  }
  #company-table{
    margin-top:30px;
  }
  .profile_content .tabs{
    width: 100%;
    margin-right: 0px;
  }
  .profile_content .main-tab{
    width: 100%;
  }
  .profile_content .main-tab li a{
    text-align: left;
  }
  .pupil-info tr,.pupil-smu tr,#profiletable tr{
    display:block;
    width: 100%;
  }
  
  .pupil-info td,.pupil-smu td,#profiletable td{
    display:block;
    width: 100%;
    padding: 7px 0px;
  }
  #profiletable td:nth-child(2) {
    display:none;
  }
  .profil_info_wrap .profile-pupil-info{
    padding: 0px;
  }
  .profil_info_wrap .pupil-smu{
    width: 100%;
  }
  .pupil-smu tr:first-child td:first-child{
    text-align: center;
  }
  .profile-head h2{
    font-size: 25px;
  }
  .profile-head .profile_pupil_head_buttons{
    display: none;
  }
  .profile-head .spbutton{
    display: none;
  }
  .profile-head.mobile{
    display:block;
  }
  .profile-head.mobile h2{
    display: none;
  }
  .profile-head.mobile .profile_pupil_head_buttons{
    display:block;
  }
  .profile-head.mobile .spbutton{
    display: block;
  }
  .profil_info_wrap .profile-head.mobile a {
    width: 50%;
    display: block;
    margin: 0 auto !important;
    margin-top: 15px !important;
  }
  /*
  #banner {
    height: 90vw !important;
  }
  */
  .profile-change{
    width: 100%;
  }
}