/* ZENTRALE ELEMENTE*/

a:link, a:visited, a:active {
    text-decoration: none;
    color: #000000;
}

a.highlighted {
    color: #00c8be;
}

a:hover {
    text-decoration: none;
}


a:link.head, a:visited.head, a:active.head {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: underline;
    color: #0072BC;
}

a:hover.head {
    text-decoration: none;
}

body, td {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
    margin: auto;
}

#content {
    border: none;
    voice-family: inherit;
    margin: auto;
}

#rahmen {
    display: none;
    background: #F4F3F3;
    position: fixed;
    height: 100%;
    top: 3px;
    left: 204px;
    bottom: 10px;
    width: 125px;
    border: 1px solid #E1E1E1;
    padding: 5px;
    color: gray;
    text-align: right;
    padding-top: 5%;
    vertical-align: text-top;
    font-size: 8pt;
}

#rueckmeldung {
    background: #F4F3F3;
    height: 80px;
    top: 3px;
    width: 850px;
    border: 1px solid #E1E1E1;
    padding: 5px;
    margin-left: 30px;
    color: #000000;
    text-align: left;
    padding-top: 5px;
    vertical-align: text-top;
    font-size: 9pt;
}

html > body #content {
    /*max-width: 500px;*/
}

.highlight {
    background-color: yellow;
}

.wide {
    width: 100%;
}


div.boxgreen {
    background-color: #DFF6E7;
    border: 1px solid #84C2A1;
    padding: 5px;
    width: 95%;
    margin-left: 0px;
    margin-bottom: 15px;
}

td.guide {
    background-color: #F4F3F3;
    border: 1px solid #E1E1E1;
    padding: 5px;
    margin-left: 0px;
    color: gray;

}

td.hoch {
    height: 25px;
    padding: 3px;
}

.green {
    /*color: green;*/
    color: #7296c0;
}

.red {
    color: red;
}

.big {
    font-size: 10pt;
}

.small {
    font-size: 8pt;
    color: gray;
}

.center {
    text-align: center;
}

.ab {
    padding-top: 3px;
    clear: both;
}

.bez {
    float: left;
    width: 120px;
    text-align: right;
    font-weight: bold;
}

.formw {
    float: right;
    width: 220px;
    text-align: left;
}

.formbox {
    width: 350px;
    height: 280px;
    padding: 5px;
}

td.right {
    text-align: right;
}

td.rightbold {
    text-align: right;
    font-weight: bold;
}

td.bold {
    font-weight: bold;
}

h1 {
    font-family: Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #222222;
}

h2 {
    font-family: Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: bold;
}

h3 {
    font-family: Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

.tr1 {
    background-color: transparent;
    vertical-align: middle;


}

.tr1:hover {
    background-color: #C5D1D8;
    vertical-align: middle;


}

.li1 {
    background-color: transparent;
    vertical-align: middle;
    padding: 17px;
    padding-left: 10px;
    list-style-type: NONE;


}

.li1:hover {
    background-color: #C5D1D8;
    vertical-align: middle;
    padding: 17px;
    padding-left: 10px;
    list-style-type: NONE;


}

.tr2 {
    background-color: rgba(0, 0, 0, .05);
    vertical-align: middle;


}

.tr2:hover {
    background-color: #99a2a8;
    vertical-align: middle;


}

.li2 {
    background-color: #E5F1F8;
    padding: 17px;
    padding-left: 10px;
    vertical-align: middle;
    list-style-type: NONE;
    min-height: 30px;
}

.tr2:hover {
    background-color: #C5D1D8;
    padding: 17px;
    padding-left: 10px;
    vertical-align: middle;
    list-style-type: NONE;


}

.trgrau1 {
    background-color: #F4F3F3;


}

.trgrau2 {
    background-color: #E1E1E1;


}


.head {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #0072BC;
}

hr {
    border: 1px dotted #CCCCCC;
}

hr.middle {
    border: 1px dotted #CCCCCC;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}


/* Seitenanpassungen - Hilfe */

div.seite_hilfe h2.boxhead {
    margin: 0px;
    padding: 2px 6px;
    float: left;
    font-weight: normal;
    background-color: #FAFAFA;
    border: 1px solid #E1E1E1;
    border-bottom: 1px solid #F4F3F3;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    text-shadow: #BFBFBF 1px 1px 2px;
}

div.seite_hilfe div.box {
    width: 500px;
    padding: 10px;
    margin: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-width: 0px;
    border-right-width: 1px;
    box-shadow: 3px 0px 6px #BFBFBF;
    -moz-box-shadow: 3px 0px 6px #BFBFBF;
    -webkit-box-shadow: 3px 0px 6px #BFBFBF;
}

div.seite_hilfe div.boxbg {
    clear: both;
    width: 750px;
    padding: 0px;
    margin-bottom: 15px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border: 1px solid #e1e1e1;
    box-shadow: none;
    -moz-box-shadow: none;
    background-position: 520px 0px;
}

div.seite_hilfe div.box p {
    margin: 0px;
    padding: 0px;
    line-height: 1.7em;
    padding-bottom: 10px;
    text-align: justify;
    font-size: 12px;
}

div.seite_hilfe div.box p a {
    color: #dd0000;
    text-shadow: #FEBABA 1px 1px 2px;
    letter-spacing: 0.05em;
}

/* Rahmenanpassungen */

div.rahmen_hilfe {
    text-align: left !important;
}

div.rahmen_hilfe ol {
    margin-left: 10px;
    padding-left: 16px;
}

div.rahmen_hilfe ol li {
    margin-left: 0px;
    line-height: 2em;
    padding-left: 0px;
}

/* Menueanpassung netcup */

.leftmenue a.menue {
    display: block;
    text-decoration: none;
    padding-right: 20px;
    padding-left: 20px;
    color: #fff;
    font-size: 14px;
}

.leftmenue a.linkbox {
    margin-bottom: 0px;
}

.leftmenue div.linkbox4 {
    min-height: 72px;
    padding-top: 2px;
    padding-bottom: 20px;
    padding-left: 65px;
    line-height: 18px;
}

.leftmenue div a {
    color: #fff;
    text-decoration: none;
}

a.menue span {
    display: block;
    width: 100%;
    height: 18px;
    padding: 2px;
    /*    line-height:18px;
        color:#7296c0;
        text-shadow:1px 1px 2px #c9dffb;
        font-size:12px;*/
    text-decoration: none;
    padding-left: 25px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
}

a.wikilink:active span, a.wikilink:visited span, a.wikilink:link span {
    line-height: 18px;
    color: #7296c0;
    text-shadow: 1px 1px 2px #c9dffb;
    font-size: 12px;
    text-decoration: none;

}


/*a.wikilink:hover span {
    color:#bd0000;
    text-shadow:1px 1px 2px #f9b6b6;
    text-decoration:none;
}*/

a.plesklink:active span img, a.plesklink:visited span img, a.plesklink:link span img {
    text-align: center;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    color: #2498e3;
    padding: 8px;
    margin: 8px;
}

a.plesklink:hover span img {
    text-align: center;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    text-decoration: underline;
    color: #2498e3;
    padding: 8px;
    margin: 8px;
    background-color: #E1E1E1;
}

img.pleskicon {
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    height: 40px;
}

td.plesktd {
    text-align: center;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
}

div.trbox {
    background-color: #F4F3F3;
    border: 0px solid #E1E1E1;
    padding: 0px;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
}

div.logbox {
    background-color: #F4F3F3;
    border: 1px solid #E1E1E1;
    padding: 5px;
    width: 80%;
    margin: auto;
    margin-bottom: 15px;
}

.leftmenue a.menue:hover span, #leftmenue div a:hover, #leftmenue a.logout span {
    color: #9BD90D;
    text-shadow: none;
}

.leftmenue a.logout {
    margin-top: 20px;
}

/*a.uebersicht span { background-image:url('/images/newnav/nav_uebersicht.jpg'); }
a.hosting span { background-image:url('/images/newnav/nav_hosting.jpg'); }
a.domains span { background-image:url('/images/newnav/nav_domains.jpg'); }
a.dns span { background-image:url('/images/newnav/nav_dns.jpg'); }
a.cloud span { background-image:url('/images/newnav/nav_cloud.jpg'); }
a.rechnungen span { background-image:url('/images/newnav/nav_rechnungen.jpg'); }
a.partner span { background-image:url('/images/newnav/nav_partner.jpg'); }
a.kontakt span { background-image:url('/images/newnav/nav_kontakt.jpg'); }
a.stammd span { background-image:url('/images/newnav/nav_stammd.jpg'); }
a.logout span { background-image:url('/images/newnav/nav_logout.jpg'); }
a.hilfe span { background-image:url('/images/newnav/nav_hilfe.jpg'); }
a.ssl span { background-image:url('/images/newnav/nav_ssl.jpg'); }
a.emailumzug span { background-image:url('/images/newnav/nav_emailumzug.png'); }
a.sogo span { background-image:url('/images/newnav/nav_sogo2.jpg'); }
a.handles span { background-image:url('/images/newnav/nav_handles.jpg'); }
a.abuse span { background-image:url('/images/newnav/nav_abuse.jpg'); }*/

div#rueckmeldungsslzertifikate {
    background: #F4F3F3;
    height: 90px;
    top: 3px;
    width: 850px;
    border: 1px solid #E1E1E1;
    padding: 5px;
    margin-left: 30px;
    color: #000000;
    text-align: left;
    padding-top: 5px;
    vertical-align: text-top;
    font-size: 9pt;
}

