@font-face {
    font-family: 'BodoniAntTBold';
    src: url('../resources/fonts/Bodoni/b044006t-webfont.eot');
    src: url('../resources/fonts/Bodoni/b044006t-webfont.eot?iefix') format('eot'),
        url('../resources/fonts/Bodoni/b044006t-webfont.woff') format('woff'),
        url('../resources/fonts/Bodoni/b044006t-webfont.ttf') format('truetype'),
        url('../resources/fonts/Bodoni/b044006t-webfont.svg#webfontNdbMd0Cu') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BodoniAntTRegular';
    src: url('../resources/fonts/Bodoni/b044003t-webfont.eot');
    src: url('../resources/fonts/Bodoni/b044003t-webfont.eot?iefix') format('eot'),
        url('../resources/fonts/Bodoni/b044003t-webfont.woff') format('woff'),
        url('../resources/fonts/Bodoni/b044003t-webfont.ttf') format('truetype'),
        url('../resources/fonts/Bodoni/b044003t-webfont.svg#webfontDyCE6cyx') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BodoniAntTLigRegular';
    src: url('../resources/fonts/Bodoni/b044002t-webfont.eot');
    src: url('../resources/fonts/Bodoni/b044002t-webfont.eot?iefix') format('eot'),
        url('../resources/fonts/Bodoni/b044002t-webfont.woff') format('woff'),
        url('../resources/fonts/Bodoni/b044002t-webfont.ttf') format('truetype'),
        url('../resources/fonts/Bodoni/b044002t-webfont.svg#webfontPYzoAE3j') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
    background: #ffffff;
}

#oznam {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 40px;
    background-color: #64142c;
    background-image: url('/img/oznam-bg.jpg');
    background-position: center;
    background-size: cover;

}

#oznam .logotyp {
    width: 120px;
    margin-right: 15px;
}

#oznam .content {
    font-size: 20px;
    line-height: 27px;
    color: white;
    max-width: 460px;
    border-left: 1px solid #6f6041;
    padding-left: 15px;
}

#oznam .content .gold {
    color: #bdae6d;
    margin-bottom: 15px;
    font-weight: bold;
}

.appTitle {
    position: absolute;
    top: 16px;
    left: 0px;
    font-size: 16px;
}

.logoGGT {
    top: 10px !important;
    width: 132px !important;
    height: 34px !important;
    left: 10px !important;
}

.toolbarPanel {
    padding: 5px !important;
}

.filterForm .x-panel-body,
.filterForm .x-panel-body-default {
    background: transparent !important;
}

.main-tabs>.x-tab-bar>.x-tab-bar-body {
    margin-left: 160px;
}

.x-toolbar .x-form-file-wrap .x-form-file-input {
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    height: 65px;
}

/********************************************************************************************
***********************************   LOGIN *************************************************
*********************************************************************************************/
.loginLogo {
    background: url("../img/logoLogin300.png") left bottom no-repeat !important;

}

.loginBg {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: transparent !important;
    background-image: url("../img/login.jpg") !important;
    background-image: url("../img/loginIE_750.jpg")\9 !important;
    background-origin: padding-box !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    /* background-size: auto 60%;*/
    -webkit-background-size: contain;
    /* Safari and Chrome */
    -moz-background-size: contain;
    /* Firefox */
    -ms-background-size: contain;
    /* Internet Explorer */
    -o-background-size: contain;
    /* Opera */
    background-size: contain;
    /* CSS3 */
}

.loginField input {
    font-size: 20px;
    height: auto !important;
    color: #555555;
    padding: 5px;
    background: #fff;

}

.loginBtn .x-btn-inner {
    font-size: 14px !important;
}

.loginHeadline {
    font-family: "BodoniAntTLigRegular", Arial, Tahoma !important;
    font-size: 33px;
    position: absolute;
    left: 24px;
    text-align: left;
    top: 20px;
}

/***************************************************************************************
	ZIADANKY
*********************************************************************************/

