/**
 * FORM
 * CSS geral para formularios
 * 
 * Cores padrao:
 *  #00468C - AZUL
 *  #BB0000 - VERMELHO
 *
 * @todo Ajustar as cores de background e border dos botoes (cinza, azul e vermelho)
*/


input[type=text],input[type=password], select, textarea {
    margin: 0;
    outline: none;
    border: 1px solid #D1D1D1;
    border-top: 1px solid #BBB;
    background: #FFF;
    color: #000;
    font-size: 15px;
    font-family: inherit;
    
    -webkit-transition: border,box-shadow 250ms linear;
    -moz-transition: border,box-shadow 250ms linear;
    transition: border,box-shadow 250ms linear;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 

input[type=text], input[type=password] { padding: 0 10px; height: 30px; }
select { padding: 1px 1px 1px 5px; height: 30px; cursor: pointer; }
option { padding: 2px 10px; color: #333; }
textarea { padding: 6px; min-height: 50px; max-height: 300px; }

input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover { border-color: #AAA; }

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { 
    border-color: #5990C6;
   /* -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);*/
   /* box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);*/
}

input[type=text]:disabled, input[type=password]:disabled, select:disabled, textarea:disabled { 
    background: #DDD; 
    color: #999;
    cursor: default !important;
}



select.placeholder { color: #999; }


/***** SVN-BUTTON *****/

.svn-button {
    display: inline-block;
    vertical-align: top;
    min-width: 70px;
    text-align: center;
    color: white;
    font-family: inherit;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 0 12px;
    cursor: pointer;
   /* text-shadow: 0 0 1px rgba(255,255,255,0.1);*/
    text-decoration: none;
    
    /*-webkit-border-radius: 2px;*/
    /*-moz-border-radius: 2px;*/
    /*border-radius: 2px;*/

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    
    background: #555555;
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#555555)) ;*/
    /*background: -webkit-linear-gradient(top, #777777 0%, #555555 100%);*/
    /*background: -moz-linear-gradient(top,  #777777 0%, #555555 100%) ;*/
    /*background: -o-linear-gradient(top,  #777777 0%,#555555 100%) ;*/
    /*background: -ms-linear-gradient(top,  #777777 0%,#555555 100%) ;*/
    /*background: linear-gradient(top,  #777777 0%,#555555 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#555555',GradientType=0 );*/
}

.svn-button:hover, .svn-button:focus { background: #777777; text-decoration: none; }
.svn-button:active { background: #777777; text-decoration: none; }

.svn-button-blue {
    color: #fff;
    background: #00478C;
    /*background: -moz-linear-gradient(top,  #2B6AAA 0%, #00478C 100%);*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2B6AAA), color-stop(100%,#00478C));*/
    /*background: -webkit-linear-gradient(top,  #2B6AAA 0%,#00478C 100%);*/
    /*background: -o-linear-gradient(top,  #2B6AAA 0%,#00478C 100%);*/
    /*background: -ms-linear-gradient(top,  #2B6AAA 0%,#00478C 100%);*/
    /*background: linear-gradient(top,  #2B6AAA 0%,#00478C 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2B6AAA', endColorstr='#00478C',GradientType=0 )*/
}

.svn-button-blue:hover, .svn-button-blue:focus { background: #2B6AAA; }
.svn-button-blue:active { background: #00478C; }

.svn-button-red {
    color: #fff;
    background: #990000;
    /*background: -moz-linear-gradient(top,  #CE0000 0%, #990000 100%);*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE0000), color-stop(100%,#990000));*/
    /*background: -webkit-linear-gradient(top,  #CE0000 0%,#990000 100%);*/
    /*background: -o-linear-gradient(top,  #CE0000 0%,#990000 100%);*/
    /*background: -ms-linear-gradient(top,  #CE0000 0%,#990000 100%);*/
    /*background: linear-gradient(top,  #CE0000 0%,#990000 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CE0000', endColorstr='#990000',GradientType=0 );*/
}

.svn-button-red:hover, .svn-button-red:focus { background: #CE0000; }
.svn-button-red:active { background: #990000; }

.svn-button-green {
    color: #fff;
    background: #007537;
    /*background: -moz-linear-gradient(top,  #13914B 0%, #007537 100%);*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13914B), color-stop(100%,#007537));*/
    /*background: -webkit-linear-gradient(top,  #13914B 0%,#007537 100%);*/
    /*background: -o-linear-gradient(top,  #13914B 0%,#007537 100%);*/
    /*background: -ms-linear-gradient(top,  #13914B 0%,#007537 100%);*/
    /*background: linear-gradient(top,  #13914B 0%,#007537 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13914B', endColorstr='#007537',GradientType=0 );*/
}

.svn-button-green:hover, .svn-button-green:focus { background: #13914B; }
.svn-button-green:active { background: #007537; }

.svn-button-light {
    color: #454545;
    text-shadow: none;
    background: #CCCCCC;
    /*background: -moz-linear-gradient(top,  #E9E9E9 0%, #CCCCCC 100%);*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E9E9), color-stop(100%,#CCCCCC));*/
    /*background: -webkit-linear-gradient(top,  #E9E9E9 0%,#CCCCCC 100%);*/
    /*background: -o-linear-gradient(top,  #E9E9E9 0%,#CCCCCC 100%);*/
    /*background: -ms-linear-gradient(top,  #E9E9E9 0%,#CCCCCC 100%);*/
    /*background: linear-gradient(top,  #E9E9E9 0%,#CCCCCC 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#CCCCCC',GradientType=0 )*/
}

.svn-button-light:hover, .svn-button-light:focus { background: #E9E9E9; }
.svn-button-light:active { background: #CCCCCC; }


.svn-button:disabled, .svn-button:disabled:hover { 
    background: #CCC !important;
    color: #999 !important;
    cursor: default;
}

.svn-button.svn-button-loading:disabled, .svn-button.svn-button-loading:disabled:hover {
    background: #CCC url('/images/loading-button-20.gif') no-repeat 10px 5px !important;
    padding-left: 40px;
}

.wrap-svn-button { padding: 5px 0 }

/***** SVN-BUTTON-ICON *****/

.svn-button-icon { 
    background: url('/images/sprite-bt-icons.png') top center no-repeat;
    display: inline-block;
    width: 23px;
    height: 20px;
    cursor: pointer;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.svn-button-icon.svn-button-icon-cancel { background-position: 0 -60px; }
.svn-button-icon.svn-button-icon-cancel:hover { background-position: -23px -60px; }
.svn-button-icon.svn-button-icon-cancel:active { background-position: -46px -60px; }

.svn-button-icon.svn-button-icon-delete { background-position: 0 -80px; }
.svn-button-icon.svn-button-icon-delete:hover { background-position: -23px -80px; }
.svn-button-icon.svn-button-icon-delete:active { background-position: -46px -80px; }



.button-icon.button-icon-star span { background-position: 0 0; } 
.button-icon.button-icon-check span { background-position: 0 -20px; } 
.button-icon.button-icon-edit span { background-position: 0 -40px; } 
.svn-button-icon.button-icon-cancel span { background-position: 0 -60px; } 
.svn-button-icon.svn-button-icon-delete { background-position: 0 -80px; } 
.button-icon.button-icon-add span { background-position: 0 -100px; } 
.button-icon.button-icon-document span { background-position: 0 -120px; } 
.button-icon.button-icon-print span { background-position: 0 -140px; } 


.button-icon-no-bg {
    background: url('/images/sprite-bt-icons.png') top center no-repeat;
    display: inline-block;
    width: 23px;
    height: 20px;
    cursor: pointer;
    vertical-align: middle;
}

.button-icon-no-bg.button-icon-no-bg-star  { background-position: 1px 0; }
.button-icon-no-bg.button-icon-no-bg-star:hover { background-position: -19px 0; }
.button-icon-no-bg.button-icon-no-bg-star:active { background-position: -39px 0; }

.button-icon-no-bg.button-icon-no-bg-check  { background-position: 0 -19px; }
.button-icon-no-bg.button-icon-no-bg-check:hover { background-position: -20px -20px; }
.button-icon-no-bg.button-icon-no-bg-check:active { background-position: -40px -20px; }

.button-icon-no-bg.button-icon-no-bg-edit  { background-position: 0 -39px; }
.button-icon-no-bg.button-icon-no-bg-edit:hover { background-position: -20px -39px; }
.button-icon-no-bg.button-icon-no-bg-edit:active { background-position: -40px -39px; }

.button-icon-no-bg.button-icon-no-bg-cancel  { background-position: 0 -59px; }
.button-icon-no-bg.button-icon-no-bg-cancel:hover { background-position: -20px -59px; }
.button-icon-no-bg.button-icon-no-bg-cancel:active { background-position: -40px -59px; }

.button-icon-no-bg.button-icon-no-bg-delete  { background-position: 2px -80px; }
.button-icon-no-bg.button-icon-no-bg-delete:hover { background-position: -18px -80px; }
.button-icon-no-bg.button-icon-no-bg-delete:active { background-position: -38px -80px; }

.button-icon-no-bg.button-icon-no-bg-add  { background-position: 0 -99px; }
.button-icon-no-bg.button-icon-no-bg-add:hover { background-position: -20px -99px; }
.button-icon-no-bg.button-icon-no-bg-add:active { background-position: -40px -99px; }

.button-icon-no-bg.button-icon-no-bg-document  { background-position: 0 -120px; } 
.button-icon-no-bg.button-icon-no-bg-document:hover { background-position: -20px -120px; }
.button-icon-no-bg.button-icon-no-bg-document:active { background-position: -40px -120px; }

.button-icon-no-bg.button-icon-no-bg-print  { background-position: 1px -140px; }
.button-icon-no-bg.button-icon-no-bg-print:hover { background-position: -19px -140px; }
.button-icon-no-bg.button-icon-no-bg-print:active { background-position: -39px -140px; }

.button-icon-no-bg.button-icon-no-bg-resend  { background-position: 1px -160px; }
.button-icon-no-bg.button-icon-no-bg-resend:hover { background-position: -19px -160px; }
.button-icon-no-bg.button-icon-no-bg-resend:active { background-position: -39px -160px; }

.button-icon-no-bg.button-icon-no-bg-copy  { background-position: 1px -180px; }
.button-icon-no-bg.button-icon-no-bg-copy:hover { background-position: -19px -180px; }
.button-icon-no-bg.button-icon-no-bg-copy:active { background-position: -39px -180px; }

.button-icon-no-bg.button-icon-no-bg-download  { background-position: 1px -200px; }
.button-icon-no-bg.button-icon-no-bg-download:hover { background-position: -19px -200px; }
.button-icon-no-bg.button-icon-no-bg-download:active { background-position: -39px -200px; }

.btOpcoesDialog { 
    float: right;
    font-size: 11px; 
    text-decoration: none;
    background: #777;
    padding: 3px 8px;
    color: white;
    /*border-radius: 3px;*/
    margin: 0 -5px 4px 0;
}

.btOpcoesDialog:hover { 
    background: #999;
}

/* SVN BUTTON ICON SMALL */
.svn-button-icon-small {
    background: url('/images/sprite-bt-icons-small.png') top center no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.svn-button-icon-small.svn-button-icon-small-add { background-position: 0 0px; }
.svn-button-icon-small.svn-button-icon-small-delete { background-position: 0 -10px; }


.field { position: relative; margin-bottom: 4px; overflow: hidden; }
.field label { display: block; padding: 0 5px; font-size: 12px; line-height: 22px; color: #555; text-align: left; clear: both; }
.field input[type=text], .field input[type=password] { display: block; width: 100%; }
.field select { display: block; width: 100%; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.field textarea { display: block; width: 100%; }

.field-row { overflow: hidden; position: relative; }
.field-row .field { float: left; margin-right: 2%; }
.field-row .field.corner { margin-right: 0; }

.field-row.row-2 .field { width: 49%; }
.field-row.row-3 .field { width: 32%; }

.field span.symbol { 
    position: absolute;
    left: 10px;
    bottom: 7px;
    font-size: 15px;
    color: #999;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.monetario input{
    text-align: right;
}

.field.checkbox { overflow: hidden; }
.field.checkbox label { cursor: pointer; display: inline-block }
.field.checkbox input { display: inline-block; vertical-align: middle; }
.field.checkbox span { font-size: 14px; margin-left: 3px; display: inline-block; }
.field.checkbox input[type=checkbox] { cursor: pointer; }

.field span.form-error { 
    display: block; 
    clear: both;
    padding: 2px 5px 0; 
    color: #CC0000; 
    font-size: 11px; 
    font-weight: bold;
}

/* @todo Revisar essas classes de formulario */
.form-message {  }
.form-message-erro {
    color: #CC0000;
}
.form-message-sucesso {
    color: #007537;
}
.form-options { margin-top: 10px; overflow: hidden}
.form-space { display: block; padding-bottom: 14px; margin-top: 14px; }

.field-large input[type=text], .field-large input[type=password] { font-size: 17px; height: 38px; }
.field-large select { font-size: 17px; height: 39px; }

.field-side { margin: 0; padding: 4px; }
.field-side label { float: left; padding: 0; width: 140px; text-align: right; line-height: 22px; margin-top: 5px; }
.field-side .field-wrapper, .field-side .field-element { margin-left: 150px; }

.field-side input[type=text]:focus, .field-side input[type=password]:focus, .field-side select:focus, .field-side textarea:focus {
    -webkit-box-shadow: 0 0 0 2px #A7C4E0;
    box-shadow: 0 0 0 2px #A7C4E0;
}

.field-side.field-large label { /*line-height: 38px;*/ font-size: 15px; }

.field-side.checkbox label { width: auto; margin-left: 120px; line-height: 24px; }


/**
 * JS-SELECT
 * Select customizado com uso de javascript
*/
.js-select {
    position: relative;
    background: white;
    width: 100%;
    height: 30px;
    padding: 0 0 0 10px;
    border: 1px solid #CCC;
    cursor: pointer;

    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    transition: border 0.3s;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.js-select select {
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 34px;
    margin-top: -1px;
    opacity: 0.0;
    filter: alpha(opacity=0); /* IE7 */
}

.js-select-value {
    font-size: 15px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}

.js-select-arrow {
    float: right;
    width: 18px;
    height: 10px;
    margin: 12px 8px 0 0;
    background: url('/images/sprite-select-arrow.png') no-repeat top left;
}

.js-select:hover { border-color: #AAA; }
.js-select:hover .js-select-arrow { background-position: -18px 0; }
.js-select.focused { border-color: #00468C; }
.js-select.focused .js-select-arrow { background-position: -36px 0; }


/* ================================ SOBREPOSI��O DO TEMA */
/*
.ui-button{
    padding: 0 !important;
}

.ui-dialog .ui-dialog-titlebar{
    background: #fff;
    padding: 6px 15px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    color: white !important;
    text-shadow: 0 0 1px rgba(255,255,255,0.1)!important;
    background: #555555;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#555555)) ;
    background: -webkit-linear-gradient(top, #777777 0%, #555555 100%);
    background: -moz-linear-gradient(top,  #777777 0%, #555555 100%) ;
    background: -o-linear-gradient(top,  #777777 0%,#555555 100%) ;
    background: -ms-linear-gradient(top,  #777777 0%,#555555 100%) ;
    background: linear-gradient(top,  #777777 0%,#555555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#555555',GradientType=0 );
}*/