ul#certs, ul#certs li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
}

ul#certs li {
    float: left;
    text-align: center;
    padding: 1em 2em;
}

ul.sogodetail_menue {
    background: white;
    width: 100%;
    height: 23px;
}

ul.sogodetail_menue, ul.sogodetail_menue li, div.sogodetail_detail ul, div.sogodetail_detail ul li {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    border-collapse: separate;
    border-spacing: 0px;
}

ul.sogodetail_menue li {
    float: left;
    border-left: 1px solid #E1E1E1 !important;
    border-top: 1px solid #E1E1E1 !important;
    border-right: 2px solid #FFFFFF !important;
    cursor: pointer;
    position: relative;
    background: #E7E7E7;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

ul.sogodetail_menue li a {
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    border-right: 1px solid #E1E1E1 !important;

}

ul.sogodetail_menue li:last-child {
    border-right: 1px solid #E1E1E1 !important;
}

div.sogodetail_detail {
    border: 1px solid #E1E1E1;
    padding: 10px 15px;
    display: none;
    margin-bottom: 30px;
    min-height: 320px;
}

li.sogodetail_menue.active {
    border-right: 2px solid #FFFFFF !important;
}


li.sogodetail_menue.active a {
    background: #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
    position: relative;
    top: 0;
    height: 22px;
    left: 0;
}

li.sogodetail_menue a:hover {
    background-color: #F3F3F3;
}

div.sogodetail_detail ul li {
    line-height: 27px;
    vertical-align: middle;
    position: relative;
    padding-left: 27px;
}


div.hint {
    position: absolute;
    z-index: 9000;
    padding: 10px;
    width: 350px;
    border: 1px solid #7F7F7F;
    background-color: #CFCFCF;
    top: 35%;
    left: 50%;
    display: none;
}

div.success {
    position: absolute;
    z-index: 9000;
    padding: 10px;
    width: 350px;
    border: 1px solid #009900;
    background-color: #33FF33;
    top: 35%;
    left: 50%;
    display: none;
}

.ordernow {
    text-align: center;
    background-color: #33FF33;
    color: #FFFFFF;
    font-weight: bold;
    float: right;
    width: 100px;
    height: 50px;
    padding-top: 35px;
}

ul.produktdetail_menue, ul.domainsdetail_menue, ul.handlesdetail_menue {
    background: white;
    width: 100%;
    height: 23px;
}

ul.produktdetail_menue,
ul.produktdetail_menue li,
ul.domainsdetail_menue,
ul.domainsdetail_menue li,
ul.handlesdetail_menue,
ul.handlesdetail_menue li,
div.produktdetail_detail ul,
div.produktdetail_detail ul li,
div.handlesdetail_detail ul,
div.handlesdetail_detail ul li,
div.domainsdetail_detail ul,
div.domainsdetail_detail ul li {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    border-collapse: separate;
    border-spacing: 0px;
}


/* aufzaehlungsliste in confirm dialog START */
div.produktdetail_detail ul#incldomainslist {
    margin-bottom: 12px !important;
    margin-left: 40px !important;
    margin-top: 12px !important;
}

div.produktdetail_detail ul#incldomainslist li {
    list-style-type: disc;

}

/* aufzaehlungsliste in confirm dialog ENDE */