.limitsList .firstRow {
    margin: 3px 0 1px;
}

.limitsList .secondRow {
    margin: 0 0 2px;
}

.limitsList TR.over75 TD {
    background-color: #E9F5FF !important;
}

.limitsList TR.over90 TD {
    background-color: #FDFEE5 !important;
}

.limitsList TR.over100 TD {
    background-color: #FAE9E9 !important;
}

.limitWarning {
    background-color: #FAE9E9 !important;
    border: 2px solid #aa0000;
}

.limitWarning p {
    margin: 5px 10px;
    color: #880000;
}

/***************************************************************************************
	NASTAVENIE LIMITOV NA KLIENTA STAVY:	DEBET, KREDIT
*********************************************************************************/

.client-centres-limits TR.debet TD {
    background-color: #FAE9E9 !important;
}

.client-centres-limits TR.kredit TD {
    background-color: #f3f9e9 !important;
}

/***************************************************************************************
	STAVY:	ZIADANKY, DODAKY
*********************************************************************************/

.comments textarea {
    background: none;
}

/*    focus border na kliknutom riadku */
.gridView .x-grid-row-focused .x-grid-td {
    border-bottom: 1px solid #A2A2A2 !important;
    border-top: 1px solid #A2A2A2 !important;
}

.gridView .icon {
    width: 13px;
    height: 13px;
    float: left;
    margin-right: 5px;
}

.stateCmb .icon {
    width: 16px;
    height: 16px;
    float: left;
    margin: 2px 6px 2px 3px;
}


/* --- vytvorena    **************************************************************************/
.gridView .created TD {
    background-color: #ffffff !important;
}

.gridView .created TD .icon {
    background: transparent url("../img/iconStatusCreated12.png") 0px 1px no-repeat;
}

.stateCmb.created {
    background-color: #fff !important;
    padding: 3px;
}

.stateCmb.created .icon {
    background: transparent url("../img/iconStatusCreated.png") 0px 0px no-repeat;
}


/* --- poslana   *********************************************************************************/
.gridView .sent TD {
    background-color: #e9f5ff !important;
}

.gridView .sent TD .icon {
    background: transparent url("../img/iconStatusSent12.png") 0px 1px no-repeat;
}

.stateCmb.sent {
    background-color: #e9f5ff !important;
    padding: 3px;
}

.stateCmb.sent .icon {
    background: transparent url("../img/iconStatusSent.png") 0px 0px no-repeat;
}


/* --- potvrdena objednavka  ************************************************************************/
.gridView .confirmed TD {
    background-color: #e9f5ff !important;
}

.gridView .confirmed TD .icon {
    background: transparent url("../img/iconStatusOrderConfirmed12.png") 0px 1px no-repeat;
}

.stateCmb.confirmed {
    background-color: #e9f5ff !important;
    padding: 3px;
}

.stateCmb.confirmed .icon {
    background: transparent url("../img/iconStatusOrderConfirmed.png") 0px 0px no-repeat;
}


/* --- dodana objednavka */
.gridView .delivered TD,
.gridView .partially_delivered TD {
    background-color: #f3f9e9 !important;
}

.gridView .delivered TD .icon {
    background: transparent url("../img/iconStatusDelivered12.png") 0px 1px no-repeat;
}

.gridView .partially_delivered TD .icon {
    background: transparent url("../img/iconStatusDeliveredPartially12.png") 0px 1px no-repeat;
}

.stateCmb.delivered,
.stateCmb.partially_delivered {
    background-color: #f3f9e9 !important;
    padding: 3px;
}

.stateCmb.delivered .icon {
    background: transparent url("../img/iconStatusDelivered.png") 0px 0px no-repeat;
}

.stateCmb.partially_delivered .icon {
    background: transparent url("../img/iconStatusDeliveredPartially.png") 0px 0px no-repeat;
}


