body {
    background-color: #fff !important;
}

.badge {
    border-radius: 3px;
    margin-left: 0px;
    margin-bottom: 5px;
    height: 25px;
    padding-top: 6px;
}

.btn-rounded {
    border-radius: 3px;
}

.ibox-title h5 {
    margin-top: 5px;
}

.ibox-title {
    padding: 14px 26px 7px;
}

h2 {
    font-weight: 600;
}

.recuperarbtn {
    background-color: #ef7521;
    border-color: #ef7521;
    color: #FFFFFF;
    padding: 3px 5px;
}

.form-control,
.single-line {
    color: #464343;
}

label {
    font-size: 15px;
}

.form-group {
    padding: 10px;
}

.btnrapido {
    margin-top: 25px;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: 15px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 3px;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.inforapida {
    font-size: 16px;
    font-weight: 500;
    color: #ef7521;
}

.resumen-campana {
    margin-bottom: 20px;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    margin-top: 20px;
}

div.dataTables_wrapper div.dataTables_info {
    margin-top: 15px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    vertical-align: middle !important;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-left-width: 0;
    vertical-align: middle;
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0;
    font-size: 14px;
    font-size: 12px;
    text-align: center;
}

.middle-box {
    max-width: 300px;
    z-index: 100;
    margin: 0 200px;
    padding: 90px 20px;
    background-color: rgba(255, 255, 255, 0.8);
    height: 100%;
}

.loginscreen.middle-box {
    width: 300px;
}

.full-width {
    width: 240px !important;
    margin: 10px;
}

.form-group {
    margin-bottom: 0;
}

/* El widget de Turnstile mide 300x65 px fijos; se escala al ancho de 240 px de los campos del login */
.turnstile-login {
    height: 52px;
    margin-top: 10px;
}

.turnstile-login .cf-turnstile {
    width: 300px;
    transform: scale(0.8);
    transform-origin: 0 0;
}

.gray-bg1 {
    background-image: url(../img/altera-mailing-fondo.png);
    background-position: 100%;
    background-size: cover;
    background-color: #fff !important;
}

.margin-caja {
    margin-top: 100px;
}

.h2margin {
    margin: 10px 0 70px 0;
}

.nav>li>a:not(.tab) {
    color: #5f5f5f;
    padding: 14px 20px 14px 25px;
}

.navbar-default .metismenu li:not(:first-child) {
    border-bottom: solid 1px #ddd9;
}

.navbar-default .metismenu li a .new {
    float: right;
    width: auto;
    height: 22px;
    margin-right: -12px;
    background-color: #e26a0f;
    color: #fff;
    font-size: 10px;
}

.navbar-default .metismenu li.active a .new {
    background-color: #fff;
    color: #e26a0f;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus,
.navbar-default .special_link a:hover {
    background-color: #e26a0f !important;
    transition: all 1s ease;
}

.navbar-static-top {
    margin-bottom: 0;
}

.navbar-default .reporte,
.navbar-default .nueva-lis {
    border: solid 1px #ef75216e;
}

#wrapper {
    position: relative;
}

.footer {
    /* position: absolute; */
    background: transparent;
    border-top: none;
}

.select2-container .select2-selection--single {
    height: 34px;
}

.inmodal .modal-body {
    background: #fff;
}

.nav>li.active>a {
    color: #444;
}

.navbar-default .special_link a {
    background: transparent;
    border-top: solid 2px #b1b1b1;
}

.modal-footer {
    border-top: none;
}

.input-group-btn:last-child>.btn {
    margin-left: 5px;
}

.inicio .label-success,
.label-info {
    background-color: #fff;
    color: #C95415;
}

.inicio .ibox-content {
    padding: 15px 20px 35px 20px;
}

.header-editor-encuesta,
.header-editor-plantillas {
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: solid 1px #b1b1b1;
}

.nueva-campana .btn-primary,
.nueva-campana .btn-success {
    background-color: #9E9E9E;
    border-color: #9E9E9E;
    color: #FFFFFF;
}

.left-menu-container .elements .elements-container .element-tab.active,
.tab-elements .element-tab .active {
    margin-top: 20px;
}

.left-menu-container .nav .left-menu li.menu-item.active,
.left-menu-container .elements {
    background-color: #fff;
}

.Pg-encuesta-editor .btn-group>.btn {
    margin: 0px 10px 0px 0px;
}

.Pg-encuesta-editor .btn {
    background-color: #ef7521;
}

.Pg-encuesta-editor button {
    color: #fff !important;
}

.editor-plantilla .left-menu-container .elements .elements-container .elements-accordion .elements-accordion-item .elements-accordion-item-title,
.editor-plantilla .left-menu-container .elements .elements-container .elements-accordion .elements-accordion-item .elements-accordion-item-title.active,
.editor-plantilla .left-menu-container .elements .elements-container .elements-accordion .elements-accordion-item .elements-accordion-item-title:hover {
    background-color: #f1f1f196;
    color: #b1b1b1;
    border: solid 1px #b1b1b1;
}

.editor-plantilla .left-menu-container .elements .elements-container .elements-accordion .elements-accordion-item .elements-accordion-item-title:after {
    border-right: 1px solid #ef7521;
    border-bottom: 1px solid #ef7521;
}

.editor-plantilla .left-menu-container .nav .left-menu li.menu-item:hover,
.editor-plantilla .left-menu-container .elements .settings .fa:hover {
    color: #4e3626;
}

.editor-plantilla .left-menu-container .elements .settings {
    background-color: #b1b1b1;
}

.editor-plantilla .left-menu-container .nav .left-menu li.menu-item .menu-name {
    font-size: 10px;
}

.editor-plantilla .left-menu-container .elements .elements-container .elements-list .elements-list-item {
    background-color: #fff;
    color: #ef7521;
    border: solid .5px #ef7521;
}

.editor-plantilla .left-menu-container .elements .elements-container .elements-list .elements-list-item .preview .elements-item-name {
    font-size: 8px;
}

.editor-plantilla .left-menu-container .elements .elements-container .element-boxs .form-control,
.left-menu-container .elements .elements-container .social-content-box input[type=text] {
    background-color: #26384514;
}

.editor-plantilla .left-menu-container .nav {
    background-color: #b1b1b1;
    color: #fff;
}

.inforapida {
    font-style: normal;
}

.botones-campana {
    margin-top: 20px;
}

.resumen-campana {
    text-transform: uppercase;
    color: #797877;
    font-weight: 700;
    margin-left: 40px;
}

.wizard>.actions a,
.wizard>.actions a:hover,
.wizard>.actions a:active {
    background: #ef7521;
}

@media (min-width: 768px) {
    .navbar-header {
        display: none;
    }
}

@media (max-width: 768px) {
    .middle-box {
        margin: 0 auto;
    }
}

@media (max-width: 1254px) {

    table.table-bordered.dataTable th:last-child,
    table.table-bordered.dataTable th:last-child,
    table.table-bordered.dataTable td:last-child,
    table.table-bordered.dataTable td:last-child {
        border-right-width: 0;
        width: 50%;
    }
}

@media (max-width: 1022px) {

    table.table-bordered.dataTable th:last-child,
    table.table-bordered.dataTable th:last-child,
    table.table-bordered.dataTable td:last-child,
    table.table-bordered.dataTable td:last-child {
        border-right-width: 0;
        width: 100px !important;
    }

    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: flex;
        vertical-align: middle;
    }
}

@media (max-width: 945px) {

    .wizard>.steps a,
    .wizard>.steps a:hover,
    .wizard>.steps a:active {
        padding: 5px;
    }
}

@media (max-width: 920px) {

    .wizard>.steps a,
    .wizard>.steps a:hover,
    .wizard>.steps a:active {
        padding: 5px;
        height: 45px;
    }
}

@media (max-width: 836px) {
    .ibox-title {
        height: 130px;
        margin-bottom: 15px;
    }

    .badge {
        width: 100%;
    }

    .recuperarbtn {
        width: 100%;
    }

    h2 {
        text-align: center;
    }

    .col-sm-6 {
        width: 100%;
    }
}