*{margin:0;padding:0;outline:0;-moz-box-sizing:border-box;box-sizing:border-box}code,input,isindex,kbd,listing,plaintext,pre,samp,select,textarea,tt,var,xmp{font:inherit;white-space:normal}address,cite,dfn,em,i,var{font-style:normal}a,a img,abbr,acronym,applet,fieldset,form,iframe,img,object,table{border:none;text-decoration:none}caption,center,td,th{text-align:left;vertical-align:middle}q{quotes:"" ""}dir,menu,ol,ul{list-style:none}a{color:inherit}font{color:inherit!important;font:inherit!important}blink{text-decoration:none}nobr{white-space:normal}.clear{clear:both;display:block}a,abbr,address,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul,var{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0}article,aside,dialog,figure,footer,header,nav,section{display:block;margin:0;padding:0}strong{font-weight:700}input[type=button]{transition:background-color 1s ease}input[type=button]:hover{background-color:#00a7fe!important}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{background-color:#fff!important}
h5 {
    font-size: 1.64rem;
    line-height: 110%;
    margin: 0.82rem 0 0.656rem 0;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background-color: #5E768E !important;
    border: 1px solid #5E768E !important;
    border-bottom: 1px solid #fff !important;
    color: #fff !important;
    -webkit-text-fill-color: #FFF !important;
    -webkit-box-shadow: 0 0 0px 1000px #5E768E inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

.material-tooltip {
    padding: 10px 8px;
    font-size:0.8rem;
    z-index: 2000;
    background-color: transparent;
    border-radius:5px;
    color: #fff;
    min-height: 36px;
    line-height: 120%;
    opacity: 0;
    display: none;
    position: absolute;
    text-align: center;
    max-width: calc(100% - 4px);
    overflow: hidden;
    left: 0;
    top: 0;
    will-change: top, left;
}
.backdrop {
    position: absolute;
    opacity: 0;
    display: none;
    height: 7px;
    width: 14px;
    border-radius: 5px;
    background-color: #87AACC;
    z-index: -1;
    -webkit-transform-origin: 50% 10%;
    -moz-transform-origin: 50% 10%;
    -ms-transform-origin: 50% 10%;
    -o-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
    will-change: transform, opacity;
}
.dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    max-height: 650px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    z-index: 999;
    will-change: width, height;
    border-radius:3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
    .dropdown-content li {
        clear: both;
        color:#fff;
        cursor: pointer;
        min-height: 35px;
        line-height: normal;
        width: 100%;
        text-align: left;
        text-transform: none;
    }
        .dropdown-content li > a, .dropdown-content li > span {
            font-size: 0.9em;
            font-weight: 300;
            color: #fff;
            background: #5E768E;
            display: block;
            line-height: 2.6em;
            padding: 0 16px; transition:all ease-in-out 0.3s;
        }
        .dropdown-content li > a:hover, .dropdown-content li > span:hover {
            background: #87AACC;
        }
.btn-floating {
    background-color: #FFA000;
    border-radius: 50% !important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    width: 37px;
    z-index: 1;
}

.btn-floating:hover {
    background-color:#ffca28 !important;
}

    button {
    background: transparent;
    border: none;
}
    button:focus {
        outline: none;
        background-color: transparent;
    }
.progress .indeterminate {
    background-color: #FFA000 !important;
}
.spinner-layer {
    border-color: #FFA000 !important;
}

    .breadcrumbs > li strong, .breadcrumbs > li a {
        font-size: 15px;
        letter-spacing: 0em;
        line-height: 1.5;
        color: #039be5;
        font-weight: 500;
    }
#breadcrumbs-wrapper h2 {
    font-size: 2rem;
    line-height: 1.804rem;
    margin: 18px 0 0;
    font-weight:300;
}

#breadcrumbs-wrapper .breadcrumbs > li + li:before {
    padding: 0 5px;
    font-weight: 500;
    color: #bdbdbd;
    content: "/\00a0";
    font-size: 15px;
    margin: 0;
    letter-spacing: -0.3em;
}
.breadcrumbs .active strong{
    color: #999;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #eceff1;
        z-index: 1000;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

        #loader-wrapper .loader-section.section-left {
            left: 0;
        }

        #loader-wrapper .loader-section.section-right {
            right: 0;
        }

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFA000 !important;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent ;
        border-top-color: #5E768E !important;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #60b561 !important;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