ul.produktdetail_menue li, ul.domainsdetail_menue li, ul.handlesdetail_menue li {
    float: left;
    border-left: 1px solid #E1E1E1 !important;
    border-top: 1px solid #E1E1E1 !important;
    border-right: 2px solid #FFFFFF !important;
    cursor: pointer;
    position: relative;
    background: #E7E7E7;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

ul.produktdetail_menue li a, ul.domainsdetail_menue li a, ul.handlesdetail_menue li a {
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    border-right: 1px solid #E1E1E1 !important;
}

ul.produktdetail_menue li:last-child, ul.domainsdetail_menue li:last-child, ul.handlesdetail_menue li:last-child {
    border-right: 1px solid #E1E1E1 !important;
}

div.produktdetail_detail, div.domainsdetail_detail, div.handlesdetail_detail, div.domains_order_detail {
    padding: 10px 15px;
    display: none;
    margin-bottom: 30px;
    min-height: 320px;
}

div.domains_order_detail {
    /* ????????????????????????????*/
}


li.produktdetail_menue.active, li.domainsdetail_menue.active, li.handlesdetail_menue.active {
    border-right: 2px solid #FFFFFF !important;
}


li.produktdetail_menue.active a, li.domainsdetail_menue.active a, li.handlesdetail_menue.active a {
    background: #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
    position: relative;
    top: 0;
    height: 22px;
    left: 0;
}

li.produktdetail_menue a:hover, li.domainsdetail_menue a:hover, li.handlesdetail_menue a:hover {
    background-color: #F3F3F3;
}

div.produktdetail_detail ul li, div.domainsdetail_detail ul li, div.handlesdetail_detail ul li {
    line-height: 27px;
    vertical-align: middle;
    position: relative;
    padding-left: 27px;
}

/* Modal dialog START */
.modal {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    clear: both;
    height: 100%;
    left: 0px;
    padding: 1%;
    top: 0px;
    width: 100%;
    z-index: 1050;
}

.modal-header {
    padding: 30px 15px;
    text-align: center;
    display: block;
}

.modal-body {
    padding: 20px 30px 30px 30px;
    background: #f8fafb;
}

.modal-backdrop {
    background-color: #013c4a;
}

.modal-content {
    border: 1px solid #9BD90D;
}

.modal-title {
    font-size: 26px;
}


.confirmdialog .message {
    background: rgba(255, 255, 221, 1);
    border: 1px solid #80744A;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #80744A;
    display: inline-block;
    filter: alpha(opacity=100);
    left: 50%;
    margin: -15% 0 0 -25%;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 400px;
    vertical-align: middle;
    width: 460px;
}


.confirmdialog h1 {
    background: none;
}

/* Modal dialog END */

.deactivated {
    color: #6492BB;
}

fieldset {
    margin-top: 12px;
    border-color: #CCCCCC;
}

legend {
    color: #222222;
    font-size: 14px;
}

span.pleskshortinfo {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #E1E1E1;
    margin-right: 8px;
    font-size: 12px;
    color: gray;
}

td.pleskshortinfo {
    padding-top: 2px;
    padding-bottom: 2px;
}

div.abusedetail_detail {
    border: 1px solid #E1E1E1;
    padding: 10px 15px;

    margin-bottom: 30px;
    min-height: 320px;
}

.tblauflistung {
    margin-left: auto;
    margin-right: auto;
}

.tdauflistung {
    height: 20px;
}

.errorbox {
    background-color: #FFEEEE;
    border: 1px solid #E01C24;
    color: #E01C24;
    padding: 10px;
}

.infobox {
    background-color: #DEF;
    border: 1px solid #06F;
    color: #06F;
    padding: 10px;
}

.successbox {
    background-color: #EEFFEE;
    border: 1px solid #009900;
    color: #009900;
    padding: 10px;
}

.row.dsgvo-txt.text-justify {
    max-height: 200px;
    border: 1px solid black;
    /*overflow: hidden;*/
    overflow-y: scroll
}

.col-6 {
    width: 100%;
}

textarea.col-6 {
    height: 100px;
}

.panel {
    margin-bottom: 50px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1px;
    border-top-left-radius: -1px
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: -1px;
    border-top-left-radius: -1px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
    margin-bottom: 0
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
    border-top-right-radius: -1px;
    border-top-left-radius: -1px
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: -1px;
    border-top-right-radius: -1px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: -1px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: -1px
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: -1px;
    border-bottom-right-radius: -1px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: -1px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: -1px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #012129
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #012129;
    border-color: #012129
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #012129
}

.panel-primary > .panel-heading .badge {
    color: #012129;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #012129
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

html {
    font: 400 13px/1.4 "Open Sans Tilde", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    line-height: 1.4;
    color: #000;
}

body {
    height: 100%;
    background-color: #004B5B;
    margin: 0;
}

body.loadingoverlay #sidebar, body.loadingoverlay #sitecontents, body.loadingoverlay #navbarbase, body.loadingoverlay #footer {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.scplogo {
    min-height: 45px;
    margin-top: 0.2em;
    padding: 7px;
    text-align: center;
    vertical-align: middle;
    opacity: 0.75;
    filter: Alpha(Opacity=75);
    transition: opacity 0.5s ease 0s;
}

.scplogo:hover {
    transition: opacity 0.5s ease 0s;
    cursor: pointer;
    opacity: 1.0;
    filter: Alpha(Opacity=100);
}

.contentwrapper {
    height: 100%;
    display: table-row;
    width: 100%;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.box {
    min-height: 100vh;
}

.wrapper:before, .wrapper:after,
.column:before, .column:after {
    content: "";
    display: table;
}

.wrapper:after,
.column:after {
    clear: both;
}

.table {
    margin-bottom: 1rem;
    background-color: transparent !important;
}

.text-vertical {
    vertical-align: middle !important;
}

@media (min-width: 992px) {
    .col-lg-6 {
        width: 50% !important;
    }
}

@media (max-width: 991px) {
    .col-md-12 {
        width: 100% !important;
    }

    .col-xs-12 {
        width: 100% !important;
    }

    .col-sm-12 {
        width: 100% !important;
    }
}


*:focus, *:visited, *:active, *:hover {
    outline: 0 !important;
}

*::-moz-focus-inner {
    border: 0 !important;
}

a:hover {
    cursor: pointer;
}

/*
 * Head
 */

.navbar {
    min-height: 45px;
    color: #fff;
    background: #013c4a;
    background: -moz-linear-gradient(top, #013c4a 0%, #193e4c 44%, #004b5b 100%);
    background: -webkit-linear-gradient(top, #013c4a 0%, #193e4c 44%, #004b5b 100%);
    background: linear-gradient(to bottom, #013c4a 0%, #193e4c 44%, #004b5b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#013c4a', endColorstr='#004b5b', GradientType=0);
    display: block;
    padding: 0px;
}

.nav > li {
    position: relative;
    display: block;
}

ul > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    padding-right: 15px;
    padding-left: 15px;
}

.nav-topbar > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-inverse {
    border-color: #013c4a;
}

.navbar-logo {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-logo-image {
    margin-top: 5px;
    height: 32px;
}

.navbar-fixed-top {
    border-width: 0 0 0px;
}

.navbar-title {
    height: 40px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    padding: 0px;
    margin-top: 0.2em;
}


.navbar-title small {
    opacity: 0.8;
    filter: Alpha(Opacity=80);
    font-weight: normal;
    font-size: 14px;
}


@media screen and (max-width: 991px) {
    .navbar-title {
        margin-left: 0px;
        padding-left: 7px;
    }
}

@media screen and (min-width: 992px) {
    .navbar-title span {
        margin-left: 10px;
        color: #eee;
    }
}

.navbar-status {
    height: 25px;
    width: 300px;
    color: #fff;
    background-color: #004b5b;
}

.navbar-center {
    height: 40px;
    margin-left: 50px;
    text-align: center;
    vertical-align: middle;
}

.navbar-inverse .navbar-toggle {
    border: 0px;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background: none;
}

@media screen and (max-width: 991px) {
    .navbar-center {
        margin-left: 0px;
    }
}

.navbar-inverse .navbar-nav > li > a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #9BD90D;
}

.navbar-nav > li > button {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-right {
    float: right;
}

.badge-nc {
    background: #0F4b5b;
}

/* NAVBAR!!!!! */

@media (max-width: 991px) {
    .navbar-header {
        float: none;

    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}

.navbar-toggle * {
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.navbar-toggle {
    color: #fff;
    height: 20px;
    width: 20px;
    cursor: pointer;
    padding: 0px;
    border-radius: 0px;
    border: none;
}

.navbar-toggle span {
    width: 20px;
    height: 2px;
    margin-bottom: 3px;
    background-color: #fff;
    display: block;
}

.navbar-toggle span.bar1 {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform-origin: 1px 3px;
    -webkit-transform-origin: 1px 3px;
    -moz-transform-origin: 1px 3px;
    -o-transform-origin: 1px 3px;
    transform-origin: 1px 3px;
    width: 24px;
}

.navbar-toggle span.bar2 {
    -ms-transform: rotate(-360deg) scale(0);
    -webkit-transform: rotate(-360deg) scale(0);
    -moz-transform: rotate(-360deg) scale(0);
    -o-transform: rotate(-360deg) scale(0);
    transform: rotate(-360deg) scale(0);
}

.navbar-toggle span.bar3 {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform-origin: 9px 2px;
    -webkit-transform-origin: 9px 2px;
    transform-origin: 9px 2px;
    width: 24px;
}

.navbar-toggle.collapsed span.bar1,
.navbar-toggle.collapsed span.bar2,
.navbar-toggle.collapsed span.bar3,
.navbar-toggle.collapsed span.bar4 {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 20px;
}

.navbar-toggle {
    float: right;
    margin-top: 0.85em;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
    display: table-cell;
    color: #fff;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    float: left;
    background: #004B5B;
}

.side_menue {
    width: 100%;
    height: 100%;
    padding: 20px 0px 20px 0px;
}

.sidebar .collapse.in {
    display: inline;
}

/* Sidebar navigation */
@media (min-width: 992px) {

    .nav-sidebar {
        margin-right: -21px;
        margin-bottom: 20px;
        margin-left: -20px;
    }

    .nav-sidebar a:before {
        margin-right: 20px;
    }

    .nav-sidebar > li > a {
        padding-right: 20px;
        padding-left: 20px;
        color: #fff;
        font-size: 14px;
    }

    .nav-sidebar i {
        width: 15px;
        text-align: center;
        display: inline-block;
    }

    .nav-sidebar span {
        padding-left: 5px;
    }

    .nav-sidebar a.active,
    .nav-sidebar a.active:hover,
    .nav-sidebar a.active:focus {
        color: #9BD90D;
        background-color: #013C4A;
    }

    .nav-sidebar a:hover,
    .nav-sidebar a:active {
        color: #9BD90D;
        background-color: #004b5b;
    }

    ul.nav.nav-sidebar {
        display: block;
    }

}

@media (max-width: 991px) {

    #specialMenu {
        text-align: center;
    }

    #specialMenuSM {
        text-align: center;
    }

    .nav-sidebar {
        display: inline-block;
        margin: 0;
        margin-top: 25px;
        margin-bottom: 20px;
        padding: 0;
        zoom: 1;
        *display: inline;
    }

    .nav-sidebar > li {
        float: left;
        padding: 2px 5px;
    }

    .nav-sidebar > li > a,
    .nav-sidebar > li > a:focus {
        color: #fff;
        font-size: 14px;
        padding: 13px;
        margin: 0px;
        background-color: #002a34;
    }

    .nav-sidebar > li > a:hover {
        background-color: #001b21;
        transition: color 0.5s ease 0s;
        transition: background-color 0.5s ease 0s;
        color: #9BD90D;
    }

    .nav-sidebar > li .active {
        background-color: #002a34;
        color: #9BD90D;
    }
}

/* rightmenue */

.rightmenue {
    display: inline-block;
    margin: 0;
    margin-top: 0.2em;
    padding: 2px 5px;
    zoom: 1;
    *display: inline;
}

.rightmenue > li {
    float: left;
}

/* CHOSEN */
.sidebar .menu-left {
    background: #013c4a;
    align-items: center;
    -webkit-align-items: center;
    vertical-align: middle;
}

button.btn.dropdown-toggle.btn-default {
    background-color: #013c4a;
    color: #fff;
    border: none;
}

button.btn.dropdown-toggle.btn-default:hover {
    color: #9BD90D;
}

button.btn.dropdown-toggle.btn-default:hover {
    background-color: #013c4a;
    color: #9BD90D;
}

.dropdown-menu {
    background-color: #013c4a;
    color: #9BD90D;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn:active, .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu > li > a {
    color: #9BD90D;
}

.dropdown-menu > li > a:hover {
    background-color: #0F4b5b;
    color: #fff;
}

.bootstrap-select.btn-group .no-results {
    padding: 5px;
    background-color: #0F4b5b;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #003845;
}

/*
 * Main content
 */

#sitecontents, #content {
    background-color: #f3f5f8;
}

.main {
    height: 100%;
    left: 0;
}

.main .page-header {
    border: none;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
    vertical-align: center;
}

.ui-state-default {
    background: #013c4a;
    padding: 0 15px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 15px;
    width: 100%;
    transition: background 0.5s;
}

.ui-state-default:hover, .ui-state-default:active {
    cursor: pointer;
    background: #004B5B;
}

.ui-state-default:after {
    content: "\f107";
    display: inline-block;
    float: right;
    margin-right: 15px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.ui-state-active {
    background: #004B5B;
}

.ui-state-active:after {
    content: "\f106";
    display: inline-block;
    font: normal normal normal 14px/53px FontAwesome;
    font-size: inherit;
    float: right;
    margin-right: 15px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.col-table {
    margin-left: 0;
    margin-right: 0;
    padding: 8px;
}

.col-heading {
    font-weight: bold;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.col-desc {
    height: 46px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.btn-primary,
.btn-primary:visited,
.btn-primary:focus {
    color: #fff;
    background-color: #013C4A;
    border-color: #013C4A;
}

.btn-primary:hover,
.btn-primary:active {
    color: #fff;
    background-color: #004b5b;
    border-color: #004b5b;
}

.btn-control {
    width: 150px;
}

.btn-icon {
    color: #fff;
    width: 26px;
    height: 26px;
    padding: 2px;
}

.btn-add {
    color: #fff;
    background-color: #9BD90D;
    width: 3em;
    height: 3em;
    padding: 10px;
    border-radius: 50%;
    margin-top: -0.2em;
}

.table-plain > tbody > tr > td,
.table-plain > tbody > tr > th,
.table-plain > tfoot > tr > td,
.table-plain > tfoot > tr > th,
.table-plain > thead > tr > td,
.table-plain > thead > tr > th {
    border-top: 0px solid;
}

.fa:before {
    margin-right: 5px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0;
}

.pagination > li {
    display: inline;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff;
    background-color: #012129;
    border-color: #9BD90D;
    cursor: default;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #012129;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    margin-left: -1px;
}

.pagination > li > a, .pagination > li > span {
    color: #013C4A;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #000;
    background-color: #eee;
    border-color: #9BD90D;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #9BD90D;
    background-color: #004b5b;
}

.progress-bar {
    background-color: #9BD90D;
}

#bootOrderList {
    margin: 0;
    padding: 0;
}

#bootOrderList li {
    list-style: none;
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #7796a4;
    color: #fff;
    width: 220px;
    text-align: center;
    border: 1px solid #4b6e7e;
}

#bootOrderList li:hover,
#bootOrderList li:active {
    cursor: move;
}

#bootOrderList li:active, #bootOrderList li:focus {
    background-color: #9BD90D;
    border: 1px solid #89bf0d;
}

.green {
    color: #329e34;
}

.red {
    color: #ce3636;
}

.has-error .input-group-addon {
    border-color: #d71e10;
    background-color: #fcf6f6;
    color: #d71e10;
}

.has-error .form-control {
    border-color: #d71e10;
}

.has-error .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #d71e10;
}

.has-error .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #d71e10;
    opacity: 1;
}

.has-error .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #d71e10;
    opacity: 1;
}

.has-error .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d71e10;
}

