/* CHAR.JS CSS RESPONSIVE */
@media all and (max-height:767px) {
    .donut-wrapper {
        float: left;
        max-width: 350px;
    }

    .donut-wrapper2, .donut-wrapper3 {
        width: 133px;
        max-width: 133px;
    }
}
/* CHAR.JS CSS RESPONSIVE */

/* CHART.JS CSS */
.donut-wrapper {
    float: left;
    /*min-width: 400px;*/
    /*max-width: 400px;*/
    min-width: 360px;
    max-width: 360px;
}

.donut-wrapper2, .donut-wrapper3 {
   width: 133px;
   max-width: 133px;
}

.doughnut-legend, .doughnut-legend li {
    list-style-type: none;
}

.chart-legend, .chart-legend2, .chart-legend3, .mixchart-legend {
    font-size: 25px;
    font-family: tktype;
    color: #9d9d9d;
}

.mixchart-legend div {
    display: inline;
}

.mixchart-legend, .mixchart-legend ul {
    color: #389BD5 !important;
    display: flex;
    justify-content: space-around;
    list-style-type: none;
    padding: 5px;
}

.mixchart-legend li {
    margin: 15px;
}

.chart-legend, .chart-legend ul{
    list-style-type: none;
    /*float: right;*/
}

.chart-legend{
    padding-left: 380px;
}

.chart-legend li span, .chart-legend2 li span, .chart-legend3 li span, .mixchart-legend li span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.panel-callout_type {
    float: left;
}

.panel-callout_action {
    float: right;
}

#chartjs-tooltip:before, #chartjs-tooltip:after {
  opacity: 0;
}

#chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: #e9e9e9;
  color: #434343;
  font-size: 25px;
  font-family: tktype;
  padding: 3px;
}

#chartjs-tooltip.below {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#chartjs-tooltip.below:before {
  border: solid;
  border-color: #D1DBE6 transparent;
  border-width: 0 8px 8px 8px;
  bottom: auto;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  z-index: 99;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

#chartjs-tooltip.above {
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

#chartjs-tooltip.above:before {
  border: solid;
  border-color: #D1DBE6 transparent;
  border-width: 8px 8px 0 8px;
  bottom: auto;
  content: "";
  display: block;
  left: 50%;
  top: 100%;
  position: absolute;
  z-index: 99;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/* CHART.JS CSS */

/* TKE CSS */
html, body {
    overflow-x: hidden;
}

canvas {
    max-width: 100% !important;
}

canvas.round {
    max-width: 100% !important;
}

canvas.linebar {
    height: auto;
}

textarea {
    outline: none;
    resize: none;
}

a i.icon-tk-mail.panel-text-big, 
a i.icon-tk-file-image.panel-text-big, 
a i.icon-tk-document2.panel-text-big 
{
    color: white;
}

input[type='checkbox'] {
    border: none;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    color: #668094;
    background-color: #E9EDEE;
}
input[type=checkbox].recheckbox {
   	position: relative;
   	margin-right: 10px;
   	outline: 0;
   	width: 11px !important;
   	height: 11px !important;
   	background-color: white;
   	border-radius: 0%;
   	vertical-align: middle;
   	border: 1px solid #fff !important;
   	-webkit-appearance: none;
   	outline: none;
   	cursor: pointer;
   	padding: 2px !important;
}
input[type=checkbox].recheckbox:before {
   	content: '';
   	position: absolute;
   	top: -4px;
   	left: -4px;
   	width: 18px;
   	height: 18px;
   	border: 2px solid #c4c4c4;
   	border-radius: 0;
}
input[type=checkbox].recheckbox:checked {
	background-color: white;
}
input[type=checkbox].recheckbox:checked:before {
	content: '';
	position: absolute;
	top: -4px;
	left: -4px;
	width: 18px;
	height: 18px;
	background-color: #7000bd;
	border: 2px solid #58008D;
	border-radius: 0;
}
input[type=checkbox].recheckbox:checked:after {
	content: '√';
	position: absolute;
	top: -4px;
	left: -4px;
	width: 18px;
	height: 18px;
	background-color:7000bd;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none !important;
}

