:root {
    --adv-primary: #0061f2;
    --adv-bg: #EDEFF3;
    --adv-card-bg: #ffffff;
    --adv-text-main: #2c3e50;
    --adv-text-muted: #6c757d;
    --adv-border: #e0e6ed;
    --adv-green: #2ecc71;
    --adv-blue: #3498db;
    --adv-orange: #f39c12;
    --adv-red: #f32222;
    --adv-lightgreen: #90efb8;
    --adv-lightgray: #e0e0e0;
}
form.busy button {
    background-image:none;
    background-position:center center;
    transition:1s background-color width;
}

form.busy button[type='submit'] {
    background:url(../images/progress2.gif) no-repeat scroll center center #d5d5d5;
    background-size:20px;
    color:#979797;
    text-indent:-1000px;
    overflow:hidden;
}

.filter-select:has(option[value=""]:checked) {
    color: var(--adv-text-muted);
    font-style:italic;
}

div.mflist {
    position:absolute; 
    top:0; left:0;
    /*margin-left:30px; */
    background:white; 
    text-align:center; 
    display:none;
    border:1px solid --adv-border;
    z-index:99;
    /*margin-top:16px;*/

    -moz-box-shadow:    3px 3px 6px 0px #aaa;
    -webkit-box-shadow: 3px 3px 6px 0px #aaa;
    box-shadow:         3px 3px 6px 0px #aaa;
}

div.mflist select { 
    max-width:400px !important;
    height:200px !important;
    border-width:1px;
    padding:2px ;
    width:100%;
}

/*input[type="text"].mflabel .login-input-select {
    background-image: url("data:image/svg+xml,...");
    background-repeat: no-repeat;
    background-position: right 14px center;
}*/

input[type="text"].mflabel {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236C757D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 2px center;
    background-size: 16px 16px;
}

.filter-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236C757D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 2px center;
    background-size: 16px 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}



/*input[type="text"].mflabel {
    height:15px;                                                                           
    cursor:default;
    background:transparent url(../images/bo_mfedtbg.gif) no-repeat top right !important;
    padding-right:16px;
    padding-left:3px;
    width:160px;

}*/

div.admin div.szures div.block div.filterpart {
    display:inline;
}

/* FILTER AUTOHIDE */
/*                         

div.admin div.szures div.block div.filterpart {
    display:none;
}
*/
div.admin div.szures.autohide div.block:hover {
    background:#CACAAD;
}

div.admin div.szures.autohide div.blockshown div.filterpart,
div.admin div.szures.autohide div.blockshown0 div.filterpart  {
    display:inline;
}

div.admin div.szures.autohide div.block.blockshown {
    background:#91EA7C;
}

div.admin div.szures.autohide div.block.blockshown0 {
    background:#EFA067;
}

/* FILTER AUTOHIDE END */

div.admin div.szures input#campaignref, div.admin div.szures input#ref,
div.admin div.szures input.small1 {
    width:80px;
}

div.admin div.szures input.small2 {
    width:40px;
}

div.admin div.szures input.small3 {
    width:20px;
}

div.admin div.szures input[type=text] {
    height:18px;
}

div.admin div.szures input[type=number] {
    height:16px;
}

div.admin div.szures select {
    height:20px;
}

div.admin.salesplan div.szures input#title {
    width:50px;
}

div.admin div.szures select.filter_preset {
    float:right;
    margin-right:10px;
    opacity:0.7;
}

div.admin div.szures .filter_preset_delete:hover {
    opacity:1;
}

div.admin div.szures .filter_preset_delete {
    opacity:0.8;
    float:right;
    margin-right:10px;
    font-weight: bold;
    color: #0667b6;
    background: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
}

div.admin div.szures select.filter_preset:hover {
    opacity:1;
}

div.mflist div.buttons {
    display:flex;
    padding:5px;
    gap:5px;
}

div.mflist div.buttons .filterSubmit,
div.mflist div.buttons .filterReset {
    flex-grow:0;
    width:50px;
    border:none;
    border-radius:4px;
}

div.mflist div.buttons .filterSubmit {
    background: var(--adv-primary);
    color: white;
}

