/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10.6.2016, 11:01:20
    Author     : Horus
*/

/* START - DATATABLE */
.datatable {width: 100%;}
.datatable tr th {line-height: 1.3em;padding:10px;font-weight: bold;background-color: #2a85a0;border-bottom: 1px solid grey; color:white; cursor: pointer;}
.datatable tr td:first-child {line-height: 1.3em;padding:8px;}
.datatable tr td:first-child {color:#143d7f;}
.datatable .row-error td {background-color: #eb85a9;}
.datatable .row-commiting td {background-color: #FFFAE8;}
.datatable .row-deleting td {text-decoration: line-through;}
.datatable .pointer {cursor:pointer;}

.datatable tr.row-details td {padding:2px;text-align: left;color:#90a959;}

.qtable-striped {border-bottom: 1px solid #2a85a0;}
.qtable-striped tr:nth-of-type(2n) {background-color: #f9f9f9;}

.datatable2 tr:first-child th {border: none;padding: 0;background: none;}

.datatable td:last-child {padding: 0;text-align: center;}
.datatable td:nth-child(13) {text-align: center;color:#63ad21;}
.datatable tr:last-child td:last-child button {display: none;}
.datatable th:last-child, .pricetable td:last-child {display: none;}
.datatable tr:hover td {background-color:#D6EEFF;}

.datatable button {width: 40px;}
.datatable tr:not(.row-details):last-child td {height: 36px;}
.datatable .separator {width: 5px; border: none;padding: 0;}
.datatable a,.datatable a:visited {color:#2a85a0;}

.datatable td.align-right {text-align: right;}

.datatable .assessmentG {display: inline-block; background-color: #63ad21; width: 60px; color:white;   font-size: 11px; border-radius: 3px;}
.datatable .assessmentY {display: inline-block; background-color: #f2ed39; width: 60px; color:#384c80; font-size: 11px; border-radius: 3px;}
.datatable .assessmentR {display: inline-block; background-color: #ed3939; width: 60px; color:white;   font-size: 11px; border-radius: 3px;}
.datatable .assessmentB {display: inline-block; background-color: #c1c1c1; width: 60px; color:white;   font-size: 11px; border-radius: 3px;}

.datatable.front tr th {line-height: 1.3em;padding:10px;padding-left: 0; font-weight: bold;border-bottom: 2px solid #e0e0e0; color:black; cursor: pointer;background-color: white;}
.datatable.front {border-bottom: 2px solid #e0e0e0;}

.datatable.qpager {font-size: 25px;color:silver;clear: both;margin: 5px 0px;}
.datatable.qpager .qpager {float: right;}
.datatable.qpager .qpager .input-group {width: 280px;}
.datatable th.bnumber {text-align: center;}
.datatable td.bnumber {font-size: 15px;color:#757678;text-align: center;}
/* END - DATATABLE */

.header .menu {color: rgb(203,0,123); margin-top: 10px;}
.header .title {color: #757678;font-size: 24px;font-weight: bold;margin-top: 22px;}

/* ========== GLOBALS ======== */
.form-group input {box-shadow: none; height: auto; padding: 4px 10px; border-radius: 0px; }
.form-group textarea {box-shadow: none; height: auto; padding: 4px 10px; border-radius: 0px; }
.btn.etibtn {border-radius: 0; min-width: 120px;}

.eti-button-wrapper {border-top: 1px solid silver;padding-top: 8px;margin-bottom: 10px;margin-top: 20px;}
.eti-button-wrapper > div {float: right;}

.fg-green {color: #63ad21;}

.datatable-wrapper {padding: 10px;}

.container-referent {padding: 0;background-color: #ebebeb;}
.container-referent .logo {margin: 5px;margin-left: 0px;width: 60px;}
.container-referent .header .menu ul li {float: left;padding: 5px;list-style: none;}
.container-referent .header .menu ul li a {font-size: 13px;}
.container-referent .header .menu ul li a:after {content: '|'; font-size: 12px;display: inline-block; margin-left: 5px;}
.container-referent .header .menu ul li:last-child a:after {content: '';}
.container-referent .header .menu {color: rgb(203,0,123); margin-top: 5px;}
.container-referent .header .title-center {position: relative;text-align: center;top:-55px;color: #757678;font-size: 24px;font-weight: bold; height: 0;}
.referent-footer {background-color: #ebebeb; height: 45px;position: fixed; bottom: 0;width: 100%;}
.referent-footer .top-line {text-align: center;}
.referent-footer .top-line span {background-image: url(../images/icon-suppliers-mini.png); width: 58px;height: 27px;display: inline-block;position: relative; top:-11px;}
.referent-footer .text {font-size: 11px; text-align: center;color:grey;}

.view-refsearch .filters .input-group {margin-right: 10px;}
.view-refsearch .filters .green {color: #63ad21;background-color: white;border-bottom: 1px solid #63ad21;min-width: 40px;}
.view-refsearch .filters .yellow {color: #e4d310;background-color: white;border-bottom: 1px solid #e4d310;min-width: 40px;}
.view-refsearch .filters .red {color: #ed3939;background-color: white;border-bottom: 1px solid #ed3939;min-width: 40px;}
#modalFilter .modal-header {border-bottom: none;background-color: #f1f3f5;border-radius: 5px;}
#modalFilter .modal-body {min-height: 450px;}
#modalFilter .filters {padding: 0px;}
#modalFilter .filters li {background-color: #f1f3f5;list-style: none;font-size: 18px;line-height: 42px;padding-left: 15px;margin-bottom: 1px;cursor: pointer;}
#modalFilter .filters li.selected {background-color: #2a85a0;color:white;}
#modalFilter .minidetails {font-size: 10px; color:gray;}

.view-refcompany .chk-property {background-color: #2a85a0; color:white; padding: 1px 5px; display: inline-block;border-radius: 5px;}
.view-refcompany .sub-header {margin-top: 10px;margin-bottom: 5px;background-color: #f9f9f9; padding: 10px; border-radius: 10px; }
.view-refcompany .sub-header.ass1 {border: 2px solid #63ad21;border-right: none; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.view-refcompany .sub-header.ass2 {border: 2px solid #e4d310;border-right: none; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.view-refcompany .sub-header.ass3 {border: 2px solid #ed3939;border-right: none; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.view-refcompany .company-title {font-size: 28px;color: #2a85a0; }
.view-refcompany .company-menu {float:right;}
.view-refcompany .company-menu li {float: left; text-transform: uppercase;list-style: none;color:#757678; font-size: 11px;font-weight: bold; padding: 5px; cursor: pointer; }
.view-refcompany .company-menu .active {background: #2a85a0;color:white; border-radius: 5px;  }
.view-refcompany .assesment .answer {}
.view-refcompany .assesment .answer .green {display: inline-block; width: 30px;height: 15px;background-color: #63ad21; float: right; margin-right: 25px; }
.view-refcompany .assesment .answer .yellow {display: inline-block; width: 30px;height: 15px;background-color: #e4d310; float: right; margin-right: 25px; }
.view-refcompany .assesment .answer .red {display: inline-block; width: 30px;height: 15px;background-color: #ed3939; float: right; margin-right: 25px; }
.view-refcompany .rating-G {display: inline-block; min-width: 70px; background-color: #63ad21; font-size: 18px;padding: 3px;color: white;text-align: center;}
.view-refcompany .rating-Y {display: inline-block; min-width: 70px; background-color: #f2ed39; font-size: 18px;padding: 3px; text-align: center;}
.view-refcompany .rating-R {display: inline-block; min-width: 70px; background-color: #ed3939; font-size: 18px;padding: 3px;color: white; text-align: center;}
 
.etibg .container {background-color: white;}

.user-assesment .assesment {margin-bottom: 8px; border-bottom: 1px solid silver;margin-left: 5px; margin-right: 5px;}
.user-assesment .assesment .green {background-color: #63ad21;min-height: 25px;border: 1px solid grey;font-size: 16px; font-weight: bold;text-align: center;color:white; cursor: pointer;}
.user-assesment .assesment .yellow {background-color: #f2ed39;min-height: 25px;border: 1px solid grey; font-size: 16px; font-weight: bold;text-align: center;color:#384c80; cursor: pointer;}
.user-assesment .assesment .red {background-color: #ed3939;min-height: 25px;border: 1px solid grey; font-size: 16px; font-weight: bold;text-align: center;color:white; cursor: pointer;}
.user-assesment .assesment .silver {background-color: #B9B9B9;min-height: 25px;border: 1px solid grey; font-size: 16px; font-weight: bold;text-align: center;color:white; cursor: pointer;}
.user-assesment .legend .color-title {font-size: 10px; font-weight: bold; color: #757678;}
.user-assesment .legend .color-desc {font-size: 10px; color: gray;}
.user-assesment .rating-G {display: inline-block; min-width: 70px; background-color: #63ad21; font-size: 18px;padding: 3px;color: white;text-align: center;}
.user-assesment .rating-Y {display: inline-block; min-width: 70px; background-color: #f2ed39; font-size: 18px;padding: 3px; text-align: center;}
.user-assesment .rating-R {display: inline-block; min-width: 70px; background-color: #ed3939; font-size: 18px;padding: 3px;color: white; text-align: center;}
.user-assesment .totals .green {display: inline-block;border-bottom: 2px solid #63ad21;min-width: 50px;font-size: 16px;text-align: center;color:gray;}
.user-assesment .totals .yellow {display: inline-block;border-bottom: 2px solid #f2ed39;min-width: 50px;font-size: 16px;text-align: center;color:gray;}
.user-assesment .totals .red {display: inline-block;border-bottom: 2px solid #ed3939;min-width: 50px;font-size: 16px;text-align: center;color:gray;}
.ass-description {font-size: 0.85em;color:gray;}

.container.user .header .menu ul li {float: left;padding: 5px;list-style: none;}
.container.user .header .menu ul li a {font-size: 13px;}
.container.user .header .menu ul li a:after {content: '|'; font-size: 12px;display: inline-block; margin-left: 5px;}
.container.user .header .menu ul li:last-child a:after {content: '';}
.container.user .header .menu {color: rgb(203,0,123); margin-top: 5px;}


.header-separator {
      background: rgba(0, 0, 0, 0) url("../images/posevnica-2.jpg") repeat-x scroll center bottom; height: 7px;
}

.header-background-login {background-image: url(../../../../../templates/etisupplier/images/background-blue.png);}
.header-background-login2 {background-image: url(../../../../../templates/etisupplier/images/background.jpg);}
.icon-pdf-40 {display: inline-block; width:40px; height: 40px; background-image: url("../images/icon-pdf-40.png");}
.icon-excel-40 {display: inline-block; width:40px; height: 40px; background-image: url("../images/icon-excel-40.png");}
.icon-image-40 {display: inline-block; width:40px; height: 40px; background-image: url("../images/icon-image-40.png");}
.icon-dwg-40 {display: inline-block; width:40px; height: 40px; background-image: url("../images/icon-dwg-40.png");}
.icon-stp-40 {display: inline-block; width:40px; height: 40px; background-image: url("../images/icon-stp-40.png");}

.line-horizontal {border-bottom: 1px solid rgb(203,0,123);}

.login-wrapper {background-color: white;padding: 20px;padding-top: 30px; max-width: 800px;border: 1px solid #adadad;border-radius: 10px;}
.login-wrapper table td:nth-child(2) {padding: 2px;}
.login-wrapper .title {font-size: 19px;color: #676767;margin-bottom: 10px;text-align: center;padding-top: 15px;}
.login-wrapper .description {text-align: center;}
.view-login .mini-link, .view-login .mini-link:visited {color:#676767;}

.referent .login-wrapper {background-color: white;padding: 10px;max-width: 600px;}

.view-userprofile .form-horizontal .control-label {text-align: left;}
.view-userprofile .form-group {margin-bottom: 8px;}
.view-userprofile .form-group input, .view-userchangepwd .form-group input {box-shadow: none; height: auto; padding: 4px 10px; border-radius: 2px; }
.view-usercompany .form-horizontal .control-label {text-align: left;}
.view-usercompany .form-group {margin-bottom: 8px;}
.view-usercompany .form-group input {box-shadow: none; height: auto; padding: 4px 10px; border-radius: 2px; }
input.error {border: 1px solid rgb(203,0,123);}

.context-line {border-bottom: 1px solid rgb(203,0,123);color: silver;font-size: 18px;font-weight: bold;margin-bottom: 15px;margin-top: 10px;}
.context-line .switch {font-size: 11px;margin-right: 8px; cursor: pointer;}
.context-line .mini-label {font-size: 11px;margin-right: 8px;}
.context-line-blue {border-bottom: 1px solid #2a85a0;color: silver;font-size: 18px;font-weight: bold;margin-bottom: 15px;margin-top: 10px;}
.context-wrapper {max-width: 600px;margin: 0 auto;}

ul.operations {list-style-type: none; padding-left: 0;}
ul.operations li {padding: 1px;}
ul.operations ul {list-style-type: none;padding-left:20px;}

.content-steps > div {padding: 1px;cursor: pointer;}
.content-steps {padding-left: 15px;padding-right: 15px;margin-top: 10px;}
.content-steps .line {width: 100%;height: 3px; background-color: silver; margin-top: 20px; }
.content-steps .circle {width: 45px; height: 45px; background-color: silver;margin: 0 auto; border-radius: 30px; color:white; text-align: center; position: relative; top:-24px; font-size: 25px; line-height: 44px; }
.content-steps .title {text-align: center;position: relative;top:-20px;color:#757678; text-transform: uppercase;font-weight: bold; font-size: 11px;}
.content-steps .selected .line {background-color: #63ad21;}
.content-steps .selected .circle {background-color: #63ad21;}

.bg-green {background-color: #63ad21;}

.bottom-commands {margin-bottom: 20px;}
.bottom-commands button {margin-left: 5px;min-width: 120px;}

/* STATISTICS */
.dashboard {padding: 15px;margin: 0 auto;width: 1000px;}
.dashboard .top-counter {float: left;text-align: center;width: 193px;}
.dashboard .top-counter div {font-size: 48px;line-height: 143px; width: 150px;height: 150px;border: 5px solid silver;border-radius: 120px;text-align: center;margin: 0 auto;color: #676767;}
.dashboard .top-counter div.sup {background-color: #2a85a0; color:white; border-color: #2a85a0; }
.dashboard .top-counter div.ref {border-color: #2a85a0; }
.horizontal-separator {border-bottom: 3px solid #d7d7d7;height: 5px;width: 100%;text-align: center;}
.horizontal-separator span {background-image: url(../images/icon-suppliers-mini.png); width: 58px;height: 27px;display: inline-block;position: relative; top:-8px;}

.dashboard .statistic-top {border-collapse: separate; border-spacing: 2px;width: 700px;}
.dashboard .statistic-top td {width: 25%; border-bottom: 2px solid #2a85a0;text-align: center;font-size: 29px;padding: 0px;}
.dashboard .statistic-top th {background-color: #e0e0e0;}

.dashboard .statistic {border-collapse: separate; border-spacing: 3px;}
.dashboard .statistic .item {background-color: #e0e0e0;padding: 0px;color:#676767 ;font-size: 27px;text-align: center;width: 190px;}
.dashboard .statistic .title {background-color: #2a85a0;padding: 5px;color:white;font-size: 20px;width: 192px;text-align: left;}
.dashboard .statistic .date {font-size: 14px;}
.dashboard .statistic .assgreen {background-color: #8dc63f; color:white;}
.dashboard .statistic .assyellow {background-color: #e4d310; color:white;}
.dashboard .statistic .assred {background-color: #d01920; color:white;}
    
.dashboard .statistic-types {border-collapse: separate; border-spacing: 2px;}
.dashboard .statistic-types .item {background-color: #e0e0e0;padding: 0px;color:#676767 ;font-size: 27px;text-align: center;width: 190px;}
.dashboard .statistic-types .title {background-color: #2a85a0;padding: 5px;color:white;font-size: 20px;width: 192px;text-align: left;}

.eti-corporate-menu > div:nth-child(1) {background-image: url("../images/eti-shape-trans-left.png");background-position: center bottom;display: inline-block;float: left;height: 21px;width: 29px;}
.eti-corporate-menu > div:nth-child(2) {background-image: url("../images/eti-shape-middle.png");background-position: center bottom;color: white;display: inline-block;float: left;font-family: open sans;font-size: 11px;height: 21px;padding-right: 10px;text-transform: uppercase;}
.eti-corporate-menu > div:nth-child(3) {background-image: url("../images/eti-shape-trans-right.png");display: inline-block;float: left;height: 21px;width: 26px;}
.eti-corporate-menu a, .eti-corporate-menu a:visited {color: white;}

.eti-corporate-menu-gray div:nth-child(1) {background-image: url("../images/eti-shape-gray-left.png");background-position: center bottom;display: inline-block;float: left;height: 21px;width: 29px;}
.eti-corporate-menu-gray div:nth-child(2) {background-image: url("../images/eti-shape-gray-middle.png");background-position: center bottom;color: white;display: inline-block;float: left;font-family: open sans;font-size: 11px;height: 21px;padding-right: 10px;text-transform: uppercase;}
.eti-corporate-menu-gray div:nth-child(3) {background-image: url("../images/eti-shape-gray-right.png");display: inline-block;float: left;height: 21px;width: 26px;}
.eti-corporate-menu-gray a, .eti-corporate-menu a:visited {color: white;}

.btn-etiblue {background-color: #3183a9;min-width: 100px;}

.input-warning {padding: 15px;text-align: center;margin-top: 20px;margin-bottom: 20px; background-color: #f6f6f6; color: #2a85a0;}


.view-inquiry .tb-inquiry-header-stat th {padding-left: 15px;padding-right: 15px;text-align: center;text-transform: uppercase; font-size: 0.9em;}
.view-inquiry .tb-inquiry-header-stat td {text-align: center;padding-left: 15px;padding-right: 15px;}
.view-inquiry .tb-inquiry-header-stat td.number {font-size: 35px;}
.view-refinquirylist .tb-inquiry-header-stat th {padding-left: 15px;padding-right: 15px;text-align: center;text-transform: uppercase; font-size: 0.9em;}
.view-refinquirylist .tb-inquiry-header-stat td {text-align: center;padding-left: 15px;padding-right: 15px;}
.view-refinquirylist .tb-inquiry-header-stat td.number {font-size: 35px;}

.view-inquiry .position-section .section-header {background-color: #f7f7f7;}
.view-inquiry .position-circle {border-radius: 20px;display: inline-block; background-color: #63ad21;width: 40px;height: 40px;font-size: 20px;text-align: center;line-height: 39px;color:white;}
.view-inquiry .position-icons {font-size: 20px;color:silver;padding-top: 10px;}

.view-refinquiryheader .operations li .action {display: none;}
.view-refinquiryheader .operations li.normal:hover .action {display: block;cursor: pointer;text-transform: uppercase;font-size: 0.8em;color:#0080FF;}
.view-refinquiryheader .operations li.normal:hover {background-color: #f7f7f7;}
.view-refinquiryheader #section-grid {padding: 10px;}
.view-refinquiryheader .company-menu {float:right;}
.view-refinquiryheader .company-menu li {float: left; text-transform: uppercase;list-style: none;color:#757678; font-size: 11px;font-weight: bold; padding: 5px; cursor: pointer; }
.view-refinquiryheader .company-menu .active {background: #2a85a0;color:white; border-radius: 5px;  }

.footer-user {background-color: silver;padding-top: 10px;}
.footer-user .top-line {text-align: center;}
.footer-user .top-line span {background-image: url("../images/icon-suppliers-mini.png");display: inline-block;height: 27px;position: relative;top: -11px;width: 58px;}
.footer-user .title {color: rgb(203,0,123);font-size: 11px;font-weight: bold;text-transform: uppercase;}
.footer-user .desc {font-size: 11px;}
.footer-user .phone {background-image: url("../images/icon-telephone.png");background-position: left center;background-repeat: no-repeat;margin-top: 3px;padding-left: 25px;font-size: 11px;}
.footer-user .mail {background-image: url("../images/icon-mail-red.png");background-position: left center;background-repeat: no-repeat;margin-top: 3px;padding-left: 25px;font-size: 11px;}
.footer-user .creator {text-align: center;}
.footer-user .creator a {color: white; font-size: 11px;}
.footer-user ul {padding: 0px;}
.footer-user ul li {list-style: none;font-size: 11px;}
.footer-user ul li a,.footer-user ul li a:visited {color:#333;}

/* REFERENT - INQUIRIES */
.tb-base-search {width: 100%;}
.tb-base-search th {padding: 5px; border-bottom: 2px solid #676767;}
.tb-base-search td {padding: 5px;}
.tb-base-search tr:nth-of-type(2n+1) td {background-color: #f9f9f9}
.tb-base-search td.number {font-size: 16px;padding: 4px;}

/* USER - INQUIRIES */
.user-inquiry .tb-inquiries {width: 100%;}
.user-inquiry .tb-inquiries th {padding: 5px; border-bottom: 2px solid #e0e0e0;}
.user-inquiry .tb-inquiries td {padding: 5px;}
.user-inquiry .tb-inquiries tr:nth-of-type(2n+1) td {background-color: #f9f9f9}
.user-inquiry .tb-requirements {border-collapse: separate; border-spacing: 2px;width: 100%;}
.user-inquiry .tb-requirements th {text-transform: uppercase; font-size: 0.9em; padding-left: 20px; padding-right: 20px;color:#757678;text-align: center;background-color: #f7f7f7;padding: 2px;}
.user-inquiry .tb-requirements th:first-child {padding-left: 0;}
.user-inquiry .tb-requirements th.blank {background-color: white;}
.user-inquiry .tb-requirements td.number {text-align: center; font-size: 20px;}
.user-inquiry .tb-requirements td {text-align: center;}
.user-inquiry .tb-requirements td:last-child {width: 25%;}
.user-inquiry .tb-requirements input {width: 100px; text-align: center;}
.user-inquiry td.TotalPrice {font-size: 20px;}                            
.user-inquiry .title-big {font-size: 2em; color:#DDDBD5;}
.user-inquiry textarea {box-shadow: none; height: auto; padding: 4px 10px; border-radius: 0px; }

.section-buttons-user {border-top: 1px solid silver;margin-top: 15px;padding-top: 10px;margin-bottom: 10px;}
.section-buttons-user button {margin-left: 5px;}

.modal-dialog {
  height: 90%;
  width: 100%;
  display: flex;
  align-items: center;  
}

.modal-content {
  margin: 0 auto;
}