@supports (-moz-appearance:meterbar) {
    .selector {
        padding-top: 0.25em;
    }
}

@supports (-webkit-appearance:none) {
    .selector {
        padding-top: 0.15em;
    }
}

.label, #header.selector.language-select.label:after {
    font-size: inherit;
    font-weight: normal;
}

.btn:focus, .btn:active, .btn.active, .btn:focus:active {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn {
    border-radius: unset;
    margin-left: unset;
}

#btn-view_all {
    margin: 0 auto;
    display: table;
}

#btn-bizhours {
    font-size: 25px;
    font-family: tktype;
    color: #00A0F0;
    /* border: 1px solid #E9EDEE; */
    text-align: left;
    border-bottom: none;
}

#btn-afterhours {
    font-size: 25px;
    font-family: tktype;
    color: #00A0F0;
    /* background-color: #E9EDEE; */
    text-align: left;
    border-bottom: none;
}

.open {
    border-bottom: unset;
    border-top: unset;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn,
.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover,
.btn.disabled:active, .btn[disabled]:active, fieldset[disabled] .btn:active{
    cursor: not-allowed;
    opacity: 1;
    background-color: #c4c4c4 !important;
    color: #ffffff !important;
    border: 1px solid #c4c4c4 !important;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.width-60 {
    width: 60%; 
}
.width-40 {
    width: 40%;
}
.subtitle {
    padding-left: 15px;
    font-size: 30px;
    font-family: tktype;
    color: #231F20;
}

.toggles {
    margin: 0 auto;
    display: inline-flex;
    justify-content: center;
    flex-flow: row wrap;
    padding: 5px;
}

li.dropdown.open ul#dropdown-language.dropdown-menu
{
    display: inline-flex;
    flex: 1;
    flex-flow: column nowrap;
    width: 30px;
}

.dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    border-radius: unset;
}

.doughnuttextinside-legend, .doughnut-legend {
    list-style-type: none;
    line-height: 40px;
}

.big-linebar-div {
    margin:0 auto;
}

.big-donut-div {
    min-width: 300px; 
    min-height: 300px; 
    margin:0 auto;
}

.small-donut-div {
    min-width: 133px; 
    min-height: 133px; 
    margin:0 auto;
}

.metanavi ul li {
    color: white;
    font-size: 1em;
    line-height: 1.625em;
    float: left;
    line-height: 32px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
}

#page-wrapper {
    max-width: 1340px;
    margin: 0 auto;
    border-left: none;
    border-left-color: transparent;
    border-left-style: none;
    border-left-width: 0px;
    padding: 0;
}

.icon-tk-mail:before {
    content: "\e911"
}

.fc-event, .fc-event-dot {
    background-color: #00A0F0 !important;
    border: 1px solid #00A0F0 !important;
    border-radius: 0px !important;
}

.fc-toolbar.fc-header-toolbar {
    min-height: 50px;
    margin-bottom: 0px !important;
    background-color: #00A0F0;
    color: #fff;
}

.ui-icon-tk-arrow-left:before {
    font-family: icomoon;
    content: "\e61d"
}

.ui-icon-tk-arrow-right:before {
    font-family: icomoon;
    content: "\e61a"
}

#wrapper {
    padding-bottom: 80px;
    background-color: white;
}

.no-padding-left {
    padding-left: 0px;
}

.disp-table-center {
    display: table;
    margin: 0 auto;
}

.disp-block-right {
    display: block;
    margin: 0 auto;
    text-align: right;
}

