img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.card-div {
    padding: 8px;
}
body{
    background-color: #ddd !important;
}
.rounded-img {
    border-radius: 100%;
    border: 6px #168d8a;
}

.center {
    display: flex;
    text-align: -webkit-center;
    width: 100% !important;
    justify-self: center !important;
}

.thumbnail {
    display: block;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.center>h5,.center > h6 {
    padding: 10px 10px;
    text-align: center;
    margin: 0 auto;
    text-transform: capitalize !important;
}

.hide {
    display: none;
}

.msg-unread {
    background-color: #e9ecef;
    color: #168d8a !important;
    margin-bottom: 1px;
}

@keyframes pill {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes bell-anim {
    from {
        transform: rotate(180deg);
    }
    to {
        transform: rotate(540deg);
    }
}

.notify-bell {
    animation: bell-anim 3s infinite;
}

.notify-pill {
    animation: pill 1s infinite;
}

.message-item-1:hover {
    background-color: #FF5152 !important;
}

.message-item-2:hover {
    background-color: #FFCA02 !important;
}

.message-item-3:hover {
    background-color: #008E8A !important;
}

.message-item-1:hover div,
.message-item-2:hover div,
.message-item-3:hover div {
    color: white !important;
}

.message-item-3:hover .fil0 {
    fill: #008E8A;
}

.message-item-1:hover .rounded-circle-img-1 {
    background-color: #ffff !important;
}

.message-item-2:hover .rounded-circle-img-2 {
    background-color: #ffff !important;
}

.message-item-3:hover .rounded-circle-img-3 {
    background-color: #ffff !important;
}

.line-list {
    margin-left: 10px;
    display: block;
}

.icon-msg {
    margin: 0px !important;
    width: 25px !important;
    height: 25px !important;
}

.rounded-circle-img-1 {
    background-color: #FF5152;
    padding: 8px;
    border-radius: 100%;
    align-self: center;
}

.rounded-circle-img-2 {
    background-color: #FFCA02;
    padding: 8px;
    border-radius: 100%;
    margin-right: 5px;
    align-self: center;
}

.rounded-circle-img-3 {
    background-color: #008E8A;
    padding: 8px;
    border-radius: 100%;
    margin-right: 5px;
    align-self: center;
}

.icon-msg {
    width: 48px;
    height: 30px;
}


/* Alerta Vermelho */

.dpt-msg-1 {
    font-size: 13px;
    color: #FF5152;
}

.dpt-msg-2 {
    font-size: 13px;
    color: #FFCA02;
}

.dpt-msg-3 {
    font-size: 13px;
    color: #008E8A;
}

.title-msg {
    font-size: 13px;
    font-weight: bold;
    color: #57585A;
}

.time-msg {
    color: #939498;
    font-size: 11px;
}

.input-error
{
    border: 1px solid red !important;
    background-color: #f5c6cb !important;
    color: #ff5252;
}

.input-success
{
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #155724 !important;
}

.error-icon {
    float: right;
    margin-top: -32px;
    position: fixed;
}

.card-upload {
    height: 180px;
}

#form_wizard {
    display: grid;
}

.card-upload {
    align-self: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.card-upload-image {
    object-fit: fill;
}

.uppercase {
    text-transform: uppercase !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.svg-step-icon {
    height: 20px;
}

.alert-tooltip {
    margin-top: -12px;
    max-width: 180px;
}

.alert-tooltip-danger {
    background-color: #721c24;
}

.alert-tooltip-danger::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 15px;
    margin-left: -12px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent #f8d7da transparent;
}

.alert-tooltip-warning::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 15px;
    margin-left: -12px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent #fff3cd transparent;
}

input[name="inscricao_estadual"] {
    padding-right: 100px !important;
}

.input-ie {
    margin-top: -58px;
    right: 20px;
    justify-items: center;
    height: 24px;
    width: 128px;
    position: absolute;
}

#ie-input {
    position: relative;
}