::-webkit-input-placeholder { /* Edge */
    font-style:italic;
    color:var(--adv-text-muted);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-style:italic;
    color:var(--adv-text-muted);
}

input::placeholder {
    font-style:italic;
    color: var(--adv-text-muted);
}

::placeholder {
    font-style:italic;
    color:var(--adv-text-muted);
}

div.mflist div.buttons .mflist_list {
    padding:0 5px;
    flex-grow:1;
}

div.admin div.szures input.big {
    width:200px;
}

    div.footer div.fbottom {
        padding:18px;
        background:#272727;
    }

    div.footer div.t {
        text-align:center;
        color:#BABABA;
        font-size:14px;
        line-height:22px;
    }

        div.footer div.t a {
        color:inherit;
        }



.advleadlist-body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--adv-bg);
    color: var(--adv-text-main);
    margin: 0;
    padding: 20px;
}

.advleadlist-container {
    /*max-width: 1200px;*/
    margin: 0 auto;
}

/* Header & Stats */
.advleadlist-title-row {
    display: flex;
    gap:20px;
    /*justify-content: space-between;
    align-items: center;*/
    margin-bottom: 20px;
    /*padding-left:150px;
    background:url(../images/2.png) no-repeat scroll 0 center transparent;
    background-size:150px auto;
    min-height:70px;*/
}

.advleadlist-vertical-line {
    background:#c0c0c0;
    margin:5px 20px;
    width:1px;    
}

.advleadlist-title-logintext {
    font-size:14px;
    line-height:14px;
    padding-top:5px;
    color:var(--adv-text-muted);
}

.advleadlist-logo img {
    width:150px;
}

.advleadlist-header-actions {
    margin-left: auto;
}

.advleadlist-header h1 {
    font-size: 24px;
    margin: 0;
}

.advleadlist-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.advleadlist-stat-card {
    background: var(--adv-card-bg);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
}

.advleadlist-stat-label {
    color: var(--adv-text-muted);
    font-size: 14px;
    margin-bottom: 8px;
}

.advleadlist-stat-value {
    font-size: 22px;
    font-weight: bold;
}

/* Filters */
.advleadlist-filters {
    display:flex;
    gap:30px;
    background: var(--adv-card-bg);
    padding: 20px;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid var(--adv-border);
}

.advleadlist-filter-title {
    color: var(--adv-text-muted);
    white-space:nowrap;
    line-height:35px;
    font-weight:bold;
}