.disp-block-center {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.disp-flex-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.disp-flex-evenly {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-evenly;
}

.disp-flex-baseline {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.disp-grid {
    display: grid;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: ##262626;
    text-decoration: none;
    background-color: unset;
	background-color: #e9e9e9;
}

ul.dropdown-menu, ul.dropdown-menu li, ul.dropdown-menu li a {
    font-size: 25px;
    font-family: tktype;
    color: #434343;
    background-color: #ffffff;
}

ul.dropdown-menu > li:hover, ul.dropdown-menu > li:focus {
    color: ##262626;
    text-decoration: none;
	background-color: #e9e9e9;
}

ul.dropdown-menu {
    max-height: 300px;
    max-width: 320px;
    overflow-y: auto;
    overflow-x: hidden;
	border: 2px solid #262626;
}

.filters, 
.panel-maintenance, .panel-repairs, .panel-inspection, .panel-callouts,.panel-user,
.panel-group-maintenance, .panel-group-repairs, .panel-group-inspection, .panel-group-callouts,.panel-group-user,
.panel-heading-maintenance, .panel-heading-repairs, .panel-heading-inspection, .panel-heading-callouts,.panel-heading-user,
.panel-collapse-maintenance, .panel-collapse-repairs, .panel-collapse-inspection, .panel-collapse-callouts,.panel-collapse-user,
.panel-title-maintenance, .panel-title-repairs, .panel-title-inspection, .panel-title-callouts,.panel-title-user,
.panel-title-maintenance a, .panel-title-repairs a, .panel-title-inspection a, .panel-title-callouts a,.panel-title-user a,
.panel-title-maintenance a:hover, .panel-title-repairs a:hover, .panel-title-inspection a:hover, .panel-title-callouts a:hover,.panel-title-user a:hover
.panel-body-maintenance, .panel-body-repairs, .panel-body-inspection, .panel-body-callouts,.panel-body-user
{
    font-size: 25px;
    font-family: tktype;
    color: #434343;
    background-color: #e9e9e9;
    margin: 0;
}

.btn-collapse {
    margin-top: 0.2em;
}

.btn-maintenance, .btn-repairs, .btn-inspection, .btn-callouts, .btn-block,
.btn-maintenance a, .btn-repairs a, .btn-inspection a, .btn-callouts a,
.btn-maintenance a:hover, .btn-repairs a:hover, .btn-inspection a:hover .btn-callouts a:hover,
.btn-maintenance a:focus, .btn-repairs a:focus, .btn-inspection a:focus .btn-callouts a:focus,
.btn-maintenance a:active, .btn-repairs a:active, .btn-inspection a:active .btn-callouts a:active,
.btn-block a:active, .btn-repairs a:active, .btn-inspection a:active .btn-callouts a:active
{
    font-size: 25px;
    font-family: tktype;
    color: #7000bd !important;
    background-color: ##e9e9e9;
    margin: 5px;
}

.btn-maintenance_toggled, .btn-repairs_toggled, .btn-inspection_toggled, .btn-callouts_toggled,
.btn-maintenance_toggled a, .btn-repairs_toggled a, .btn-inspection_toggled a, .btn-callouts_toggled a,
.btn-maintenance_toggled a:hover, .btn-repairs_toggled a:hover, .btn-inspection_toggled a:hover, .btn-callouts_toggled a:hover,
.btn-maintenance_toggled a:focus, .btn-repairs_toggled a:focus, .btn-inspection_toggled a:focus, .btn-callouts_toggled a:focus
{
    font-size: 25px;
    font-family: tktype;
    color: #7000bd !important;
    opacity: .80;
    background-color: white;
    border: 1px solid;
}

.btn-role.active, .btn-role.active a, .btn-role.active a:hover, .btn-role.active a:focus 
{
    font-size: 25px;
    font-family: tktype;
    color: #ffffff !important;
    background-color: #7000bd;
}

.btn-role, .btn-role a, .btn-role a:hover, .btn-role a:focus 
{
    font-size: 25px;
    font-family: tktype;
    color: #7000bd !important;
    background-color: white;
    border: 1px solid;
}

.submenu-filter {
    padding: 3px 20px;
    min-width: 330px;
}

.filters-search {
    width: 50%;
}

#datepicker_from, #datepicker_to {
    border: 0;
    max-width: 150px;
}

/* RADIO ITEMS */
.radio-item {
  display: inline-block;
  position: relative;
  padding: 0 6px;
}

.radio-item input[type='radio'],
.radio-item input[type='checkbox'] 
{
  display: none;
}

.radio-item label {
  color: #666;
  font-weight: normal;
}

.radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 1em;
  height: 1em;
  border-radius: 16px;
  border: 2px solid #D1DBE6;
  background-color: transparent;
}