/* --- approved, confirmed, paid - zelena fajka*******************************************/
.gridView .approved TD,
.gridView .confirmed TD,
.gridView .paid TD {
    background-color: #f3f9e9 !important;
}

.gridView .approved TD .icon,
.gridView .confirmed TD .icon,
.gridView .paid TD .icon {
    background: transparent url("../img/iconStatusApproved12.png") 0px 1px no-repeat;
}

.stateCmb.approved,
.stateCmb.confirmed,
.stateCmb.paid {
    background-color: #f3f9e9 !important;
    padding: 3px;
}

.stateCmb.approved .icon,
.stateCmb.confirmed .icon,
.stateCmb.paid .icon {
    background: transparent url("../img/iconStatusApproved.png") 0px 0px no-repeat;
}


/* --- expedovana  ************************************************************/
.gridView .despatched TD,
.gridView .partially_despatched TD {
    background-color: #fdfee5 !important;
    /*f6eeff -- fialova*/
}

.gridView .despatched TD .icon {
    background: transparent url("../img/iconStatusExpedited12.png") 0px 1px no-repeat;
}

.gridView .partially_despatched TD .icon {
    background: transparent url("../img/iconStatusExpeditedPartially12.png") 0px 1px no-repeat;
}

.stateCmb.despatched,
.stateCmb.partially_despatched {
    background-color: #fdfee5 !important;
    padding: 3px;
}

.stateCmb.despatched .icon {
    background: transparent url("../img/iconStatusExpedited.png") 0px 0px no-repeat;
}

.stateCmb.partially_despatched .icon {
    background: transparent url("../img/iconStatusExpeditedPartially.png") 0px 0px no-repeat;
}


/* --- rejected, wrong - cervena preciarknuta picovina****************/
.gridView .rejected TD,
.gridView .wrong TD {
    background-color: #fae9e9 !important;
}

.gridView .rejected TD .icon,
.gridView .wrong TD .icon {
    background: transparent url("../img/iconStatusReject12.png") 0px 1px no-repeat;
}

.stateCmb.rejected,
.stateCmb.wrong {
    background-color: #fae9e9 !important;
    padding: 2px;
}

.stateCmb.rejected .icon,
.stateCmb.wrong .icon {
    background: transparent url("../img/iconStatusReject.png") 0px 0px no-repeat;
}

/* --- delayed faktura - vykricnik ***********************/
.gridView .delayed TD {
    background-color: #fae9e9 !important;
}

.gridView .delayed TD .icon {
    background: transparent url("../img/iconStatusDelayed12.png") 0px 1px no-repeat;
}

.stateCmb.delayed {
    background-color: #fae9e9 !important;
    padding: 2px;
}

.stateCmb.delayed .icon {
    background: transparent url("../img/iconStatusDelayed.png") 0px 0px no-repeat;
}

/**********************************************************/

.request-items-read-only .action-delete {
    display: none;
}

.unapproved-requests-list .discontinued-product TD,
.request-items .discontinued-product TD {
    background-color: #fae9e9 !important;
}

/**********************************************************/
/*Panel hromadnych ziadanie ****/

.requestSetSummaryPanel .x-panel-header-default,
.x-panel-header-rsspCollapsed {
    background-color: #999999 !important;
    background-image: none !important;
}

.x-panel-header-rsspCollapsed {
    border-left-color: #999 !important;
    border-right-color: #999 !important;
}

.requestSetSummaryPanel .x-panel-header-text-container-default,
.x-panel-header-rsspCollapsed .x-panel-header-text-container-default {
    color: #ffffff !important;
}

.requestSetSummaryPanel .x-panel-body-default {
    background-color: #bbb !important;
}

.x-splitter-horizontal {
    background-color: #999999 !important;
}

/***************************************************************************************
		TPLs
*********************************************************************************/

/*  add new product */
.productItem {
    position: relative;
    padding: 10px;
    border: 0px solid #B5B8C8;
    height: 100px;

}

