body {  background:transparent url('../images/v2/header_bg.png') repeat-x;  }
h1 { color:white; font-size:35px; font-weight:bold; float:left; margin:20px 0px 0px 15px; }
h3 { font-size:30px; color:#021f46; font-weight:bold; }
li { margin-left:25px; }

#ajaxOverlay { 
	 display:none; 
	 position: fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000; }
#ajaxDialogBorder { width:804px;  padding:4px; margin:105px auto; -moz-border-radius:15px; border-radius:15px; background-color:#021f46; } 
#ajaxDialog { width:804px;  -moz-border-radius:15px; border-radius:15px; background-color:#ACC8EF; }
#popupInner { width:750px;  margin:0px 26px 27px; float:left; text-align:left; }
#popupInner form table { border:none; margin-top:15px; }
#ajaxDialogCloseBtn { float:right; width:24px; height:24px; margin:10px 10px 0px 0px; }
#ajaxDialogCloseBtn a { text-decoration:none; }

#ajaxOverlay2 {
    display:none;
    position: fixed;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000; }
#ajaxDialogBorder2 { width:90%;  padding:4px; margin:105px auto; -moz-border-radius:15px; border-radius:15px; background-color:#021f46; }
#ajaxDialog2 { -moz-border-radius:15px; border-radius:15px; background-color:#ACC8EF; }
#popupInner2 { margin:0px 26px 27px; text-align:left; }
#popupInner2 form table { border:none; }
#ajaxDialogCloseBtn2 { float:right; width:24px; height:24px; margin:10px 10px 0px 0px; }
#ajaxDialogCloseBtn2 a { text-decoration:none; }


