body, input, label, span, table, textarea {font-family: 'Oswald',sans-serif;font-size: 13px;}


ul {padding: 0;margin: 0;}
/* article {padding: 10px;} */
select {font-size: 12px;padding: 2px 0;}

.error {color:red;}
.warning {text-align: center;font-weight: bold;color:green;}
.hide {display: none;}

/* footer {background-color: rgb(203, 204, 203);display: block;height: 80px;width: 100%;} */
footer img {position: absolute;margin-top: -82px;}

footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   line-height: 30px;
   width:100%;
   /*background:rgb(203, 204, 203);*/
   color: #A8A8A8;
    font-size: 12px;
    text-align: center;
}
footer a {color: #666666;text-decoration: none;}

h1 {color: #333333;
    font-family: 'Oswald',sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 20px;}
    
h2 {
	font-size: 13px;
}

::-webkit-input-placeholder  {
    color: rgb(190, 188, 188);
    font-style: italic;
    font-size: 12px;
}
input:-moz-placeholder,
textarea:-moz-placeholder{
    color: rgb(190, 188, 188);
    font-style: italic;
    font-size: 12px;
} 
html, body {margin-bottom: 50px;}
a {color:gray;}
a img {border: none;}

.explanation {color:#666666;font-size: 12px;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


a.no-link {text-decoration: none;}
textarea {resize:none;min-height: 80px;padding:3px;}
form input[type="text"], form input[type="password"], form input[type="email"] {font-size: 12px;}

table.grid {border: 1px solid #B2B2B2;background:#fff;width: 100%;}
table.grid tr {line-height:20px;}
table.grid tr th, table.grid tr td {padding:2px 5px;border-right:1px solid #F1F1F1;font-weight:normal;}
table.grid tr th:last-child, table.grid tr td:last-child {border-right:none;}
table.grid tr th {
	color:#626466;font-size: 11px;font-weight:bold;
}
table.grid thead {
	background: #f4f5f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f5f7 0%, #abafbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f5f7), color-stop(100%,#abafbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4f5f7 0%,#abafbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4f5f7 0%,#abafbb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f4f5f7 0%,#abafbb 100%); /* IE10+ */
	background: linear-gradient(top, #f4f5f7 0%,#abafbb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f5f7', endColorstr='#abafbb',GradientType=0 ); /* IE6-9 */
}
table.grid thead tr th.bottom-border {border-bottom:1px solid #F1F1F1;}
table.grid tr:nth-child(even) {}
table.grid tr:nth-child(odd) td {background: #F1F1F1;}
table.grid tr td {vertical-align: top;color:gray;}
table.grid .grid-checkbox {width:15px;text-align: center;}
table.grid .grid-action {text-align: center;width: 50px;}
table.grid .grid-no-results {text-align: center;padding:10px 0;}
table.grid .grid-description {}
table.grid .grid-name {width:150px;}
table.grid .grid-number {text-align:right;width: 60px;}
table.grid .grid-number-thin {text-align:right;width: 30px;}
table.grid .grid-amount {width:110px;text-align:right;}
table.grid .grid-date {width:80px;text-align:center;}
table.grid .grid-time {width:45px;text-align:center;}
table.grid .grid-datetime {width:150px;text-align:center;}
table.grid .grid-email {width:190px;}
table.grid .grid-phone {width:100px;}
table.grid .grid-rut {width:80px;text-align: right;}
table.grid .grid-percentage {text-align: right;width: 55px;}
table.grid .grid-state {width:70px;text-align: center;}
table.grid .grid-state-thin {width:40px;text-align: center;}
table.grid .grid-type {width:90px;}
table.grid .grid-avatar {}
table.grid .grid-avatar img {vertical-align: top;}
table.grid .grid-avatar span {}
table.grid .grid-center {text-align: center;}
table.grid .grid-right {text-align: right;}
table.grid .grid-level {width: 150px;}
table.grid .grid-icon {width: 20px;text-align: center;}

table.grid .state1, span.state1 {} /*normal*/
table.grid .state2, span.state2 {color: orange;font-weight: bold;} /*atrasado*/
table.grid .state3, span.state3 {color: red;font-weight: bold;text-transform: uppercase;} /*vencido*/
table.grid .state4, span.state4 {color: red;font-weight: bold;text-transform: uppercase;} /*urgente*/
table.grid .state5, span.state5 {} /*finalizado*/

#box-login {width:300px;height:260px;margin:0 auto;margin-top:100px;background: white;border: 1px solid rgba(147, 184, 189,0.8);padding:10px;
    box-shadow:
        0pt 2px 5px rgba(105, 108, 109,  0.7), 
        0px 0px 8px 5px rgba(98, 189, 52, 0.4) inset;
    border-radius: 5px;}
#box-login img {display: block;margin: 0 auto;text-align: center;width: 207px;margin-bottom: 10px;}
#box-login .inside {text-align: left;width: 190px;margin:0 auto;}
#box-login .inside div {margin-bottom: 10px;}
#box-login form label {display: block;font-size: 12px;   font-style: italic;text-align: left;}
#box-login form .buttons {margin-top: 10px;}
#box-login .buttons {text-align: center;}

#header-top {width: 960px;margin:0 auto;}

nav#menu-general {background-image: url("../../gui/img/menu-secondary-bg.png");background-repeat:repeat-x;background-position:0 50%;height: 34px;width: 100%;border-top:1px solid #DBDBDA;border-bottom: 1px solid #DBDBDA;}
nav#menu-general .container {width: 960px;margin:0 auto;}
nav#menu-general .logo {position: absolute;height: 35px;margin-top: 2px;}
nav#menu-general ul {font-family: 'Oswald',sans-serif;color: #808080;font-size: 12px;font-weight: normal;display: inline-block;}
/* nav#menu-general ul:first-child {margin-left:20px;} */
nav#menu-general ul:last-child {float: right;}
nav#menu-general ul li {display: inline-block;text-align: center;border-right: 1px solid #DBDBDA;}
nav#menu-general ul li a {text-decoration: none;color: #808080;line-height: 34px;display: block;padding: 0 10px;}
nav#menu-general ul li a:hover {color: #3D3D3D;text-decoration: underline;}
nav#menu-general ul li:first-child {border-left: 1px solid #DBDBDA;}
nav#menu-general ul li.selected {font-weight: normal;color: #00C016;padding: 0 10px;}
nav#menu-general ul li.username {font-weight: normal;color: gray;padding: 0 10px;}
nav#menu-general ul li.username a {display: inline-block;font-weight: bold;padding: 0;}



span.state {border-radius: 5px 5px 5px 5px;display: block;font-size: 11px;line-height: 15px;margin-top: 2px;padding: 2px 7px 0;text-align: center;color: #ffffff;display: inline-block;}
span.vencida {background-color: #BC231A;}
span.vigente {background-color: rgb(0, 192, 0);}
span.normal {}
span.urgente {}

.back-to-page {margin:0 auto;width:200px;display:block;margin-top:10px;text-align: center;}
.back-to-page a {text-decoration: none;color:#669900; /*#00C016;*/}
.back-to-page a:hover {text-decoration: underline;}
.formulary, .formulary-upload {width:960px;margin:0 auto;margin-top:10px;border:1px solid #DBDBDA;}
.formulary title {background-image: url("../../gui/img/menu-secondary-bg.png");background-repeat:repeat-x;background-position:0 50%;height: 34px;
width: 100%;border-bottom: 1px solid #DBDBDA;display: block;margin-bottom: 10px;line-height: 34px;text-align: center;font-weight: bold;}
.formulary div {margin-bottom: 5px;padding: 0 10px;}
.formulary div label {display: inline-block;width:120px;vertical-align: top;color: gray;}
.formulary .tabbar {background-color: #DBDBDA;line-height: 40px;margin-bottom: 0;margin-top:10px;}
.formulary textarea {width:500px;}
.formulary div ul {display: inline-block;list-style: none outside none;}
.formulary span.note {display: inline-block;width: 815px;}
.formulary a.additem-label {text-decoration: none;text-align: center; display: block;}

.modal-view {}
.modal-view div label {display: inline-block;width:120px;vertical-align: top;color:#666666;text-align: right;margin-right:10px;}
.modal-view div ul {display: inline-block;color:gray;list-style-position: inside;}
.modal-view div span {color:gray;}

.form-view {width:960px;margin:0 auto;margin-top:20px;border:1px solid #DBDBDA;position: relative;}
.form-view title {background-image: url("../../gui/img/menu-secondary-bg.png");background-repeat:repeat-x;background-position:0 50%;height: 34px;
width: 100%;border-bottom: 1px solid #DBDBDA;display: block;margin-bottom: 10px;line-height: 34px;text-align: center;font-weight: bold;font-size: 14px;}
.form-view div {margin-bottom: 5px;padding: 0 10px;}
.form-view div label {display: inline-block;width:175px;vertical-align: top;color:gray;}
.form-view .tabbar {background-color: #F0F8DB; /*#DBDBDA*/line-height: 40px;margin-bottom: 0;margin-top: 20px;}
.form-view .grid a {text-decoration: none;color:gray;}
.form-view .grid a:visited {}
.form-view .grid a:hover {color:#3D3D3D;text-decoration: underline;}
.form-view .description-final {text-align: center;margin-bottom: 20px;}
.form-view span.note {display: inline-block;text-align: justify;width: 815px;}
.form-view .total-budget {color: gray; margin-top: 10px;}
.form-view .total-budget span {font-weight: bold;}

.form-view .actions {text-align: right;}

.form-view div.upload-files {}
.form-view div.upload-files ul.files {list-style: none;border: 1px solid gray;display: inline-block;}
.form-view div.upload-files ul.files input[type="text"] {margin-bottom: 5px;width: 430px;}
.form-view div.upload-files ul.files select {width: 150px;}
.form-view div.upload-files ul.files input[type="file"] {display: block;}
.form-view div.upload-files ul.files li {padding: 10px;}
.form-view div.upload-files ul.files li:nth-child(even) {}
.form-view div.upload-files ul.files li:nth-child(odd) {background: #F1F1F1;}
.form-view div.upload-files ul.files li:first-child a {visibility: hidden;}
.form-view div.upload-files .button-upload {margin-left: 10px;}
.form-view div.upload-files .formulary {width:917px;padding: 10px;}
.form-view div.upload-files .formulary-upload {width:917px;padding: 10px;}

.messages {font-size: 10px;margin-bottom: 20px;}
.messages span.date {font-weight: bold;font-size: 11px;}
.messages ul {list-style: none;margin-bottom: 10px;border-bottom: 1px solid #DBDBDA;padding-bottom: 10px;}
.messages ul li span {}
.messages ul li span.timestamp {font-size: 10px;color:#00C016;}
.messages ul li.from {text-align: left;}
.messages ul li.to {text-align: right;}

#page-home {width: 930px;margin:0 auto;}
#page-home table.grid {width: 550px;}

#page-messages {margin-bottom: 120px;}

#page-new-request input[type="text"] { width: 710px;}
#page-new-request textarea { width: 540px; }
#page-new-request ul.files {list-style: none;border: 1px solid gray;}
#page-new-request ul.files input[type="text"] {margin-bottom: 5px;}
#page-new-request ul.files select {display: inline-block;width: 150px;}
#page-new-request ul.files input[type="file"] {display: block;}
#page-new-request ul.files li {padding: 10px;}
#page-new-request ul.files li:nth-child(even) {}
#page-new-request ul.files li:nth-child(odd) {background: #F1F1F1;}
#page-new-request ul.files li:first-child a {visibility: hidden;}
#page-new-request .additem-label {display: inline-block;}
#page-new-request .onlySep {display: none;}
#page-new-request .onlyFagem {display: none;}
#page-new-request .visible {display: block;}
#page-new-request .formulary div label {width: 160px;}
#page-new-request .disable-file, #page-new-request .disable-file a {text-decoration: line-through;color: red;}
#page-new-request .explanation {display: block;margin-left: 165px;margin-top: 10px;}
#page-new-request .total-budget {color: gray; margin-top: 10px;}
#page-new-request .total-budget span {font-weight: bold;}

#nav-maintenance {width:960px;margin:0 auto;padding: 10px 0;}
/* #nav-maintenance .submenu {margin-bottom: 20px;} */
#nav-maintenance .submenu ul {list-style: none;border-bottom: 1px solid #DBDBDA;}
#nav-maintenance .submenu ul li {display: inline-block;line-height: 23px;}
#nav-maintenance .submenu ul li.selected {border-bottom: 3px solid #00C016;}
#nav-maintenance .submenu ul li a {display: block;line-height: 30px;text-decoration: none;padding: 0 5px;}
#nav-maintenance .submenu ul li a:hover {color: #00C016;}
#page-maintenance {width:960px;margin:0 auto;}
#page-maintenance.page-maintenance-full {min-width: 960px;width: 70% !important;}
#page-maintenance .form-view-years {}
#page-maintenance .form-view-years label {display: inline-block;width: 80px;color:gray;}
#page-maintenance .form-view-years a {}
#form-maintenance input[name="description"] {width: 470px;}


#page-report {width:960px;margin:0 auto;}
#page-report.page-report-full {min-width: 960px;width: 96% !important;}

#formShopItem textarea {width: 492px;}
#formShopItem .input-number {width: 150px;}
#formShopItem input[name="description"] {width: 495px;}

.form-view .boxaction {padding: 10px;}

#receptionForm .info {font-size: 11px;background-color: #F5F5F5;text-align: center;padding: 5px;margin-bottom: 10px;}
#receptionForm div label {width: 165px;}
#receptionForm span.reference {background-color: gray;color:white;font-size: 11px;padding:2px 5px 2px 5px;}
#receptionForm span.reference-description {display: inline-block; margin-left: 169px;}
#receptionForm span.label {}
#receptionForm.form-view {width:670px;}
#receptionForm input[name="description"], #receptionForm input[name="supplierName"] {width: 465px;}
#receptionForm input.input-number {width: 150px;}

#page-warning {width: 960px;margin:0 auto;margin-top:20px;}

.form-view div.edit-request {left: 100%;margin-left: -120px;margin-top: 5px;position: absolute;}

#page-error {width:935px;margin:0 auto;}

#page-user {}
#page-user input[type="text"], #page-user input[type="email"], #page-user input[type="password"] {width: 500px;}
#page-user form.form div label {vertical-align: top;}

.box-roles {display: inline-block;}
.box-roles select {width: 200px;}
.box-roles select.member {background-color: #F0F8DB;}
.box-roles span {width: 100px;display: inline-block;vertical-align: top;padding-top: 10px;text-align: center;}

#form-approbers {}
#form-approbers .info {font-size: 11px;background-color: #F5F5F5;text-align: center;padding: 5px;margin-bottom: 10px;}
#form-approbers ul {margin-bottom: 10px;}
#form-approbers ul li {list-style-position: inside;list-style-type: none;padding: 5px 0 5px 5px;}
#form-approbers ul li:nth-child(even) {background: #F1F1F1}
#form-approbers ul li:nth-child(odd) {background: #FFFFFF;}

#page-recover .info {margin-bottom: 20px;}
#page-recover input[type="email"] {width: 400px;}

#page-change-password input[type="password"] {width: 250px;}


.filter-selector div {margin-bottom: 5px;}
.filter-selector div label {display: inline-block;width: 120px;}
.filter-selector div .input-date {width:90px;}
.filter-selector div .input-text {width:350px;}
.filter-selector .options {margin-left: 123px;}

#page-requests {margin: 0 auto;}
#page-requests article {margin:10px;min-width: 940px;}
/* #page-requests.page-requests-full {min-width: 960px;width: 96% !important;} */

div.toolbar {margin-bottom: 10px;}
div.toolbar a.awesome {font-size: 11px;}

.totals {color: #666666;padding:10px 0;}

div.counter-length {border:1px solid gray;display: none;margin: 0; background: #669900; color: white; font-size: 10px;padding: 1px 5px;}

.request-view {min-width: 960px;max-width:1200px;width: 80%;}
.request-view .details {margin: 0;padding: 0;}
.request-view .details div span {width: 80%;display: inline-block;}


#the-canvas {border:1px solid black;width: 960px;min-height: 600px;margin-bottom: 20px;}

.wrapper {margin: 10px;}
.wrapper-fixed {width: 960px;margin:10px auto 0;}

div.toolbar {padding: 5px 10px;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;background-color: #F7F7F9;}
div.toolbar .btn-toolbar  {margin: 0;}
div.toolbar .btn-toolbar .btn-group .btn {font-size: 13px;}
div.toolbar .right-option {float: right;}
div.toolbar .input-append {margin-bottom: 0;}
div.toolbar button {font-size: 12px;padding: 10px;}