@charset "UTF-8";
@font-face {
    font-family: 'ToyotaType';
    src: url('../fonts/ToyotaType-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'ToyotaType';
    src: url('../fonts/ToyotaType-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* @font-face {
    font-family: 'ToyotaType';
    src: url('../fonts/ToyotaType-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'ToyotaType';
    src: url('../fonts/ToyotaType-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
} */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; color: #282828; }

html { line-height: 1; }
.wrapper { margin-bottom: 0; }
ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a, a sup { color: #282828; }
a:hover, a:hover sup { color: #aaa; text-decoration: none; }
a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

* { margin: 0; padding: 0; }

body { background: #fff; font-weight: normal; color: #888; font-family: 'ToyotaType'; }
.cls { clear: both; }
.mobileOn { display: none !important; }
.mobileOff { display: inherit; }
.refIcon { display: inline-block; width: 30px; color: yellow;  }
em { font-size: .8em; font-style: italic; line-height: .8em !important; }
.btn { font-size: 1em; }
.content a:hover, .content a:hover sup, footer a:hover { text-decoration: none; color: #ccc; }
header { width: 100%; text-align: center; }
header img { width: 100%; }
/* #movetop { position: fixed; bottom: 0; background: #00495c; width: 50px; height: 50px; right: 15px; line-height: 50px; text-align: center; display: none; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 138 120.1' style='enable-background:new 0 0 138 120.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='21.9,107.2 21.9,51.3 70,20 118.1,51.3 118.1,107.2 70,76 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; cursor: pointer; } */
#movetop { position: fixed; bottom: 1em; border: solid 1px #00495c; background: transparent; width: 30px; height: 30px; right: 15px; text-align: center; display: none; cursor: pointer; opacity: 1; transition: opacity .4s .2s; border-radius: 50%; line-height: 26px; }
#movetop .movetop { float: inherit; }
#movetop:hover { opacity: 1; transition: opacity .4s .2s; border: solid 1px #fff; background: #282828; }
#movetop .fa  { transform: translate(0px, 0px); transition: transform .4s .2s; color: #00495c; }
#movetop:hover .fa { transform: translate(0px, -4px); transition: transform .4s .2s; color: #fff; }
.showtop { display: inherit !important; -webkit-animation: fadeInUp 1s; }
img.center { margin-left: auto; margin-right: auto; }
img.ra { float: right; margin-left: 2em; }
img.la { float: left; margin-right: 2em;  }

.bg-light { padding: 0; background: #fff !important; border-bottom: solid 1px #ccc; }
.home .bg-light {  background: #fff; /* border-bottom: solid 1px #282828; */ }
.home .black.bg-light {  background: #fff; border-bottom: solid 1px #282828; }
.nav-link, .nav-link b, .nav-link a { padding: 0; color: #282828; }
.navbar-nav { margin-top: 0; }
.black .navbar-nav { margin-top: -44px; }
.black.bg-light { border-bottom: solid 1px #efefef; }
.navbar-nav > li.nav-item { padding: 0 1em .5em; transition: .5s; }
.navbar-nav > li.nav-item.nav-item-no-link { padding: 0 50px .5em; border-right: none;  transition: none; font-size: .9em; }

.navbar-nav > li.nav-item.aktiv { background: #FF0022; }

/* .navbar-light .navbar-nav .nav-link { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: .8em; } */
/* .black.navbar-light .navbar-nav .nav-link { color: #282828; } */
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link sup { color: #282828; height: 90px; line-height: 90px; font-size: 1em; font-weight: 300; }
.navbar-nav li.nav-item:hover { background: #D90022; transition: .5s; }
.navbar-nav li.nav-item.nav-item-no-link:hover { background: transparent !important; transition: 0; }
.navbar-light .navbar-nav .aktiv .nav-link, .navbar-light .navbar-nav li:hover .nav-link { color: #fff !important; }
.navbar-light .navbar-nav .nav-link:hover { color: #666; }

.black {
    height: 50px;
    transition: 1s;
    background-color: #fff !important;
}
.black.bg-light {
    border-bottom: solid 1px #efefef;
}
/*
.dropdown-menu a { line-height: 2em; font-size: 1em; padding-left: 20px; }
.dropdown-menu a.nav-link { padding: 4px 20px !important; }
.dropdown-menu a:hover { background: #eee; }
.dropdown-right .dropdown-menu { right: 0; left: inherit; }
.dropdown a { outline: none; }
*/
/*
.dropdown-toggle::after {
    display: none;
}
*/
.navbar-light {  }
.navbar-brand {
  margin: 0; margin-top: 2px; text-align: center;
  width: 190px;
  height: 74px;
  float: left;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(146,165,181, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
img.brand { height: 50px; width: auto; padding: 2px 60px; margin-top: 5px; }
.start__div { margin-top: 50px; display: block; background-size: cover; background-repeat: no-repeat; }
.login_logo { height: 100px; width: auto; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	 .start__div {
	    background: url(../images/bg.jpg) no-repeat;
	}
}
@supports (-ms-accelerator:true) {
  /* IE Edge 12+ CSS styles go here */
}

.start__div h1 { margin: 0 auto; font-weight: 600; }
.start__div h1 b { letter-spacing: .05em; font-size: .75em; }
.black .navbar-brand { margin-top: 12px; width: 130px; height: 40px; }

.navbar-light .navbar-toggler { color: rgba(0,0,0,.75); border-color: rgba(0,0,0,.1); margin-top: -120px; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, #navbar-lang .nav-link, #navbar-lang .nav-link a { color: #282828; }
.navbar-meta { position: absolute; right: 15px; top: 0; }
.black .navbar-meta { position: absolute; right: 15px; top: -999px; }
.navbar-meta .navbar-nav > li.nav-item { margin: 0; padding: 0; }
.navbar-meta .navbar-nav > li.nav-item a { font-size: .8em; color: #282828; padding: 0 10px;}
.navbar-meta .navbar-nav > li.nav-item a:before { content: ''; border-right: solid 1px #ccc; position: absolute; top: 0; height: 22px; margin-left: -10px; }
.navbar-light .navbar-nav .active>.nav-link { /* border-bottom: 1px #282828 solid; */ /* font-weight: bold; */ color: #00495c !important; }
.navbar-nav > li.nav-item.active { border-bottom: solid 5px #00495c; }
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { position: relative; }
/*  Dropdown */
.dropdown-item { padding: .5em 0; }
.dropdown-menu { margin-top: 0; border-radius: 0; border: none; background: #bbb;  padding: 0; }
.navbar-light .navbar-nav .dropdown-menu .nav-link { color: #282828; height: auto; line-height: 2em; transition: .5s; padding: 15px;}
.navbar-light .navbar-nav .dropdown-menu .nav-link:hover { background: #aaa; transition: .5s; }
.navbar-light .navbar-nav .dropdown-menu .nav-link.aktiv { background: #FF0022; }


.w100 { max-width: 100px;}
.news { text-align: left; }

.teaserwrapper {
	overflow: hidden; position: relative; margin-bottom: 0; margin-top: 88px;
}

video { display: block; /* width: 100%; height: auto; */ }

h1, h2, h4, h3 { color: #282828; font-size: 2em; font-weight: 600; line-height: 1.25em; }
h1 b, h2 b, h4 b, h3 b { color: #282828; }
h1 sup, h3 sup, h4 sup { color: #00495c; }
h1 { margin-top: 0; margin-bottom: 1em; font-size: 1.5em; text-transform: uppercase; }
h1 span { font-size: .6em; }
h2 { margin-bottom: .5em; color: #282828; font-size: 2em; text-transform: uppercase; font-weight: 300; }
h2 sup, h2 a { color: #282828; }
h3 { font-size: .9375em; margin-bottom: 1em; text-transform: uppercase;  }
.abstand_h1 { display: block; margin-bottom: 1em; font-size: 1em; line-height: 1em; }
.abstand_h1_gross { display: block; margin-bottom: .5em; font-size: 2em; line-height: 1.25em; }
/* .abstand_h1 { display: block; margin-bottom: 1em; font-size: 1.5em; line-height: 1.5em; } */
p, .content li { font-size: .9375em; line-height: 1.35em; }
.linkbox p, .linkbox li { font-size: .875em; line-height: 1.35em; }
p { margin-bottom: 1em; line-height: 1.5em; }
b, strong { font-weight: 600; }
.center { text-align: center; }
h1.center, h2.center { text-align: center; font-size: 2.9em; }

form h3 { font-size: 1.1em; }
form h4 { font-size: .9em; }

.endFrame { margin-top: 120px; }

footer { padding-bottom: 3em; padding-top: 3em;  margin-top: 6em; }
footer p { color: #282828; }
.footer-svg { width: 100px; height: auto; margin: 0 auto 1em; padding: 0; }
footer .nav_h { margin: 2em 0 1.2em; }
footer ul li { display: inline-block; margin: 0 20px; font-size: .9em; }
footer a, footer a sup { color: #282828 !important; }
footer .nav_h a { text-transform: uppercase;  letter-spacing: 1px; }
.border-bottom { border-bottom: solid 1px #fff !important; margin-bottom: 0; }

section:last-child { margin-bottom: 0; }

.ra { text-align: right; }

.bg-standard { background: #efefef; }
.bg-black { background: #282828; }
.bg-dark { background: #444; }
.bg-grau { background: #EFF0F0; }
.bg-inner { padding: 20px; height: 100%; }
.bg-dark p, .bg-dark h1,  .bg-dark h2, .bg-dark h3, .bg-dark a, .bg-dark li, .bg-dark sup, .bg-dark sub,
.bg-black p,  .bg-black h1, .bg-black h2, .bg-black h3, .bg-black a, .bg-black li, .bg-black sup, .bg-black sub { color: #fff; }

hr { border: none; height: 1px; border-bottom: solid 1px #282828; margin: 3em 20em; }
/* hr { border: none; height: 5px; border-bottom: solid 5px #282828; width: 100px; text-align: center; margin: 0 auto; } */

.icons { height: 100px; margin: 0 auto 2em; }
.hellgrau { background: #eeeae9; }

h4.modal-title { text-transform: uppercase; }
.bg-color { padding: 6em 0 ; }
.hide { display: none; }

.inner { padding: 1em 2em; margin: 1em 0; }
.card.inner { background: transparent; border: none; }
.inner.weiss { background: #fff; }
.inner p, .inner sup { text-shadow: 1px 1px 4px #fff; color: #222; }
section { margin: 2em 0 0; }
sup { font-size: .8em; }

.bgIMG, .parallax { min-height: 300px; }

label { font-weight: normal; margin-bottom: .5em; font-size: .8em; color: #282828; }

.checkbox-btn.btn, a.btn, button.btn {
    border: none;
    font-size: 1rem;
    color: #fff;
    background-color: #FF0022;
    padding: 0 24px;
    height: 48px;
    min-width: 200px;
    border-radius: 100px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    transition: .5s;
}
a.btn { line-height: 48px; }

button.btn-download, a.btn-download {
    border: solid 1px #FF0022;
    color: #fff;
    background-color: #FF0022; width: 330px;
}
button.btn-download.collapsed {
    color: #FF0022;
    background-color: transparent;
}

.accordeon, .accordeon:focus { background: transparent;  font-size: 1.5em; border: none; width: 100%; text-align: left; outline : none; text-transform: uppercase; font-weight: 600; }
.accordeon { color: #FF0022; border-bottom: none;  padding: 20px 0 24px; }
.accordeon.collapsed { width: 100%; border-bottom: solid #707070 1px !important; color: #28282F; }
.accordeon:after { content: "\f107"; font: normal normal normal 25px/1 FontAwesome; position: absolute; right: 15px; margin-top: 4px; color: #FF0022; }
.accordeon.collapsed:after { content: "\f106"; position: absolute; right: 15px; margin-top: 4px; display: inline-block; font: normal normal normal 25px/1 FontAwesome;  color: #28282F; }


.accordeon:first-child {  }
.accordion { border-top: solid #707070 1px; border-bottom: solid #707070 1px; }

.btn-info {
    color: #fff;
    background-color: #05718d;
    border-color: #05718d;
}
.btn-info .fa { color: #fff; }
.btn-kinto { padding: .05em .5em .15em; }

.btn:hover { background: #D90022 !important; color: #fff !important; }

h2.btn-info:hover { cursor: none }

a.dl span { text-transform: uppercase; }
a.dl:hover { color: #FF0022; }

.card-header { background: none; border: none; padding: 0; }
.card { border: none; }
.dl__row { padding-top: 1em; padding-left: 0; }
.dl__row span.listt { display: inline-block; width: 30px; }
.dl__row .link { letter-spacing: .03em; }
.card-body { padding-top: 0; padding-left: 0; }

  
td { font-weight: normal; }
.form-control.is__empty { background: red; color: #fff; }
/* .form-control.small {width: 100%; text-align: center;  height: auto; padding: .1rem .5rem; font-size: .8rem; line-height: 1.5em; color: #495057; } */
input.form-control {    
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    text-align: left;
    height: auto;
    padding: .5em 1em .8em;
    font-size: .9em;
    line-height: 1em;
    color: #282828 !important;
    border-radius: 0;
    background-color: #fff !important;
    background: #fff !important;
    border: solid 1px #282828; font-family: 'ToyotaType'; font-weight: 300; }
.form-control:focus {
    color: #282828;
    background-color: #fff !important;
}
::-webkit-input-placeholder { /* Edge */
  font-family: 'ToyotaType' !important; font-weight: 300;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: 'ToyotaType' !important; font-weight: 300;
}

::placeholder {
  font-family: 'ToyotaType' !important; font-weight: 300;
}

.tbl_head { margin-bottom: 0; font-size: .8em; }
.tbl_head2 { margin-bottom: 4px; font-size: .8em; padding: 4px; }
.tbl_head3 { margin-bottom: 0; font-size: .8em; padding: 0 4px; font-weight: normal; }
.tbl_head3a { margin-bottom: 0; font-size: .8em; padding: 2px 4px 3px; font-weight: normal; }
.tbl_head4 { margin-bottom: 0; font-size: .7em; background: #5ba1b4; color: #fff; text-transform: uppercase; padding: 4px; }
.tbl_head5 { margin-bottom: 0; font-size: .7em; background: #0b4958; color: #fff; text-transform: uppercase; padding: 4px; }
.tbl_head6 { margin-bottom: 0; font-size: .7em; background: orange; color: #fff; text-transform: uppercase; padding: 4px; }
.tbl_head7 { margin-bottom: 0; font-size: .7em; background: green; color: #fff; text-transform: uppercase; padding: 4px; }
.tbl_head8 { margin-bottom: 0; font-size: .7em; background: red; color: #fff; text-transform: uppercase; padding: 4px; }


table.edit { width: 100%; }
table.edit td { padding: 0;  }
table.edit tr { border-bottom: solid 1px #ccc; }
table.edit tr.empty { border-bottom: none; height: 20px; }
table.edit input { border: solid 1px #ccc; width: 100%; color: #666; }
table.edit .tbl_head4 { margin-bottom: 0; font-size: .7em; background: #5ba1b4; color: #fff; text-transform: uppercase; padding: 4px; }
table.edit tr.total .tbl_head4 { background: #05718d; }
table.edit tr.total .tbl_head4 b, table.edit tr.total .tbl_head5 b, table.edit tr.total .tbl_head6 b, table.edit tr.total .tbl_head7 b, table.edit tr.total .tbl_head8 b { color: #fff; }
table.edit .tbl_head2 { margin-bottom: 5px; font-size: .8em; padding: 0px; }
.kinto th { font-size: .75em; font-weight: normal; min-width: 80px; text-align: center; vertical-align: bottom; padding-bottom: 1em; }

table.comp { width: auto; margin: 0 auto; }
table.comp td {  }
table.comp p { border-bottom: solid 1px #5ba1b4 !important; padding: 6px 20px !important; line-height: 30px; }

.kinto-admin { margin-bottom: 5em; }
.kinto-admin h3 { background: #282828; width: 100%; color: #fff; line-height: 1em; padding: 8px 20px 10px; margin-top: 1em; }
.kinto-admin h4 { background: #509bae; width: 100%; color: #fff;  font-size: .9em; margin-bottom: .5em; padding: 6px 20px 8px; }


.side__nav a { display: block; color: #0e718c; font-weight: normal; margin: 0; padding: 1em; border: solid 1px #ebf4f6; text-transform: uppercase; font-weight: normal; font-size: .8em }
.side__nav a.active { color: #282828; background: #eee; }
.side__nav a:hover { background: #ddd; }

.fixed__on_left { position: fixed; }
.scroll_hor { overflow: scroll; width: 100%; padding-bottom: 3em; }


.hr__report__1 td { padding: 0; font-size: .8em; }
.hr__report__1 p { padding: 0 20px; line-height: 1em; vertical-align: top; font-weight: normal; text-align: right; }
.hr__report__1 span { font-weight: 600; border-top: solid 1px #999; display: block; text-align: right; padding-right: 20px; padding-top: 10px; }
.hr__report__1 .head { margin-bottom: 0;  background: #5ba1b4; color: #fff; text-transform: uppercase; padding: 6px 20px 8px 0; margin-bottom: 10px; font-weight: 600; }

.tbl_sum { font-weight: 600; border-top: solid 1px #999; display: block; text-align: right; padding: 4px; padding-top: 0; font-size: .7em; }

.ra { text-align: right; }

.glossary  { font-size: .8em;  }
table.glossary { border: solid 1px #5ba1b4; width: 100% }
.glossary th { background: #5ba1b4; color: #fff; text-transform: uppercase; }
.glossary th, .glossary td { padding: 10px; }
.glossary td { border: solid 1px #5ba1b4; vertical-align: middle; font-weight: normal; }
.glossary td:nth-child(1) { width: 25%; }



/* .fleet_units, .fleet_costs, .fleet_rev, .vehicles, .it, .fac, .marketing, .hr, .other { display: none; } */ 
.fleet_units.show, .fleet_costs.show, .fleet_rev.show, .vehicles.show, .it.show, .fac.show, .marketing.show, .hr.show, .other.show { display: table-row; }

.icon { position: absolute; right: 4px; top: 4px; background: #05718d; color: #fff; padding: 0 2px 3px 3px; font-size: .8em; }
.icon.all { line-height: 1em; margin-top: 2px; }
.icon:before {
    font: normal normal normal 10px/1 FontAwesome; content: "\f067";
}
.icon.minus:before {
    font: normal normal normal 10px/1 FontAwesome; content: "\f068";
}
.rel { position: relative; }

.btn-success {
	background: url(../images/btn.jpg); background-size: cover; border: solid 1px #4d99ac;
}
.btn-success .fa {
	color: #fff;
}

td.vt {
	vertical-align: top;
}
.liste td { padding: 5px 1em !important; }
.liste tr { transition: 1s; background: #eee; }
.liste tr:hover { transition: 1s; background: #ddd; }
.btn { border-radius: 0; }
.DL { font-weight: normal; }
.DL .preview { max-width: 100px; display: block; margin-top: .5em;}
.DL .lnk { font-weight: 500; display: block; margin-bottom: .25em; }
.btn-kinto-download { background: #59646d; display: block; width: 100px; height: 100px; max-width: 100%; text-align: center; color: #fff; text-transform: uppercase; font-size: .6em; border-radius: 0; }
.btn-kinto-download:hover { background: #353c41; color: #bbb; }
.btn-kinto-download:before { content: '.'; display: block; width: 100%; height: 30px; background-repeat: no-repeat; color: #59646d; background-position: center center; background-size: contain; margin: 4px 0 8px;
   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 25.75 34.7' style='enable-background:new 0 0 25.75 34.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:3.5;%7D%0A%3C/style%3E%3Cline class='st0' x1='1.75' y1='32' x2='24.5' y2='32'/%3E%3Cline class='st0' x1='13.56' y1='0.94' x2='13.56' y2='23.31'/%3E%3Cpolyline class='st0' points='4.81,16.69 13.56,25.44 22.31,16.69 '/%3E%3C/svg%3E%0A");
}

.btn-kinto-download2 { background: #59646d; display: block; width: 40px; height: 40px; max-width: 100%; text-align: center; color: #fff; text-transform: uppercase; font-size: .6em; border-radius: 0; }
.btn-kinto-download2:hover { background: #353c41; color: #bbb; }
.btn-kinto-download2:before { content: '.'; display: block; width: 100%; height: 40px; background-repeat: no-repeat; color: #59646d; background-position: center center; background-size: contain;  margin: -7px 0; 
   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 25.75 34.7' style='enable-background:new 0 0 25.75 34.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:3.5;%7D%0A%3C/style%3E%3Cline class='st0' x1='1.75' y1='32' x2='24.5' y2='32'/%3E%3Cline class='st0' x1='13.56' y1='0.94' x2='13.56' y2='23.31'/%3E%3Cpolyline class='st0' points='4.81,16.69 13.56,25.44 22.31,16.69 '/%3E%3C/svg%3E%0A");
}

.svg-icon { max-width: 30px; }
.img-preview { max-width: 90%; }
tr.bg-bc { background: #eee; }
.btn-danger, .btn-danger .fa { color: #fff; }
.btn-link { background: #5ba1b4; width: 100%; color: #fff; transition: .5s; text-align: left; border: solid 1px #5ba1b4; }
.btn-link:hover { text-decoration: none; background: #05718d; transition: .5s; color: #fff; }
.btn-link:before { content: "\f054"; float: right; font: normal normal normal 20px/1 FontAwesome; position: absolute; right: 30px; margin-top: 4px; }

.section { margin-top: 2em; }

.bg-warn { background: rgba(12390,0,18,.3); }

.cta-container {
  position: relative;
  background: #5ba1b4;
  cursor: pointer;
  padding-bottom: 15px;
  min-height: 350px;
  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;
}
.cta-container {
  margin-bottom: 30px;
}
.cta-container h2 {
  margin-top: 15px;
  color: #0b4958;
  font-weight: normal;
}
.cta-container h2, .cta-container p {
  margin-left: 15px;
  margin-right: 30px;
}
.cta-container .desc {
  position: absolute;
  color: #fff;
  background: #2E4475;
  top: 0;
  padding: 6px 20px;
  font-weight: normal;
}
.cta-container p {
  color: #fff;
}
.cta-container h2, .cta-container p {
  margin-left: 15px;
  margin-right: 30px;
}

.grid-box {
  display: flex;
  flex-direction: column;
}

.first-row {
  display: flex;
}

.grid {
  transition: all .3s linear;
  overflow: hidden;
  margin: 1em 0;
}

.grid img {
  transition: all .2s linear;
}
.grid:hover img {
  transform: scale(1.1);
  transition: all .2s linear;
}
.grid .film__img { margin: 0; }
.mytrans { display: block; height: 200px; overflow: hidden; }

.tt { background: #05718d; border-radius: 50%; display: block; width: 14px; height: 14px; line-height: 14px; font-weight: 600; text-align: center; color: #fff; font-size: .8em; float: right; margin-left: 2em; }

.tooltip-inner {
  background: #efefef; color:  #0e718c; text-align: left;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #efefef;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #efefef;
}

.hidebar__show { display: block; width: 50px; position: fixed; top: 180px; left: 0; padding: 2px 3px 2px 0; background: rgba(255,255,255,1); text-align: center; z-index: 999; cursor: pointer; box-shadow: 0px 2px 10px -1px rgba(0,0,0,.5); transition: .5s; }
.hidebar__show:hover { background: rgba(255,255,255,.5); transition: .5s; }
.hidebar__show .fa { color: #05718d !important; }

.hidebar { display: none; width: 150px; position: fixed; top: 200px; left: 0; padding: 2px 3px 2px 0; background: rgba(255,255,255,1); z-index: 999; box-shadow: 0px 2px 10px -1px rgba(0,0,0,.5); }
.hidebar.show { display: block; }
.hidebar ul { display: block; float: left; margin-right: 10px; }
.hidebar li.on { list-style: none; background: #05718d; margin: 2px 0; height: auto; font-size: .6em; padding: 6px 4px 6px 6px; color: #fff; cursor: pointer }
.hidebar li.on.off { background: #5ba1b4; }
.hidebar li.on:hover { background: #282828; }
tr.onoff.hide { display: none !important; }
.ttl { background: #05718d !important; color: #fff !important; }
.ttl b { color: #fff !important; }

.checklist {
    color: #0e718c;
    font-weight: normal;
    margin: 0;
    padding: 1em;
    border: solid 1px #ebf4f6;
    font-size: .8em;
    background: #efefef;
    margin-bottom: 2px;
}
.checklist.th {
    background: #5ba1b4;
    text-transform: uppercase;
}
.checklist.th div {
    color: #fff;
}
.checklist .form-control {
    width: 100%;
    text-align: left;
    height: auto;
    padding: .1rem .5rem;
    font-size: .8rem;
    line-height: 1.5em;
    color: #495057;
    border-radius: 0;
}
.linkbox { cursor: pointer; }

.calendar_div { width: 100%; overflow-x: scroll; }
.calendar { display: block; }
.calendar td.fix { position: absolute; width: 150px; background: #fefefe; height: 22px; line-height: 22px; text-align: left; border-left: none}
.calendar td.td0 { width: 150px;; }
.calendar th.th0 { padding-left: 150px;; }
.calendar img { width: 50px; height: 20px; }
.calendar td, .calendar th { font-size: 9px; width: 50px; height: 20px; border: solid 1px #efefef; text-align: center; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; padding: 0; }

#show__values { height: auto; width: auto; background: rgba(255,255,255,.8); position: absolute; top: 100px; right: 100px; display: none; padding: 1em;
box-shadow: 0px 2px 10px -1px rgba(0,0,0,.5);  
border-radius:30px; width: 250px;
}
#show__values.show { display: block; z-index: 9999; }
.set__value { background: blue; display: block; width: 70px; height: 20px; color: #fff; font-size: 9px; line-height: 20px; padding: 0 10px; margin-bottom: 5px; }
.show__values__inner { border: solid 1px rgba(0,0,0,.1); padding: 1em; border-radius:20px; cursor: pointer; }
.close__values { 
    margin-top: -26px;
    margin-right: -20px;  
}
.show__values__inner h4 { font-size: 1em; }
.show__values__inner h5 { font-size: 1em; }
#comment, #popover-content { font-size: 11px; white-space: pre-line; }


#show__comment { height: auto; width: auto; background: rgba(255,255,255,1); position: fixed; top: 100px; left: 40%; display: none; padding: 1em;
box-shadow: 0px 2px 10px -1px rgba(0,0,0,.5);  
border-radius:30px; width: 300px; }
#show__comment.show { display: block; z-index: 9999; }
#my__comment { width: 100%; height: 100px; font-size: 13px; font-weight: normal; font-family: 'ToyotaType'; line-height: 1.2em; }


.category { background: #5ba1b4 !important; text-align: left !important; padding-left: 6px !important; color:#fff; line-height: 18px !important; }

.popover-body {
    color: blue;
    font-size: 11px;
}
.popover-header {
    color: #282828;
    font-size: 10px;
}
.navbar-meta .dropdown {
    position: inherit;
}
.navbar-meta .navbar-nav > li.nav-item a {
    margin-bottom: 10px;
}

.adresses .form-control { text-align: left; }
table.adresses { background: #efefef; position: relative; }
.adresses td { vertical-align: top; font-size: 13px; padding: 4px 2px; min-width: 100px; height:20px; border-bottom: solid 1px #fff; white-space: nowrap; }
td.firstcol { background: #dfdfdf; overflow: hidden;  height: 100%; }
td.firstcol table { background: #dfdfdf; overflow: hidden; height: 100%; }
td.height2 { height: 60px; }
.of { overflow-y: auto; height: 50px; display: block; padding-left: 15px; }
td.secondcol { width: 282px; display: block; }
.scroll-x { width: 100%; display: block; overflow-x: auto; }

table.kinto td:first-child {  }
table.kinto__fix td:first-child { position: absolute; width: 150px; background: #fff; height: 100%; }
td.left_padding { width: 150px; display: block; background: #fff; }

.accordion { }

/* FAQ */
#dlsection { padding: 20px 0 0; }
.faq p.lead {
	font-size: 2rem;
	font-weight: 300;
}
.top_cart {
	width: 100%;
	height: 50px;
	background: #EE7601;
	margin-bottom: 20px;
}

.collapse_data {
	padding: 0;
}
.collapse_data p {
	margin-bottom: 3em;
}

.header_collapse .fa {
	float: right;
    font-size: 25px;
}
.header_collapse {
	font-weight: 600; text-transform: uppercase;  border-top: solid #707070 1px; padding: 20px 0; cursor: pointer
}
.header_collapse.collapsed:after { content: "\f107"; font: normal normal normal 25px/1 FontAwesome; position: absolute; right: 15px; margin-top: 0; color: #FF0022; }
.header_collapse:after { content: "\f106"; position: absolute; right: 15px; margin-top: 0; display: inline-block; font: normal normal normal 25px/1 FontAwesome;  color: #28282F; }

/* End FAQ */

.mt0 { margin-top: 0px; } .mt1 { margin-top: 10px; } .mt2 { margin-top: 20px; } .mt3 { margin-top: 30px; } .mt4 { margin-top: 40px; } .mt5 { margin-top: 50px; } .mt6 { margin-top: 60px; } .mt7 { margin-top: 70px; } .mt8 { margin-top: 80px; } .mt9 { margin-top: 90px; } .mt10 { margin-top: 100px; }  .mb0 { margin-bottom: 0px; }  .mb1 { margin-bottom: 10px; }  .mb2 { margin-bottom: 20px; }  .mb3 { margin-bottom: 30px; }  .mb4 { margin-bottom: 40px; }  .mb5 { margin-bottom: 50px; }  .mb6 { margin-bottom: 60px; }  .mb7 { margin-bottom: 70px; }  .mb8 { margin-bottom: 80px; }  .mb9 { margin-bottom: 90px; }  .mb10 { margin-bottom: 100px; }  .pad0 { padding: 0px; }  .pad1 { padding: 10px; }  .pad2 { padding: 20px; }  .pad3 { padding: 30px; }  .pad4 { padding: 40px; }  .pad5 { padding: 50px; }  .pad6 { padding: 60px; }  .pad7 { padding: 70px; }  .pad8 { padding: 80px; }  .pad9 { padding: 90px; }  .pad10 { padding: 100px; }  .pt0 { padding-top: 0px; }  .pt1 { padding-top: 10px; }  .pt2 { padding-top: 20px; }  .pt3 { padding-top: 30px; }  .pt4 { padding-top: 40px; }  .pt5 { padding-top: 50px; }  .pt6 { padding-top: 60px; }  .pt7 { padding-top: 70px; }  .pt8 { padding-top: 80px; }  .pt9 { padding-top: 90px; }  .pt10 { padding-top: 100px; }  .pb0 { padding-bottom: 0px; }  .pb1 { padding-bottom: 10px; }  .pb2 { padding-bottom: 20px; }  .pb3 { padding-bottom: 30px; }  .pb4 { padding-bottom: 40px; }  .pb5 { padding-bottom: 50px; }  .pb6 { padding-bottom: 60px; }  .pb7 { padding-bottom: 70px; }  .pb8 { padding-bottom: 80px; }  .pb9 { padding-bottom: 90px; }  .pb10 { padding-bottom: 100px; }