.radio-item input[type=checkbox]:checked + label:after,
.radio-item input[type=radio]:checked + label:after {
  border-radius: 16px;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 5px;
  content: " ";
  display: block;
  background: #ffffff;
  border: 0.3em solid #7000bd;
}
/* RADIO ITEMS */

/* PSEUDO CLASS FOR PLACEHOLDER */
input#datepicker_from::-webkit-input-placeholder,
input#datepicker_to::-webkit-input-placeholder
{ /* Chrome/Opera/Safari */
    color: #668094 !important;
    opacity: 1;
}
input#datepicker_from::-moz-placeholder,
input#datepicker_to::-moz-placeholder
{ /* Firefox 19+ */
    color: #668094 !important;
    opacity: 1;
}
input#datepicker_from:-ms-input-placeholder,
input#datepicker_to:-ms-input-placeholder 
{ /* IE 10+ */
    color: #668094 !important;
    opacity: 1;
    line-height: 1em;
}
input#datepicker_from:-moz-placeholder 
input#datepicker_to:-moz-placeholder 
{ /* Firefox 18- */
    color: #668094 !important;
    opacity: 1;
}
/* PSEUDO CLASS FOR PLACEHOLDER */

.datepicker,
.datepicker table
{
    font-family: tktype;
    background-color: #D1DBE6;
}

.datepicker table tr td, .datepicker table tr th {
    border-radius: 0px;
}

.datepicker div.datepicker-days table.table-condensed thead tr th.dow,
.datepicker-switch
{
    font-family: tktype;
    background-color: #D1DBE6;
}