.panel-default > .panel-heading {
    background-color: #004b5b;
    color: #fff;
}

.panel-heading a.collapsed:after {
    content: "\e080";
}

/* Overlay */

@keyframes overlay {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes overlay {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.overlay {
    background: #004b5b; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #004b5b 0%, #013c4a 41%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #004b5b 0%, #013c4a 41%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #004b5b 0%, #013c4a 41%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004b5b', endColorstr='#013c4a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    opacity: 0.65;
    filter: Alpha(Opacity=65);
    overflow: hidden;
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.overlay:before {
    content: "Loading data...";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
}

.overlay:not(:required):before {
    content: '';
    border-radius: 50%;
    border-top: 5px solid #9BD90D;
    border-right: 5px solid transparent;
    animation: overlay 1s linear infinite;
    -webkit-animation: overlay 1s linear infinite;
}

.bootstrap-switch {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.alert {
    margin-bottom: 2px;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #000;
    background: #9BD90D;
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #9BD90D;
}

.bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.bootstrap-switch-off {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

/* LOGIN */

.panel-login {
    border: 1px solid #9BD90D;
    padding: 20px;
}

.panel-login-footer {
    margin: 20px -21px -21px;
    border-top: 1px solid #f7f8fa;
    background-color: #f7f8fa;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #9BD90D;
    text-align: right;
    padding-right: 33px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.panel-login-error {
    border-color: #d71e10;
}

/* CUSTOM PANEL */

.panel-danger {
    border-color: #d71e10;
    color: #d71e10;
}

.panel-danger .panel-heading {
    color: #fff;
    background-color: #d71e10;
    border-color: #d71e10;
}

.panel-success {
    border-color: #78A414;
    color: #78A414;
}

.panel-success .panel-heading {
    color: #fff;
    background-color: #78A414;
    border-color: #78A414;
}

.panel-warning .panel-heading {
    color: #fff;
    background-color: #CB7D3B;
    border-color: #CB7D3B;
}

.panel-warning {
    border-color: #CB7D3B;
    color: #CB7D3B;
}

.panel-info .panel-heading {
    color: #fff;
    background-color: #24a8dd;
    border-color: #24a8dd;
}

.panel-info {
    border-color: #24a8dd;
    color: #24a8dd;
}


.panel-disabled .panel-heading {
    color: #878787;
    background-color: #f0f0f0;
    border-color: #d8d8d8;

}

.panel-disabled {
    border-color: #d8d8d8;
    color: #777;
}

.panel-table {
    padding: 0px;
}

/* Action on vS List */

.unfinishedJobs {
    padding: 0px;
    list-style-type: none;
    margin-bottom: 0px;
}


/* DISABLED STYLE FOR TR */

.table tbody tr.disabled {
    color: #4E4E4E !important;
    cursor: not-allowed;
}

/* FOOTER */

.footerwrapper {
    min-height: 45px;
}

.footer {
    position: fixed;
    width: 100%;
    height: auto;
    margin-left: 0px;
    bottom: 0;
    padding: 10px;
    overflow: hidden;
    text-align: center;
    background: #004b5b;
    color: #fff;
    background: -moz-linear-gradient(top, #004b5b 0%, #013c4a 100%);
    background: -webkit-linear-gradient(top, #004b5b 0%, #013c4a 100%);
    background: linear-gradient(to bottom, #004b5b 0%, #013c4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004b5b', endColorstr='#013c4a', GradientType=0);
    z-index: 10;
}

.footer a {
    color: #9BD90D;
}

.footer a:hover {
    color: #fff;
}


.footer-topbutton {
    padding: 5px;
}

@media (min-width: 992px) {
    .footer-links {
        text-align: left;
    }

    .footer-copyright {
        text-align: center;
    }

    .footer-topbutton {
        padding: 0px;
        text-align: right;
    }

}

/* Panel Tweaks */

.panel-footer {
    text-align: right;
}

/* Control-Panels */

.controlpanel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: .75rem;
    background-color: #fcfcfc;
    border: 1px solid #cecece;
    overflow: hidden;
    height: 100%;
}

.controlpanel-content {
    padding: 1.25rem;
    color: #626262;
}

.controlpanel-content .bg {
    z-index: -1;
    float: right;
    height: 100%;
}

.controlpanel-content .bg i {
    color: rgba(0, 75, 91, 0.15);
    position: absolute;
    z-index: 2;
    left: auto;
    right: 5px;
    bottom: 0;
    display: block;
}

.controlpanel-footer {
    position: relative;
    padding: 1.5rem 1.5rem 1rem;
    bottom: 0px;
    text-align: left;
    z-index: 3;
}

/* Help Icon */

.help-icon {
    color: #b4b4b4;
    opacity: 0.6;
    filter: Alpha(Opacity=60);
}

.warn-icon {
    color: #8a6d3b;
}

/* Clickable */
.clickable {
    cursor: pointer;
}

.help-icon:hover {
    opacity: 1.0;
    filter: Alpha(Opacity=100);
    cursor: help;
}

.warn-icon:hover {
    color: #544224;
    transition: color 0.5s ease 0s;
    cursor: help;
}

/* Tooltips */

.tooltip-inner {
    max-width: 300px;
    width: 300px;
}

/* Switch */

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: #7A7A7A;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff;
}

/* Tab related */

.nav-tabs {
    float: right;
}

@media screen and (max-width: 991px) {
    .nav-tabs {
        float: left;
    }
}

.nav-tabs {
    border: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    /*
            background-color: #fff;
            border: 1px solid #ddd;
    */
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #535353;
    font-weight: bold;
}

.nav-tabs > li > a {
    border: none;
    color: #9C9C9C;
    padding: 2px 15px;
}

.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    background-color: transparent;
    color: #535353;
    cursor: pointer;
}

/* Tabs in List for Example Domainlist */

.nav-listtabs {
    float: left;
    color: #676a6c;
}

@media screen and (max-width: 991px) {
    .nav-listtabs {
        float: left;
    }
}

.nav-listtabs {
    border-bottom: 1px solid #ddd;
}

.nav-listtabs > li.active > a, .nav-listtabs > li.active > a:hover, .nav-listtabs > li.active > a:focus {
    background-color: #f8fafb;
    border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 1px;
    border-bottom: #f3f3f4;
    color: #000000;
    margin-bottom: -1px;
}

.nav-listtabs > li > a {
    color: #A7B1C2;
    font-weight: 600;
    padding: 10px 20px 10px 25px;
    border-radius: 4px 4px 0 0;
    display: block;
}

.nav-listtabs > li > a:focus, .nav-listtabs > li > a:hover {
    background-color: #F3F3F3;
    color: #676a6c;
    cursor: pointer;
}

/* Page-Header */

.sitetitle {
    font-size: 24px;
}

.header-column {
    padding: 6px;
}

/* Setup Wizard */

.setup-wizard {
    width: 100%;
    list-style-type: none;
    padding: 0px;
    margin: 5px;
}

.setup-wizard > li {
    padding: 7px 0px 7px 0px;
    color: #6e6e6e;
}

.setup-wizard > li > small {
    color: #c0c0c0;
}

.setup-wizard > li:hover {
    transition: color 0.5s ease 0s;
    cursor: pointer;
    color: #013C4A;
}

.setup-wizard > li:hover > small {
    transition: color 0.5s ease 0s;
    color: #004B5B;
}

/* Transparent Drop-Down */

.selectlighten {
    padding-left: 0px;
    background-color: transparent;
    color: #777;
}

.selectlighten:hover {
    transition: color 0.5s ease 0s;
    color: #535353;
}

.panel-body .dropdown-menu {
    background-color: #fff;
}

.panel-body .dropdown-menu > li > a {
    color: #535353;
}

.panel-body .dropdown-menu > li > a:hover {
    background-color: #f0f0f0;
    transition: color 0.5s ease 0s;
    color: #89bf0d;
}

/* Special Modals */

.danger-modal-content {
    border: 2px solid #a94442;
}

.danger-modal-body {
    color: #515151;
}

.warning-modal-content {
    border: 2px solid #f0ad4e;
}

.warning-modal-body {
    color: #c28c1e;
}

/* Helper */

.noclick, .noclick:hover {
    cursor: not-allowed !important;
}

.loadingspinner {
    position: relative;
    display: inline-block;
    z-index: 2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-top: 5px solid #9BD90D;
    border-right: 5px solid transparent;
    animation: overlay 1s linear infinite;
    -webkit-animation: overlay 1s linear infinite;
    text-align: center;
    vertical-align: middle;
}

.deadspinner {
    border-top: 5px solid #a94442;
    animation: overlay 25s linear infinite;
    -webkit-animation: overlay 25s linear infinite;
}

.warningspinner {
    border-top: 5px solid #8a6d3b;
    animation: overlay 25s linear infinite;
    -webkit-animation: overlay 25s linear infinite;
}

.infospinner {
    border-top: 5px solid #31708f;
    animation: overlay 25s linear infinite;
    -webkit-animation: overlay 25s linear infinite;
}

.stopspinner {
    position: relative;
    display: inline-block;
    z-index: -10;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

.spinnertopping {
    position: relative;
    display: inline-block;
    margin-top: -50%;
    margin-left: -48%;
    z-index: 100;
}

.img-border {
    border: 3px solid #f3f3f3;
}

.img-thumbnail {
    display: block;
    margin: auto;
}

.form-horizontal .control-label {
    padding-top: 0px;
}

/* Special Button */

.btn, .btn > button

!important
{
    -webkit-appearance: none
;
    margin: 0
;
    margin-right: 0px
;
    overflow: visible
;
    font: inherit
;
    font-size: inherit
;
    line-height: inherit
;
    text-transform: none
;
    display: inline-block
;
    box-sizing: border-box
;
    padding: 5px 10px
;
    vertical-align: middle
;
    min-height: 30px
;
    line-height: 18px
;
    font-size: 13px
;
    text-decoration: none
;
    text-align: center
;
    white-space: nowrap
;
    cursor: pointer
;
    border-radius: 0px !important
;
}

.btn {
    margin-right: 5px;
}


.btn-default,
.btn-default:visited,
.btn-default:focus,
.panel-body button.btn.dropdown-toggle.btn-default,
.panel-body button.btn.dropdown-toggle.btn-default:visited,
.panel-body button.btn.dropdown-toggle.btn-default:focus {
    color: #666;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
}

.btn-default:hover,
.panel-body .btn-default:active,
.panel-body button.btn.dropdown-toggle.btn-default:hover,
.panel-body button.btn.dropdown-toggle.btn-default:active {
    transition: color 0.5s ease 0s;
    background-color: #f8f8f8;
    color: #000;
    border: 1px solid #9BD90D;
}

.btn-danger:hover,
.panel-body .btn-danger:active,
.panel-body button.btn.dropdown-toggle.btn-danger:hover,
.panel-body button.btn.dropdown-toggle.btn-danger:active {
    transition: color 0.5s ease 0s;
    background-color: #dc3545;
    color: #E5E5E5;
    border: 1px solid #dc3545;
}

.btn-default:disabled,
.panel-body button.btn.dropdown-toggle.btn-default:disabled {
    background-color: #fff;
    color: #BABABA;
    border: 1px solid #EDEDED;
}

.btn-bcknd,
.btn-bcknd:visited,
.btn-bcknd:focus,
.panel-body button.btn.dropdown-toggle.btn-bcknd,
.panel-body button.btn.dropdown-toggle.btn-bcknd:visited,
.panel-body button.btn.dropdown-toggle.btn-bcknd:focus {
    color: #7A7A7A;
    background-color: #eee;
    border: 1px solid #ccc;
}

.btn-bcknd:hover,
.panel-body .btn-bcknd:active,
.panel-body button.btn.dropdown-toggle.btn-bcknd:hover,
.panel-body button.btn.dropdown-toggle.btn-bcknd:active {
    transition: color 0.5s ease 0s;
    background-color: #f8f8f8;
    color: #000;
    border: 1px solid #9BD90D;
}

.btn-bcknd:disabled,
.panel-body button.btn.dropdown-toggle.btn-bcknd:disabled {
    background-color: #fff;
    color: #BABABA;
    border: 1px solid #EDEDED;
}

/* Hamburger Servercontrol */

#specialMenuXS #specialMenu ul {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/* Statusbox */

#statusbox {
    margin: 0px;
    padding: 0px;
}

#statusbox li {
    padding: 15px;
    margin: 5px;
    list-style: none;
    border: 1px solid #efefef;
    color: #757575;
    background-color: #fcfcfc;
}

/* Headline */

.container {
    padding-top: 45px;
    padding-left: 15px;
    padding-right: 15px;
}

#headline_container {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* Control Quickfix */

@media only screen and (max-width: 767px) {
    .box {
        height: auto !important;
    }
}

/* Smallright */

@media only screen and (max-width: 767px) {
    .smallright {
        text-align: right !important;
    }
}

/* Sidebar Additional */

.sidebarInput {
    width: 100%;
    margin-left: 0;
    padding: 6px;
    background-color: #013c4a;
    color: #fff;
    border: none;
    font-size: 14px;
    line-height: 1.42857143;
    transition: color 0.5s ease 0s;
}

.sidebarInput:focus {
    color: #9BD90D;
    transition: color 0.5s ease 0s;
    border: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
}


#globalSearchForm .input-group-addon {
    background-color: #013c4a;
    color: #fff;
    border: none;
}

.panel-disabled .panel-heading a::after {
    color: #bababa;
}


#login-page {
    width: 100%;
    padding-top: 120px;
}

#login-page #wrapper {
    margin: auto;
    width: 25%;
}

#login-page #content {
    padding: 20px;
    background: #fff;
}

.with-side-panel .main-content .form-box {
    display: inline-block;
    width: 100%
}


#login-page .form-row input[type="text"], #login-page .form-row input[type="password"], #login-page .form-row select {
    min-width: 100%;
}