.advleadlist-filter-row {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.advleadlist-filter-row > * {
  flex-grow: 1;
}

.advleadlist-filter-row label {
    color:var(--adv-text-muted);
}

.advleadlist-select, .advleadlist-input {
    padding: 8px 12px;
    border: 1px solid var(--adv-border);
    border-radius: 4px;
    min-width: 150px;
    background-color: #fff;
}

.advleadlist-input.input-date {
    min-width:80px;
    width: 102px;
}


/* Table */
.advleadlist-table-wrapper {
    background: var(--adv-card-bg);
    overflow-x: auto;
}

.advleadlist-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.advleadlist-table th {
    background-color: #f8f9fa;
    padding: 12px 15px;
    color: var(--adv-text-muted);
    font-size: 13px;
    border-bottom: 1px solid var(--adv-border);
}

.advleadlist-table td {
    padding: 15px;
    border-bottom: 1px solid var(--adv-border);
    font-size: 14px;
}

/* Badges & Dots */
.advleadlist-badge {
    display:inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #111;
}

.advleadlist-manager {
    margin-top:5px;
    display:inline-block;
    white-space:nowrap;
    padding: 4px 5px;
    border-radius: 4px;
    font-size: 12px;
    color: #808080;
    background-color: #e0e0e0; 
}

.advleadlist-manager-active {
    background-color:var(--adv-lightgreen);
    color:#000;
    font-size:14px;
}


.advleadlist-badge-green { background-color: var(--adv-green); }
.advleadlist-badge-blue { background-color: var(--adv-blue); }

.advleadlist-badge-color0  { background-color: #9be7ff; }  /* világos kék */
.advleadlist-badge-color1  { background-color: #7ed957; }  /* élénk zöld */
.advleadlist-badge-color2  { background-color: #ffd966; }  /* nap sárga */
.advleadlist-badge-color3  { background-color: #ff9aa2; }  /* pasztell piros */
.advleadlist-badge-color4  { background-color: #cdb4ff; }  /* levendula */

.advleadlist-badge-color5  { background-color: #4dd599; }  /* türkiz zöld */
.advleadlist-badge-color6  { background-color: #ffc6ff; }  /* rózsaszín */
.advleadlist-badge-color7  { background-color: #a0c4ff; }  /* égkék */
.advleadlist-badge-color8  { background-color: #ffd6a5; }  /* barack */
.advleadlist-badge-color9  { background-color: #b9fbc0; }  /* friss mentazöld */

.advleadlist-badge-color10 { background-color: #ffadad; }  /* lazac */
.advleadlist-badge-color11 { background-color: #fdffb6; }  /* halvány citrom */
.advleadlist-badge-color12 { background-color: #a9def9; }  /* jégkék */
.advleadlist-badge-color13 { background-color: #e4c1f9; }  /* lila pasztell */
.advleadlist-badge-color14 { background-color: #caffbf; }  /* lime pasztell */

.advleadlist-badge-color15 { background-color: #ffd1dc; }  /* púderrózsaszín */
.advleadlist-badge-color16 { background-color: #bee1e6; }  /* hideg türkiz */
.advleadlist-badge-color17 { background-color: #f1c0e8; }  /* mályva */
.advleadlist-badge-color18 { background-color: #ffcbf2; }  /* élénk rózsaszín */
.advleadlist-badge-color19 { background-color: #d0f4de; }  /* világos zöld */

.advleadlist-dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}

.advleadlist-dot-new { background-color: var(--adv-green); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--adv-green); }
.advleadlist-dot-process { background-color: var(--adv-orange); }

/* Buttons */
.advleadlist-btn {
    padding: 8px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-weight: 500;
}

.advleadlist-btn-primary { background: var(--adv-primary); color: white; }
.advleadlist-btn-outline { background: white; border: 1px solid var(--adv-border); }
.advleadlist-btn-apply { background: var(--adv-primary); color: white; padding: 8px 30px; }
.advleadlist-btn-reset { background: var(--adv-lightgray); color: #808080; padding: 8px 30px; }

.advleadlist-actions-icons {
    text-align:center;
    display:flex;
    gap:10px;
}

.advleadlist-actions-cell i {
    /*margin-right: 10px;*/
    color: var(--adv-primary);
    cursor: pointer;    
}

.advleadlist-table td.advleadlist-actions-cell, 
.advleadlist-table td.advleadlist-status-cell {
    font-size:20px;
}

.advleadlist-table td.advleadlist-lead-cell div:first-child, 
.advleadlist-table td.advleadlist-prospect-cell div:first-child {
    margin-bottom:5px;
}


/* Footer & Pagination */
.advleadlist-footer {
    background: var(--adv-card-bg);
    padding: 15px 20px;
    border-radius: 0 0 8px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.advleadlist-page-btn {
    border: 1px solid var(--adv-border);
    background: white;
    padding: 5px 10px;
    cursor: pointer;
}

tr.hiddenrow {
    display: none;
}

.advleadlist-container td.lead_details {
    background: #f0f0f0;
}

.advleadlist-container td.lead_details .box_details {
    display:flex;
    justify-content:space-between;
    gap:30px;
}

.advleadlist-container td.lead_details .box_inner,
.advleadlist-container td.lead_details .box_inner2 {
    background: #ffffff;
}

.advleadlist-container td.lead_details .box_detail {
    flex-grow:1;
}

.advleadlist-container td.lead_details .box_detail th,
.advleadlist-container td.lead_details .box_detail td {
    padding:5px 10px;
}

.advleadlist-container td.lead_details .title { 
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    text-align:center;
    padding:5px 0 5px;
    border-bottom:1px dotted #c0c0c0;
}

.advleadlist-container  .box_advcomment {
    margin-top: 20px;
}

.advleadlist-container  td.lead_details .box_detail .box_inner2 .box_advcomment textarea {
    box-sizing: border-box;
    resize:none;
    height:100px;
    width:100%;
    font-size:16px;
    line-height:24px;
    font-family:inherit;
}

.advleadlist-container td.lead_details .subtitle { 
    font-size:16px;
    line-height:20px;
    text-align:center;
    padding:10px;
}

.advleadlist-container  td.lead_details .box_detail .box_inner2 .box_advcomment .btnSubmit {
    margin:10px 0;
    float:right;
}

.advleadlist-container .box_details .box_advcomment .row.comment {
    padding: 0 1em 1em;    
}

.advleadlist-container .box_details .box_advcomment .row.comment textarea {
    border:1px solid #d0d0d0;
    padding: 0.25em 0.5em;
}



div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment {
    box-sizing:border-box;
    float:right;
    width:100%;
    text-align:left;
    padding:0 20px 10px;
}

div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment label {
    display:block;
    float:left;
    line-height:23px;
    padding-right:10px;
}

div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment div.row {
    margin:0 0 4px;
}

div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment div:after {
    content:' ';
    display:block;
    clear:both;
}

div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment input.btnSubmit {
    float: right;
    margin: 5px 0 0;
}

div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment .input {
    white-space:nowrap;
    float:right;
}

div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment .budget {
    display:none;
}

div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment .budget.shown {
    display:block;
}

div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment .budget input {
    width:65px;
    text-align:right;
    padding-right:5px;
}

div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment .advrid {
    margin:10px 0;
    color:#000;
}


div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment .status select {
    width:180px;
}

div.admin.advleadlist td.lead_details .box_detail .box_inner2 .box_advcomment .comment .input {
    float:none;
    clear:both;
}

.filter-field {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.advleadlist-table i.fa-alarm-clock {
    color:var(--adv-orange);
}

.advleadlist-table i.fa-check {
    color:var(--adv-green);
}

.advleadlist-container td.lead_details .box_detail .box_person .tr_name td,
.advleadlist-container td.lead_details .box_detail .box_person .tr_phone td {
    font-weight:bold;
    color:var(--adv-primary);
}

input.btnCalendar {
	/*background:#efefef url(/images/calendar.png) no-repeat center center;*/
	background:transparent url(../images/calendar_icon.png) no-repeat center center;
	vertical-align:middle;
	position:relative;
	top:-2px;
	left:5px;
	height:31px;
	width:29px;
	/*border-top:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:0px solid black;*/
	border-width:0;
	padding:0;
	margin:0;
	cursor:pointer;
}

input.btnClearCalendar {
	/*background:#efefef url(/images/calendar.png) no-repeat center center;*/
	background:transparent url(../images/calendar_delete.png) no-repeat center center;
	vertical-align:middle;
	position:relative;
	top:-2px;
	left:5px;
	height:31px;
	width:29px;
	/*border-top:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:0px solid black;*/
	border-width:0;
	padding:0;
	margin:0;
	cursor:pointer;
}

div#calendarLayer a {
	text-decoration:none;
}

div#calendarLayer {
	position:absolute;
	top:0;
	left:0;
	/*width:1px;*/
	z-index:92;
}

div#calendarLayer select#yr {
	border-width:0;
	background:#808080;
	font-weight:bold;
	font-size:12px;
	font-family:Arial;
	color:#ffffff;
}

table.calendar {
	margin:0 auto 0 auto;
        background-color:#DDDDDD;
        border:1px solid #aaaaaa;
	cursor:default;
	width:200px;
}

table.calendar td {
	background-color: #a0a0a0;
	color:black;
	/*width:45px;
	height:30px;*/
	font-size:8px;
	vertical-align:middle;
}

table.calendar td a.date {
	display:block;
	font-size:13px;
        padding:3px;
	text-align:center;
	cursor:pointer;
	font-weight:normal;
	color:#000000;
}

table.calendar td a.date:hover {
	background:#CFD3D4;
	color:#000000;
}

table.calendar td.selected {
	background-color:#F3004D !important;
}

table.calendar td.today {
	background-color:#e0e0e0;
}

table.calendar td a.today {
	font-weight:bold !important;
}

table.calendar td a.selected {
	font-weight:bold;
	color:white;
}

table.calendar th.th1 a.btnback {
	display:block;
	float:left;
	background:transparent url(../images/icon_naptprev.gif) no-repeat top left;
	height:20px;
	width:18px;
	cursor:pointer;
}

table.calendar th.th1 a.btnnext {
	display:block;
	float:right;
	background:transparent url(../images/icon_naptnext.gif) no-repeat top left;
	height:20px;
	width:18px;
	cursor:pointer;

}

table.calendar th.th1 {
	background-color: #808080;
	font-size:12px;
	vertical-align:middle;
	color:#ffffff;
}

table.calendar th.th1 div {
	background:#808080;
	/*padding:2px 0 0 0;*/
}

table.calendar td.amon {
	background-color: white;
}

table.calendar td {
	text-align:left;
}

.datebox {
    padding: 8px 12px;
    border: 1px solid var(--adv-border);
    border-radius: 4px;
    min-width: 150px;
    background-color: #fff;   
}


/* Date input specific tweaks */
.input-date {
    color: #1f2d3d;
    background:url(../images/ikon_calendar.png) no-repeat scroll right 10px center transparent;
}

/* Chrome / Edge calendar icon elrejtése (ha FA ikont használsz) */
.input-date::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

/* Firefox */
.input-date::-moz-focus-inner {
    border: 0;
}

/* Empty state szín */
.input-date:invalid {
    color: #8a97a8;
}

.input-date-icon {
    position: absolute;
    /*left: -40px;*/
    transform: translateX(-26px);
    line-height:35px !important;
    color: #8aa4c8;
    font-size: 16px;
}
    div.footer div.fbottom {
        padding:18px;
        background:var(--adv-bg);
        margin-top:20px;
    }

    div.footer div.t {
        text-align:center;
        color:#BABABA;
        font-size:14px;
        line-height:22px;
    }

        div.footer div.t a {
        color:inherit;
        }
/* ===== RESET / BASE ===== */
/* Login layout safety */

.login-wrapper *,
.login-wrapper *::before,
.login-wrapper *::after {
    box-sizing: border-box;
}

.login-body * {
    box-sizing: border-box;
}
            
.login-body {
    box-sizing: border-box;
    margin: 0;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    background: var(--adv-bg);
    color: #1f2d3d;
}

/* ===== LAYOUT ===== */
.login-wrapper {
    min-height: 100vh;
    /*display: flex;
    flex-direction: column;*/
    align-items: center;
}

.login-header {
    padding: 40px 0 40px;
    text-align:center;
}

.login-logo {
    height: 64px;
}

/* ===== MAIN ===== */
.login-main {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.login-title {
    font-size: 27px;
    line-height:27px;
    font-weight: 700;
    margin: 40px 0 30px;
    text-transform:uppercase;
    text-align:center;
    color:#004AAD;
}

/* ===== CARD ===== */
.login-card {
    background: #ffffff;
    width: 100%;
    max-width: 420px;
    border-radius: 14px;
    padding: 0 0 0;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.login-subtitle {
    text-align: center;
    font-size: 18px;
    margin-bottom: 24px;
}

.login-error {
    text-align: center;
    font-size: 14px;
    line-height:27px;
    font-weight:600;
    margin:0 30px 24px;
    color:#fff;
    background:#c00000;
    border-radius:27px;       
}

/* ===== FORM ===== */
.login-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding:0 30px 0;
}

.login-field {
    position: relative;
}

.login-icon {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    color: #8aa4c8;
    font-size: 16px;
}

.login-input {
    width: 100%;
    padding: 12px 14px 12px 42px;
    border-radius: 8px;
    border: 1px solid #dbe3ee;
    background: #f7f9fc;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.login-input:focus {
    border-color: #2f6fed;
    box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.15);
}

/* ===== BUTTON ===== */
.login-button {
    margin-top: 8px;
    padding: 14px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg, #2f6fed, #1e4fd8);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.login-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(47, 111, 237, 0.35);
}

/* ===== FORGOT ===== */
.login-forgot {
    display: block;
    margin-top: 14px;
    text-align: center;
    font-size: 13px;
    color: #2f6fed;
    text-decoration: none;
}

.login-forgot:hover {
    text-decoration: underline;
}

/* ===== SEPARATOR ===== */
.login-separator {
    margin: 24px 0;
    height: 1px;
    background: #e6ecf3;
}

/* ===== CONTACT ===== */
.login-contact {
    font-size: 13px;
    text-align: center;
    color: #5f6f82;
}

.login-contact p {
    margin: 8px 0;
}

.login-contact a {
    color: #2f6fed;
    text-decoration: none;
}

.login-contact a:hover {
    text-decoration: underline;
}

.login-contact-icon {
    margin-right: 6px;
    color: #7fa1d6;
}

/* ===== FOOTER ===== */
.login-footer-empty {
    height:108px;
}

.login-footer {
    margin-top:20px;
    padding: 16px 0 24px;
    font-size: 12px;
    color: #8a97a8;
    background:#F2F4F9;
    text-align:center;
}

.login-footer a {
    display:block;
    margin-top:10px;
    color:inherit;
    font-size:11px;
}        .toast {
		visibility:hidden;
		opacity:0;
		display:block;
		position:fixed;
		bottom:50px;
		left:50%;
		width:400px;
		margin-left:-200px;
		background:rgba(0,0,0,0.8);
		color:#fff;
		font:20px Arial;
		padding:20px;
		border-radius:5px;
		text-align:center;
		transition:all 0.5s ease 0.3s;
		-webkit-transition:all 0.5s ease 0.3s;
		-moz-transition:all 0.5s ease 0.3s;
		-o-transition:all 0.5s ease 0.3s;
		z-index:192;
		overflow-wrap: break-word;
	}

	.toast.on {
		opacity:1;
		visibility:visible;
	}
	
	/*.toast.off {
		opacity:0;
		visibility:hidden;
	}*/
body {
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:14px;
	background:transparent;
}

body.uldrop * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	ms-box-sizing: border-box;
	box-sizing: border-box;  
}

#ul_wait {
	display:none;
	padding-top:1px;
	/*font-weight:bold;*/
}

.uploader_prev { /* in web.css */
}

#ul_wait img, .uploader_prev img {
	vertical-align:middle;
}

input.file {
	/*border-color:transparent; */
	background:#ffffff;
	font-size:13px;
	position: relative;
	right:0;
	text-align: right;
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.fileinputs {
	position: relative;
	text-align:right;
}

div.fakefile table {
	width:250px;
	margin:0;
	padding:0;
        float:left;
}

div.fakefile td {
	vertical-align:top;
	padding:0;
	/*background:red;*/
}


div.fakefile input,
div.fakefile button.btnBrowse {
	font-size:13px;
	height:22px;
	margin:0;
}                      	

div.fakefile input {
/*	border:1px solid #c0c0c0;
	background-image:url('../images/bo_edtbg.jpg');
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#ffffff;*/
}

* html div.fakefile input {
	margin-top:-1px;
}


* html div.fakefile button {
	margin-left:-1px;
}


body.uldrop .file:hover+div.fakefile {
	background:#00a0ff;
	color:#fff;
}

body.uldrop div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background:#f0f0f0;
	border:2px dotted #c0c0c0;
	font-size:12px;
	line-height:12px;
	text-align:center;
	width:100%;
	height:100%;
	display:table;
}

body.uldrop div.fakefile .r {
	display:table-row;
}
body.uldrop div.fakefile .c {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

body.uldrop .file {
	width:100%;
	height:100%;
}

body.uldrop.wait #ul_wait {
	display:block;
}

body.uldrop.wait #ul_form {
	display:none;
}#wait_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 190;
	width: 100%;
	height: 1px;
	background-color: #000;
	display:none;
}

#wait_overlay2 {
	position: fixed;
	bottom:10px;
	right:10px;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	display:none;
	z-index:199;
}

#wait_overlay2 img {
	vertical-align:middle;
}