td.today:hover,
td.today 
{
    font-family: tktype;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today 
{
    background-color: #00A0F0;
    border-color: #00A0F0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
    line-height: 1.5em !important;
    border: unset !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
}

.select2-container,
.select2-container--default,
.select2-selection__placeholder,
.select2-selection__arrow,
.select2-dropdown,
.select2-results
{
    box-shadow: unset;
    border: none !important;
    border-radius: unset !important;
    font-size: 25px !important;
    font-family: tktype;
    color: #668094 !important;
    background-color: #E9EDEE !important;
    height: 44px;
    padding-left: 10px;
}

.select2-selection--single,
.select2-selection__rendered
{
    color: #668094 !important;
    background-color: #E9EDEE !important;
    border: unset !important;
    border-radius: unset !important;
}

.select2-results__option
{
    color: #668094 !important;
    background-color: #D1DBE6 !important;
}

.select2-results__option--highlighted
{
    color: #668094 !important;
    background-color: #E9EDEE !important;
}

.filters {
    display: table;
}

.filters-daterangepicker {
    display: inherit;
    float: right;
    background-color: #c4c4c4;
    padding-left: 1em;
    font-size: 23px;
    padding: 6px 12px;
}

.filters-datepicker {
    line-height: inherit;
    display: inherit;
    float: right;
    background-color: #D1DBE6;
}


.btn-filters-datepicker,.btn-filters-datepicker:hover,.btn-filters-datepicker:visited .filters-datepicker {
    font-size: 25px;
    font-family: tktype;
    color: #262626;
    background-color: #c4c4c4;
}
.btn-filters,.btn-filters:hover,.btn-filters:visited {
    font-size: 25px;
    font-family: tktype;
    color: #434343;
    background-color: #e9e9e9;
}

.btn-success{
    font-family: tktype;
    color: #ffffff;
    background-color: #7000bd !important;
    border-color: #7000bd !important; 
}
.btn-success:hover
{
    font-family: tktype;
    color: #ffffff;
    background-color: #a31aff !important;
    border-color: #a31aff !important; 
}

.btn-select_all,.btn-select_all:hover,.btn-select_all:visited
{
    font-size: 18px;
    font-family: tktype;
    color: #7000bd;
    background-color: transparent;
    border-color: transparent;
}

.btn-info, .panel-maintenance_details, .panel-repairs_details, .panel-inspection_details, .panel-callouts_details,.panel-user_details,
.panel-heading-maintenance_details, .panel-heading-repairs_details, .panel-heading-inspection_details, .panel-heading-callouts_details, .panel-heading-user_details,
.panel-collapse-maintenance_details, .panel-collapse-repairs_details, .panel-collapse-inspection_details, .panel-collapse-callouts_details,.panel-collapse-user_details,
.panel-body-maintenance_details, .panel-body-repairs_details, .panel-body-inspection_details, .panel-body-callouts_details,.panel-body-user_details,
.panel-title-maintenance_details, .panel-title-repairs_details, .panel-title-inspection_details, .panel-title-callouts_details,.panel-title-user_details,
.panel-title-maintenance_details h4, .panel-title-repairs_details h4, .panel-title-inspection_details h4, .panel-title-callouts_details h4,.panel-title-user_details h4,
.panel-title-maintenance_details a, .panel-title-repairs_details a, .panel-title-inspection_details a, .panel-title-callouts_details a,.panel-title-user_details a,
.panel-title-maintenance_details a:hover, .panel-title-repairs_details a:hover, .panel-title-inspection_details a:hover, .panel-title-callouts_details a:hover,.panel-title-user_details a:hover
{
    font-size: 25px;
    font-family: tktype;
    color: #ffffff !important;
    background-color: #7000bd !important;
    border-color: #7000bd !important; 
}
.btn-info:hover{
	background-color: #B400FF !important;
	border-color: #B400FF !important; 
}
.btn-info:active{
	background-color: #58008D !important;
	border-color: #58008D !important; 
}
.panel-default {
    border-color: unset;
}
.panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 0px none transparent;
    border-radius: 0px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.form-login, .form-control{
    border: 1px solid #9d9d9d;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    font-size: 15px;
    font-family: tktype;
    color: #434343;
    background-color: #ffffff;
    height: 44px; 
}

.form-login:focus,.form-control:focus{
    border-color:#7000bd;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    font-size: 15px;
    font-family: tktype;
    color: #434343;
    background-color: #ffffff;
    height: 44px; 
}

#div-our_interventions {
    padding-top: 20em;
}

#div-calendar-spacer {
    padding-top: 15px;
}

#div-callouts-spacer {
    padding-top: 5em;
}

.page-header, #our_interventions {
    font-size: 50px;
    font-family: tktype;
    color: #231f20;
    border-bottom: unset;
}

.page-header {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    line-height: 1em;
}

.panel-default > .panel-heading {
    color: #231f20;
    background-color: #fff;	
    border-bottom: unset;
    border-bottom-color: transparent;
    border-bottom-width: 0px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: unset;
    border-bottom-color: transparent;
    border-bottom-width: 0px;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

div#panel-default.panel.panel-callout_type div.panel-heading h3.panel-title,
div#panel-default.panel.panel-callout_action div.panel-heading h3.panel-title
{
    color: #231F20;
}

.panel-personal_info .panel-heading .panel-title,
.panel-change_password .panel-heading .panel-title {
    color: black;
}

.panel-title {
    font-size: 30px;
    font-family: tktype;
    margin-top: 0;
    margin-bottom: 0;
	color: #262626;
}
.panel-title-maintenance_details.panel-title{
	color: #ffffff;
}

label {
    margin-bottom: 0px;
    font-weight: normal;
}

/* PASSWORD CHECK MATCHES */
.password-ok {
    border: 2px dashed green;
    background-color: rgba(0,255,0,0.1);
}

.password-nok {
    border: 2px dashed red;
    background-color: rgba(255,0,0,0.1);
}
/* PASSWORD CHECK MATCHES */

/* PASSWORD CHECK METER */
meter {
  /* Reset the default appearance */
/*  -webkit-appearance: none; */
     -moz-appearance: none;
          appearance: none;

/*   margin: 0 auto 1em; */
    margin: 0.5em 0 0.5em 0;
    width: 100%;
    height: 0.5em;

    /* Applicable only to Firefox */
    background: none;
    background-color: rgba(0, 0, 0, 0.1);
}

meter::-webkit-meter-bar {
  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}

/* Webkit based browsers */
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }

/* Gecko based browsers */
meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: yellow; }
meter[value="3"]::-moz-meter-bar { background: orange; }
meter[value="4"]::-moz-meter-bar { background: green; }

.feedback {
    font-size: 20px;
    font-family: tktype;
    color: #668094;
    line-height: 1.25em;
}
/* PASSWORD CHECK METER */

.panel-group .panel {
    margin-bottom: 0;
    border-radius: unset;
}

.panel {
  border-radius: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.panel-group-border {
    border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.form-group {
    margin-bottom: 10px;
}

.form-horizontal .control-label {
   padding-top: unset;
   text-align: left;
}

.panel-text, .control-label {
    font-size: 25px;
    font-family: tktype;
}
.panel-text-small {
    font-size: 20px;
    font-family: tktype;
}
.panel-text-big {
    font-size: 40px;
    font-family: tktype;
}

.panel-avail div.panel-body div.panel-text.dark-blue, 
.panel-response div.panel-body div.panel-text.dark-blue ,
.panel-contract div.panel-body div.panel-text.dark-blue ,
.panel-sales div.panel-body div.panel-text.dark-blue 
{
    /*float:left; 
    width:60%; */
    text-align:left;
}
.panel-avail div.panel-body div.panel-text-big.tk-blue, 
.panel-response div.panel-body div.panel-text-big.tk-blue,
.panel-contract div.panel-body div.panel-text-medium.tk-blue,
.panel-sales div.panel-body div.panel-text-medium.tk-blue
{
    /* float:right; 
    width:40%;  */
    text-align:left;
}


.panel-user div.panel-body {
    padding: unset;
}

.panel-maintenance div.panel-body,
.panel-inspection div.panel-body,
.panel-repairs div.panel-body
{
    /* padding-top: 0px; */
}

.acct_mgmt_info {
    padding-left: unset;
}

div#panel-default.panel.panel-contract div.panel-body div.panel-text.dark-blue,
div#panel-default.panel.panel-contract div.panel-body div.panel-text.tk-blue,
div#panel-default.panel.panel-sales div.panel-body div.panel-text.dark-blue,
div#panel-default.panel.panel-sales div.panel-body div.panel-text.tk-blue
{
    line-height: 50px;
}

.panel-text,.panel-text-small,.panel-text-big {
    line-height: 60px;
}
.tk-blue {
    color: #262626;
}
.dark-blue {
    color: #9d9d9d;
}

#tk-plus-minus {
    float: right;
}

/* COLLAPSIBLE +/- */
a[aria-expanded="true"] div.panel-heading.panel-heading-border h4.panel-title.panel-title-border i#tk-plus-minus.icon-tk-plus::before {
    content: "\e603";
}
a[aria-expanded="true"] i#tk-plus-minus.icon-tk-plus::before,
a[aria-expanded="true"] i#tk-plus-minus.icon-tk-arrow-left::before 
{
    content: "\e603";
}
/* COLLAPSIBLE +/- */

/* CANVAS SIZE */
.cbar-wrapper {
    min-width: 80%
}
/* CANVAS SIZE */

/* HORIZONTAL MULTI SELECT */
/* #data {
    overflow:hidden;
    padding:0;
    width:100vw;
}
#data select {
    padding:0;
    padding-left:1px;
    border:none;
    background-color:#eee;
    width:100vw;
    white-space: normal;
    height:200px;
}
#data option {
    height:100px;
    width:100px;
    border:1px solid #000;
    background-color:white;
    margin-left:-1px;
    display:inline-block;
} */
/* HORIZONTAL MULTI SELECT */

/* TKE CSS */

@charset "UTF-8";

