.landing-doc .content-wrapper {
    background-color: white;
}

.banner-landing {
    background-color: #f7c336;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.banner-landing form input {
    width: 35vw;
}

.prod-item {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 9px -6px #000000;
    box-shadow: 0px 0px 9px -6px #000000;
}

.prod-item-docs {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 9px -6px #000000;
    box-shadow: 0px 0px 9px -6px #000000;
    height: 70%;
}

.banner-landing .form .fa {
    position: absolute;
    right: 5px;
    padding: 0px 16px;
    top: 5px;
}

.content-wrapper > .content {
    margin-top: 0px !important;
}

.brand-link {
    display: inline-block;
    padding: 0.63rem 0.5rem;
}

aside .sidebar {
    background-color: #f63c3c;
}

.nav-sidebar .nav-header {
    font-size: 1rem;
}
.nav-pills .nav-link,
.nav-header {
    color: #fff;
}
.nav-pills .nav-link:hover,
.nav-pills .nav-link:hover.active {
    color: white;
}

.nav-pills .nav-link:not(.active):hover {
    color: white;
}

.banner-content-docs-ivr {
    background-color: #f7a3a3;
    background-image: url("../images/bg-banner-ivr-docs.jpg");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-top: 10px;
}

.elm-sm-rounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.header-list {
    color: #404040;
    width: 100%;
    /*background-image: url('../images/header-list-ivr-left.jpg');*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.header-list-left {
    /*height: 123px;*/
    background-image: url("../images/header-list-ivr-left.jpg");
}
.header-list-right {
    /*height: 123px;*/
    background-image: url("../images/header-list-ivr-right.jpg");
}
ul.list-url {
    width: 92%;
    margin: auto;
}
ul.list-url li {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    top: -20px;
    background-color: white;
}
ul.list-url li:nth-child(even) {
    background-color: #eff1f3;
}

/* Clipboard */
.clipboard {
    margin-left: 0px;
}

.clipboard button {
    display: none;
    margin-top: 5px;
    margin-right: 5px;
}

.clipboard:hover #button-copy {
    display: block;
}

@media (min-width: 992px) and (max-width: 1191px) {
    .prod-1 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .prod-2 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .prod-3 {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    .prod-4 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .font-14 {
        font-size: 14px !important;
    }
}

@media (min-width: 1192px) and (max-width: 1350px) {
    .prod-item-docs {
        height: 70% !important;
    }

    .prod-1 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .prod-2 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }

    .prod-3 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .prod-4 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .font-15 {
        font-size: 12px !important;
    }

    .font-14 {
        font-size: 14px !important;
    }
}

@media (min-width: 756px) and (max-width: 1192px) {
    .font-14 {
        font-size: 14px !important;
    }
}

@media (max-width: 576px) {
    .clipboard button {
        font-size: 10px;
    }

    .clipboard-code p {
        font-size: 12px !important;
    }

    .content-wrapper .container-fluid > .row:nth-child(2) {
        margin-top: 1rem !important;
    }
    .banner-landing {
        margin-top: 64px !important;
        overflow: hidden;
    }
    .banner-landing form input {
        width: 90vw;
    }
    .banner-landing > .row > .col-md-6:nth-child(2) {
        text-align: center;

        padding-bottom: 1.5rem;
    }
    .banner-landing img {
        width: 110vw;
        text-align: center;
        content: url("../images/bg-banner-landing-docs-mobile.jpg");
        float: none !important;
        position: relative;
        left: 50%;
        margin-left: -50vw;
    }
    .wrapper-search {
        margin-top: 10px !important;
    }
    .h5 {
        font-size: 1rem !important;
    }
    .desc-prod {
        font-size: 0.8rem;
        width: 100%;
        visibility: visible;
    }
    .icon-prod {
        width: 100px;
        margin-right: 1.3rem !important;
    }
    .icon-prod img {
        width: 100% !important;
    }

    .banner-content-docs-ivr {
        background-size: auto 41%;
    }
    .banner-content-docs-ivr > .text-white {
        width: 100% !important;
    }

    /* .prod-item {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    } */

    .text-dark img {
        width: 100%;
    }
    .h3 {
        font-size: 1.3rem !important;
    }
    .content-wrapper {
        background-color: #ffffff;
    }
    .banner-content-docs-ivr {
        margin-top: 60px;
    }

    .content-text-docs {
        padding-left: 17px;
        padding-right: 17px;
    }

    .nav-item a i {
        float: right;
        position: relative;
        top: 5px;
        display: inline !important;
    }
}