.cd-main-content {
    background: #f9f9f9;
}

h2:before {
    content: "";
    height: 1px;
    width: 30%;
    border-top: 1px solid #cccccc;
    display: block;
    margin: 10px auto;
}

h3 {
    color: #555555;
    text-align: center;
}

.textos {
    margin: 50px auto;
}

.half1 p, .half2 p {
    color: #666666;
    font-size: 18px;
    line-height: 150%;
}

.frecuency {
    box-sizing: border-box;
    font-size: 11px;
    font-family: 'Ubuntu', sans-serif;
    color: #ffffff;
    border-collapse: separate;
    border-spacing: 2px;
}

.frecuencyError {
    border: none;
}

.on {
    background: #009c00;
    color: #ffffff;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    text-align: center !important;
    padding: 3px !important;
    border: none;
}

.off {
    background: #e70000;
    color: #ffffff;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    text-align: center !important;
    padding: 3px !important;
    border: none;
}

.warn {
    font-size: .9em;
    color: #ce0000;
    min-width: 150px;
}

.posta .half1, .posta .half2 {
    width: 49%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    padding: 35px;
    box-sizing: border-box;
    margin: 20px auto;
}

.price .advanced {
    background: #d1292d;
}

.price p.costb {
    color: #4673c8;
}

.price .bestchoice {
    background: #4673c8;
}

.price {
    width: 32%;
    max-width: 270px;
}

.contenido, .template {
    min-width: 98%;
    width: 98%;
}

.searchbar {
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
}

.filter {
    max-width: 250px;
    margin: auto;
    display: inline-block !important;
}

.filters {
    margin: 10px auto;
    text-align: left;
}

    .filters button {
        font-size: .8em;
        cursor: pointer;
        -webkit-appearance: none;
        padding: 10px;
        margin: 3px;
        border-width: 0px 0px 3px 0px;
        border-color: #eeeeee;
    }

        .filters button.active {
            border-color: #d1292d;
        }

    .filters a {
        font: bold 11px Arial;
        text-decoration: none;
        background-color: #EEEEEE;
        color: #333333;
        padding: 2px 6px 2px 6px;
        border-top: 1px solid #CCCCCC;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        border-left: 1px solid #CCCCCC;
    }

        .filters a.active {
            border-color: #d1292d;
        }

    .filters.log select {
        display: inline-block;
        max-width: 250px;
        margin: 5px 10px;
    }

.labelssettings {
    display: inline-grid;
    margin-left: 73%;
    margin-top: -5%
}
.filters2 {
    margin-top: -12%;
}
.filters2 button.active {
    border-color: #1ec3ff;
}

.topnav .logo img {
    max-width: 150px;
    text-align: left;
    margin: 0px auto;
}

.topnav .logo {
    margin: 15px auto;
}

.overtable {
    overflow-x: auto;
    max-height: 80vh;
    overflow-y: scroll;
}

.orders {
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    margin: 20px auto;
}

    .orders th, .orders td {
        font-size: 12px;
        padding: 20px 10px;
        border-bottom: 1px solid #cccccc;
        text-align: left;
    }

    .orders th {
        color: #999999;
        background-color: #f4f4f4;
    }

    .orders td{
        border:white;
    }

button.synco {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #5274be;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    border: none;
    float: right;
}

a.synco {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #5274be;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    border: none;
    display: table;
}

.filters button.create {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #d1292d;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    display: inline-block;
    border: none;
}

.filters input.create {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #d1292d;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    display: inline-block;
    border: none;
}

.filters button.create:hover {
    background: #bd2529;
}

.topfilter {
    width: 80%;
    margin: auto;
    display: inline-block;
    box-sizing: border-box;
}

.orders button.create {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #d1292d;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    border: none;
    margin: 2px;
}

    .orders button.create:hover {
        background: #bd2529;
    }

.orders button.download {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #5a6588;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    border: none;
    margin: 2px;
}

    .orders button.download:hover {
        background: #445076;
    }

.orders button.return {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #999999;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    border: none;
}

    .orders button.return:hover {
        background: #888888;
    }

.orders button.dreturn {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #666666;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    border: none;
    margin: 2px;
}

    .orders button.dreturn:hover {
        background: #555555;
    }

.orders button.cancelled {
    font-size: 12px;
    font-weight: 900;
    color: #cccccc;
    background: #ffffff;
    -webkit-appearance: none;
    padding: 10px;
    border: 1px solid #cccccc;
}

.orders button.send {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #1ba106;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    border: none;
    margin: 2px;
}

    .orders button.send:hover {
        background: #1b6b0e;
    }

.orders button.rsend {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #0a58bf;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    border: none;
    margin: 2px;
}

    .orders button.rsend:hover {
        background: #093d82;
    }

.orders button.modify {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #cccccc;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    border: none;
}

    .orders button.modify:hover {
        background: #bbbbbb;
    }

.dash .remaining {
    font-size: 36px !important;
}

.orders button.pending {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #cccccc;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 10px;
    border: none;
    margin: 2px;
}

    .orders button.pending:hover {
        background: #bbbbbb;
    }

.dash .returning, .dash .verified, .dash .plan {
    color: #d1292d;
}

@media screen and (max-width: 790px) {
    .posta .half1, .posta .half2 {
        display: block;
        width: 90%;
        margin: 20px auto;
        text-align: center;
        padding: 0px;
        max-width: 400px;
    }

    .price {
        width: 80%;
    }

    .topfilter {
        display: block;
        margin: 8px auto;
        width: 98%
    }

    .filters.log select {
        display: block;
        max-width: 250px;
        margin: 5px auto;
    }

    .filters button.create {
        margin: 8px auto;
        display: block;
    }

    .labelssettings {
        display: block;
        margin-top: 5%;
        margin-bottom: 15%;
    }
}