@font-face {
  font-family: "tke-extra-icons";
  src:url("../fonts/tke-extra-icons.eot");
  src:url("../fonts/tke-extra-icons.eot_") format("embedded-opentype"),
    url("../fonts/tke-extra-icons.woff") format("woff"),
    url("../fonts/tke-extra-icons.ttf") format("truetype"),
    url("../fonts/tke-extra-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "tke-extra-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-tke"]:before,
[class*=" icon-tke"]:before {
    display: inline-block;
    font-family: "tke-extra-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tke-computer:before {
  content: "\71";
}
.icon-tke-file:before {
  content: "\77";
}
.icon-tke-calendar:before {
  content: "\65";
}

/* GENERAL RULES FOR MOBILE */
@media all  
  and (max-device-width: 499px)
  and (orientation: landscape) {
    .chart-legend {
        /* float: right; */
        padding-left: 5px;
    }
}

@media all  
  and (max-device-width: 1232px) {
    .chart-legend {
        float: left;
        padding-left: 0px;
    }

    .panel-callout_action {
        float: left;
    }
}

@media all  
  and (max-device-width: 736px) {
    .panel-user,.panel-group-user,.panel-heading-user,.panel-collapse-user,.panel-title-user, .panel-title-user a, .panel-title-user a:hover, .panel-body-user {
        font-size: 21px;
    }

    .btn-info {
        margin-top: 5px;
    }

    .disp-block-right {
        display: inline-table;
        text-align: center;
    }

    div#panel-default.panel.panel-contract div.panel-body div.panel-text.dark-blue,
    div#panel-default.panel.panel-contract div.panel-body div.panel-text.tk-blue,
    div#panel-default.panel.panel-sales div.panel-body div.panel-text.dark-blue,
    div#panel-default.panel.panel-sales div.panel-body div.panel-text.tk-blue,
    .panel-text,.panel-text-small,.panel-text-big {
        line-height: 1.5em;
        /* padding-bottom: 30px; */
    }

    .toggles {
        margin: 0 auto;
        display: inline-flex;
        justify-content: unset;
        flex-flow: row wrap;
    }

    .chart-legend, .chart-legend2, .chart-legend3 {
        max-width: 300px;
    }

    .chart-legend2, .chart-legend3 {
        width: 200%;
    }

    #div-our_interventions {
        padding-top: 1em;
    }
    .filters-datepicker, .filters-daterangepicker {
        float: left;
    }
    .chart-legend {
        float: left;
    }
    .donut-wrapper {
        min-width: 300px;
    }
    .panel-callouts {
        display: table-caption;
    }
    .filters {
        display: flex;
        flex-flow: column wrap;
        /*width: 80%;*/
        /*width: 92%;*/
        margin: 0 auto;
        margin-left: 15px;
        margin-right: 15px;
        /* 
        grid-template-columns: 1fr ;
        grid-template-rows: [row1-start] 25% [row1-end] 25% [third-line] auto [last-line]; 
        justify-items: left;
        /*grid-template:
            [row1-start] 44px "filter1 filter1 filter1" [row1-end]
            [row2-start] "footer footer footer" 44px [row2-end]
            / 10px auto 10px; */
    }
}
@media all  
  and (orientation: landscape) {

    .filters-datepicker, .filters-daterangepicker {
        float: right;
    }
    .filters {
        display: inherit;
    }
    .btn-filters, .btn-filters:hover, .btn-filters-datepicker, .btn-filters-datepicker:hover {
        font-size: 23px;
    }
}
/* GENERAL RULES FOR MOBILE */

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  /* and (-webkit-min-device-pixel-ratio: 2) */ {
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
    .panel-title {
        font-size: 25px;
    }
    .panel-text {
        font-size: 20px;
    }
    .panel-text-small {
        font-size: 15px;
    }
    .panel-text-big {
        font-size: 35px;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  /* and (-webkit-min-device-pixel-ratio: 2) */
  and (orientation: portrait) {
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
    .panel-title {
        font-size: 25px;
    }
    .panel-text {
        font-size: 20px;
    }
    .panel-text-small {
        font-size: 15px;
    }
    .panel-text-big {
        font-size: 35px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  /* and (-webkit-min-device-pixel-ratio: 2) */
  and (orientation: landscape) {
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  /* and (-webkit-min-device-pixel-ratio: 2) */ {
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
    .panel-title {
        font-size: 25px;
    }
    .panel-text {
        font-size: 20px;
    }
    .panel-text-small {
        font-size: 15px;
    }
    .panel-text-big {
        font-size: 35px;
    }
    .btn-filters, .btn-filters:hover, .btn-filters-datepicker, .btn-filters-datepicker:hover {
        font-size: 21px;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  /* and (-webkit-min-device-pixel-ratio: 2) */
  and (orientation: portrait) {
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
    .panel-title {
        font-size: 25px;
    }
    .panel-text {
        font-size: 20px;
    }
    .panel-text-small {
        font-size: 15px;
    }
    .panel-text-big {
        font-size: 35px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  /* and (-webkit-min-device-pixel-ratio: 2) */
  and (orientation: landscape) {
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
    .btn-filters, .btn-filters:hover, .btn-filters-datepicker, .btn-filters-datepicker:hover {
        font-size: 21px;
    }
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  /* and (-webkit-min-device-pixel-ratio: 2) */ { 
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
    .panel-title {
        font-size: 29px;
    }
    .panel-text {
        font-size: 25px;
    }
    .panel-text-small {
        font-size: 20px;
    }
    .panel-text-big {
        font-size: 40px;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  /* and (-webkit-min-device-pixel-ratio: 2) */
  and (orientation: portrait) { 
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
    .panel-title {
        font-size: 29px;
    }
    .panel-text {
        font-size: 20px;
    }
    .panel-text-small {
        font-size: 15px;
    }
    .panel-text-big {
        font-size: 35px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  /* and (-webkit-min-device-pixel-ratio: 2) */
  and (orientation: landscape) { 
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  /* and (-webkit-min-device-pixel-ratio: 3) */ { 
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
    .panel-title {
        font-size: 29px;
    }
    .panel-text {
        font-size: 25px;
    }
    .panel-text-small {
        font-size: 20px;
    }
    .panel-text-big {
        font-size: 40px;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  /* and (-webkit-min-device-pixel-ratio: 3) */
  and (orientation: portrait) { 
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
    .panel-title {
        font-size: 29px;
    }
    .panel-text {
        font-size: 20px;
    }
    .panel-text-small {
        font-size: 15px;
    }
    .panel-text-big {
        font-size: 35px;
    }

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  /* and (-webkit-min-device-pixel-ratio: 3) */
  and (orientation: landscape) { 
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
}


/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  /* and (-webkit-min-device-pixel-ratio: 1) */ {
    #div-our_interventions {
        padding-top: 1em;
    }
    .panel-avail div.panel-body div.panel-text.dark-blue, .panel-response div.panel-body div.panel-text.dark-blue {
        width:75%; 
    }
    .panel-avail div.panel-body div.panel-text-big.tk-blue, .panel-response div.panel-body div.panel-text-big.tk-blue {
        width:25%; 
    }
}

/* ----------- calendar ----------- */

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a{
	background-color: #FFBD7A !important;
	color: #F16B08 !important;
}

/* ----------- daterangepicker ----------- */
.daterangepicker td.active,
.daterangepicker td.active:hover{
	background-color: #7000bd !important;
}
.daterangepicker .input-mini.active{
	border-color: #7000bd !important;
}

/* ----------- jquery-ui ----------- */

.ui-widget.ui-widget-content{
	background-color: #ffffff;
}
.ui-widget-content{
	color: #262626;
}
.ui-widget-header{
	border: 1px solid #262626;
	background-color: #262626;
}

/* ----------- button ----------- */
.sec-btn{
	background-color: inherit !important;
	border-color: #7000bd !important;
	color: #7000bd !important;
}

.sec-btn:hover{
	background-color: inherit !important;
	border-color: #B400FF !important;
	color: #B400FF !important;
}

.sec-btn:focus,.search-btn:active{
	background-color: inherit !important;
	border-color: #58008D !important;
	color: #58008D !important;
}