@font-face{font-family: Frutiger-LightCn; src: url("fonts/FrutigerLTPro-LightCn.otf"), url("fonts/47.eot"), url("fonts/47.woff2");}
@font-face{font-family: Frutiger-BoldCn; src: url("fonts/FrutigerLTPro-BoldCn.otf"), url("fonts/67.eot"), url("fonts/67.woff2");}
@font-face{font-family: Frutiger-Bold; src: url("fonts/FrutigerLTPro-Bold.otf"), url("fonts/65.eot"), url("fonts/65.woff2");}
@font-face{font-family: Frutiger-Cn; src: url("fonts/FrutigerLTPro-Condensed.otf"), url("fonts/57.eot"), url("fonts/57.woff2");}
@font-face{font-family: Frutiger; src: url("fonts/FrutigerLTPro-Roman.otf"), url("fonts/55.eot"), url("fonts/55.woff2");}

.cleaner { clear: both; font-size: 1px; }

body { font-family: Frutiger, sans-serif; }
a { color: #cc0000; }
    a:hover { text-decoration: none; color: #333; }

form hr { margin-top: 5px;}
.direction a {float: right !important;}
.cc{background-color: #cc0000 !important;}
.rlts {text-align: left; float: left; direction: rtl !important;}
.mx-auto {margin-left: 20%;}
body.login { background: url('bg.login2.jpg') top center no-repeat; background-size: cover; padding-top: 15px; }
.login { }
    .login .wrapper { background: url('bg.gradient.png') repeat-x; min-height: 600px; position: relative; }
        .login .wrapper .header{ position: relative; }
            .login .wrapper .header #logocis{ position: absolute;left: 15px; top: 15px; }
            .login .wrapper .header #logodhl{ position: absolute;right: 15px; top: 20px; }
            .login .wrapper .header h1{ text-align: center; color: #cc0000; margin: 0; padding-top: 90px; font-family: Frutiger-LightCn, sans-serif; font-size: 48px; }
                .login .wrapper .header h1 b{ font-family: Frutiger-BoldCn, sans-serif; }
            .login .wrapper .loginform { background-color: rgba(0,0,0,0.5); margin:0 auto; float:none; margin-top: 50px; color: #fff; text-align: center; padding: 0 25px; padding-bottom: 25px; }
                .login .wrapper .loginform h2{ text-transform: uppercase; padding-top: 20px; margin: 0; font-family: Frutiger-LightCn, sans-serif; font-size: 30px; font-weight: bolder; }
                .login .wrapper .loginform p{ font-size: 16px; padding-top: 5px; }
                .login .wrapper .loginform .inputBox{ background: #fff; width: 80%; border-radius: 4px; margin: 0 auto; margin-bottom: 10px; }
                    .login .wrapper .loginform .inputBox hr{ margin: 0; }
                    .login .wrapper .loginform .inputBox .logininput{ width: 80%; height: 40px; margin: 7px 0; background-position: 5px 7px; background-repeat: no-repeat; padding-left: 35px; color: #333; border: 0; font-size: 18px; font-family: Frutiger-Cn, sans-serif; }
                        .login .wrapper .loginform .inputBox .logininput.user{ background-image: url('inputbg.user.png'); }
                        .login .wrapper .loginform .inputBox .logininput.pass{ background-image: url('inputbg.password.png'); }
                .login .wrapper .loginform .btn { width: 80%; height: 50px; text-transform: uppercase; margin: 10px 0; font-size: 18px; font-family: Frutiger-Cn, sans-serif;border-radius: 4px; }

body.lp { background: #aea795 url("bg.lp.jpg") no-repeat scroll center top / 100% auto; padding-top: 15px; }
.lp { }
    .lp .content p b { font-family:Frutiger-Bold, sans-serif; }
    .lp .header{ height: 140px; background-image: url('bg.lp.gradient.png'); background-repeat: repeat-x; }
        .lp .header #logocis{ float: left; margin-top: 25px; }
        .lp .header h1{ margin-left: 15px; float: left; color: #cc0000; font-family:Frutiger-LightCn, sans-serif; font-size: 31px; margin-top: 30px; }
            .lp .header h1 b{ font-family: Frutiger-BoldCn, sans-serif; font-weight:normal; }
        .lp .header .left{ margin-left: 15px; }
        .lp .header .right{ margin-right: 15px; }
        .lp .header .profile{ float: right; margin-top: 30px; }
            .lp .header .profile p{ color: #000; font-size: 20px; font-family: Frutiger-Cn, sans-serif; text-align: right; margin-top:5px; margin-right: 15px; display: inline-block; line-height:20px; }
            .lp .header .profile a{ color: #cc0000; font-size: 16px; }
				.lp .header .profile a:hover { text-decoration:underline; }
            .lp .header .profile img{ float: right; }
        .lp .header #menu{ float: right; }
            .lp .header #menu a{ font-size:18px; text-transform:uppercase; color:#000; font-family:Frutiger-Cn, sans-serif; padding:10px 15px; margin:0px; display: inline-block; }
                .lp .header #menu a:last-of-type{ margin-right: 0; }
                .lp .header #menu a:hover{ background:rgba(255,255,255,0.3); text-decoration: none; }
                .lp .header #menu a.active{ background:white; }
    .lp .content { background: #fff; min-height: 400px; padding: 25px; }
        .lp .content h2{ color: #cc0000; font-size: 35px; text-transform: uppercase; font-family: Frutiger-BoldCn, sans-serif; font-weight:normal; display: inline-block; }
        .lp .content h3{ font-size: 25px; text-transform: uppercase; font-family: Frutiger-BoldCn, sans-serif; font-weight:normal; margin-top:40px; }
        .lp .content .tools{ float: right; margin-top: 20px; margin-bottom: 25px;clear: both; }
			.lp .content .tools a { margin-left:6px; }
		.lp .content .back { position:absolute; top:-15px; }

.lp .sessions { width:100%; padding-left:0px; margin-top:10px; clear:both; }
	.lp .sessions table th.course { padding:0px; width:10px; }
    .lp .sessions table td{ font-size: 15px; vertical-align: middle; padding: 10px; cursor: pointer; }
		.lp .sessions table tr.signon td { padding:4px 10px; }
		.lp .sessions table td.course1 { width:10px; background-color:#68CAEA; padding:0px !important; }	/* LCE */
		.lp .sessions table td.course2 { width:10px; background-color:#68CAEA; padding:0px !important; }	/* MSE */
		.lp .sessions table td.course3 { width:10px; background-color:#68CAEA; padding:0px !important; }	/* RE */
		.lp .sessions table td.course4 { width:10px; background-color:#00889A; padding:0px !important; }	/* MILE */
		.lp .sessions table td.course6 { width:10px; background-color:#F151A1; padding:0px !important; }	/* MILE */
		.lp .sessions table td.course20 { width:10px; background-color:#008899; padding:0px !important; }	/* MILEW */
		.lp .sessions table td.course7 { width:10px; background-color:#379b53; padding:0px !important; }	/* GRAD */
		.lp .sessions table td.course5 { background: #f151a1;
			background: -moz-linear-gradient(top, #f151a1 50%, #008c9c 50%);
			background: -webkit-linear-gradient(top, #f151a1 50%,#008c9c 50%);
			background: linear-gradient(to bottom, #f151a1 50%,#008c9c 50%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f151a1', endColorstr='#008c9c',GradientType=0 ); }	/* TEHPLE */
	    .lp .sessions table td .coursetext { font-family:Frutiger-BoldCn, sans-serif; font-size:16px; line-height:18px; padding-top:6px; float:left; }
	    .lp .sessions table td.name { font-family:Frutiger-BoldCn, sans-serif; font-size:16px; }
		.lp .sessions table td small { font-family:Frutiger-Cn, sans-serif; font-size:12px; line-height:12px; }
    .lp .sessions .divicon { float:right; margin-right:20px; height:30px; }
		.lp .sessions table tr.signon .divicon { margin-top:5px; }
    .lp .sessions .ico { font-size: 30px; }
        .lp .sessions .ico.success { color: #B0D9B7; }
        .lp .sessions .ico.danger { color: #d8000b; }
        .lp .sessions .ico.primary { color: #265a88; }
        .lp .sessions .ico.warning { color: #f0ad4e; }
	.lp .sessions tr.mysuccess td { color:#ccc; }
	.lp .sessions tr.mydanger td { color:#d8000b; }
    

.lp .description { font-family:Frutiger-Cn, sans-serif; font-size:15px; position:relative; top:-5px; margin-bottom:10px; width:85%; }

#dashboard td, #dashboard th { height: 40px; padding: 0; vertical-align: middle !important; position: relative; font-weight: normal; }
#dashboard th { font-family:Frutiger-BoldCn, sans-serif; }
#dashboard td.email { padding-left: 15px; }
#dashboard td.withoutborder { border:0; }


.pointer {cursor: pointer !important;}
#dashboard td .small{ color: #999; }
#dashboard .table-striped > tbody > tr:nth-of-type(2n+1)
#dashboard td b{ font: 15px 'Frutiger'; font-weight: normal; }
#dashboard .bar{ width: 120px; }
#dashboard.full .bar{ width: 1%; }
    #dashboard .bar div { width: 119px; height: 20px; display: block; z-index: 2; position: relative; margin: 0 1px; }
        #dashboard.full .bar div { width: calc(100% - 1px);}

    #dashboard .bar.blue div { background: rgba(104,202,234,0.2); }
    #dashboard .bar.darkgeen div { background: rgba(0,136,154,0.2); }
    #dashboard .bar.purple div{ background: rgba(158,65,133,0.2); }
    #dashboard .bar.pink div{ background: rgba(243,77,161,0.2); }
    #dashboard .bar.green div{ background: rgba(55,155,83,0.2); }
        #dashboard .bar div div{ height: 20px; display: block; z-index: 3; position: absolute; left: 0; top: 0; }
        #dashboard .bar.blue div div { background: #68CAEA; }
        #dashboard .bar.darkgeen div div { background: #00889A; }
        #dashboard .bar.purple div div { background: #9E4185; }
        #dashboard .bar.pink div div { background: #F34DA1; }
        #dashboard .bar.green div div { background: #379b53; }


.lp .assessments { width: 100%; padding-left: 0; margin-top: 20px; }
    .lp .assessments .assessment { height: 58px; background: #f8f8f8; border: 1px solid #BDBDAE; margin: 12px 0; border-radius: 0; }
    .lp .assessments .assessment:hover { background: #ececec; }
    .lp .assessments .assessment .ico{ width: 40px; height: 40px; float: left; margin-left: 20px; margin-top: 8px; }
    .lp .assessments .assessment.progress .ico{ background: url("ico.progress.png") center center no-repeat; }
    .lp .assessments .assessment.warning .ico{ background: url("ico.warning.png") center center no-repeat; }
    .lp .assessments .assessment.danger .ico{ background: url("ico.danger-sign.png") center center no-repeat; }
    .lp .assessments .assessment.ok .ico{ background: url("ico.ok.png") center center no-repeat; }
    .lp .assessments .assessment a{ font-size: 22px; padding-left: 20px; padding-right:20px; line-height: 58px; text-decoration: none; color: #575747; }
    .lp .assessments .assessment span{ font-size: 14px; padding-left: 40px;line-height: 58px; padding-left: 40px; float: right; margin-right: 15px; }

.lp .documents { width: 100%; padding-left: 0; margin-top: 60px; }
    .lp .documents .document { height: 58px; background: #f8f8f8; border: 1px solid #BDBDAE; margin: 12px 0; }
    .lp .documents .document:hover { background: #ececec; }
    .lp .documents .document .ico{ float: left; margin-left: 30px; margin-top: 12px; }
    .lp .documents .document a{ font-size: 22px; padding-left: 20px; line-height: 58px; text-decoration: none; color: #575747; }
    .lp .documents .document span{ font-size: 14px; padding-left: 40px;line-height: 58px; padding-left: 40px; float: right; margin-right: 15px; }

.footer { background-color: rgba(0,0,0,0.7); min-height: 150px; margin-top:15px; margin-bottom:15px; }
	.footer .copyright { color:#aaa; height:150px; padding-left:30px; padding-top:50px; }
	.footer .contact { text-align:right; padding-right:30px; padding-top:50px; }

.table th { font-family:Frutiger-BoldCn, sans-serif; font-size:14px; }

.table.table-info td { border: 0; }
    .table.table-info td:first-of-type, .table.table-info td:nth-child(3) { text-align:right; color:#999; }

.table.table-data td, .table.table-data th{ text-align: center; }
.table.table-data td.left, .table.table-data th.left{ text-align: left; }
.table.table-data td.right, .table.table-data th.right{ text-align: right; }

.btn { border-radius: 0; margin-bottom: 1px; text-transform: uppercase; background-image: none !important; text-shadow: none !important; border: none !important; font-family:Frutiger-Cn, sans-serif; }
.btn.btn-red { background-color: #D8000B; color: #fff; }
    .btn.btn-red:hover { background-color: #b7000b; }
.btn.btn-black { background-color: #000000;color: #fff; }
    .btn.btn-black:hover { color: #e7e7e7; }
.btn.btn-blue { background-color: #1F7994; color: #fff; }
    .btn.btn-blue:hover { background-color: #1A6277; }
.btn.btn-grey {background-color: #ffffff;color: #000; border:1px solid #ddd !important;}

.displayNone { display:none; }

.ui-menu { background: #fff; border:1px solid #e6e6e6; z-index: 10000; list-style-type:none; padding:0px; max-width:700px !important; }
    .ui-menu .ui-menu-item.ui-state-focus, .ui-menu .ui-menu-item.ui-state-active { background: #e5f7c7; margin:0px; }
	.ui-menu-item { padding:4px 8px; cursor:pointer; }

.custom-combobox {position: relative;display: inline-block;width: 300px;}
.custom-combobox-toggle {position: absolute;top: 0;bottom: 0;margin-left: -1px;padding: 0;}
.custom-combobox-input {margin: 0 0 0 -35px;padding: 5px 10px;width: 300px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #000; }

div.dataTables_wrapper div.dataTables_filter input { width:300px !important; }

.form-control-feedback-select { right:20px !important; }
label { top:5px; }
.panel-heading { font-family:Frutiger-BoldCn; font-size:16px; }
.cursor-text td{
    cursor: text !important;}
.flag { position:relative; }
	.flag img { position:absolute; top:-5px; }
.cnt{top: 0px !important; margin-right: 2px !important; margin-top: -3px !important;}
.loader { width:100%; height:400px; background:url('ajax-loader.gif') center center no-repeat; }
.grey { color:#999; }
.custom-badge-report {position: relative; margin-right: -5px;top: -10px; padding: 2px 5px}
.custom-badge-report:hover {cursor: default !important; background-color: #eb9316 !important;
    background-position: 0 0;}
.custom-badge {background-color: #c00; position: relative; margin-right: -5px;top: -10px; padding: 2px 5px}
table.list { width:100%; margin:20px 0px 20px 0px; border-collapse:collapse; border:1px solid #CCC; }
	table.list th { padding:6px 6px; background:#666; color:white; }
	table.list td { padding:6px 6px; border-bottom:1px solid #CCC; text-align:center; }
		table.list td.noname { font-style:italic; color:#666; }
	table.list .odd { background:#EEE; }
	table.list .dark { background:#AAA; }
	table.list .left { text-align:left; }
	table.list .right { text-align:right; }
	table.list .score { font-size:24px; font-weight:bold; }
	table.list ul { margin:0px; -webkit-padding-start:20px; }

.individualreport td.green {
	background: #80ce7b;
	color: #fff;
}

.individualreport td.grey {
	background: #ececec;
}

th.center { text-align:center; }

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	display:inline; position:relative; bottom:none; right:none; left:5px; top:2px;
}

.icons-list { padding-left:0; list-style:none; }
	.icons-list li { width:131px; float: left; height: 130px; padding: 10px; text-align: center; background-color: #f9f9f9; border: 1px solid #fff; cursor:pointer; overflow:hidden; }
		.icons-list li span { width: 122px; margin-left: -6px; }
		.icons-list .fa { margin-top: 5px; margin-bottom: 10px; font-size: 34px; }
		.icons-list .icon-title { font-size:12px; font-family:Frutiger-Cn; display: block; text-align: center; word-wrap: break-word; }
	.icons-list li:hover { background-color: #ccc; }

.req { background-color: #ff9c93; }

#videoplayer { z-index:10; position:fixed; top:20px; left:20px; bottom:50px; right:20px; }
	#video { width:100%; height:100%; background:#EEE; }
	#videoplayer a { float:left; }
	#videoplayer div { float:left; background:#EEE; font-family:Frutiger-Cn; padding:6px 20px; }

#overlay { height:100%; width:100%; position: fixed; top:0; left:0; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.8); overflow-x:hidden; z-index:1; }

.roles { color: #fff; }
	.roles:hover{ color: #ececec; }

.ename { padding:3px 8px !important; }
	.ename a { position:relative; }
		.ename a small { font-size:10px; position:absolute; top:15px; min-width: 150px;}

 #world { background:url('world.jpg') no-repeat; height:407px; width:820px; position:relative;margin: 0 auto; }
 #world .region { position:absolute; width:250px; font-size:14px; }
 #world img { width:80px; float:left; margin-right:5px; }
 #world span { font-weight:bold; color:#CC0000; }
 #world #regionAP { left:590px; top:220px; }
 #world #regionCN { left:560px; top:90px; }
 #world #regionAM { left:50px; top:170px; }
 #world #regionEU { left:300px; top:40px; }
 #world #regionEM { left:370px; top:130px; }
 #world #regionSS { left:340px; top:240px; }
 #world .award { width:110px; float:left; text-decoration:none; border-right:1px solid #999; padding-right:10px; text-align:right; }
 #world .coach { width:110px; float:left; text-decoration:none; border-left:1px solid #999; padding-left:10px; position:relative; left:-1px; }
 #world a { color:black; }
 #world a b { color:#CC0000; }
 #world a span { color:black; }
 #global { width:450px; margin:0 auto; font-size:24px; }
 #global img { float:left; margin-right:20px; }
 #global span { font-weight:bold; color:#CC0000; }
 #global div { margin-bottom:10px; }
 #global .award { width:310px; float:left; text-decoration:none; border-right:1px solid #999; padding-right:10px; padding-top:20px; padding-bottom:20px; text-align:right; background:url('award.jpg') no-repeat; }
 #global .coach { width:320px; float:left; text-decoration:none; border-left:1px solid #999; padding-left:10px; position:relative; padding-top:20px; padding-bottom:20px; left:-1px; background:url('coach.jpg') right 5px no-repeat; }
 #global a span { color:black; }

td.maxWidth {max-width:400px;}

.borderLeft {border-left: 2px solid #ddd; vertical-align: middle !important;}
.borderRight {border-right: 2px solid #ddd; vertical-align: middle !important;}
.borderTop {border-top: 2px solid #ddd !important; vertical-align: middle !important;}
.borderFull {border: 2px solid #ddd !important; vertical-align: middle !important;}


tr.firstFixed > :first-child { position:absolute; }
.table-wrapper { overflow-x:scroll;overflow-y:visible;width:100%; }
.newReportScroll .blu {background-color: #f3fafe; }
.newReportScroll .grn {background-color: #d5f0cc;color: #2db200; }
.newReportScroll .yel {background-color: #ffebcc;color: #ff9900; }
.newReportScroll .red {background-color: #f5cccc;color: #cc0000; }
.newReportScroll .grey {background-color: #efefef;color: #999; }
.newReportScroll .grn a {background-color: #d5f0cc;color: #2db200 !important; }
.newReportScroll .yel a {background-color: #ffebcc;color: #ff9900 !important; }
.newReportScroll .red a {background-color: #f5cccc;color: #cc0000 !important; }
.newReportScroll td { min-width: 110px !important; line-height: 1 !important; background: #fff;}
.innerTable td { min-width: auto !important; }
.newReportScroll th { min-width: 110px !important;background: #fff; }
.newReportScroll .borderFix { border-right:none; border-bottom:none; vertical-align: middle !important; }
.newReportScroll .borderFix2 { border-right: 2px solid #c5c5c5 !important; border-bottom:none; vertical-align: middle !important; }
.newReportScroll .borderTop { border-top: 1px solid #ddd !important; border-bottom:none; vertical-align: middle !important; }
th.nadpis { font-weight: normal; font-family: Frutiger, sans-serif; }
.newReportScroll .leftSmall { padding-left: 134px !important; }
.newReportScroll .leftMid { padding-left: 230px !important; }
.newReportScroll .leftBig { padding-left: 287px !important; }
.newReportScroll .borderNone { border:none; }
.newReportScroll .borderFirst {border-top: 1px solid #ddd !important;border-bottom: 1px solid #ddd !important;vertical-align: middle !important; }
.splitTable td { min-width: 40px !important; background: none; }


.table-grad .btn {display: block;margin-bottom: 0;}
.table-grad .btn:focus {background: none;}
.table-grad.table > tbody > tr > td {padding: 0;}
.table-grad .btn.disabled {background: rgba(0, 0, 0, 0.08);color: #333;}
.table-grad .btn.selected {background: rgba(82, 184, 60, 0.75);color: #fff;}
.table-grad .btn.inactive {background: #AAA;color: #fff;}
.table-grad .btn.danger {background: rgba(160, 0, 0, 0.75);color: #fff;}

ul.rtl li { float:right; }
div.rtl {margin-left: 0;  margin-right: 16%; float:right;}
.barFloatRight { float: right; position: relative !important; }

.i_green { color: #2db200; }
.i_red { color: #cc0000; }

.mileIQ1 { position:absolute; top: -7px; left: 50px; font-size: 19px !important; font-weight: bolder !important; }
.mileIQ2 { position:absolute; top: 15px; left: 50px; font-size: 12px !important; }
.lp .assessments .assessment.ejournal .ico{ background: url("ico.ejournal.png") center center no-repeat; }

table.noBorderTd td { border: none !important; }

table.nominating_grad tr td, table.nominating_grad tr th{ padding: 0; }

#stickerImage {width: 100%;}

.survey {text-align: center;}
.survey .box {margin: 0 5px;float: left;padding: 5px;width: 65px;border: 1px solid #b7000b;color: #b7000b;text-align: center;cursor: pointer;}
.survey .box:hover {background-color: #f4f4f4;}

.popis_survey { position: relative;width: 200px;display: inline-block;height: 41px; }
.popis_survey span{ color: #b7000b;position: absolute;top: 0;left: 0;text-align: right;width: 100%;padding: 0 10px; }

.successrtl{direction: rtl !important; float: right;}

#lista { width: 100%; position: relative; padding: 13px 20px;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ }

	#lista.max { height: 50px;transition: all 0.10s ease-out; }
	#lista.min { height: 10px;transition: all 0.50s ease-in; }
	#lista.min .left,#lista.min .right { display: none; }
	#lista.max .sipka { display: none; }

	#lista .left a{ color: #fff; text-transform: uppercase; font-size: 18px; font-family: Frutiger-LightCn; }
	#lista .left { float: left; }
	#lista .right { float: right; }
	#lista  a.link{ color: #fff; text-transform: uppercase; font-size: 18px; font-family: Frutiger-LightCn; text-decoration: none; padding: 10px 15px 8px 15px }
	#lista  a.link:hover{ background: #acacac; border-radius: 6px; }
	#lista .sipka {	display: block;font-size: 26px;	color: #fff;text-decoration: none;text-align: center;margin-top: -15px; }

h1.subheading { margin: 0;padding: 0;text-transform: uppercase;font-family: Frutiger-BoldCn;margin-bottom: 15px; font-size: 20px;color:#cc0000; }

#supportPlaceholder { z-index: 10000002; background: transparent; overflow: hidden; display: block; margin: 0px; padding: 0px; border: 0px; transition: none 0s ease 0s; position: fixed; width: 210px; height: 50px; bottom: -19px; right: 2px; }