/* ROWS */ .ts-col-12 {width: 100%;} .ts-col-11 {width: 91.6667%;} .ts-col-10 {width: 83.3333%;} .ts-col-9 {width: 75%;} .ts-col-8 {width: 66.6667%;} .ts-col-7 {width: 58.3333%;} .ts-col-6 {width: 50%;} .ts-col-5 {width: 41.6667%;} .ts-col-4 {width: 33.3333%;} .ts-col-3 {width: 25%;} .ts-col-2 {width: 16.6667%;} .ts-col-1 {width: 8.3333%;} .ts-col-12 {display: block;float:none;position: relative;padding: 5px;} .ts-col-11, .ts-col-10, .ts-col-9, .ts-col-8, .ts-col-7, .ts-col-6, .ts-col-5, .ts-col-4, .ts-col-3, .ts-col-2, .ts-col-1 {display: inline;float:left;position: relative;padding: 5px;} .ts-row:after {clear: both;} /*** GLOBALS ***/ @import url('https://fonts.googleapis.com/css?family=Lato'); body {font-family: 'Lato',serif!important;} .spacer {clear:both;display:block;height: 40px} .clear,.clearer {clear: both;} /* LAYOUT */ #ts-container {padding-top: 30px;} #ts-container:after {clear: both;} #ts-sidebar {width: 25%;float: left;display: inline;} #ts-content {width: 75%;float: left;display: inline;padding-left: 60px;} .ts-sidebar {width: 25%;float: left;display: inline;margin-top: 30px;} #ts-sidebar .ts-sidebar {width: auto;float:none;display: block;margin-top: 0px;} .ts-hide {display: none;} body.vc_responsive .ts-no-padd-left {padding-left: 0;} body.vc_responsive .ts-no-padd-right {padding-right: 0;} .ts-small {font-size: 10px;} .ts-right {text-align: right;} #ts-logo {width:25%;float:left;display: inline;position: relative;} #ts-filter {width:50%;float:left;display: inline;position: relative;} #site-navigation {width:25%;float:left;display: inline;position: relative;} /*** AF INT ADS ***/ /* * #ebebeb grey * #b8b8b8 dark grey * #41a3c9 blue * * */ #navbar {margin-top: 30px;} /*** FILTER ***/ a.ts-cb-headline {display: block; color:#41a3c9;border-bottom: 1px solid #ebebeb; padding: 5px 0; margin-bottom: 15px;cursor: pointer;} a.ts-cb-headline.ts-on:after {content: "+";display: inline-block;right:5px;position: absolute; color: #ebebeb;} a.ts-cb-headline:hover {border-bottom-color:#41a3c9;text-decoration: none;color:#41a3c9;} a.ts-cb-headline:hover:after {color:#41a3c9;} .ts-checkbox-outer {font-weight: normal;margin-right: 0px;width: 49%;} .ts-checkbox-outer > input {margin-right: 3px!important;} .ts-cb-container {margin-bottom: 20px;} #ts-current-month {background-color: #dedede;text-transform: none;font-weight: 400;} #ts-current-month:hover {background-color: #b8b8b8;} #ts-date-label {width: 25%;line-height: 44px;font-weight: 300;} #ts-date {background-color:#dedede;width: 75%;display: inline-block;border-radius: 30px; padding: 12px;text-align: center;text-transform: uppercase;font-weight: 300; color:#fff;margin-bottom: 10px;border: 0;float: right; -webkit-transition: all 250ms linear !important; -moz-transition: all 250ms linear !important; -o-transition: all 250ms linear !important; -ms-transition: all 250ms linear !important; transition: all 250ms linear !important;} #ts-date:focus {border: 0;box-shadow: 0;outline: 0;background-color: #b8b8b8;} #ts-date:hover {background-color: #b8b8b8;cursor: pointer;} #ts-date.ts-active, #ts-current-month.ts-active {background-color: #41a3c9;} #ts-date.ts-active:before, #ts-current-month.ts-active:before {content: "\f00c";position: absolute;left: 25px;font-family: "FontAwesome"} #site-navigation {padding: 5px;} #site-navigation ul {margin: 0 auto;list-style: none outside none;} /*** BUTTONS, NAV ***/ .ts-button, a.ts-button, #site-navigation a {width: 100%;display: inline-block;background-color: #b8b8b8; border-radius: 0px; padding: 12px;text-align: center;text-transform: uppercase;font-weight: 500; color:#fff;margin-bottom: 10px;text-decoration: none!important; -webkit-transition: all 250ms linear !important; -moz-transition: all 250ms linear !important; -o-transition: all 250ms linear !important; -ms-transition: all 250ms linear !important; transition: all 250ms linear !important; } .ts-button:focus, .ts-button:hover, a.ts-button:hover, #site-navigation a:hover {background-color: #898989;text-decoration: none!important;color: #fff;} #site-navigation .ts-button-reset a {background-color:#fa6a7b;} #site-navigation .ts-button-reset a:hover {background-color:#c65361;} /*** TABLE ***/ input[type=search]:focus {border: 0;box-shadow: 0;outline: 0;background-color: #b8b8b8;color:#fff;} input[type=search] {position: absolute;left: 0;top: 34px;width: 210px;border: 0;color:#9d9d9d;font-weight: 400; background-color: #f2f2f2;padding: 4px;border-radius: 20px;text-align: center; display: none;} #example_filter label {color:#fff;} table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {background-position: calc(100% - 10px) center !important;} table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {padding:10px 30px 10px 10px!important;} table.dataTable thead th, table.dataTable tfoot th {font-weight: 400!important;} table.dataTable thead th, table.dataTable thead td {border-top:1px solid #efeeee!important;border-bottom:1px solid #efeeee!important; box-shadow: 0 4px 2px -2px #000;} table.dataTable tfoot th, table.dataTable tfoot td {border-top:0!important;border-bottom:1px solid #efeeee!important;} table.dataTable thead th:first-child, table.dataTable thead td:first-child, table.dataTable tfoot th:first-child, table.dataTable tfoot td:first-child {border-left:1px solid #efeeee!important;} table.dataTable thead th:last-child, table.dataTable thead td:last-child, table.dataTable tfoot th:last-child, table.dataTable tfoot td:last-child {border-right:1px solid #efeeee!important;} table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {border-top: 0!important;} table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {background-color: #f5f5f5!important;} table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {background-color: #c5e3ee!important;} table.dataTable tbody td {border-left:1px solid #e9e9e9!important;border-bottom: 1px solid #e9e9e9!important;} table.dataTable tbody td:last-child {border-right:1px solid #e9e9e9!important;} #ts-sum {font-size: 13px;font-weight: 700!important;text-align: center;text-transform: uppercase;} #ts-calls-sum {min-width: 60px;text-align: center;padding:6px!important} #ts-roi-sum {min-width: 60px;text-align: center;padding:6px!important} #ts-costs-sum {min-width: 90px;text-align: center;padding:6px!important} #ts-share-sum {min-width: 90px;text-align: center;padding:6px!important} #ts-minutes-sum {min-width: 70px;text-align: center;padding:6px!important} #ts-minutes-sum span, #ts-costs-sum span, #ts-roi-sum span, #ts-calls-sum span {padding: 5px;border-radius: 12px;display: block;background-color: #f2f2f2; font-size: 13px;font-weight: 700;} #ts-share-sum span {padding: 5px;border-radius: 12px;display: block;background-color: #a1cf37; font-size: 13px;font-weight: 700;color:#fff;} .ts-number {text-align: center;} .ts-target {text-align: center;} .ts-costs, .ts-calls {text-align: right;} .ts-minutes,.ts-center {text-align: center;} .ts-eur,.ts-eur-in,.ts-chf,.ts-chf-in {text-align: right;} /* .ts-eur:before,.ts-eur-in:before {content:"€";position:relative;margin-right: 10px;} .ts-chf:before,.ts-chf-in:before {content:"SFr";position:relative;margin-right: 10px;} .ts-costsperminute {text-align: right;min-width: 60px;} .ts-costsperminute:before {content:"€";position:relative;margin-right: 10px;} .ts-costsperminute-chf {text-align: right;min-width: 60px;} .ts-costsperminute-chf:before {content:"SFr";position:relative;margin-right: 10px;} */ .ts-center, .ts-service {text-align: center;} .ts-customer {text-align: center;} .ts-custid {text-align: right;} .ts-medium {text-align: center;} .ts-seconds {text-align: right;} .ts-medium, .ts-details {text-align: center;min-width: 120px;} .dataTables_wrapper .dataTables_info {font-size: 13px!important;} .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {font-size: 13px!important;padding: 2px!important;} .dataTables_wrapper .dataTables_paginate .paginate_button {padding: 2px!important;min-width: 26px!important;} body .dataTables_wrapper .dataTables_paginate .paginate_button.current, body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background:#41a3c9 url("")!important;color:#fff!important;border:0!important;} /*** FOOTER ***/ footer.ts-footer {position: relative;bottom:0;width: 100%;background-color:#41a3c9;color:#fff; margin: 30px auto 0;text-align: center;} footer.ts-footer ul {margin: 0 auto;padding: 15px;} footer.ts-footer ul li {display: inline;position: relative;} footer.ts-footer ul li:after {content:"|";margin: 0 5px 0 10px;} footer.ts-footer ul li:last-child:after {content:"";} footer.ts-footer a {color: #fff;} /*** PHONE HELP ***/ #help-phone {text-align: center!important;} #help-pin, #help-close {float: left;display: inline;position: relative;margin-right: 4%;width: 48%;} #help-pin {margin-right: 0;} body input#phone-help-input {margin: 0 35%!important;position:relative!important;width: 30%;min-width:30%;text-align: center;font-size: 32px!important;font-weight: 500!important;} #ts-pin-numbers {margin: 15px auto 30px;max-width: 280px;width: 100%;} #ts-pin-numbers .pin {width: 31.3333%;border: 1px solid #aaa;margin: 1%;float: left;display: inline;position: relative;text-align: center; text-decoration: none;font-size: 28px;padding: 5px;line-height: 60px; /*box shadow*/ -webkit-box-shadow: 0px 1px 3px #000000;-moz-box-shadow: 0px 1px 3px #000000;box-shadow: 0px 1px 3px #000000; /*box radius*/ -moz-border-radius: 5px;border-radius: 5px; /*gradient*/ background: #ffffff; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */ } #ts-pin-numbers .pin.buttonDown {background:none;background-color: #c9cdd5; -webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;} #ts-pin-numbers #pinclr {width: 64.6666%;} /*** DATA PRIVACY ***/ body .fancybox-opened {top: 0!important;left: 0!important;width: 100%!important;height: 100%!important;} body .fancybox-inner, body .fancybox-skin {height: 100%!important;margin: 0 auto;}