/**!
 * @project         RS Framework
 * @version         4.3
 * @date            01/08/2012
 * @last update     06/10/2017
 * @autor           Rogerio Saraceni
 *
*/


/**============================================================================
 * STRUCTURE   - @section structure
 * DEFAULT     - @section pages
 * PAGES       - @section pages
============================================================================**/


/**============================================================================
 * STRUCTURE
 *
 * body, containers
 * header
 * footer
 *
 * @section structure
*/


/**----------------------------------------------------------------------------
 * body, containers
 *
 * @section structure
*/

html {
    position: relative;
    min-height: 100%;
}

body {
    color: #777;
    line-height: 1.42857143;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    background-color: #f9f9f9;
    word-wrap: break-word;
    overflow-x: hidden;
}


/**============================================================================
 * DEFAULT
 *
 *
 * @section default
 */

::-webkit-scrollbar           { -webkit-appearance: none;}
::-webkit-scrollbar:vertical  { width: 10px;}
::-webkit-scrollbar:horizontal{ height: 10px;}

::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #f39c12;
    border: 2px solid rgba(243, 156, 18,0.7);
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f39c12;
    background-color: rgba(243, 156, 18,0.7);
}

a{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

h1,h2,h3,h4,h5,h6{
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.1;
    font-family: 'Roboto', sans-serif;
}



.btn {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}


/* Form*/
.rsform fieldset {
    position: relative;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid rgba(54, 64, 74, 0.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #fff;
}

.rsform fieldset legend {
    border-radius: 10px;
    font-size: 14px;
    background-color: #fff;
}

.rsform .fc,
.rsform select.fc,
.rsform textarea.fc,
.rsform .ms-choice { border-radius: 4px;}

.rsform .ms-drop.top    { border-radius: 4px 4px 0 0;}
.rsform .ms-drop.bottom { border-radius: 0 0 4px 4px;}

.rsform .fc:hover,
.rsform .fc:active{ box-shadow:none; background-color:transparent;}

.rsform .nice .NFI-button {
    width: 10%;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    border: none;
}

.rsform input[type=text].NFI-filename {
    height: 30px;
    border-radius: 0 4px 4px 0;
    background-color: transparent;
}

.rsform input[type=text].NFI-filename:hover { background-color: transparent;}

.formError { z-index:1000;}

.select-ms-fixo .ms-drop{ position: relative;}

/**============================================================================
 * login
 *
 * @section pages
 *
*/

.main-login{ padding: 10px;}

.bg-full {
    position: fixed;
    padding-bottom: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    background-color: #111;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-image: url("/login/assets/images/default/bg_login.jpg?v=2.0");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bg-full:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-color: rgba(238,238,238,0.7);
    background-image: url(/login/assets/images/default/raster.png?v=2.0);
}

.container-login {
    position: relative;
    margin: 80px auto 0 auto;
    width: 100%;
    max-width: 500px;
    border-radius: 4px;
    background-color: #eee;
    background-color: rgba(255,255,255, 0.6);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}

.logo-login {
    position: relative;
    margin-bottom: 10px;
    padding-top: 15px;
    text-align: center;
}

.logo-login img {
    max-width: 300px;
    margin-left: 30px;
}

.logo-login hr {
    position: relative;
    margin: 10px auto;
    width: 80%;
    height: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.13);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.rsform.login fieldset {
    margin: 0;
    padding: 10px 20px;
    border: none;
    background-color: transparent;
}

.rsform.login legend {
    border: none;
    font-size: 30px;
    font-weight: 300;
    width: 100%;
    border-radius: 0;
    border: none;
    background-color: transparent;
}

.rsform.login label { position: relative; font-weight: normal;}

.rsform.login label span.icon {
    position: absolute;
    top: 23px;
    left: 10px;
    width: 20px;
    height: 20px;
    line-height: 17px;
    color: #aaa;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ccc;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.rsform.login label span.icon.icon-placeholder { top: 5px;}
.rsform.login label:hover span.icon { color: #e67e22; border: 1px solid #e67e22;}

.rsform.login .fc {
    margin-bottom: 20px;
    padding-left: 30px;
    border: 1px solid #ccc;
    background-color: #fefefe;
}

.rsform.login p { font-weight: 300; font-size: 14px;}

.rsform.login h4 {
    margin-top: 30px;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
}

.btn.btn-login {
    display: block;
    margin: 0 auto 0 auto;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    background-color: #3498db;
    border: 1px solid #2980b9;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.btn.btn-login:hover { border: 1px solid #fff; opacity: 0.8;}

.login-links { text-align: center;}

.login-links a {
    display: inline-block;
    padding: 5px;
    color: #111;
    font-weight: 300;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.login-links a:hover { color: #000; text-decoration: none;}