/* CSS pielāgojumi vidējiem ekrāna platumiem */
/* <= 900 px */

#navigation > .inner-container .sub-menu-selected {
    margin-left: 0;
}

#header1 .inner-container .top-link ul li {
    font-size: 16px;
}

@media (max-width: 600px) {
    #navigation > .inner-container .main-nav {
        top: -30px;
    }
    #header1 .inner-container h1 a {
        margin-top: 12px;
    }
    #navigation > .inner-container .main-nav ul.roles > li + li {
        margin-left: 0.3em;
    }
    #navigation > .inner-container .main-nav ul.roles > li {
        line-height: 0.8em;
        padding: 0.46em 0.8em .60em;
        margin-bottom:.20em;
        font-size:18px;
        height:8px
    }
    #navigation > .inner-container .sub-nav ul li {
        font-size:14px;
        line-height:12px
    }
}

.box .header ul a {
    padding: 4px 8px 3px;
}

#container .inner-container {
    padding: 8px 0;
}

.box {
    margin: 0 1% 8px;
    width: 98%;
}
.box.overlay {
    margin: 0;
    width: 100%;
}
.box-25 {
    width: 26%;
    min-width: 140px;
}
.box-50 {
    width: 48.5%;
}
.box-50.centered {
    width: 75%;
    left: 10%;
}
.box-25.box-25-4,
.box-100 ~ .box-25-4 {
    width: 23.7%;
    margin-left: 1%;
}
.box-75 ~ .box-25-4 {
    width: 18%;
    margin-left: 0;
    margin-right: 1%;
}
.box-75 ~ .box-25-4:nth-of-type(2) {
    margin-left: 10.9%;
}
@media (max-width: 800px) {
    .box-25.box-25-4,
    .box-100 ~ .box-25-4 {
        width: 48.3%;
    }
    .box-75 ~ .box-25-4 {
        width: 37%;
    }
    .box-75 ~ .box-25-4:nth-of-type(4) {
        clear: left;
        margin-left: 10.9%;
    }
    .box-25.box-25-4:nth-of-type(3),
    .box-100 ~ .box-25-4:nth-of-type(4) {
        clear: left;
    }
    .box-75 ~ .box-25-4:nth-of-type(3),
    .box-100 ~ .box-25-4:nth-of-type(3) {
        clear: none; 
    }
}
.box-50 ~ .box-50 {
    margin-left: 0;
}
.box-75 {
    width: 71%;
}
@media (max-width: 600px) {
    .box-25 {
        width: 33%;
    }
    .box-75 {
        width: 64%;
    }
}

.double-box-right {
    min-height: unset;
}

.box-75 .double-box-left {
    width: 40%;
}
.box-75 .double-box-right {
    width: 56%;
    margin-left: 2%;
}
@media (max-width: 600px) {
    .box-75 .double-box-left {
        width: 96%;
    }
    .box-75 .double-box-right {
        width: 96%;
    }
}

.box-100 .double-box-left {
    width: 36%;
}
.box-100 .double-box-right {
    width: 62%;
    margin-left: 1%;
}

.box .header h3 {
    font-size: 140%;
}

.box .boxin.dynamic {
    margin: 10px auto 10px;
    width: 95%;
}

.box .content {
    padding: 6px 1%;
    position: relative;
}

.overlay .content {
    width: 96%;
}

.list-container ul.lists li h6,
.list-container ul.lists li p.subhead {
    margin-left: 1.5em;
    white-space: normal;
}
@media (max-width: 600px) {
    .list-container ul.lists li h6,
    .list-container ul.lists li p.subhead {
        margin-left: 5%;
    }
}

#navigation > .inner-container .sub-nav ul li.sub-nav-collapse.open .sub-nav-collapse-arrow {
    padding: 0.4em;
    top: -0.2em;
}

#navigation > .inner-container .sub-nav ul li.sub-nav-collapse .sub-nav-collapse-list {
    top: 23px;
}

/* Tabulas */

.double-box div.content div.double-table-holder {
    padding: 0.65em 3% 4%;
}

.double-box div.content > table,
.double-box div.content > form.table {
    padding: 6px 1%;
}

.box .content table th,
.box .content table td,
.box .content table th.first,
.box .content table td.first {
    padding: 5px;
}

.blank .boxin table th,
.blank .boxin table td {
    padding: 2px;
}
@media (max-width: 600px) {
    .box .content table th,
    .box .content table td,
    .box .content table th.first,
    .box .content table td.first {
        padding: 2px;
        font-size: 96%;
    }
}

.tooltip {
    width: auto;
}

/* Menu */

@media (max-width: 800px) {
.box .header ul.tabs {
    position: absolute;
    top: 7px;
    right: 8px;
    /*width: 50%;*/
    z-index: 2; 
    text-align: center;
    white-space: nowrap;
}

.box .header ul.tabs li {
    clear: both;
    float: right;
    /*background: #ffeddb;*/
    width: 100%;
}

.boxin ul.tabs li a {
    display: none;
    position: absolute;
    height: 0;
    top: 0;
    right: 0;
    border-radius: 5px;
}

.boxin ul.tabs li a.active {
    display: block;
    height: 1.8em;
    padding-right: 10px;
    padding-left: 10px;
}
.boxin ul.tabs li a.active::after {
    font-size: 130%;
    vertical-align: middle;
    content: " \25BC";
}

.box ul.tabs:hover li a {
    border-radius: 0;
}

.boxin ul.tabs:hover li a, 
.boxin ul.tabs:hover li a.active {
    display: block;
    width: 120%;
    position: relative;
    height: 2.2em;
    right: 30%;
    display: inline;
    padding: 5px;
}

.boxin ul.tabs:hover li a.active::after {
    font-size: 100%;
    content: "";
}
}

/* Formas */

form {
    padding: 3%;
}

form.basic dl dt {
    width: 19%;
}

form.basic input.txt,
form.basic textarea,
div.listofvalues .inner input {
    width: 100%;
}

.ui-address {
    width: 100%;
}
.select-drop {
    width: 101%;
}

.double-box .box-75 .mf2 div {
    width: 41%;
}

@media (max-width: 770px) {
    .button-container,
    form.basic .button-container,
    form.basic dl dd.button-container,
    .double-box form.basic div.button-container {
        padding-right: 1%;
    }
}

/* Saraksta tabula */

.blank .saraksta_tabula p {
    width: 96%;
}
@media (max-width: 600px) {
    .blank .saraksta_tabula span.title,
    form.basic dl .saraksta_tabula dt {
        width: 40%;
    }
    .blank .saraksta_tabula span.cont_text,
    form.basic dl .saraksta_tabula dd {
        width: 50%;
    }
}

/* dport_pamat_pers_info - Kontaktinformācija */

@media (max-width: 850px) {
    .dport_pamat_pers_info .double-box-right .double-box-padding {
        display: flex;
        flex-wrap: wrap;
    }
    .dport_pamat_pers_info .double-box-right .double-box-padding > * {
        width: 100%;
    }
    .dport_pamat_pers_info .double-box-right .col-75 {
        width: 100%;
        clear: both;
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
    }
    .dport_pamat_pers_info .double-box-right .col-75 ~ .col-25 {
        width: 96%;
        -webkit-order: -1;
        -moz-order: -1;
        order: -1;
    }
    .dport_pamat_pers_info .double-box-right .col-75 ~ .col-25 * {
        float: right;
        clear: both;
    }
}

/* Stundu atskaite - drb_pnakts_edit */

.drb_pnakts_edit textarea {
   height: 2.4em;
}