html, body { margin: 0; padding: 0; }

.container { width: 99%; }
#MainContentWrapper { padding-top: 15px; }
#MainPane { margin-bottom: 30px; }
@media all and (min-width: 992px) {
    #MainPane > .RightPane { padding-left: 5px; }
    #MainPane > .LeftPane { padding-right: 5px; }
}
@media all and (max-width:991px) {
    #MainPane { margin-bottom: 80px; }
}

/* General */
.nowrap { white-space: nowrap; }
.nopadding { padding: 0px!important;}
.padding10 { padding: 10px; }
.bg-color-white { background-color: white!important; }
.floatleft { float: left!important; }
.floatright { float: right!important; }
.error { color: firebrick; }
.red { color: #BB0000 !important; }
.darkred { color: darkred !important; }
.darkgreen { color: darkgreen !important; }
.bold { font-weight: bold; }

/* Bootstrap kiegészítések */
.panel-grey { border-color:#989a9f; background-color:#d4d4d4; }
.panel-grey > .panel-heading{ color:#fff; background-color:#757676; border-color:#555858; }
.panel-grey > .panel-heading+.panel-collapse>.panel-body { border-top-color:#555858; }
.panel-grey > .panel-heading .badge { color:#fff; background-color:#757676; }
.panel-grey > .panel-footer+.panel-collapse>.panel-body { border-bottom-color:#555858; }

.panel-alert { border-color:#d1422f; background-color:#eaa197; }
.panel-alert > .panel-heading{ color:#fff; background-color:#e66b6b; border-color:#cc5050; }
.panel-alert > .panel-heading+.panel-collapse>.panel-body { border-top-color:#cc5050; }
.panel-alert > .panel-heading .badge { color:#fff; background-color:#e66b6b; }
.panel-alert > .panel-footer+.panel-collapse>.panel-body { border-bottom-color:#eaa197; }
.panel-alert > .panel-body { color: #000; }

.panel-info { border-color:#ffb400; background-color: #fafad2; }
.panel-info > .panel-heading{ color:#5c431b; background-color:#ffb400; border-color:#ffb400; }
.panel-info > .panel-heading+.panel-collapse>.panel-body { border-top-color:#e5e5ad; }
.panel-info > .panel-heading .badge { color:#ffb43f; background-color:#e66b6b; }
.panel-info > .panel-footer+.panel-collapse>.panel-body { border-bottom-color:#ffb400; }
.panel-info > .panel-body { color: #000; }

.panel-success { border-color:#94bf81; background-color: #dff0d8; }
.panel-success > .panel-heading { color:#222; background-color:#a8d396; border-color:#94bf81; }
.panel-success > .panel-heading+.panel-collapse>.panel-body { border-top-color:#94bf81; }
.panel-success > .panel-heading .badge { color:#ffb43f; background-color:#a8d396; }
.panel-success > .panel-footer+.panel-collapse>.panel-body { border-bottom-color:#94bf81; }
.panel-success > .panel-body { color: #000; }

.panel-primary { background-color: #e4e4e4; }

.form-horizontal .control-label-left, .form-horizontal .control-label-right { padding-top: 7px; margin-bottom: 0px; }
.form-horizontal .control-label-left { text-align: left; }
.form-horizontal .control-label-right { text-align: right; }

.nav-tabs > li > a { background-color: #e8e8e8; }
.nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { color: #333; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #ddd; border: 1px solid #ccc; color: #222; font-weight: 600; }
.nav-tabs > li > a:hover { background-color: #ccc; }

.bg-alert { border-color:#d1422f; background-color:#eaa197; color: darkred; }
.bg-warning { background-color:#fcc774; color: Maroon; border: 3px solid #b14202; }

/* END Bootstrap kiegészítések */

/* Header */
.dxpnlControl_Invoice.headerPane { background-color: #2d2d2e; color: white; }
.headerPane.panel { padding: 0; }
.headerPane.bar { margin: 0; padding: 0 10px; }
.headerTop { margin: 10px 20px 10px 20px; }
.topTable { width: 100%; margin: 0; }
.topTable .topLogoCell { padding: 0; width: auto; white-space: nowrap; }
.topTable .topLogoCell a { text-decoration: none; }
.topTable .topTitleCell { padding: 0 20px; width: 100%; vertical-align: bottom; white-space: nowrap; }
.topTable .topTitleCell a { text-decoration: none; font-size: xx-large; font-weight: 300; color: rgba(255,180,0,1); }
.topTable .topLoginCell { padding: 2px 0px 0px 0px; width: auto; text-align: right; white-space: nowrap; color: white; }
.topTable .topLoginCell a { color: black; text-decoration: none; color: #B8BBC1; border-color: #0094ff; }
.topTable .topLoginCell a:hover, .topTable .topLoginCell #CurrentSubscriptionName, .topTable .topLoginCell #CurrentInvoiceBookName { color: white; }
.topTable .topLoginCell .subscriptionline { margin-top: 6px; }
.topTable .topLoginCell .subscriptionnametitle, .topTable .topLoginCell .invoicebooknametitle { color: #e1dddd; }
.topTable .topLoginCell .invoicebooknametitle { color: #e1dddd; margin-left: 15px; }


.header-userinfo {margin-right: 0; white-space: nowrap; }
.header-userinfo #userprofilikon { float: right; height: 30px; padding: 0; background: url(images/userprofile.png) no-repeat left; }
.header-userinfo:hover #userprofilikon { background: url(images/userprofile_hover.png) no-repeat left; }
.header-userinfo #userprofilikon span { padding-left: 40px; }
.header-link { color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 300; }
.header-link:hover { color: #fc912a; }

/* Footer */

#FooterPane { position: fixed; background-color: #2d2d2e; color: white; border-top-width: 1px; left: 0; right: 0; bottom: 0; width: auto !important; z-index: 1003; text-align: center; }
#FooterPane > ul { list-style-type: none; margin: 0; padding: 10px; width: 100%; text-align: center;  } 
#FooterPane > ul > li { display: inline; white-space: nowrap;} 
#FooterPane > ul > li { margin: 10px 10px; } 

#FooterPane, #FooterPane div, #FooterPane span, #FooterPane a { text-transform: uppercase; }
#FooterPane span , #FooterPane a { color: #B8BBC1; font-size: 12px; }
#FooterPane span.supportbright { color: #EFEFEF !important; }

#FooterPane a { text-decoration: none; }
#FooterPane a:focus { text-decoration: none; }
#FooterPane a:hover { text-decoration: underline; }
/* Footer end */

/* logomosaic */
#logom { float: left; margin: 15px 10px 0 20px; }
#logom a { text-decoration: none; }
.logomosaic table { width: 100%; }
.logomosaic td { background-color: rgba(255, 180, 0, 1); border: 1px solid rgba(45, 45, 47, 1); font-size: 0.9em; font-weight: 600;  color: rgba(45, 45, 47, 1); text-align: center; padding: 3px 5px; }

/* Main Menu*/
.dxmLite_Invoice .dxm-separator b { background-color: #7d7c7c!important; }
.headerMenu { border-width: 0 !important; border-top-width: 1px !important; border-color: #7d7c7c!important; text-transform: uppercase; background: none !important; background-color: rgba(45, 45, 47, 1) !important; color: white !important; }
.headerMenu a { color: white !important; }

.headerMenuItem { border-color: #7d7c7c!important; background-color: rgba(45, 45, 47, 1) !important; color: white !important; }
.headerMenuItem a { color: white !important; }
.headerMenuItemSelected { border-color: #7d7c7c!important; background-color: rgba(45, 45, 47, 1) !important; color: #FFB400 !important; }
.headerMenuItemSelected a { color: #FFB400 !important; }
.headerMenuItemHover { background-color: rgba(45, 45, 47, 1) !important; color: #FFB400 !important; }
.headerMenuItemHover a { color: #FFB400 !important; }
.headerMenuItem.dxm-disabled a,
.headerMenuItem.dxm-disabled a:hover { color: #888 !important; }

.headerSubMenuItem { background-color: #e8e8e8!important; color: black !important; }
.headerSubMenuItem a { color: black !important; }
.headerSubMenuItemSelected { background-color: #f8f8f8 !important; color: #0015ff !important; }
.headerSubMenuItemHover { background-color: white !important; color: #0015ff !important; }
.headerSubMenuItemHover a { color: #0015ff !important; }
.headerSubMenuItem .dxm-disabled a,
.headerSubMenuItem .dxm-disabled a:hover { background-color: white !important; color: #888 !important; }

.dxmLite_Invoice .dxm-popup { background-color: #e8e8e8 !important; }

.templateTitleExp a { text-decoration: none; font-size: x-large; line-height: 42px; font-weight: 300; color: rgba(255,180,0,1); }

/* Header end */

/* Login control */
#loginpanel { max-width: 450px; margin:50px auto 0px auto;}
@media only screen and (max-width: 575px) {
    #loginpanel { width: 90%; margin:30px auto 0px auto;}
    #loginpanel { min-width: unset; }
}

#loginpanel .panel-title { font-size: large; font-weight: 600; text-transform: uppercase; }
#loginpanel .loginfooter { padding: 5px 0px; font-size: 0.9em; color: maroon; text-align: justify; border-top: solid 2px chocolate; }
#loginpanel .loginfooter a { color: chocolate; }

/* End Login control */

/* Home page */
.MainFormButton { background-image: none !important; color: #222 !important; background-color: #FFB400 !important; border-color: #FFB400 !important; margin-top: 5px; }
.MainFormButton img { max-width: 50px; }
.MainFormButton.dxbButtonHover_Invoice { margin-top: 5px; background-image: none !important; color: #000 !important; background-color: #CA9412 !important; border-color: #CA9412 !important; }

@media only screen and (max-width: 1214px) {
    .MainFormButton img, .MainFormButton br { display: none; }
}

.MainFormData { font-weight: 600 !important; text-transform: uppercase; font-size: 12px; }
#hlOnlineInvoicePopup, #hlOnlineInvoiceUpgradePopup {
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    .homepagebottommargin { margin-bottom:40px; }
}

.mainpagemessagetitle, .mainpagegreenmessagetitle { font-size: 14px; font-weight: bold; padding: 0px; margin-bottom: 10px; }
.mainpagemessagetitle { color: darkred; }
.mainpagegreenmessagetitle { color: #237916; }


.mainpagemessagetext { font-size: 12px; font-weight: normal; color: black; }
.mainpagemessageseparator { color: black; height:2px; border-top: dotted 1px darkslategrey; margin: 8px 20px 6px 20px; }

/* End Home page */

.expandedPanel { padding: 2px !important; }
.expandedPanel .headerMenu { border-top-width: 0 !important; }
.expandedPanel .headerTop { display: none; }

.templateTitleExp { float: left; }

.contentHeader { width: 100%; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #C0C0C0; margin-bottom: 10px; }
.contentHeader h2 { margin: 10px 0 7px 5px; font-size: 16px; font-weight: 600; }

.welcometitle { margin: 20px 10px; font-size: large; text-align: left; }
.welcometitle span { font-weight: 600; color: darkslateblue; }

/* Left Panel */
.leftPane.panel { padding: 1px; }

/* Right Panel */
.rightPane.panel { padding: 0 10px 0 10px; width: 260px; overflow: auto; }

/* Error Page */
table.ErrorTable { border: 1px solid #999; width: 85%; text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse; }
table.ErrorTable td { padding: 5px; font-size: 0.85em; border: 1px solid #999; }
table.ErrorTable td.LeftColumn { width: 100px; text-align: right; vertical-align: top; white-space: nowrap; background-color: #EEEEEE; color: #BB0000; font-weight: bold; }
table.ErrorTable td.RightColumn { text-align: left; vertical-align: top; background-color: #FFF; }

/* Invoice */
.dxpnlControl_Invoice .accountHeader h2 {
    color: #3B3B3B;
}

.content h2 { text-transform: uppercase; font-size: 20px; font-weight: 600; color: navy; margin: 5px 0px; }
.adatvedelmi h3 { font-size: 18px; font-weight: bold; color: navy; margin: 25px 0px 20px 0px; }
.adatvedelmi h4 { font-size: 14px; font-weight: bold; margin: 10px 0px 5px 0px; }

/* buttons */
.button { margin: 5px 0 5px 10px; }
.buttonleft { margin: 5px 0 5px 10px; float: left; }
.buttonright { margin: 5px 10px 5px 0px; float: right; }

/* Invoices */
.invoicedatalabel, .invoicedatalabel input { font-weight: 600 !important; color: navy !important; }

.NewInvoiceResultInfo { margin-bottom: 20px; font-size: 20px; font-weight: 600; color: navy; }
.ImportResultButtons { width: 100%; }

.invoiceError { color: red; width: 100%; max-height: 120px; overflow: auto; }

#btnInvoiceCancel { background-color: #BB0000; }
#btnInvoiceCancel:hover { background-color: #f63030; }

/* Vegyes */
.uploadedfile { font-weight: 600; }
#errorbox { width: 100%; border: none; text-wrap: normal; }
#errorbox span { font-size: 14px; color: red; }
.errormessage { font-size: 110%; color: red; }

#messagebox { width: 100%; border: none; text-wrap: normal; }
#messagebox span { font-size: 16px; color: green; }

/* Import wizard */
#importwizardpagetitle { text-transform: uppercase; }
#importwizardpagedescription { margin-bottom: 10px; }
#importwizardpagedescription span { font-size: 14px; }
#importwizardpagetitle hr { margin-bottom: 15px; }
#importwizardresult div { font-size: 12px; padding-top: 12px;}
#importwizardresult #title { font-size: 20px;}
#importwizardresult #importerror { color: firebrick; }
#importwizardresult #importmessage { color: darkgreen; }

.filterpanel { width: 100%; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #C0C0C0; margin-bottom: 5px; background-color: whitesmoke; }

/* datagrid inline editform  groupbox */

.dxflGroupBox_Invoice { border-color: #9F9F9F; }

/* Devexpress tweaks */
.dxflGroupBoxCaption_Invoice {
    left: unset;
    background-color: unset;
}

.dxflGroupBox_Invoice > .dxflGroup_Invoice {
    padding: 5px 0 0 0;
}

/* print filter */
.dxeRadioButtonList_Invoice td.dxe {
    padding: 0!important;
}

td.dxeHelpText_Invoice, .dxflHelpText_Invoice {
    color: #5f5f5f !important;
    font-style: italic;
}

.dxflHelpText_Invoice, td.dxeHelpText_Invoice > span {
    font-size: 0.95em;
}

.dxgvEditForm_Invoice > td.dxgv {
    background-color: lightgoldenrodyellow !important;
}

.GrayGroupBox .dxflGroupBox_Invoice {
    background-color: #dadada !important;
}

.dxgvDetailRow_Invoice {
    background-color: #dadada;
}

.dxflFormLayout_Invoice .dxflCaption_Invoice {
    color: #3e3e3e;
}

.dxeReadOnly_Invoice, 
.dxeReadOnly_Invoice .dxeEditArea_Invoice,
.dxeReadOnly_Invoice .dxeMemoEditArea_Invoice {
    background-color: #efefef!important;
}

.dxichCellSys {
    background-color: inherit!important;
}

@media all and (min-width: 992px) {
    #MainPane > .RightPane {
        padding-left: 5px;
    }

    #MainPane > .LeftPane {
        padding-right: 5px;
    }
}

@media only screen and (max-width: 575px) {
    .dxbButton_Invoice {
        width: 100%!important;
        margin: 5px 0!important;
    }
}

.dxbButtonHover_Invoice
{
    color: #000000;
    background-color: #419AD7;
}

.greenbutton {
    background-color: #237916;
}
.greenbutton:hover {
    background-color: #2c9d1b;
}
.orangebutton {
    background-color: #ff4500;
}
.orangebutton:hover {
    background-color: #ff6e39;
}

.dxgvFocusedRow_Invoice .dxGridView_gvDetailCollapsedButton_Invoice {
    filter: invert(100%) brightness(1.50);
}

.dxgvFocusedRow_Invoice .dxGridView_gvDetailExpandedButton_Invoice {
    filter: invert(100%) brightness(1.50);
}

.RedGridRow { color : darkred; }
.DeletedGridRow { color : darkred; background-color: #FFDDDD; }
.GreenGridRow { color : green; }

.dxgvFocusedRow_Invoice.GreenGridRow { background-color: green!important; color : white!important; }
.dxgvFocusedRow_Invoice.RedGridRow { background-color: darkred!important; color : white!important; }
.dxgvFocusedRow_Invoice.DeletedGridRow { background-color: darkred!important; color : white!important; }

.formLayout { }