.ie1::before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAPNJREFUSEvtlbFuwkAQRHfkFiHSprDv/D+kILXdUFDhfALmF6CLFAmkpInSJB/kPTfUJKL2RBQgWbKBQ4LKV8/t2x2tdiA3frhxfbkvIAzDhyAIliSHAPo+05H8I/kDYOqc2x7+1iYwxnwAGInIG4CdJ6AnIuOqqr7KskzaAL8AVqr64lP8oLXWLkimzrlBI8BaSwDzoijyawBxHOckZ6p6dKZmUQfoLDq7WJ1FnUUixpj9sVuranbWjwZBFEVLAMmpY/cuIs8i8kpy4wMB8EhyAuBTVdO2cz0gue/i6ZrAAfBNMmsNHJ+OL9XeN5Mv7cpH9w+hb98ZgzwyGQAAAABJRU5ErkJggg==");
}

.ie2::before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAYdJREFUSEu9lbFOAkEQhueHK43BRBsL2L2Q09dAay20soDGwkp8BPEVpDMx0UQtjI0+gPgSJoaQ26WxslBjKfzmEo8cBPD2glx5N/t/M//tzED++cE/68t8AcVicSmfzzdJbgFYdKmO5CfJBwCH1tr3+OxQBUqpawA7InIO4MsRsCAi+/1+/67b7VYnAT4AXBhjjlzE41it9SnJmrW2MBagtSaAkzAMG1kAvu83SB4bYwbODFmUBRAEwXKUTLvdfps5QCm1DqAF4CkMw72ZArTWayLySDLved5mp9N5nhlgnHhkkxOgXC6v5HI5Rt4mf3hsS/SOZMVa+xJ/dwIopW4AVJIi08SdK/B9PyDZIul5nrfR6/W+Rz0fvcpOFUSHkxnHYqO2JCHOgN+y40oGt2VSE2YCRGLJZprW4ZkBacfGnwClVDTsLo0x9bSiybhSqdQEUJ027K5EZFdEzki+ukAArJI8AHBrjKlNGtcFklEW21kWDoB7kvWJC8cl47Sx893JabNyifsBElo/KMw6YTAAAAAASUVORK5CYII=");
}

#ie::after {
    content: 'ISENTO';
    display: inline-block;
    margin-left: 5px;
    justify-self: center;
}

.input-icon-success {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA3OTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0MUFENDk7fQo8L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NjIsMzk2YzAtMTQxLjQtMTE0LjYtMjU2LTI1Ni0yNTZTNTAsMjU0LjYsNTAsMzk2czExNC42LDI1NiwyNTYsMjU2UzU2Miw1MzcuNCw1NjIsMzk2TDU2MiwzOTZ6ICAgIE01MDEuNywyOTYuM2wtMjQxLDI0MWwwLDBsLTE3LjIsMTcuMkwxMTAuMyw0MjEuM2w1OC44LTU4LjhsNzQuNSw3NC41bDE5OS40LTE5OS40TDUwMS43LDI5Ni4zTDUwMS43LDI5Ni4zeiIvPjwvZz48L3N2Zz4=") !important;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 6px);
    background-position-y: 50%;
    background-size: 24px 24px;
    padding-right: 10px;
    border: 1px solid #ccc;
    background-color: #d4edda !important;
}

.input-icon-error {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA3OTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNFNDQwNjE7fQo8L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NjIsMzk2YzAtMTQxLjQtMTE0LjYtMjU2LTI1Ni0yNTZTNTAsMjU0LjYsNTAsMzk2czExNC42LDI1NiwyNTYsMjU2UzU2Miw1MzcuNCw1NjIsMzk2TDU2MiwzOTZ6IE0zNTYuOCwzOTYgICBMNDc1LDUxNC4yTDQyNC4yLDU2NUwzMDYsNDQ2LjhMMTg3LjgsNTY1TDEzNyw1MTQuMkwyNTUuMiwzOTZMMTM3LDI3Ny44bDUwLjgtNTAuOEwzMDYsMzQ1LjJMNDI0LjIsMjI3bDUwLjgsNTAuOEwzNTYuOCwzOTYgICBMMzU2LjgsMzk2eiIvPjwvZz48L3N2Zz4=") !important;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 6px);
    background-position-y: 50%;
    background-size: 24px 24px;
    padding-right: 10px;
    border: 1px solid #ff5252;
    color: #ff5252;
    background-color: #f8d7da !important;
}