.form-control .form-row .checkbox-group, .form-row .form-control, .form-row .textarea, .form-row input:not([type]), .form-row input[type="text"], .form-row input[type="password"], .form-row input[type="date"], .form-row input[type="number"], .form-row input[type="datetime"], .form-row input[type="datetime-local"], .form-row input[type="month"], .form-row input[type="time"], .form-row input[type="week"], .form-row input[type="email"], .form-row input[type="url"], .form-row input[type="search"], .form-row input[type="tel"], .form-row input[type="color"], .form-row select, .form-row textarea, .textarea .form-row .checkbox-group, input:not([type]) .form-row .checkbox-group, input[type="text"] .form-row .checkbox-group, input[type="password"] .form-row .checkbox-group, input[type="date"] .form-row .checkbox-group, input[type="number"] .form-row .checkbox-group, input[type="datetime"] .form-row .checkbox-group, input[type="datetime-local"] .form-row .checkbox-group, input[type="month"] .form-row .checkbox-group, input[type="time"] .form-row .checkbox-group, input[type="week"] .form-row .checkbox-group, input[type="email"] .form-row .checkbox-group, input[type="url"] .form-row .checkbox-group, input[type="search"] .form-row .checkbox-group, input[type="tel"] .form-row .checkbox-group, input[type="color"] .form-row .checkbox-group, select .form-row .checkbox-group, textarea .form-row .checkbox-group {
    margin-bottom: 4px;
}

