@charset "utf-8";
/*
Easy Team Builder Backend Settings Stylesheet
*/

.etb-settings-area{
    width: 68%;
    background: #f2fdfd;
    float: left;
    margin-right: .5rem;
    padding: .5rem 1rem;
}
.etb-settings-area .settings-instruction{
    width: 70%;
    margin-bottom: 2rem;
    font-size: .85rem;
    text-align: justify;
}
.etb-sidebar-area{
    width: 27%;
    background: #9be0e9;
    float: left;
    padding: 1rem .5rem;
    text-align: center;
}
.etb-sidebar-area h2 span{
    padding-left: .2rem;
    border-left: 5px solid #fa0707;
}
.etb-sidebar-area p{
    padding: 0 1rem;
    text-align: justify;
    font-size: 1rem;
    line-height: 1.7rem;
}
.etb-sidebar-area .hire-btn{
    background: #41a300;
    padding: .2rem .5rem;
    border-radius: 3px;
    text-decoration: none;
    color: #FFFFFF;
}

.etb-settings-area label{
    width: 30%;
    display: block;
    float: left;
}
.etb-settings-area input{
    width: 48%;
    margin-bottom: 1rem;
}
.etb-settings-area input[type="submit"]{
    width: 160px;
    padding: .5rem 1rem;
    background: #41a300;
    border: none;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #FFFFFF;
}
.etb-settings-area input[type="submit"]:hover{
    background: #fa0707;
}

.style-attributes{
    width: 73%;
    float: left;
    border-right: 1px solid #e6e6e6;
}

.shortcode-area{
    width: 23%;
    float: left;
    padding-left: 1rem;
}
.shortcode-area h4{
    color: #fa0707;
}
.shortcode-area p{
    text-align: justify;
}