.input-icon-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAA6BJREFUSEvNlVtoHFUcxn/nzG133Wwum5qLMUbb2JSqtNBHsZFeSDWCrRJFfBSkqYgWWuujvlQrBBUb8dGHtpoHFUzSStGk9kko0kK1DQmYNEmblVzsJtmd3Z0zR2ZiYmOamCABB/4wc86c73e+b/4zI1jnQ6yzPv8fwI/t7NTQGzgW0PhEKxdW435VDi5+Rq3lOEO122tDzeErw2Sm3fonDzHwb5BVAXo/4VTN1uqXSmwHISS3CzmGr4507TxE838G9Jzk8UR5ycUHakrw8yoE+BJGU1OkU+m9ja9xfiXIig46OjDKU1yq21K1LRErRmVnQi0jGic9e5vB67cuj1ewo6UFtRxkRcD5jzlYtbG8vbI4jl+waD/VH+q8+kI1ZsRk7I9Zxn6baN3zOp+uGdBzkrjn0b91e02ljUnBzfFF161Q5/l9VUTjReS15pef+yeVor7pMJN3gyzr4LsPOV6zsexYeZGD8Ey09jjdOQd48akKDMPElz6Trmakb+yjvW/yxqoB59rYFE3Y/Zvry/BzGsOIgtac/nYo1GhpuhfTlCBB2IJrfZNk07nAxZK2vauDs2101jWUPp2MOfg5H9/XSCk40/17CHhuz4aARyQaA+kymc0z2DfVte/w0rZdAuhqoylZdc/ZByvj+HmfrKuJOgIhDM50j4WAA7vLcWwTpI3yMpgRg8GxGaZGZpubjtB1Z1SLAEFbxm5wqeGR5LaEbaFchdYaHazQ0JeqDtdurrgZOpBBREKgDIGrFdevTvyaqeWxO9t2EaDzBAerNxW1VxVFUK4fxlLwNEYQtxTI6EMYhqQwM4CnNJYdQxUy4ZwRizM6NcPNgfHW5qN/t+0C4FwbZdowJrY0lBKVNpnpHI4tUJ7GdKK42Syfd0+EDl55Jok0BEI6+MoNXWBBXsO1vimEUsn5tl0AfPM+J+6vTxy5L+6QSfuY5lwswdr56vh+DtCyK4kwI6h8IA7Sis694Xae0bTLjf70B8++xdFgbAHw9XvoHY8mET5h5TwdTtqmCLvIMC2sDbswhMAd7wWVR/kKKQS5gsaxBNIy0FLw0+UU+4/NaS8AvjqOfrguQWmxjWnaoAvhtPL9cHdBDFJaeF4+vPZ8iNgRfD+HNCN4+SymaZEan2FgaJoDby8GiC/fodG0+WG5b8paxrNZdr/8Lj1ByIGD+TKCRADnrwrOgycRjK/0UQwsBhVYDuzlADcwCahV/XDWsvt/3rvugD8B1qBSK/d/0nAAAAAASUVORK5CYII=") !important;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 6px);
    background-position-y: 50%;
    background-size: 24px 24px;
    padding-right: 10px;
    border: 1px solid #ff5252;
    background-color: #f8d7da !important;
    color: #ff5252;
}


select,
input[list] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border: 1px #856404 !important;
}