input:not([type="radio"]), select {
    vertical-align: middle;
}

input {
    line-height: normal;
}

.textarea, button, input, optgroup, select, textarea {
    box-sizing: border-box;
    font: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    margin-bottom: 0px;
    border-radius: 0;
}

#login-page #header, .main-header-brand {
    /*background-image: url(https://www.webhostingcontrolpanel.de/sso-site/ui/static/plesk/img/def_plesk_logo.png);*/
    background-repeat: no-repeat;
}

input#login {
    background-color: #193e4c;
    color: #fff;
    padding: 8px 12px;
    font-weight: 400;
    border: none;
}

#btn-send {
    float: right;
    padding: .375rem .0rem;
}

.form-row .field-name {
    font-weight: 400;
}

* + .form-row {
    margin-top: 4px;
}

.field-value, .form-row {
    box-sizing: border-box;
    min-height: 26px;
}

#login-page .form-row .field-name {
    width: 40%;
    float: left;
    margin: 3px 0 0;
    font-weight: 400;
}

#login-page .form-row .field-value {
    float: right;
    margin-left: 30px;
    width: 53%;
}

.btns-box {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.ui-link, .field-name > a {
    color: #2498e3;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
}

.leftmenue li {

    text-shadow: none;
    line-height: 46px;

}

#header-wrapper > #header {
    width: 500px;
    border: 0px solid #000;
    voice-family: inherit;
    margin: auto;
}

