/*
TRUSTVOX
TODOS OS DIREITOS RESERVADOS
DESENVOLVIDO POR ANDREW MARQUES
*/

/* RESET */
*{padding:0; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img{border: 0;}
ul{list-style: none;}
a{text-decoration: none;}
input, select, textarea, button{
    font-family: 'AvenirLTStd-Roman';
}

/* FONT */
@font-face {
    font-family: 'AvenirLTStd-Roman';
    src:
        secure_url('../fonts/AvenirLTStd/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        secure_url('../fonts/AvenirLTStd/AvenirLTStd-Roman.otf') format('opentype'),
        secure_url('../fonts/AvenirLTStd/AvenirLTStd-Roman.woff') format('woff'),
        secure_url('../fonts/AvenirLTStd/AvenirLTStd-Roman.ttf') format('truetype'),
        secure_url('../fonts/AvenirLTStd/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'AvenirLTStd-Roman';
    background: #F5F5F5;
    background-attachment: fixed;
}

/* LOGIN */
.login{
    width: 400px;
    margin: 0 auto;
    text-align: center;
    margin-top: 150px;
}
.login form{
    float: left;
    width: 100%;
    background: #FFF;
    border-radius: 4px;
    border: 1px solid #EEE;
    padding: 50px;
}
.login form img{
    margin-bottom: 15px;
}
.login form input{
    float: left;
    width: 100%;
    padding: 15px;
    color: #666;
    font-size: 14px;
    margin-top: 10px;
    border-radius: 3px;
    border: 1px solid #DDD;
    outline: none;
}
.login form button{
    float: right;
    outline: none;
    border: 0;
    background: #174987;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    padding: 15px 40px;
    border-radius: 3px;
    margin-top: 15px;
    cursor: pointer;
    transition: .3s;
}
.login form button:hover{
    background: #CF7800;
}
.login span{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999;
    margin-top: 15px;
    letter-spacing: .5px;
}


.login form p.msg{
    float: left;
    width: 100%;
    color: #999;
    margin-top: 25px;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
}
.login form p.msg.error{
    color: #C33C39;
}
.login form p.msg.success{
    color: #3C763D;
}

/* HEADER */
.header{
    float: left;
    width: 100%;
    padding: 20px 5%;
    background: #222;
}
.header img{
    float: left;
}
.header a{
    float: right;
    color: #FFF;
    font-size: 16px;
    letter-spacing: .5px;
    margin-left: 25px;
    margin-top: 5px;
}
.header a.sair{
    color: #CCC;
}
.header a:hover{
    opacity: .5;
}


/* CONTENT */
.content{
    float: left;
    width: 100%;
    padding: 3% 5%;
}
.content .container{
    float: left;
    width: 100%;
    padding: 50px;
    background: #FFF;
    border-radius: 4px;
}

.content .container h1{
    float: left;
    width: 100%;
    font-size: 24px;
    color: #6C757E;
    letter-spacing: .5px;
}
.content .container h2{
    float: left;
    width: 100%;
    font-size: 20px;
    color: #6C757E;
    letter-spacing: .5px;
}

.content .container table{
    float: left;
    width: 100%;
    margin-top: 15px;
    border-spacing: 0;
    border-radius: 4px;
    overflow: hidden;
}
.content .container table th{
    padding: 20px;
    text-align: left;
    font-size: 15px;
    color: #666;
    background: #EEE;
    letter-spacing: .5px;
}
.content .container table tr:nth-child(odd) td{
    background: #F5F5F5;
}
.content .container table tr:hover td{
    background: #fffae5;
}
.content .container table td{
    padding: 20px;
    text-align: left;
    font-size: 15px;
    color: #666;
    transition: .3s;
    position: relative;
}
.content .container table td a{
    color: #666;
    text-decoration: underline;
}
.content .container table td.falha{
    color: #C33C39;
}
.content .container table td.sucesso{
    color: #3C763D;
}


.content .container table.small th{
    padding: 20px;
}
.content .container table.small td{
    padding: 10px 20px;
}

.content .container table tr.empty{
    display: none;
}
.content .container table tr.empty td{
    text-align: center;
    padding: 25px !important;
}


.content .container form{
    float: left;
    width: 100%;
    margin-top: 25px;
    padding-bottom: 50px;
}
.content .container form label{
    float: left;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 15px;
}
.content .container form label.first{
    padding-left: 0;
}
.content .container form label.last{
    padding-right: 0;
}
.content .container form label span{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #666;
}
.content .container form label span small{
    font-size: 12px;
    color: #999;
}
.content .container form label input{
    float: left;
    width: 100%;
    padding: 15px;
    color: #666;
    font-size: 14px;
    margin-top: 5px;
    border-radius: 3px;
    border: 1px solid #DDD;
    outline: none;
}
.content .container form button{
    float: left;
    outline: none;
    border: 0;
    background: #174987;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    padding: 16px 40px;
    border-radius: 3px;
    margin-left: 15px;
    margin-top: 22px;
    cursor: pointer;
    transition: .3s;
}
.content .container form button:hover{
    background: #CF7800;
}

.content .container form .cem{
    float: left;
    width: 100%;
    margin-top: 15px;
}
.content .container form a.sinc{
    float: left;
    outline: none;
    border: 0;
    background: #174987;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    padding: 16px 40px;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s;
}
.content .container form a.sinc:hover{
    background: #CF7800;
}
.content .container form a.sinc i{
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-top: 2px;
    transition: .3s;
}
.content .container form a.sinc:hover i{
    transform: rotate(180deg);
}
.content .container form a.sinc.disabled{
    opacity: .6;
    cursor: default;
}

.content .container form a.del{
    float: left;
    outline: none;
    border: 0;
    background: #B41A1A;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    padding: 16px 40px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: .3s;
}
.content .container form a.del:hover{
    background: #690000;
}
.content .container form a.del i{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    margin-right: 15px;
    margin-top: 1px;
    transition: .3s;
}
.content .container form a.del:hover i{
    transform: rotate(90deg);
}
.content .container form a.del.disabled{
    opacity: .6;
    cursor: default;
}


.content .container form .response{
    float: left;
    width: 100%;
    margin-top: 10px;
    color: #666;
    font-size: 12px;
}


.content .container input.search{
    float: left;
    width: 200px;
    padding: 10px;
    color: #666;
    font-size: 14px;
    margin-top: 10px;
    border-radius: 3px;
    border: 1px solid #DDD;
    outline: none;
}

/* msg */
.content .container p.msg{
    float: left;
    width: 100%;
    color: #fff;
    margin: 15px 0;
    padding: 17px;
    border-radius: 4px;
    font-size: 15px;
    text-transform: none;
}
.content .container p.msg.error{
    background: #C33C39;
}
.content .container p.msg.info{
    background: #31708F;
}
.content .container p.msg.success{
    background: #3C763D;
}


.content .container a.bt{
    float: right;
    outline: none;
    border: 0;
    background: #174987;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    padding: 15px 30px;
    border-radius: 3px;
    margin-top: -36px;
    cursor: pointer;
    transition: .3s;
}
.content .container a.bt:hover{
    background: #CF7800;
}