.card-upload {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkxIDkxIiBoZWlnaHQ9IjkxcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA5MSA5MSIgd2lkdGg9IjkxcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik04OC4zLDM0LjkyNGMtMS4zMDQtMS4zMDUtMy40MTktMS4zMDUtNC43MjQsMEw0MC4zNzgsNzguMTE3Yy0zLjU2MSwzLjU2MS04LjIzOCw1LjU2OC0xMy4xNzUsNS42NTIgICBjLTQuOTIyLDAuMTA0LTkuNDU0LTEuNzMyLTEyLjg0My01LjEyMWMtNy4wMjctNy4wMjctNi43ODktMTguNzAxLDAuNTI5LTI2LjAyYzAuMDEtMC4wMSwwLjAxNi0wLjAyMSwwLjAyNi0wLjAzMmw0MS4wMTktNDEuMDE2ICAgYzQuNS00LjQ5MiwxMS44MTctNC40OSwxNi4zMTksMC4wMDljNC41MDMsNC41MDQsNC41MDMsMTEuODMyLDAsMTYuMzM2Yy0wLjAwNSwwLjAwNS0wLjAwOCwwLjAxMS0wLjAxMywwLjAxNkwzMC41MDEsNjkuNjggICBjLTAuMDAyLDAuMDAyLTAuMDAyLDAuMDAzLTAuMDA0LDAuMDA1Yy0xLjg3MywxLjg2NS00LjkyLDEuODY0LTYuNzg5LTAuMDA1Yy0wLjkwOC0wLjkwNi0xLjQxLTIuMTEzLTEuNDEtMy4zOTYgICBjMC0xLjI4MSwwLjQ5OC0yLjQ4MiwxLjQtMy4zODhjMC4wMDUtMC4wMDQsMC4wMS0wLjAwNywwLjAxNC0wLjAxMWwzNy40My0zNy40MzhjMS4zMDQtMS4zMDUsMS4zMDQtMy40MTgtMC4wMDEtNC43MjMgICBzLTMuNDE5LTEuMzA1LTQuNzI0LDBsLTM3LjQxLDM3LjQxOGMtMC4wMDcsMC4wMDctMC4wMTYsMC4wMTEtMC4wMjEsMC4wMThjLTIuMTcyLDIuMTY4LTMuMzY3LDUuMDU1LTMuMzY3LDguMTIzICAgczEuMTk1LDUuOTUxLDMuMzY5LDguMTI1YzIuMjM4LDIuMjM0LDUuMTc5LDMuMzUyLDguMTE4LDMuMzUyYzIuOTQtMC4wMDIsNS44ODEtMS4xMTcsOC4xMTgtMy4zNTQgICBjMC4wMDUtMC4wMDUsMC4wMDgtMC4wMTEsMC4wMTQtMC4wMTZsNDEuNzM2LTQxLjczNWMwLjAwMS0wLjAwMiwwLjAwMy0wLjAwMywwLjAwNS0wLjAwNWMwLjAwMy0wLjAwMywwLjAwNi0wLjAwNywwLjAwOS0wLjAxICAgbDAuNzExLTAuNzExYzAuMTgyLTAuMTgxLDAuMzMxLTAuMzgsMC40NjItMC41ODhjNS44OTYtNy4xNTUsNS41MDUtMTcuNzg3LTEuMTgzLTI0LjQ3N2MtNi42OS02LjY4Ni0xNy4zMTgtNy4wNzQtMjQuNDY5LTEuMTgxICAgYy0wLjIwOCwwLjEzMS0wLjQwNywwLjI4MS0wLjU4OCwwLjQ2MkwxMC4xNjMsNDcuOTA0Yy0wLjAxLDAuMDA5LTAuMDE1LDAuMDItMC4wMjMsMC4wMjlDMC4yNDMsNTcuODU5LDAuMDE3LDczLjc0OCw5LjYzOCw4My4zNzEgICBjNC41NzgsNC41NzgsMTAuNjgzLDcuMDg0LDE3LjIzNSw3LjA4NGMwLjE0OCwwLDAuMjk3LTAuMDA0LDAuNDQ1LTAuMDA2YzYuNjc3LTAuMTEzLDEyLjk5My0yLjgxNiwxNy43ODQtNy42MDkgICBjMC4wMDQtMC4wMDMsMC4wMDYtMC4wMDgsMC4wMDktMC4wMTFMODguMywzOS42NDZDODkuNjA0LDM4LjM0NCw4OS42MDQsMzYuMjI5LDg4LjMsMzQuOTI0eiIgZmlsbD0iIzY1Qjc5NCIvPjwvZz48L3N2Zz4=");
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 10px;
}

