.col {
    float: left;
}

.esp1 {
}

    .esp1 svg {
        display: block;
        width: 101%;
    }

        .esp1 svg:hover path {
            fill: #4d8017;
            cursor: pointer;
        }

.espacos {
    float: left;
}

.spProgresso1 {
    color: #533747 !important;
}
.espacos.nd svg path {
    fill: #d87575;
}
.espacos.nd:hover svg path {
    fill: #b32020;
}
.espacos.nd svg:hover {
    cursor: not-allowed;
}

.prog {
    background: #533747 !important;
}

.d {
    background: #a8d875;
    cursor: pointer;
    opacity: 0.4;
}

    .d:hover {
        background: #4d8017;
    }

.nd {
    cursor: not-allowed;
    background: #d87575;
    opacity: 0.4;
}

    .nd:hover {
        background: #b32020;
    }

.b {
}

.dlg {
}

.cover {
    height: 100%;
    width: 100%;
    background: #0d141a;
    opacity: 0.7;
    position: fixed;
    display: none;
    top: 0;
    z-index: 99;
}

.dlg {
    width: 650px;
    height: 550px;
    display: none;
    font-size: 15px;
    z-index: 999;
    position: absolute;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 25px;
}

    .dlg button {
        width: 140px;
        margin: 5px;
        height: 40px;
        background: none;
        border: none;
        border-radius: 5px;
    }

        .dlg button:hover {
            background: #202C33;
        }

.dlgT {
    font-family: mesB;
    font-size: 25px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #533747;
    text-align: center;
}

.profEx {
    width: 100%;
    float: left;
    overflow-x: hidden;
}

.profExProf {
    float: left;
    width: 100%;
    margin: 5px 0;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    padding: 13px;
    cursor: pointer;
    font-size: 20px;
}

    .profExProf:hover {
        background: #f5f5f5;
    }

.pES {
    font-size: 22px;
    margin-bottom: 20px;
    background: #533747;
    color: #fff;
    padding: 8px 0 8px 15px;
    text-align: center;
}

    .pES span {
        font-family: mesB;
    }

.itemForm {
    float: left;
    margin-bottom: 2px !important;
}

.profForm {
    margin-top: 5px;
}

.btF {
    color: #4b4b4b;
    font-size: 17px;
}

.bt {
    background: #4b4b4b !important;
    color: #fff;
    font-size: 17px;
}

.btF:hover {
    background: #fff !important;
    text-decoration: underline;
}

.bt:hover {
    background: #383838 !important;
    text-decoration: underline;
}

.profForm {
    width: 100%;
    float: left;
    overflow: scroll;
    height: 380px;
    overflow-x: hidden;
    padding-right: 5px;
    background:#fff;
    padding:10px;
}


/*tablet*/
@media (min-width: 768px) {

}
/*smartphone*/
@media (max-width: 767px) {
    .dlg {
        width: 92% !important;
        margin: 4% !important;
        height: auto !important;
        top: 10% !important;
        left: 0 !important;
        padding: 15px !important;
        background: #f2f2f2 !important;
    }
    .btF, .bt {
        width: 45% !important;
    }
}
/*computador*/
@media (min-width: 1200px) {
}