#loader-logo {
    display: block;
    position: absolute;
    left: 48%;
    top: 46%;
    background: url("../images/user-bg-2.jpg") no-repeat center center;
    z-index: 1001;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.progress {
    background-color: #5e768e;
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top:5% !important;
    background-color: #fafafa;
    padding: 0;
    max-height:90vh;
    width:90%;
    margin: auto;
    overflow-y: auto;
    border-radius:5px;
    will-change: top, opacity;
}

    .modal.modalM{padding:25px; background-color:#fff; width:60%;}
    .modal h4{ text-transform:uppercase; font-weight:400; color:#5E768E; font-size:1.3em;
               padding-bottom:20px;}
    .modal.modalM .opts{
        padding:30px 0 20px;
    }
    
    
    .modal .filtros {
        justify-content: flex-end;
    }

[type="radio"]:not(:checked), [type="radio"]:checked {
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="radio"]:not(:checked) + label:before {
    border-radius: 50%;
    border: 2px solid #ffca28;
}

[type="radio"]:checked + label::after {
    background-color: #ffca28 !important;
    border: 2px solid #ffca28 !important;
}
[type="checkbox"]:checked + label::before {
    border-color: transparent #ffca28 #ffca28 transparent !important;
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
}
textarea.materialize-textarea {
    overflow-y: hidden;
    padding: 1.6rem 0;
    resize: none;
    min-height: 3rem;
}

.modal.sweet-alert-newModel {
        background-color: #fff;
        margin-top: 0 !important;
        text-align: left !important;
        width: 100vh !important;
        max-height: 90vh !important;
        left: 0 !important;
    }
        .modal.sweet-alert-newModel .modal-content {
            padding: 24px !important;
        }


.viewer {
    border: 1px solid #e0e0e0;
    height: 80vh;
    width: 100%;
}
.modal .modal-footer .btn-flat {
    display: block;
    background: linear-gradient(45deg, #FFA000 0%, #ffca28 100%);
    color: #fff;
    height: 50px !important;
    width: 50px !important;
    border-radius: 35px;
    text-align: center;
    line-height: 49px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    margin: 12px 1px 0 0 !important;
    padding: 0 0 0 1px;
}
.closeBtnValidation i {
    color: #fff;    font-size: 3rem;
}

.iviewer_common {
    height: 50px !important;
    width: 50px !important;
    border-radius: 50%;
    border: none solid !important;
    background-color: none !important;
    background:#fff !important;
    transition: all 0.3s ease 0s;
    box-shadow: none;
}

    .iviewer_common:hover {
        background: linear-gradient(45deg, #FFA000 0%, #ffca28 100%) !important;
    }
    
    .iviewer_zoom_in {
        left: 15px !important;
      
    }

        .iviewer_zoom_in:before {
            content: "";
            display: block;
            height: 40px !important;
            width: 40px !important;
            border-radius: 50%; margin:5px;
            background: url(../../../Images/Icons/add_photo.PNG) center center no-repeat #fff !important;
        }
        
        
        .iviewer_zoom_out {
            left: 70px !important;
        }
            .iviewer_zoom_out:before {
                content: "";
                display: block;
                height: 40px !important;
                width: 40px !important;
                border-radius: 50%;
                margin: 5px;
                background: url(../../../Images/Icons/out_photo.PNG) center center no-repeat #fff !important;
            }
.iviewer_rotate_left {
    right: 70px !important;
}

    .iviewer_rotate_left:before {
        content: "";
        display: block;
        height: 40px !important;
        width: 40px !important;
        border-radius: 50%;
        margin: 5px;
        background: url(../../../Images/Icons/left.PNG) center center no-repeat #fff !important;
    }

.iviewer_rotate_right {
    right: 15px !important;
}
    .iviewer_rotate_right:before {
        content: "";
        display: block;
        height: 40px !important;
        width: 40px !important;
        border-radius: 50%;
        margin: 5px;
        background: url(../../../Images/Icons/right.PNG) center center no-repeat #fff !important;
    }

/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;
}

.input-field .prefix.active {
    color: #FFA000 !important;
}
input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ffca28 !important;
    box-shadow: none !important;
}
    input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
        color: #ffca28 !important;
        box-shadow: none !important;
    }

#main {
    padding: 50px 0 0 0 !important;

}
.container {
margin: 0 !important;
padding:0 1em !important; 
    width: 100% !important;
}