.thumbnail {
    padding-top: 15px;
}

.thumbnail .canvas-image {
    margin: 0 auto !important;
    border-radius: 100%;
    border: 3px #fff;
    width: 160px;
    height: 160px;
}

h3 {
    text-transform: capitalize !important;
    padding-bottom: 8px;
}

.card-div {
    margin-bottom: 25px;
}

.card-div:hover {
    transform: scale(1.2);
    filter: motionBlur();
}

.card-div:after {
    filter: grayscale(0.8);
}

.input-validation {
    background-color: transparent;
}

.hide {
    visibility: hidden !important;
}

.btn-primary {
    background-color: #008E8A !important;
}

.label-title {
    font-family: 'Corbel Light', serif !important;
    text-transform: capitalize;
    text-align: center;
}
.pd-bottom
{
    padding-bottom: 16px !important;
}
.btn-rs-w {
    border: 1px solid white;
}

.btn-tp {
    appearance: none;
    background: transparent;
    border: none;
}

#card {
    margin: 0 auto;
}

p {
    margin-bottom: 3px !important;
}

a img:hover {
    transform: scale(1.2); 
}

@media screen and (min-width: 600px) {
    .img-icon
    {
        max-width: 36px !important;
        max-height: 36px !important;
    }
    .card-vendedor {
        left: 50%;
        margin-left: -128px;
        width: 256px;
        height: 542px;
        background-image: url('/assets/images/celular.png');
        background-repeat: no-repeat;
        background-size: 256px 542px;
        position: absolute;
    }
    #lcd-screen-card {
        margin-left: 10px;
        margin-top: 10px;
        border-radius: 20px;
        width: calc(100% - 22px);
        height: calc(100% - 22px);
        background-color: #222;
        display: none;
    }
    #lcd-screen-boot {
        margin-left: 10px;
        margin-top: 10px;
        border-radius: 20px;
        width: calc(100% - 22px);
        height: calc(100% - 22px);
        background-color: #fff !important;
        background-image: url('/assets/images/logo-default.png');
        background-repeat: no-repeat;
        background-size: 75%;
        background-position: center;
    }
    .vendedor-card-thumbnail {
        display: flex;
        justify-content: center;
    }
    .vendedor-label-name {
        text-align: center;
        font-size: 18px;
        color: white;
        text-transform: uppercase;
        margin-top: 18px;
    }
    .vendedor-label-cargo {
        text-align: center;
        font-size: 13px;
        color: white;
        text-transform: uppercase;
        line-height: 48px;
    }
    .btn-cadastro {
        display: flex;
        justify-content: center;
    }
    .btn-cadastro>button {
        appearance: none;
        background-color: transparent !important;
        height: 32px;
        border: 0px;
        padding: 0px;
        margin-bottom: 25px;
    }

    .vendedor-card-thumbnail>img {
        margin-top: 48px;
        width: 150px;
        height: 150px;
        border-radius: 100%;
    }
    .linkrow:before {
        margin-top: 25px;
    }
    .linkrow {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .spacer {
        height: 20px;
    }
    .column-3 {
        width: 20%;
        display: flex;
        padding: 5px;
        justify-content: center;
    }
    .column-full {
        width: 100%;
        display: flex;
        padding: 5px;
        justify-content: center;
        color: #fff;
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .page-header
    {
        display: none;
    }

    .pcoded-main-container
    {
        background-color: #222!important;
    }

    .card-vendedor {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        position: absolute;

    }
    #lcd-screen-card {
        margin-left: 10px;
        margin-top: 10px;
        border-radius: 20px;
        width: calc(100% - 22px);
        height: calc(100% - 22px);
        display: none;
        padding-top: 48px;
    }
    #lcd-screen-boot {
        margin-left: 10px;
        margin-top: 10px;
        border-radius: 20px;
        width: calc(100% - 22px);
        height: calc(100% - 22px);
        background-color: #fff !important;
        background-image: url('/assets/images/logo-default.png');
        background-repeat: no-repeat;
        background-size: 75%;
        background-position: center;
    }
    .vendedor-card-thumbnail {
        padding: 10px !important;
    }
    .vendedor-label-name {
        text-align: center;
        font-size: 18px;
        color: white;
        text-transform: uppercase;
        line-height: 32px;
    }
    .vendedor-label-cargo {
        text-align: center;
        font-size: 13px;
        color: white;
        text-transform: uppercase;
        line-height: 48px;
    }
    .btn-cadastro {
        display: flex;
        justify-content: center;
    }
    .btn-cadastro>button {
        appearance: none;
        background-color: transparent !important;
        height: 32px;
        border: 0px;
        padding: 0px;
        margin-bottom: 25px;
    }
    .vendedor-card-thumbnail
    {
        display: flex;
        justify-content: center;
    }
    .vendedor-card-thumbnail>img {
        width: 200px;
        height: 200px;
        border-radius: 100%;
    }
    .linkrow:before {
        margin-top: 25px;
    }
    .linkrow {
        width: 256px;
        display: flex;
        align-content: center;
        margin: 0 auto;
        padding: 8px 30px;
        justify-content: center;
    }
    .spacer {
        height: 20px;
    }
    .column-3 {
        width: 33%;
        display: flex;
        justify-content: center;
    }
    .img-icon
    {
        max-height: 48px !important;
        margin-bottom: 8px !important;
    }
    .column-full {
        margin-top: 32px;
        width: 100%;
        display: flex;
        padding: 5px;
        justify-content: center;
        color: #fff;
        font-size: 14px;
    }
}