.productItem .magnifier {
    background: #EDEDED url('../img/icon16_Search.png') 2px 2px no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    text-decoration: none;
    border: 1px solid#bbb;
}

.productItem .imageFrame {
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 80px;
    height: 80px;
}

.productItem img {
    display: block;
    border: none;
    margin: 0 auto;
    float: none;
}

.productItem .title {
    font-weight: bold;
    padding: 0;
    margin: 5px 0 3px 0;
    color: #000;
}

.productItem p {
    padding: 0;
    margin: 3px 0 1px 0;
    color: #666;
}

/*******************************************************************
/**************    STAVY v toolbare **********************************
/*******************************************************************/
.statPanel {
    padding: 9px 5px 0px 0;
}

.statPanel .wrapper {
    width: 100%;
}

.statColumn {
    float: left;
    padding: 0 8px;
    border-right: 1px solid #BBBBBB;
    height: 50px;
}

.statTitle {
    font-size: 11px;
    color: #666;
}

.statTime {
    font-size: 11px;
    color: #333;
}

.statPerson {
    font-size: 10px;
    color: #333;
}

.whiteBg {
    background: #ffffff !important;
}

.transparentBg {
    background: transparent !important;
}

.toolBar {
    background: #999999 !important;
}

.warning {
    background: #a6a6a6 !important;
    font-size: 11px;
    color: #fff !important;
}

.bigText div {
    font-weight: bold;
    font-size: 14px !important;
}

.whiteText,
.whiteText .x-form-item-label,
.whiteText .x-form-display-field {
    color: #fff !important;
}

.bigWhiteText div {
    font-weight: bold;
    font-size: 14px !important;
    color: #fff !important;
}

.counter {
    height: 35px !important;
}

/*  LOGIN INFO  ************************************/
.loginInfo {
    margin: 8px;
    text-align: right;
    color: #999;
}

.loginInfo .name {
    font-size: 11px;
}

.loginInfo .client {
    font-size: 11px;
}

/****************** tabulka gouping **********************/

.x-grid-group-hd {
    padding: 0px 0 0 0 !important;
    border-top: 2px solid #b6b6b6 !important;
    border-bottom: 0px !important;
}

.x-grid-group-title {
    background-color: #E9E9E9 !important;
    color: #444 !important;
    padding: 4px 10px 4px 20px !important;
    background-position: 5px center !important;
}

.x-grid-row-summary td {
    padding: 4px 0px 10px !important;
}

.x-grid-row-summary td .x-grid-cell-inner {
    font-size: 11px;
    font-weight: bold;
}


/*************************************** tabulka produktov **********************************/

.product_image {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 70px;
    height: 50px;
}

/*  skryty obrazok ***********/
.listGrid .product_image {
    height: 10px !important;
}

.listGrid .product_image {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 0px;
    height: 0px;
}

/*  dialog window v ziadankach*/
.dialogWindowBody .x-form-textarea {
    background-image: none;
    background: #ffffff;
    border: none;
    padding: 8px;
}

/*************************************** ******* **********************************/
/*************************************** FAKTURY A DODAKY**********************************/
/*************************************** ****** **********************************/
.invoiceBorder {
    border: 1px solid;
    padding: 10px;
    margin-top: 10px;
}

.invoiceHeadline {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 0px 0px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid;
}

.invoiceDelivery_ICO {
    border-spacing: 0;
    border: 0;
    margin: 5px 0px 5px 10px;
}

.invoiceSmallText {
    font-size: 10px;
    font-weight: normal;
}

.invoiceSummaryRow {
    margin: 10px 0px 20px 40px;
    width: 650px;
    font-weight: bold;
}

.invoiceSummaryDphRow {
    margin: 0px 0px 20px 40px;
    width: 550px;
    text-align: right;
}

.invoiceSummaryDphRow thead TD {
    border-bottom: 1px solid;
}

.invoiceSummaryDphRow tfoot TD {
    border-bottom: 1px solid;
}