.box {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
    .box .headerBox {
        width: 100%;
        background: linear-gradient(45deg, #5E768E 0%, #5E768E 50%, #87AACC 100%);
        height: 130px;
        padding: 50px 20px 0;
        border-radius: 3px 3px 0 0;
    }

        .box .headerBox picture {
            display: block;
            background: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
            height: 160px;
            width: 160px;
            border-radius: 80px;
            overflow: hidden;
            border: 5px solid #fff;
            position: absolute;
        }
            .box .headerBox picture i {
                color: #fff;
                font-size: 7em;
                height: 150px;
                width: 140px;
                display: block;
                line-height: 145px;
                text-align: center;
            }
            
            .box .headerBox picture img {
                width: 100%;
            }

.btn-float {
    display: block;
    background: linear-gradient(45deg, #FFA000 0%, #ffca28 100%);
    color: #fff;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    text-align: center;
    line-height: 50px;
    transition: all 0.3s ease 0s;
    font-size: 1.6rem;
    cursor: pointer;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);

}
    .btn-float:hover {
        background: linear-gradient(45deg, #fdad26 0%, #ffd180 100%);
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    }

    .btn-float.text {
        line-height: 1.1em;
        font-size: 0.6rem;
        padding-top: 14px;
    }

    .btn-float .material-icons {
        font-size: 1.8rem;
        display: block;
        margin: 0 auto;
        line-height:50px;
        height: 18px;
    }

    .btn-float.ticket img {
        width: 30px;
        margin-top: 15px;
        transform: rotate(-210deg);
    }

    .btn-float.ticket span {
        display: block;
        height: 31px;
        width: 31px;
        padding-right: 2px;
        color: #fff;
        font-weight: 700;
        letter-spacing: -0.1em;
        background-color: #FF6744;
        border-radius: 15px;
        font-size: 0.6em;
        line-height: 30px;
        text-align: center;
        position: absolute;
        z-index: 101;
        margin: -9px 0 0 29px;
    }
    .btn-float.ticket span.off {display:none;}
    
    
    .btn-float.text i {
        font-size: 1.4rem;
        display: block;
        margin: 0 auto;
        height: 18px;
    }
    
    .btn-text {
        background: linear-gradient(45deg, #FFA000 0%, #ffca28 100%) !important;
        border: none;
        border-radius: 50px;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        padding: 0 2rem;
        text-transform: uppercase;
        vertical-align: middle;
        -webkit-tap-highlight-color: transparent;
        text-decoration: none;
        color: #fff !important;
        text-align: center;
        letter-spacing: .5px;
        transition: all .2s linear;
        cursor: pointer;
    }
    .btn-text:hover {
        background: linear-gradient(45deg, #fdad26 0%, #ffd180 100%) !important;
    }
    .btn-text.edit, .btn-text.cut, .btn-text.convidar{
        float: right;
        margin: 15px 0 0 15px;
    }
        .btn-text:disabled {
            background: #e0e0e0 !important;
            cursor: pointer;
        }
            .btn-text:disabled:hover {
                background: #9e9e9e !important;
            }

.btn-text.edit:before {
    font-family: "Material-Design-Icons";
    content: "\e709";
    padding-right: 10px;
}

    .btn-text.cut:before {
        font-family: "Material-Design-Icons";
        content: "\e707";
        padding-right: 10px;
    }
        .btn-text.cancel {
            color: #FFA000 !important;
            background: transparent !important;
            float: right;
            border: 3px solid transparent;
            margin-top: 15px;
            height: 38px;
        }

            .btn-text.cancel:hover {
                border: 3px solid #FFA000 !important;
                background: transparent !important;
            }
/*temp*/
#btnCancel, #btnCancel:hover {
    background: transparent !important;
    color: #FFA000 !important;
}
/*temp*/

.input-field {
    position: relative;
    margin-top: 0;
}
.input-field label {
    color: #9e9e9e;
    position: absolute;
    top: 0.8rem;
    left: 0;
    font-size: 1rem;
    cursor: text;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.input-field label.active {
    width: 100%;
    text-align: left;
}
    .input-field div.error {
        position: relative;
        top: -0.9rem;
        left: 0rem;
        font-size: 0.8rem;
        background: #FFF;
        padding-left:0;
        color: #ff0000 !important;
        width: 100%;
        text-align: left;
        transition: all linear 0.5s;
        border-radius: 0;
    }

        .input-field div.error + label {
            color: #ffca28;
        }
            .input-field div.error + label.active {
                color: #9e9e9e;
            }

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid #FFA000 !important;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}
    .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #FFA000 !important;
    }
    .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #FFA000 !important;
        display: block;
        top: 37px;
        border-radius: 2px;
    }
.sweet-alert button,
.sweet-alert button:focus,
.sweet-alert button.confirm {
    color: #fff !important;
    background: linear-gradient(45deg, #FFA000 0%, #ffca28 100%) !important;
    box-shadow: none !important;
    border-radius: 50px;
    height: 36px;
    line-height: 36px;
}
.sa-button-container .confirm:focus, .sa-button-container .confirm:active, .sa-button-container .confirm:hover {
    background: linear-gradient(45deg, #FFA000 0%, #ffca28 100%) !important;
}
    .sweet-alert button.confirm:hover,
    .sweet-alert button:hover {
        color: #fff !important;
        background: linear-gradient(45deg, #fdad26 0%, #ffd180 100%) !important;
    }

sweet-alert .sa-icon.sa-success {
    border-color: #60b561 !important;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid #60b561 !important;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #60b561 !important;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}

.sa-button-container .cancel {
    box-shadow: 0 !important;
    float: left;
    background: #fff !important;
    color: #FFA000 !important;
    border: 3px solid #fff;
    box-shadow: none !important;
}
    .sa-button-container .cancel:hover {
        border: 3px solid #FFA000 !important;
        background: #fff !important;
        color: #FFA000 !important;
    }
    
.input-field input[type=search]:focus {
    background-color:transparent !important;
}
    .input-field input[type=search] + label {
    left: 0;
}


.statusNeutral, .btn3 {
    background: linear-gradient(45deg, #5E768E 0%, #5E768E 50%, #87AACC 100%);
}
    .btn3:hover {
        background: linear-gradient(45deg, #87AACC 0%, #5E768E 100%);
    }

.statusNeutral{
    background: #87AACC;
}

.statusWating {
    background:#fff176;
}

.statusActive {
    background: #60b561;
}

.statusInactive {
    background: #FF6744;
}
.btn1 {
    background: linear-gradient(45deg, #43A047 0%, #60b561 100%);
}
    .btn1:hover {
        background: linear-gradient(45deg, #60b561 0%, #43A047 100%);
    }
.btn2 {
    background: linear-gradient(45deg, #bf360c 0%, #FF6744 100%);
}
    .btn2:hover {
        background: linear-gradient(45deg, #FF6744 0%, #bf360c 100%);
    }

#preLoader{ width:48px; margin:40px auto 0; padding-bottom:40px;}


/* LOGIN */


.pattern-bg {
    background-image:none;
    background-size: cover;
    background:#87AACC;
    display: flex !important;
    position: relative;
    background-attachment: fixed;
    text-align: center;

flex-direction:row;
justify-content:center;
align-items:center;
align-content:center;

}

.login-panel{ width:450px; min-height:420px; display:flex; background:#5E768E; flex-direction:column;
padding:30px 30px; border-radius:5px;  
transition:all linear 0.5s;
}

    .login-panel.cadastro {
        min-height: 730px;
         margin: 200px 0 100px;
    }
    
    
    .login-panel h1 {
        display: block;
        height: 60px;
        width: 100%;
        background: url(../../../Images/freto-logo.svg) top center no-repeat;
        background-size: contain;
        margin-bottom: 40px;
    }
    .login-panel h1 span{opacity:0;}
    .login-panel .input-field {
        height: 80px;
        display: table;
        width: 100%;
    }

        .login-panel .input-field input {
            color: #fff;
            border: none !important;
            border-bottom: 1px solid #fff !important;
        }
        .login-panel .input-field label, .login-panel .input-field div.error + label.active {
            color: #fff;
        }
        .login-panel .input-field input.error + div.error + label.active, .login-panel .input-field input.error + label {
            color: #ffca28;
        }
    .login-panel .errorTxt2 { display:table;
    }


.input-field.check {
    height: 50px;
    margin-top: 0;
    cursor: pointer;
}
.input-field.check label{ cursor:pointer;}
.login-panel .upText {
    color: #fff;
    display: table;
    margin: 10px auto 0;
}

.login-panel .btn-text.cancel { margin-top:20px; float:right;}
.login-panel #btnLogin { width:200px;}
.login-panel #btnSend {
    float: right;
    margin: 20px 0 0 10px;
}

.login-panel  p{ color:#fff; text-align:left;
    font-weight: 300;
    font-size: 1.0em;padding-bottom:15px;
}

.input-field div.error {
    position: relative;
    top: -0.9rem;
    left: 0rem;
    font-size: 0.8rem;
    background: transparent !important;
    padding-left: 0;
    color: #FFA000 !important;
    width: 100%;
    text-align: left;
    transition: all linear 0.5s;
    border-radius: 0;
}

/*end LOGIN */
/* Landscape phone to portrait tablet */
@media (max-width: 769px) {
}
    /* Landscape phones and down */
@media (max-width: 480px) {

    .container {
        padding: 0 4% !important;
    }


    /*LOGIN */


    .login-panel {width: 90%;}

        .login-panel #btnLogin { width:100%;}
        .login-panel .btn-text.cancel {margin-top:15px;width: 100%}

        .login-panel #btnSend {float: right;margin-top: 10px; width:100%;}

        .login-panel.cadastro label[for="SocialNetworkUserName"] { font-size:0.9em;}

            /*end LOGIN */
        }