/* ===================================
   AskMyID
====================================== */








nav.navbar.navbar-default ul.nav > li .btn-link-painel {
    background: #00E98B;
    padding: 8px 15px;
    margin: 16px 8px 0 8px;
    border-radius: 6px;
}

nav.navbar.navbar-default ul.nav > li { margin: 0 8px; }
nav.navbar-default { height: 90px; }

.padding-150px-lr { padding-left: 150px; padding-right: 150px; }

.logo-strong { font-weight: 500; }

.box-shadow-light-all {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.border-radius-30 {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.box-vantagens {
    width: 335px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    margin: 0 auto;
}

.pricing-box {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.pricing-box > div:first-child {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: #FFDE3B;
}

.pricing-box > div:last-child {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.pricing-box > div:last-child > div {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.pricing-box li {
    margin: 0;
}

.pricing-box li.pricing-description {
    padding: 20px 40px 20px 40px;
    font-weight: 300;
}

.pricing-box li.pricing-description .logo-strong {
    font-weight: 400;
}

.pricing-box li.pricing-function {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 16px;
}

.section-cap {
    background: rgba(231, 231, 231, 0.4);
}

.erp-container {
    position: relative;
    margin-bottom: 145px;
}
.erp-bg {
    width: 100%;
    height: 100%;
}
.erp-bg > img {
    width: 100%;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    margin-top: 10px;
}
.erp-bg div:last-child {
    position: absolute;
    width: 100%;
    top: 0;
    left: 13px;
    white-space: nowrap;
}
.erp-legend {
    position: absolute;
    z-index: 2;
    background-color: #00B5B4;
    border-radius: 30px;
    width: 95%;
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}

.erp-legend figure {
    display: flex;
}

.erp-legend figure figcaption {
    margin: auto 10px;
}

.checkboxes-switches-block {
    background: #4D4D4D;
    border-radius: 30px;
    color: white;
    padding-bottom: 30px;
}


.form-contact input, .form-contact select, .form-contact textarea {
    background-color: white;
    border: 0;
    border-radius: 15px;
}

.form-contact input, .form-contact select { height: 41px; }

.form-contact input:focus, .form-contact select:focus, .form-contact textarea:focus {
    -webkit-box-shadow: 0 0 10px 0 rgba(255,153,0,.3);
    -moz-box-shadow: 0 0 10px 0 rgba(255,153,0,.3);
    box-shadow: 0 0 10px 0 rgba(255,153,0,.3);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b2b2b2;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b2b2b2;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #b2b2b2;
}

ul.list-style-5 > li:before { color: #00C877; }

ul.list-style-5 li {
    border-bottom: 3px solid #E7E7E7;
}

.btn-yellow {
    background: rgb(255,231,67);
    background: linear-gradient(180deg, rgba(255,231,67,1) 0%, rgba(255,153,0,1) 100%);
    border: none;
}

.box-animated .feature-box-overlay {bottom: 0; left: 0; right: 0; width: 100%; height: 2px; position: absolute; z-index: -2}
.box-animated:hover .feature-box-overlay {height: 100%; background: #4D4D4D }
.box-animated:hover div, .box-animated:hover p {color: #fff; }
.box-animated:hover .icon-round-small{ background: #fff; color: #ff214f }




/*  ###########
    Media queries
 */
@media (max-width: 991px) {
    nav.navbar.navbar-default ul.nav > li > a.btn-link-painel {
        background-color: transparent !important;
        padding: 9px 15px 8px !important;
        margin: 0;
    }

    .box-btn-capitalizacao {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .erp-container {
        margin-bottom: 445px;
    }

    .erp-legend {
        bottom: -447px;
    }

    .erp-legend figure {
        display: block;
    }

    .erp-legend figure figcaption {
        margin: 10px auto;
    }

}

@media (min-width: 1200px) {
    .container-vantagens { padding-left: 150px; padding-right: 150px; }
}