.btn-portifolio
{
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.btn-portifolio > a{
    text-align: center;
}

.rows
{
    width: 100%;
    display: flex;
    justify-content: center;
}

input[name]
{
    padding-right: 36px !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.box-danger,.box-danger > small
{
    background-color:  #ff5252 !important;
    color: #fff !important;
}

.box-success,.box-success > small
{
    background-color: #168d8a !important;
    color: #fff !important;
}

#ie{
    display: flex;
    width: 128px;
    justify-content: center
}

.full-ta
{
    width: 100%;
    height: 350px;
    background-color: #f4f4f4 !important;
    resize: none !important;
}

button[type="submit"]:disabled
{
    background-color: #f2f2f2 !important;
    color: #222c31 !important;
    border: 1px solid #222c31 !important;
}
.div-termos
{
    display: flex;
    justify-self: flex-start;
}
.div-termos:after
{
    content: 'Eu li e Aceito os Termos e Condições.';
    display: flex;
    width: 80%;
    text-align: left;
    float: left;
}

#aceite-termo
{
    max-width: 32px;
}

.vendedor-img
{
    display: flex;
    width: 180px;
    height: 180px;
    border-radius: 180px !important;
    background-color: transparent !important;
    justify-content: center
}

.btn-portifolio > a
{
    color: #168d8a !important;
    display: none;
}

.pd-bottom
{
    display: inline-block;
    justify-content: center;
}
.thumbnail
{
    background-color: #F7F7F7 !important;
}