.green-bg {
    min-width: 100%;
    color: #fff;
    background: #004B5B;
    min-height: 50px;
}

.main-header-navbar {
    text-align: right;
}

.main-header-navbar-nav {
    margin: 0;
    margin-top: 0px;
    padding: 0;
    list-style: none;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-top: -1px;
}

.top-user-info-row {
    display: table-row;
}

.top-user-info-row > div {
    padding-right: .5em;
    display: table-cell;
    vertical-align: middle;
}

.top-user-info-data {
    text-align: left;
}

/* Side Menue */
.sub-menu > li {
    overflow: hidden;
    /*max-height: 108px;*/
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.sub-menu a:hover {
    color: #9BD90D;
    background: rgba(255, 255, 255, .12);
}

.sub-menu .active > a, .page-sidebar-menu .sub-menu .active > a:hover {
    background: #013C4A;
    color: #9BD90D !important;
}

.sub-menu a {
    /*border-bottom: 1px solid #495967;*/
    border-bottom-color: rgb(73, 89, 103);
}

.linkbox4 li {
    line-height: 18px !important;
}

ul.nav-sidebar.sub-menu .active > a, ul.nav-sidebar.sub-menu .active > a:hover {
    background: #013C4A;
    color: #9BD90D;
}

.frm-check-fields {
    padding-left: 15px;
    padding-right: 15px;
}

.submit-fields {
    padding-top: 15px;
}

.control-label {
    height: 34px;
    padding: 5px 6px 4px;
    margin: 0 0.55rem 0 0;
}

.form-control:focus {
    border-color: #9bd90d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(155, 217, 13, 0.6);
}

.card-block {
    padding: 1.25rem;
}

.input-group {
    padding-bottom: 15px;
}

.tablelist {
    padding: .0rem !important;
}

.tablelistbottom {
    margin-bottom: 0px !important;
}

.detail-body {
    border: 1px solid #ddd;
    padding: 20px 15px;
    background-color: #f8fafb;
    margin-bottom: 30px;
}

.indetail-head {
    margin-bottom: 20px;
}

.dnssec-item {
    margin-bottom: 50px;
}

.scrollbox-200 {
    height: 200px;
    max-height: 200px;
    overflow-y: scroll;
}

.dist-top {
    padding-top: 20px;
}

.fa-form-center {
    padding-top: 10px;
}

.checkbox-center {
    padding-top: 6px;
}

.checkbox-left {
    width: 0px;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.scrollcard {
    max-height: 200px;
    overflow-y: auto;
}

.scrollcardGdpr {
    max-height: 400px;
    overflow-y: auto;
}

.cardbuy-pricing {
    position: relative;
}


.cardbuy {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
    margin-bottom: 30px;
}

.cardbuy-pricing .cardbuy-pricing-plan-name {
    padding-bottom: 20px;
}

.cardbuy-pricing .cardbuy-pricing-icon {
    font-size: 22px;
    -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
    height: 60px;
    display: inline-block;
    width: 60px;
    line-height: 56px;
    border-radius: 50%;
}

.cardbuy-pricing .cardbuy-pricing-price {
    padding: 30px 0 0;
}

.cardbuy-pricing .cardbuy-pricing-features {
    color: #98a6ad;
    list-style: none;
    margin: 0;
    padding: 20px 0 0 0;
}

.cardbuy-pricing .cardbuy-pricing-features li {
    padding: 15px;
}

.cardbuy-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
}

.display-label {
    font-weight: bold;
}

.modal-lg {
    max-width: 900px;
}

body.loadingoverlay #sidebar, body.loadingoverlay #sitecontents, body.loadingoverlay #navbarbase, body.loadingoverlay #footer {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

/* Overlay */

@keyframes overlay {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes overlay {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.overlay {
    background: #004b5b; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #004b5b 0%, #013c4a 41%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #004b5b 0%, #013c4a 41%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #004b5b 0%, #013c4a 41%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004b5b', endColorstr='#013c4a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    opacity: 0.65;
    filter: Alpha(Opacity=65);
    overflow: hidden;
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.overlay:before {
    content: "Loading data...";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
}

.overlay:not(:required):before {
    content: '';
    border-radius: 50%;
    border-top: 5px solid #9BD90D;
    border-right: 5px solid transparent;
    animation: overlay 1s linear infinite;
    -webkit-animation: overlay 1s linear infinite;
}

.bootstrap-switch {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.alert {
    margin-bottom: 2px;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #000;
    background: #9BD90D;
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #9BD90D;
}

.bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.bootstrap-switch-off {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.loadingspinner {
    position: relative;
    display: inline-block;
    z-index: 2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-top: 5px solid #9BD90D;
    border-right: 5px solid transparent;
    animation: overlay 1s linear infinite;
    -webkit-animation: overlay 1s linear infinite;
    text-align: center;
    vertical-align: middle;
}

.deadspinner {
    border-top: 5px solid #a94442;
    animation: overlay 25s linear infinite;
    -webkit-animation: overlay 25s linear infinite;
}

.warningspinner {
    border-top: 5px solid #8a6d3b;
    animation: overlay 25s linear infinite;
    -webkit-animation: overlay 25s linear infinite;
}

.infospinner {
    border-top: 5px solid #31708f;
    animation: overlay 25s linear infinite;
    -webkit-animation: overlay 25s linear infinite;
}

.d-inline-block {
    display: inline-block !important;
    margin-right: -4px;
}

.login-mobile {
    margin-bottom: 10px;
}

.button-left {
    float: left;
}

.section {
    padding: 1.5rem;
    border: 3px solid #ebedf2;
}

.btn-disttop {
    margin-top: 5px;
}

.flags-box {
    padding-bottom: 3px;
}

.flags-login {
    padding-left: 5px;
}

.flags-border-active {
    border: 4px solid #9bd90d;
    margin-bottom: 5px;
}

.flags-border {
    border: 4px solid #aaaaaa;
    margin-bottom: 5px;
}

/* Fix Firefox Radio & Checkbox Inputs */
@-moz-document url-prefix() {
    .form-check-input-radio {
        position: absolute;
        margin-top: 0.08rem;
        margin-left: -1.50rem;
    }

    .form-check-radio {
        position: relative;
        display: block;
        padding-left: 1.25rem;
    }

    .form-check-input {
        position: absolute;
        margin-top: 0.1rem;
        margin-left: -1.50rem;
    }
}

.order-button {
    background-color: #7BA815;
    border-radius: .25rem;
}

.order-button-text {
    color: white !important;
}

.divider {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.dialogsubelement {
    border: 1px solid #e9ecef;
    color: #808080;
}

.dialogsubelementheader {
    color: #808080;
}

.dsgvo-txt-card-h4 {
    text-align: center;
}

.dsgvo-txt-card-checkbox {
    display:flex;
}