input[type="submit"].updateBtn { background:transparent url('../images/v2/update.png') no-repeat 0 0; width:88px; padding:10px; height:44px; color:#dedeff; font-weight:bold; cursor:pointer; border:none; margin-top:5px; }
input[type="submit"].updateBtn:hover { color:white; }
input[type="button"].cancelBtn { background:transparent url('../images/v2/cancel.png') no-repeat 0 0; width:88px; padding:10px; height:44px; color:#dedeff; font-weight:bold; cursor:pointer; border:none; margin-top:5px; }
input[type="button"].cancelBtn:hover { color:white; }
input[type="submit"].deleteBtn { background:transparent url('../images/v2/button_delete.png') no-repeat 0 0; width:88px; padding:10px; height:44px; color:#dedeff; font-weight:bold; cursor:pointer; border:none; margin-top:5px; }
input[type="submit"].deleteBtn:hover { color:white; }
input[type="submit"].setRawBtn { background:transparent url('../images/v2/setraw_button.png') no-repeat 0 0; width:88px; padding:10px; height:44px; color:#dedeff; font-weight:bold; cursor:pointer; border:none; margin-top:5px; }
input[type="submit"].setRawBtn:hover { color:white; }

.center {
    margin: auto;
    width: 50%;
    /*border: 3px solid green;*/
    padding: 10px;
}

.centerDelBtnContainer {
    position: relative;
}

.delBtnDiv {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.delBtn {
    color: #fff;
    background-color: #dc3545;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.delBtn:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

#mainHeader { height:100px; color:white; }
#mainHeader h2 { color:white; font-size:14px; font-weight:bold; }
#login { margin:10px 35px 0px 0px; float:right; }
#loginform input { width:125px; color:#393939; margin-top:5px; }
#loginform input[type="submit"] { width:18px; height:18px; background:transparent url('../images/v2/login_16.png') no-repeat 0 0; border:none; cursor:pointer; } 
#loginLinks { text-align:right; width:411px; margin:5px 0px 0px 0px; }
#loginLinks a { color:white; text-decoration:none; font-size:10px; margin:0px 5px; }
#loginLinks a:hover { text-decoration:underline; }
#loginLinks a img { position:relative; top:3px; }
#flagIcons { margin:5px 0px 0px 5px; }

#groupTree { height: 450px ! important; max-height: 450px; overflow: auto; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #cecece; margin-top:48px; padding: 5px; }
.groupTreeNode header { font-weight:bold; font-size:15px; margin-bottom:0px; padding-bottom:0px; }
.groupTreeNode .list { padding-left:7px; margin-left:7px; border-left:1px dotted gray; }

.floatLeft { float:left; }

#mainBig { text-align:center; }
#mainBig header,footer { font-size:30px; color:#021f46; }
#splash { position:relative; }
#splash #icons { float:left; width:300px; height:415px; margin-top:55px; color:#6B6B6B; }

#topMenu { background:#191919 url('../images/v2/topmenu_bg.png') repeat-x 0 0; width:100%; min-width:1285px !important; border-top:1px solid #191919; height:31px; }
#topMenu a { color:#eaeaea; font-weight:bold; text-decoration:none; cursor:pointer; font-size:12px; margin:0px; }
#topMenu .spacer { width:2px; background:transparent url(../images/v2/topSpacer.png) no-repeat 0 0; width:2px; height:15px; margin:5px 0px; position:relative; top:1px; }
#topMenu a:hover { color:white; }
#topMenu div { margin-top:4px; }
#topMenu .topSubMenu { position:absolute; top:128px; border:1px solid #000000; border-top:none; text-align:center; width:750px; background-color:#393939; z-index:9999999; padding:10px; }
#topMenu .topSubMenu a { font-size:13px; } 

.avatar{ float:left; }

table { border:1px solid #2E5FA2; }
th,td { padding:2px 5px; }
th { font-weight:bold; text-align:left; }
tr.dark { background:url("../images/v2/header_bg.png") repeat-x scroll 0 0  #021f46; color:white; }
tr.even { background-color:#ddddff }
tr.odd { background-color:#a5c4ee }
tr.coupling {
    background-color:#DBFC91
}
table.thRight th { text-align:right; }
table.thNormal th { font-weight:normal; }

.hidden_row td{
    display:none;
    /* height: 0px; */
}

.minimized {
    height: 25px !important;
}

table.form { border:none; }
table.form th { text-align:left; min-width:60px; font-weight:bold; font-size:14px; padding:15px 0px 5px 0px; }
table.form td input[type="text"] { width:300px; }
td.info { font-size:9px; font-style:italic; padding-bottom:10px; }

table.form2 { border:none; width: -webkit-fill-available; width: -moz-available; }
table.form2 th { text-align:left; min-width:60px; font-weight:bold; font-size:14px; padding:15px 0px 5px 0px; }
table.form2 td input[type="text"] { width:300px; }

table.tripTable .tripTableHeader {
    background-color: #021f46;
    color: white;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 16px;
}
table.tripTable .tripTableHeader th { text-align:center; min-width:60px; font-weight:bold; font-size:14px; }

.tripTableHeader td { text-align:center; min-width:60px; font-weight:bold; font-size:14px; }

table.tripTable .tripTableHeader2 {
    background-color: #021f46;
    color: white;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 16px;
    /*table-layout: fixed;*/
    /*display: table;*/
    /*width: calc(100% - 1em);*/
}

table.tripTable .tripTableHeader th { text-align:center; min-width:60px; font-weight:bold; font-size:14px; }

.borderedTr {
    border: solid 3px red;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%
}

#couplingTableB thead:first-child {
    position: sticky;
    inset-inline-start: 0; /* "left" */
}

.loadingPointIcons {
    max-height: 28px;
    width: auto;
}

table.tripTable .tbody2 {
    /*display: block;*/
    /*height: 32vh;*/
    /*overflow: auto;*/
}

/*.tripTableHeader2 td { text-align:center; min-width:60px; font-weight:bold; font-size:14px; }*/

.my-custom-scrollbar {
    position: relative;
    height: 36vh;
    overflow-x: auto;
}
.table-wrapper-scroll-y {
    display: block;
}

.custom-hr {
    height: 1vh;
    background-color: black;
    border: thick;
}

a.white { color:white; text-decoration:none; font-size:10px; }
a.white:hover { text-decoration:underline; }

.success { border:1px solid #23c35c; color:#03630c; background:#d3e7da url('../images/v2/accepted_32.png') no-repeat 20px 5px; padding:15px 15px 15px 88px; width:645px; min-height:30px; margin-top:20px; }
.error { border:1px solid #c80000; color:#63030c; background:#e7c3ca url('../images/v2/warning_32.png') no-repeat 20px 17px; padding:15px 15px 15px 88px; width:645px; min-height:17px; margin-top:20px; }
.error h1 { color:#63030c; font-size:14px; font-weight:bold; float:none; margin:0; }

input.nextBtn { width:120px; height:44px; background:transparent url('../images/v2/next.png') no-repeat 0 0; color:#dedeff; font-weight:bold; cursor:pointer; border:none; }
.rightBtn { float:right; margin:10px 5px 20px; }

.groupTreeNode a { color:black; text-decoration:none; cursor:pointer; }

{* INDEX OLDAL *}
#companyList { padding-left:10px; }
#companyList h4 { font-size:14px; font-weight:bold; color:#021f46; margin:15px 0px 10px; }
#companyList table { min-width:600px; }

{* UPLOAD OLDAL *}

#uploadform { width:318px; }
#uploadTop { background:transparent url('../images/v2/upload_logo.png') no-repeat 0 0; min-height:115px; margin-top:20px; }
#uploadTop h1 { font-size:18px; color:white; margin:55px 0px 0px 20px; }
input[type="submit"].uploadBtn { background:transparent url('../images/v2/upload_button.png') no-repeat 0 0; width:90px; color:#dedeff; cursor:pointer; height:27px; padding-left:20px; border:none; margin-top:5px; }
input[type="submit"].uploadBtn:hover { color:white; }
input[type="submit"].downloadBtn { background:transparent url('../images/v2/download.png') no-repeat 0 0; background-size: cover; width:107px; padding:20px 10px; height:50px; color:#dedeff; font-weight:bold; cursor:pointer; border:none; margin-top:5px; float: right; }
input[type="submit"].checkBtn { background:transparent url('../images/v2/button_base.png') no-repeat 0 0; background-size: cover; width:175px; padding:20px 10px; height:50px; color:#dedeff; font-weight:bold; cursor:pointer; border:none; margin-top:5px; float: right; }

#uploadDetails { margin-top:34px; }
#uploadDetails header { margin-bottom:15px; }

#uploadform th { color:#021F46 }

#uploadHistory { margin-top:20px; }
#uploadHistory table { width:750px; }
#uploadHistory h4 { font-size:14px; font-weight:bold; color:#021f46; margin:15px 0px 10px; }

{* REPORT OLDAL *}

#form_from_date_date { float:left; margin-right:5px; }
#form_from_date_time { float:left; }
#form_to_date_date { float:left; margin-right:5px; }
#form_to_date_time { float:left; }
input[type="submit"].genBtn { background:transparent url('../images/v2/download.png') no-repeat 0 0; width:88px; padding:10px; height:44px; color:#dedeff; font-weight:bold; cursor:pointer; border:none; margin-top:5px; }
input[type="submit"].genBtn:hover { color:white; }
#generateDetails { margin-top:25px; }
#generateDetails header { margin-bottom:15px; }
#form_card { width:268px; }
#reportform th { color:#021F46 }
#reportTop { background:transparent url('../images/v2/report_logo.png') no-repeat 0 0; min-height:115px; margin-top:20px; }
#reportTop h1 { font-size:18px; color:white; margin:55px 0px 0px 20px; width:170px !important; height:50px !important; max-width:170px; max-height:50px; overflow:hidden; }


{* ATTESTATION PAGE *}
.attestation-card { border:1px solid black; padding:10px 10px 30px; margin:5px; }
.attestation-card h1 { color:black; font-size:13px; font-weight:bold; margin-top:15px; margin-bottom:7px; float:none; }
.attestation-card ul { list-style-type:none }
.attestation-card ul li { list-style-image:none; margin-left:15px; }
.attestationHeader { text-align:center; width:100%; margin-bottom:15px; } 
.attestationHeader h1 { color:black; font-size:15px; float:none; }
#printTop { background:transparent url('../images/v2/print_logo.png') no-repeat 0 0; min-height:115px; margin-top:20px; }
#printTop h1 { font-size:18px; color:white; margin:42px 0px 0px 25px; max-width:160px; }

.btnLink { font-size:12px; font-weight:bold; color:#021f46; }
.btnLink:hover { color:#324f86; }

.barelist { list-style-type:none; }
.barelist li { margin-left:0px; }

#stepheaders { height:62px; background:transparent url('../images/v2/steps_bg.png') no-repeat 0 0; border:1px solid black; border-top:none; }
#stepheaders span { font-size:25px; margin-top:11px; font-weight:normal; color:white; cursor:pointer; }
#stepheaders span.active { font-size:35px; margin-top:3px; font-weight:bold; color:white; }
#stepheaders span.disabled { text-decoration:line-through; }
#step1H { margin-left:30px; }
.step { border:1px solid #021F46; background-color:#ffffff; }
.stepContent { margin:10px 30px 50px; }
.pbr { page-break-before:always; }
#mandatoryFill input[type="text"] { width:500px; margin-bottom:8px; }


{* TOP MENU *}
.no-js nav li:hover ul { display:block; }  
  
/* base nav styles */  
nav { display:block; margin:0 auto 20px; border:1px solid #222; position:relative; background-color:#6a6a6a; font:16px Tahoma, Sans-serif; }  
nav ul { padding:0; margin:0; }  
nav li { position:relative; float:left; list-style-type:none; }  
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }  
nav li a { display:block; padding:8px 0px 7px; color:#eee; text-decoration:none; }  
nav li a:focus { outline:none; text-decoration:underline; }  
nav li:first-child a { border-left:none; }  
nav li.last a { border-right:none; }  
nav a span { display:block; float:right; margin-left:5px; }  
nav ul ul { display:none; width:180px; position:absolute; left:0; background:#000000; z-index:9999999; }  
nav ul ul li { float:none; margin-left:2px; }  
nav ul ul a { padding:5px 10px; border-left:none; border-right:none; border-bottom:1px solid #0e0e0e; font-size:14px; }  
nav ul ul a:hover { background-color:#121212; }  

/* Select 2 */
.select2-container {
    min-width: 400px;
}

.select2-results__option {
    margin-left: 0px;
    padding-right: 20px;
    vertical-align: middle;
}
.select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 20px;
    vertical-align: middle;
}
.select2-results__option[aria-selected=true]:before {
    font-family:fontAwesome;
    content: "\f00c";
    color: #fff;
    background-color: #021f46;
    border: 0;
    display: inline-block;
    padding-left: 3px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
}
.select2-container--default .select2-selection--multiple {
    margin-bottom: 10px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #021f46;
    border-width: 2px;
}
.select2-container--default .select2-selection--multiple {
    border-width: 2px;
}
.select2-container--open .select2-dropdown--below {
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
    display: none;
}
.select-icon .placeholder {
    display: none;
}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
    /* content: "" !important; */
}
.select-icon  .select2-search--dropdown {
    display: none;
}

.select2-selection__choice {
    margin-left: 0px;
    font-size: 14px;
    margin-right: 1px;
}

.select2-selection__clear {
    font-size: 14px;
}