.invoiceSummaryDphRow tfoot TD.noLine {
    border-bottom: 0px solid;
    text-align: left;
}

.invoiceFooter.first {
    margin-top: 20px;
}

.invoiceComment {
    padding: 15px 40px 0 40px;
}

/********************************************************************
	dodak
*******************************************************************/
.deliveryNotesTable {}

.deliveryNotesTableView table td {
    vertical-align: top !important;
}

.deliveryNotesTableView TD div.firstRow {
    margin-bottom: 2px;
}

.deliveryNotesTableView TD div.secondRow {
    width: 100%;
}

.deliveryNotesTableView .twoRows,
.deliveryNotesTableView .twoRows div {
    overflow: visible;
}


.deliverySummaryRow {
    width: 100%;
    border-spacing: 0;
}

.deliverySummaryRow TD {
    border-top: 2px solid;
    border-bottom: 1px solid;
    font-weight: bold;
    padding: 5px 0px;
    text-align: right;
}

.deliverySummaryRow TD.together {
    padding-left: 4px;
    text-align: left;
}

.deliverySummaryRow TD.count {}

.deliverySummaryRow TD.noTax {
    width: 240px;
}

.deliverySummaryRow TD.widthTax {
    width: 81px;
    padding-right: 6px;
}


/********************************  PARSER UPLOAD ********************/

td.uploadResultStatus .success {
    color: #8DB54B;
    font-weight: bold;
}

td.uploadResultStatus .failure {
    color: #B24A4A;
    font-weight: bold;
}

td.uploadResultErrorMessage {
    color: #B24A4A;
}



/********************** hromadne schvalovanie ***********************/

.pending-requests-list .disabled td {
    color: #888888 !important;
    font-style: italic !important;
}

.pending-requests-list .disabled .x-grid-row-checker {
    display: none !important;
}

.request-set-summary-updated-at {
    font-weight: normal !important;
}

.request-set-summary-price {
    display: block !important;
    position: absolute !important;
    right: 10px;
    top: 0px;
}

/********************** nova LOGIN PAGE ***********************/

.loginPage.loginBg {
    background-image: url("../img/LoginPage.jpg") !important;
    background-size: cover !important;
    font-family:  din-2014, sans-serif;
}

.loginPage .main {
    background-color: rgba(0, 0, 0, 0.4);
    border-right: 1px solid #bdae6d;
    border-left: 1px solid #bdae6d;
}


.loginPage .logo-box {
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: 50% !important;
    top: 170px!important;
    position: fixed!important;
}

.loginPage .form-box {
    position: fixed !important;
    top: 350px !important;
    transform: translateY(-50%) !important;
    right: 50% !important;
    transform: translateX(-50%) !important;
    left: 50% !important;
}

.loginPage .loginLogo {
    background: url("../img/GGT-logo-square.png") center no-repeat !important;
    background-size: contain !important;
}

.loginPage .loginHeadline {
	font-family: din-2014, sans-serif !important;
    color: #bdae6d;
    font-weight: bold;
    text-align: center;
    position: unset;
    margin-top: 10px;
}

.loginPage .loginField input {
    color: #bdae6d;
    background: transparent;
    border: none;
    border-bottom: 1px solid #bdae6d;
}

.loginPage .loginField input::-webkit-input-placeholder {
    color: #bdae6d;
    opacity: 0.6;
}

.loginPage .x-btn-default-large .x-btn-inner{
    color: #bdae6d;
    font-weight: bold;

}

.loginPage .x-btn-default-large {
    background-image: none;
    background-color: #8f1c3e !important;
    border: none;
    border-radius: 20px !important;
    width: 120px;
    height: 40px;
    left: 50% !important;
    position: relative !important;
    transform: translateX(-50%);
    padding: 2px 20px;
    color: #bdae6d;
    font-weight: bold;
    margin-top: 30px;
}

.loginPage .x-btn-default-large .x-btn-icon-el {
    background-image: url(../img/ic_chevron_right_24px.png) !important;
}