:root{
	--ca_hintergrund_farbe: #fff;
	--ca_text_family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--ca_text_size: 14;
	--ca_text_color: #333;
	--ca_text_weight: bold;
	--ca_text_family2: Arial;
	--ca_text_size2: 12;
	--ca_text_color2: #333;
	--ca_text_weight2: normal;
	--ca_zeile_farbe: #fff;
	--ca_zeile_farbe2: #fff;
	--ca_text_color3: #47a447;
	--ca_text_weight3: bold;
	--ca_rahmen_hintergrund: #f5f5f5;
	--ca_rahmen_textcolor: #999999;
	--ca_rahmen_textfamily: Arial;
	--ca_rahmen_textsize: 12;
	--ca_button_background: #2A6FC9;
	--ca_button_background_hover: #2f7de3;
	--ca_button_fontcolor: #fff;
	--ca_button_fontcolor_hover: #fff;
	--ca_link_color: #ffffff;
	--ca_link_color_hover: #ffffff;
	--ca_link_color_background: #47a447;
	--ca_link_color_background_hover: #5cb85c;
	--ca_link_color_background_use: 1;
	--ca_link_fontfamily: Arial, Tahoma;
	--ca_link_fontsize: 12;
	--ca_anmerkung_color: #999;
	--ca_anmerkung_size: 10;
	--ca_fussnote_color: #444;
	--ca_fussnote_size: 10;
	--ca_headline_show_h1: 1;
}
/* 
    Created on : 15.05.2020
    Author     : verticalAds Group
    Version    : 2.0
*/

/*
    1. General Settings
    2. Calculator Form Settings
    3. Calculator Header Settings
    4. Calculator Row Settings
    5. Calculator Footer Setting
    6. Calculator Media Queries Settings
*/

/*=========== 1. General Settings ===========*/
#ca_calc{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    background-color: var(--ca_hintergrund_farbe);
    max-width: 1210px;
    min-width: 60%;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 15px;
}

.ca_headline{
    display:var(--ca_headline_show_h1);
}

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*=========== 2. Calculator Form Settings ===========*/
.ca_form { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding:10px 0px !important;
    line-height:14px !important;
}

.ca_form-abstand{
    margin-bottom: 10px !important;
}

.ca_label{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    margin: 0px 0px 7px 0px !important;
    color: var(--ca_text_color) !important;
}

.ca_label-text-form{
    padding-left: 17px !important;
    padding-top:6px !important;
    margin-right: 7px !important;
}

/* --- Form Select --- */
#ca_calc select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent:0.01px !important;
    text-overflow:'';
}

.ca_select_subtext{
    font-size: 12px;
    margin-top: 4px;
}

.ca_select-group .ca_calc_mobileweb_volume,
.ca_select-group .ca_calc_contract_period,
.ca_select-group .ca_calc_sms_volume,
.ca_select-group .ca_calc_numberporting,
.ca_select-group .ca_calc_device_id,
.ca_select-group .ca_calc_device_colorid,
.ca_select-group .ca_calc_device_memory,
.ca_select-group .ca_calc_cost_setup_max,
.ca_select-group .ca_calc_phone_volume,
.ca_select-group .ca_calc_web_speed_down,
.ca_select-group .ca_calc_strom,
.ca_select-group .ca_calc_thg,
.ca_select-group .ca_calc_customer_status,
.ca_select-group .ca_calc_postcode_city,
.ca_select-group .ca_calc_street,
.ca_select-group .ca_calc_city,
.ca_select-group .ca_calc_postcode_changer{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    display: block !important;
    width:100% !important;
    height: 34px !important;
    margin:0px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left:5px !important;
    padding-right: 30px !important;
    font-size:13px !important;
    font-weight:normal !important;
    color: var(--ca_text_color) !important;
    background: url(//cdn.communicationads.net/images/caret_down.png) !important;
    background-color: #ffffff !important;
    background-position: center right -9px !important;
    background-repeat: no-repeat !important;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 1px solid #cccccc !important;
    border-radius:0px !important;
    outline: none !important;
}

/* --- Hide custom-image in lower versions of Internet Explorer (< IE10). --- */
.lt-ie10 .ca_calc_mobile_volume,
.lt-ie10 .ca_calc_sms_volume,
.lt-ie10 .ca_calc_numberporting,
.lt-ie10 .ca_calc_device_id,
.lt-ie10 .ca_calc_device_colorid,
.lt-ie10 .ca_calc_device_memory,
.lt-ie10 .ca_calc_cost_setup_max,
.lt-ie10 .ca_calc_phone_volume,
.lt-ie10 .ca_calc_home_speed,
.lt-ie10 .ca_calc_customer_changer_oldcontract{ 
    background-image: none !important; 
    padding-right: 10px !important;
}

/* --- Hide arrow in upper versions of Internet Explorer (> IE10). --- */
.ca_calc_mobile_volume::-ms-expand,
.ca_calc_sms_volume::-ms-expand,
.ca_calc_numberporting::-ms-expand,
.ca_calc_device_id::-ms-expand,
.ca_calc_device_colorid::-ms-expand,
.ca_calc_device_memory::-ms-expand,
.ca_calc_cost_setup_max::-ms-expand,
.ca_calc_phone_volume::-ms-expand,
.ca_calc_home_speed::-ms-expand,
.ca_calc_customer_changer_oldcontract::-ms-expand{
    display: none !important;
    padding:0px !important;
}

/* --- Form Input --- */
.ca_input-group .ca_calc_home_areacode,
.ca_input-group .ca_calc_stromgas_postcode,
.ca_input-group .ca_calc_postcode_city,
.ca_input-group .ca_calc_stromgas_consumption {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    display: block !important;
    width:100% !important;
    height: 34px !important;
    margin:0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left:5px !important;
    padding-right: 5px !important;
    font-size:13px !important;
    font-weight:normal !important;
    color: var(--ca_text_color) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 1px solid #cccccc !important;
    border-radius:0px !important;
    outline: none !important;
}

/* --- Form Submit Button --- */
.ca_button-submit { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    background: var(--ca_button_background) !important;
    border: none !important;
    border-radius:0px !important;
    color: var(--ca_button_fontcolor) !important;
    text-align: center !important;
    text-decoration: none !important;
    -webkit-transition: all .1s ease-in-out !important;
    transition: all .1s ease-in-out !important;
    font-size: 13px !important;
    font-weight: bold !important;
    padding: 8px 5px 8px 5px !important;
    white-space: nowrap !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    margin:0 0 5px 0 !important;
    outline: none !important;
    line-height:20px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.ca_textlink-submit {
    background: none;
    border: none;
    text-decoration: underline;
    padding-top: 8px;
}

.ca_button-submit:hover,
.ca_button-submit:focus,
.ca_button-submit:active,
.ca_button-submit.active,
.open .dropdown-toggle.ca_button-submit {
    color: var(--ca_button_fontcolor_hover) !important;
    background-color: var(--ca_button_background_hover) !important;
}

/* --- Form Weitere Leistungen Button --- */
.ca_button-weitere-optionen { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    border: none !important;
    color: var(--ca_button_background) !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    margin: 1px 0 0px 0;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.ca_button-weitere-optionen i{
    font-size: 16px !important;
    padding-left: 5px !important;
}

/* --- Checkbox und Radio Button --- */
.ca_control {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    cursor: pointer;
    font-size: 14px;
}
.ca_control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display:none;
}
.ca_vergleich{
    display:none;
}
.ca_control_indicator {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background: #ffffff;
    border:1px solid #156fbc;
}

.ca_control:hover input ~ .ca_control_indicator,
.ca_control input:focus ~ .ca_control_indicator {
    background: #ffffff;
}

.ca_control input:checked ~ .ca_control_indicator {
    background: #156fbc;
}

.ca_control:hover input:not([disabled]):checked ~ .ca_control_indicator,
.ca_control input:checked:focus ~ .ca_control_indicator {
    background: #156fbc;
}

.ca_control input:disabled ~ .ca_control_indicator {
    background: #156fbc;
    pointer-events: none;
    opacity: .75;
}

.ca_control_indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.ca_control input:checked ~ .ca_control_indicator:after {
    display: block;
}

.ca_control-checkbox .ca_control_indicator:after {
    left: 4px;
    top: 1px;
    width: 8px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.ca_control-checkbox input:disabled ~ .ca_control_indicator:after {
    border-color: #FFFFFF;
}

.ca_control-radio .ca_control_indicator:after {
    left: 4px;
    top: 1px;
    width: 8px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.ca_control-radio input:disabled ~ .ca_control_indicator:after {
    background: #7b7b7b;
}

.ca_countries-icons input[type=radio] {
    display:none;
}

.ca_calc_roadassistance_countries_1 input[type=radio] + label{
    background: url("//communicationads.net/responsive/img/germany.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    display:inline-block;
    padding: 3px;
    border:1px solid #ccc;
    margin: 0px 5px 0px 5px !important;
}

.ca_calc_roadassistance_countries_1 input[type=radio]:checked + label{
    background: url("//communicationads.net/responsive/img/germany-blue.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    padding: 3px;
    border:1px solid #2A6FC9;
    background-color:#FFF;
    margin: 0px 5px 0px 5px !important;
}

.ca_calc_roadassistance_countries_2 input[type=radio] + label{
    background: url("//communicationads.net/responsive/img/euro-symbol.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    display:inline-block;
    padding: 3px;
    border:1px solid #ccc;
    margin: 0px 5px 0px 5px !important;
}

.ca_calc_roadassistance_countries_2 input[type=radio]:checked + label{
    background: url("//communicationads.net/responsive/img/euro-symbol-blue.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    padding: 3px;
    border:1px solid #2A6FC9;
    background-color:#FFF;
    margin: 0px 5px 0px 5px !important;
}

.ca_calc_roadassistance_countries_3 input[type=radio] + label{
    background: url("//communicationads.net/responsive/img/earth.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    display:inline-block;
    padding: 3px;
    border:1px solid #ccc;
    margin: 0px 5px 0px 5px !important;
}

.ca_calc_roadassistance_countries_3 input[type=radio]:checked + label{
    background: url("//communicationads.net/responsive/img/earth-blue.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    padding: 3px;
    border:1px solid #2A6FC9;
    background-color:#FFF;
    margin: 0px 5px 0px 5px !important;
}

.ca_calc_roadassistance_person_1 input[type=radio] + label{
    background: url("//communicationads.net/responsive/img/user.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    display:inline-block;
    padding: 3px;
    border:1px solid #ccc;
    margin: 0px 5px 0px 5px !important;
}

.ca_calc_roadassistance_person_1 input[type=radio]:checked + label{
    background: url("//communicationads.net/responsive/img/user-blue.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    padding: 3px;
    border:1px solid #2A6FC9;
    background-color:#FFF;
    margin: 0px 5px 0px 5px !important;
}

.ca_calc_roadassistance_person_2 input[type=radio] + label{
    background: url("//communicationads.net/responsive/img/paar.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    display:inline-block;
    padding: 3px;
    border:1px solid #ccc;
    margin: 0px 5px 0px 5px !important;
}

.ca_calc_roadassistance_person_2 input[type=radio]:checked + label{
    background: url("//communicationads.net/responsive/img/paar-blue.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    padding: 3px;
    border:1px solid #2A6FC9;
    background-color:#FFF;
    margin: 0px 5px 0px 5px !important;
}

.ca_calc_roadassistance_person_3 input[type=radio] + label{
    background: url("//communicationads.net/responsive/img/family.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    display:inline-block;
    padding: 3px;
    border:1px solid #ccc;
    margin: 0px 5px 0px 5px !important;
}

.ca_calc_roadassistance_person_3 input[type=radio]:checked + label{
    background: url("//communicationads.net/responsive/img/family-blue.png") no-repeat;
    background-size: 90%;
	background-position:center 3px;
    height: 50px;
    width: 50px;
    padding: 3px;
    border:1px solid #2A6FC9;
    background-color:#FFF;
    margin: 0px 5px 0px 5px !important;
}

.ca_person-icons span{
	display:inline-block;
}

.ca_person-icons input[type=radio] {
    display:none;
}

.ca_checkbox-radio-abstand label{
    display: inline-block;
    margin-top: 5px;
}

.ca_checkbox-label{
    font-size:13px;
    padding-top: 6px;
    padding-left: 20px;
}

.ca_countries-icons span{
	display:inline-block;
}

.ca_icon-text{
	font-size:11px;
	text-align:center;
}

/*=========== 3. Calculator Header Settings ===========*/
.ca_headzeile{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
    color: var(--ca_rahmen_text_color) !important; 
    background: var(--ca_rahmen_hintergrund) !important; 
    border-top:1px solid #ccc !important;
    line-height: 14px !important;
}

/*=========== 4. Calculator Row Settings ===========*/
.ca_zeile{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
    font-weight: normal;
    padding:10px 8px 8px 8px;
    border:1px solid #cccccc; 
    color: var(--ca_text_color);
    margin-top: 10px;
}

.ca_zeile li{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
    font-weight: normal;
}

/* --- Logo Settings --- */
.ca_logoimg {
    width:100%;
    max-width:170px;
    max-height: 70px;
    border:none !important;
    outline: none !important;
}

.ca_provider-img{
    /* width:100%; */
    /* max-width: 20px !important; */
    max-height:20px !important;
	margin-top: 12px;
}

/* --- Typography Settings --- */
.ca_product-info{
    line-height: 18px !important;
}

.ca_company{
    font-size:13px;
    font-weight: bold;
}

.ca_product{
    font-size:12px;
    font-weight: normal;
}

.ca_gebuehren {
    font-size: 18px;
    font-weight: bold;
    color: var(--ca_text_color) !important;
}

.ca_gebuehren-gruen{
    font-size: 24px;
    font-weight: var(--ca_text_weight);
    color:var(--ca_text_color3);
}

.ca_gebuehren-klein {
    color: var(--ca_text_color) !important;
    font-size: 13px !important;
    text-decoration: none !important;
    line-height: 1.5;
}

.ca_provider-text{
    font-size: 12px;
    font-weight: normal;
    margin-top: -26px;
    margin-left: 23px;
}

.ca_monatlich-einmalig{
    line-height: 18px !important;    
}

.ca_sm .ca_company{
    padding-top: 5px;
}

/* --- List Settings ---*/
ul.ca_besonderheiten {
    list-style:none;
    padding-left: 0px !important;
    font-size: 13px !important;
    margin: 0 !important;
    line-height: 20px;
}

ul.ca_besonderheiten li::before {
    color: var(--ca_text_color3);
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    left: -3px;
    top: -1px;
}

ul.ca_besonderheiten li{
    padding: 0 0 0px 18px;
    display: block;
    position: relative;
    line-height: 20px;
    margin-left: 2px;
}

.ca_bold {
    font-size: 13px !important;
    font-weight: bold;
}

#ca_calc li:nth-child(n).fa-phone-square:before {
    content: "\f098" !important;
    left: -1px;
}

#ca_calc li:nth-child(n).fa-wifi:before {
    content: "\f1eb" !important;
}

#ca_calc li:nth-child(n).fa-mobile-phone:before {
    content: "\f10b" !important;
    left: 0px;
    font-size:20px;
}

#ca_calc li:nth-child(n).fa-comments:before {
    content: "\f086" !important;
    left: -2px;
}

#ca_calc li:nth-child(n).fa-check:before {
    content: "\f00c" !important;
}

#ca_calc li:nth-child(n).fa-clock-o:before {
    content: "\f017" !important;
    left: -2px;
}

#ca_calc li:nth-child(n).fa-money:before {
    content: "\f0d6" !important;
    left: -3px;
}

#ca_calc li:nth-child(n).fa-tachometer:before {
    content: "\f0e4" !important;
    left: -3px;
}

#ca_calc li:nth-child(n).fa-monitor:before {
    content: "\f108" !important;
    left: -3px;
}

#ca_calc li:nth-child(n).fa-upload:before {
    content: "\f093" !important;
    left: -1.5px;
}

#ca_calc li:nth-child(n).fa-download:before {
    content: "\f019" !important;
    left: -1.5px;
}

#ca_calc li:nth-child(n).fa-exclamation:before {
    content: "\f06a" !important;
    left: -1.5px;
}

#ca_calc li:nth-child(n).fa-gift:before {
    content: "\f06b" !important;
    left: -1.5px;
}

/*Border Settings*/
.ca_border-top{
    border-top: 1px dashed #ccc;
    margin-top: 7px;
    padding-top: 7px;    
}

.ca_border-bottom{
    border-bottom: 1px dashed #ccc;
    margin-bottom: 7px;
    padding-bottom: 7px;    
}

.ca_popover-border-bottom-bold{
    border-bottom:2px solid #ccc;
    padding-bottom:7px;
    margin-bottom:7px;   
}

.ca_popover-border-bottom{
    border-bottom:1px solid #ccc;
    padding-bottom:7px;
    margin-bottom:7px;
}

/* --- Popover Settings --- */
.ca_popover .popover{
    border-radius:0px !important;
    border:1px solid #ccc !important;
    width: 300px !important;
}

.ca_popover .popover-header{
    background-color:#fff !important;
    border-radius: 0px !important;
}

.ca_popover .popover-content{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
    background-color: #fff;
    font-size:1rem;
    padding:0px 7px !important;
    font-size: 13px !important;
}

.ca_popover a{
    outline:none !important;
    text-decoration:none!important;
    color: var(--ca_text_color) !important;    
}

.ca_close-icon a{
    color: var(--ca_button_background) !important; 
    font-size:24px; 
    font-weight:500;
    padding: 0px 5px 0px 10px !important;
    text-decoration: none !important;
}

.ca_popover ul {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    margin-left: 0px !important;
}

.ca_close-icon a:hover{
    color:#000 !important; 
}

.ca_popover-text-bold{
    font-size: 13px;
    font-weight: bold;
}

.ca_popover-text-bold-greun{
    font-size: 13px;
    font-weight: bold;
    color:#47a447;
}

.ca_popover-text-klein{
    font-size: 11px;
    color:#999999;
}

/* --- Icon Settings --- */
.ca_details-Ja:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #53AD50;
    font-size: 18px !important;
    margin-top: 1px;
}

.ca_details-Nein:before {
    font-family: FontAwesome;
    content: "\f00d";
    color: #cb0000;
    font-size: 18px !important;
    margin-top: 1px;
}

.ca_details-1:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #53AD50;
    font-size: 18px !important;
    margin-top: 1px;
}

.ca_details-0:before {
    font-family: FontAwesome;
    content: "\f00d";
    color: #cb0000;
    font-size: 18px !important;
    margin-top: 1px;
}

/* Button Settings */
.ca_button { 
    display: block;
    font-size:13px;
    background-color: var(--ca_link_color_background) !important;
    border-radius: 4px !important;
    color: var(--ca_link_color) !important;
    text-align: center !important;
    text-decoration: none !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    font-weight:bold !important;
    outline: none !important;
    width:100% !important;
    cursor: pointer;
    padding:10px 15px;
}

.ca_button:hover,
.ca_button:focus,
.ca_button:active,
.ca_button.active,
.open .dropdown-toggle.ca_button {
    color: var(--ca_link_color_hover) !important;
    background-color: var(--ca_link_color_background_hover) !important;
    outline: none !important;
}

.ca_button-produktdetails{
    font-size:13px;
    color: var(--ca_text_color) !important;
    text-decoration: none !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    font-weight:bold !important;
    outline: none !important;
    cursor: pointer;
    margin-top: 10px;
    display: block;
}

.ca_button-produktdetails-separate{
    margin-top: 0px;
}

.ca_button-produktdetails:hover {
    color: var(--ca_text_color) !important;
    background-color: #ffffff !important;
    outline: none !important;
}

/* --- Tarifdetails Settings --- */
.ca_tarifdetails{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.ca_tarifdetails-border{
    border-top:1px dashed #ccc;
    padding: 10px 0px 0px 0px !important;
    margin-top: 10px;
}

.ca_tarifdetails-title{
    font-size:16px;
    color:#999;
}

.ca_tarifdetails-text{
    font-size:13px;
    color: var(--ca_text_color);
	line-height:1.4em;
}

.ca_tarifdetails-text small {
	line-height:1em;
}

.ca_tarifdetails-text-gruen{
    font-size:13px;
    font-weight: bold;
    color:#47a447;
}

.ca_tarifdetails-border-bottom-title{
    border-bottom:1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 6px;
}

.ca_tarifdetails-border-bottom-text{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.ca_tarifdetails-row-abstand{
    margin-top: 20px;
}

.ca_tarifdetails-effektivpreis{
    font-size:15px;
    font-weight: bold;
}

.ca_tarifdetails-effektivpreis-cost{
    font-size: 18px;
    font-weight: bold;
    color: var(--ca_text_color2);
}

.ca_tarifdetails-text-klein{
    font-size: 11px;
    color:#999;
}

.ca_produktinformationblatt{
    border-bottom: 1px dotted #333;
    padding-bottom:1px;
    text-decoration: none;
    font-size: 13px;
    color: var(--ca_text_color);
}

/* --- Smartphone Weitere Farben --- */
.ca_device-color{
    font-size: 11px;
    margin-top: 7px;
}

.ca_button_color{
    border-radius: 0px !important;
    width: 8px;
    height:8px;
    padding: 8px;
    margin-right: 3px;
    cursor: pointer !important;
    outline: none !important;
    -webkit-appearance: none;
    box-shadow: inset 0 0 0 1px white;
    display: inline-block;
    list-style: none;
}

.ca_silver{
    background-color: #C4C2C3;
    border: 1px solid #C4C2C3;
}

.ca_grey{
    background-color: #666666;
    border: 1px solid #666666;
}

.ca_black{
    background-color: #000000;
    border: 1px solid #000000;
}

.ca_gold{
    background-color: #E8CA7A;
    border: 1px solid #E8CA7A;
}

.ca_green{
    background-color: #32CD32;
    border: 1px solid #32CD32;	
}

.ca_blue {
    background-color: #0078FF;
    border: 1px solid #0078FF;
}

.ca_white{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
}

.ca_brown{
    background-color: #8B4513;
    border: 1px solid #8B4513;
}

.ca_yellow{
    background-color: #F9FF1D;
    border: 1px solid #F9FF1D;
}

.ca_pink {
    background-color: rgba(221, 155, 143, 1);
    border: 1px solid rgba(221, 155, 143, 1);
}

.ca_red{
    background-color: #FF0000;
    border: 1px solid #FF0000;
}

.ca_purple{
    background-color: #EE82EE;
    border: 1px solid #EE82EE;
}

.ca_orange{
    background-color: #FFA500;
    border: 1px solid #FFA500;
}

.ca_copper{
    background-color: #B8860B;
    border: 1px solid #B8860B;
}

.ca_rose{
    background-color: #F2BCAC;
    border: 1px solid #F2BCAC;
}


/*TarifTipp Einstellungen (Ribbon Settings)*/
.ca_zeile-tipp {
    background-color: #e4eef2 !important;
}

.ca_ribbon{
    color: #fff;
    position: relative;
    background: #2f7de3 !important;
    border: 1px solid #2f7de3;
    box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	padding: 5px 10px;
    clear: both;
	min-width:200px;
	text-align:center;
}

/*Right Ribbon*/
div.ca_right-ribbon{
	margin-top: -11px;
	left: 7px;
	float: right !important;
	margin-bottom:10px;
}

div.ca_right-ribbon::before{
    display: block;
    width: 10px;
    height: 0px;
    position: absolute;
    bottom: -8px;
    right: -4px;
    content: "";
    border-bottom: 7px solid transparent;
    border-left: 7px solid #456a7c;
}

/*=========== 5. Calculator Footer Settings ===========*/	
.ca_footnotes{
    border:1px solid #ddd;
    background-color:#f5f5f5; /* HINTERGRUNDFARBE FOOTER */	
    font-size:11px; /* SCHRIFTGRÖSSE FOOTER */	
    color: #999999; /* SCHRIFTFARBE FOOTER */	
    padding:7px 10px;
    margin-top:10px;
    margin-bottom:20px;
}

.ca_incentive{
    font-size:11px;
    color: #40AB1D;
    cursor:default;
    border-bottom:1px dotted #40AB1D;
    display:table;
    display:inline;
}

.ca_headline h1{
    font-weight: normal !important;
}
    
.ca_control{
    margin-top: 5px;
    margin-bottom:8px;
}

.ca_device-img{
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ca_effektivpreis-align{
    margin-top: -2px;
    text-align: center;
}

.ca_device-name{
    font-size: 11px;
    text-align: center;
    margin-bottom: 5px;
}

.ca_tarifdetails-right{
    padding-left: 0px;
    padding-right: 0px;
}

#loadmore{
    margin: 10px;
    border: 1px solid #cccccc;
    padding: 10px;
    background-color: white;
    color: black;
    font-weight: bold;
    cursor: pointer;
}

.loader{
    margin: 10px;
    height: 37px;
}

/*=========== 6. Calculator Media Queries Settings ===========*/
@media (max-width:480px){
    .ca_headline h1{
        font-size: 26px !important;
    }

    .ca_leistungen-xs-abstand{
        margin-top: 3px;
    }

    .ca_effektivpreis-align{
        margin-top: -2px;
    }

    .ca_device-img{
        width: 70px;
    }

}

@media (min-width: 481px) and (max-width:767px) {
    .ca_headline h1{
        font-size: 28px !important;
    }

    .ca_form-checkbox-radio-height{
        height:34px !important;
    }

    .ca_monatlich-einmalig{
        text-align: right;
        margin-bottom: 7px;
    }

    .ca_effektivpreis-align{
        margin-top: -2px;
    }

    .ca_device-img{
        width: 80px;
    }

    .ca_button-submit-abstand{
        margin-top:5px;
    }

}

@media (min-width: 768px) and (max-width:991px) {
    .ca_headline h1{
        font-size: 30px !important;
    }

    .ca_form-checkbox-radio-height{
        height:34px !important;
    }

    .ca_effektivpreis-align{
        margin-top: -2px;
    }

    .ca_device-img{
        max-width: 90px;
    }

    .ca_button-submit-abstand{
        margin-top:5px;
    }

}

@media (min-width: 992px){
    .ca_headline h1{
        font-size: 30px !important;
    }

    .ca_effektivpreis-align{
        margin-top: -2px;
    }

    .ca_device-img{
        max-width: 100px;
    }

    .ca_junge-abstand{
        margin-top:30px;
    }

    .ca_button-submit-abstand{
        margin-top:35px;
    }
}  

.ca_xs .ca_tarifdetails-center, .ca_sm .ca_tarifdetails-center, .ca_xs .ca_tarifdetails-right, .ca_sm .ca_tarifdetails-right {
    margin-top: 20px;
}

@media (min-width: 481px) {
    .ca_container {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .ca_container {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .ca_container {
        width: 100%;
        max-width:1170px !important;
    }
}

.ca_container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 8px;
    padding-right: 8px; 
}

.ca_row {
    margin-left: -8px;
    margin-right: -8px;
}

.ca_container:before,
.ca_container:after,
.ca_container-fluid:before,
.ca_container-fluid:after,
.ca_row:before,
.ca_row:after {
    display: table;
    content: " ";
}

.ca_container:after,
.ca_container-fluid:after,
.ca_row:after {
    clear: both;
}

.ca_xs-1, .ca_sm-1, .ca_md-1, .ca_lg-1, 
.ca_xs-2, .ca_sm-2, .ca_md-2, .ca_lg-2, 
.ca_xs-3, .ca_sm-3, .ca_md-3, .ca_lg-3, 
.ca_xs-4, .ca_sm-4, .ca_md-4, .ca_lg-4, 
.ca_xs-5, .ca_sm-5, .ca_md-5, .ca_lg-5, 
.ca_xs-6, .ca_sm-6, .ca_md-6, .ca_lg-6, 
.ca_xs-7, .ca_sm-7, .ca_md-7, .ca_lg-7, 
.ca_xs-8, .ca_sm-8, .ca_md-8, .ca_lg-8, 
.ca_xs-9, .ca_sm-9, .ca_md-9, .ca_lg-9, 
.ca_xs-10, .ca_sm-10, .ca_md-10, .ca_lg-10, 
.ca_xs-11, .ca_sm-11, .ca_md-11, .ca_lg-11, 
.ca_xs-12, .ca_sm-12, .ca_md-12, .ca_lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
}

.ca_xs-1, .ca_xs-2, .ca_xs-3, .ca_xs-4, .ca_xs-5, .ca_xs-6, .ca_xs-7, .ca_xs-8, .ca_xs-9, .ca_xs-10, .ca_xs-11, .ca_xs-12 {
    float: left;
}
.ca_xs-12 {
    width: 100%;
}
.ca_xs-11 {
    width: 91.66666667%;
}
.ca_xs-10 {
    width: 83.33333333%;
}
.ca_xs-9 {
    width: 75%;
}
.ca_xs-8 {
    width: 66.66666667%;
}
.ca_xs-7 {
    width: 58.33333333%;
}
.ca_xs-6 {
    width: 50%;
}
.ca_xs-5 {
    width: 41.66666667%;
}
.ca_xs-4 {
    width: 33.33333333%;
}
.ca_xs-3 {
    width: 25%;
}
.ca_xs-2 {
    width: 16.66666667%;
}
.ca_xs-1 {
    width: 8.33333333%;
}
.ca_xs-pull-12 {
    right: 100%;
}
.ca_xs-pull-11 {
    right: 91.66666667%;
}
.ca_xs-pull-10 {
    right: 83.33333333%;
}
.ca_xs-pull-9 {
    right: 75%;
}
.ca_xs-pull-8 {
    right: 66.66666667%;
}
.ca_xs-pull-7 {
    right: 58.33333333%;
}
.ca_xs-pull-6 {
    right: 50%;
}
.ca_xs-pull-5 {
    right: 41.66666667%;
}
.ca_xs-pull-4 {
    right: 33.33333333%;
}
.ca_xs-pull-3 {
    right: 25%;
}
.ca_xs-pull-2 {
    right: 16.66666667%;
}
.ca_xs-pull-1 {
    right: 8.33333333%;
}
.ca_xs-pull-0 {
    right: auto;
}
.ca_xs-push-12 {
    left: 100%;
}
.ca_xs-push-11 {
    left: 91.66666667%;
}
.ca_xs-push-10 {
    left: 83.33333333%;
}
.ca_xs-push-9 {
    left: 75%;
}
.ca_xs-push-8 {
    left: 66.66666667%;
}
.ca_xs-push-7 {
    left: 58.33333333%;
}
.ca_xs-push-6 {
    left: 50%;
}
.ca_xs-push-5 {
    left: 41.66666667%;
}
.ca_xs-push-4 {
    left: 33.33333333%;
}
.ca_xs-push-3 {
    left: 25%;
}
.ca_xs-push-2 {
    left: 16.66666667%;
}
.ca_xs-push-1 {
    left: 8.33333333%;
}
.ca_xs-push-0 {
    left: auto;
}
.ca_xs-offset-12 {
    margin-left: 100%;
}
.ca_xs-offset-11 {
    margin-left: 91.66666667%;
}
.ca_xs-offset-10 {
    margin-left: 83.33333333%;
}
.ca_xs-offset-9 {
    margin-left: 75%;
}
.ca_xs-offset-8 {
    margin-left: 66.66666667%;
}
.ca_xs-offset-7 {
    margin-left: 58.33333333%;
}
.ca_xs-offset-6 {
    margin-left: 50%;
}
.ca_xs-offset-5 {
    margin-left: 41.66666667%;
}
.ca_xs-offset-4 {
    margin-left: 33.33333333%;
}
.ca_xs-offset-3 {
    margin-left: 25%;
}
.ca_xs-offset-2 {
    margin-left: 16.66666667%;
}
.ca_xs-offset-1 {
    margin-left: 8.33333333%;
}
.ca_xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 481px) {
    .ca_sm-1, .ca_sm-2, .ca_sm-3, .ca_sm-4, .ca_sm-5, .ca_sm-6, .ca_sm-7, .ca_sm-8, .ca_sm-9, .ca_sm-10, .ca_sm-11, .ca_sm-12 {float: left;}
    .ca_sm-12 {width: 100%;}
    .ca_sm-11 {width: 91.66666667%;}
    .ca_sm-10 {width: 83.33333333%;}
    .ca_sm-9 {
        width: 75%;
    }
    .ca_sm-8 {
        width: 66.66666667%;
    }
    .ca_sm-7 {
        width: 58.33333333%;
    }
    .ca_sm-6 {
        width: 50%;
    }
    .ca_sm-5 {
        width: 41.66666667%;
    }
    .ca_sm-4 {
        width: 33.33333333%;
    }
    .ca_sm-3 {
        width: 25%;
    }
    .ca_sm-2 {
        width: 16.66666667%;
    }
    .ca_sm-1 {
        width: 8.33333333%;
    }
    .ca_sm-pull-12 {
        right: 100%;
    }
    .ca_sm-pull-11 {
        right: 91.66666667%;
    }
    .ca_sm-pull-10 {
        right: 83.33333333%;
    }
    .ca_sm-pull-9 {
        right: 75%;
    }
    .ca_sm-pull-8 {
        right: 66.66666667%;
    }
    .ca_sm-pull-7 {
        right: 58.33333333%;
    }
    .ca_sm-pull-6 {
        right: 50%;
    }
    .ca_sm-pull-5 {
        right: 41.66666667%;
    }
    .ca_sm-pull-4 {
        right: 33.33333333%;
    }
    .ca_sm-pull-3 {
        right: 25%;
    }
    .ca_sm-pull-2 {
        right: 16.66666667%;
    }
    .ca_sm-pull-1 {
        right: 8.33333333%;
    }
    .ca_sm-pull-0 {
        right: auto;
    }
    .ca_sm-push-12 {
        left: 100%;
    }
    .ca_sm-push-11 {
        left: 91.66666667%;
    }
    .ca_sm-push-10 {
        left: 83.33333333%;
    }
    .ca_sm-push-9 {
        left: 75%;
    }
    .ca_sm-push-8 {
        left: 66.66666667%;
    }
    .ca_sm-push-7 {
        left: 58.33333333%;
    }
    .ca_sm-push-6 {
        left: 50%;
    }
    .ca_sm-push-5 {
        left: 41.66666667%;
    }
    .ca_sm-push-4 {
        left: 33.33333333%;
    }
    .ca_sm-push-3 {
        left: 25%;
    }
    .ca_sm-push-2 {
        left: 16.66666667%;
    }
    .ca_sm-push-1 {
        left: 8.33333333%;
    }
    .ca_sm-push-0 {
        left: auto;
    }
    .ca_sm-offset-12 {
        margin-left: 100%;
    }
    .ca_sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .ca_sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .ca_sm-offset-9 {
        margin-left: 75%;
    }
    .ca_sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .ca_sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .ca_sm-offset-6 {
        margin-left: 50%;
    }
    .ca_sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .ca_sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .ca_sm-offset-3 {
        margin-left: 25%;
    }
    .ca_sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .ca_sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .ca_sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 768px) {
    .ca_md-1, .ca_md-2, .ca_md-3, .ca_md-4, .ca_md-5, .ca_md-6, .ca_md-7, .ca_md-8, .ca_md-9, .ca_md-10, .ca_md-11, .ca_md-12 {
        float: left;
    }
    .ca_md-12 {
        width: 100%;
    }
    .ca_md-11 {
        width: 91.66666667%;
    }
    .ca_md-10 {
        width: 83.33333333%;
    }
    .ca_md-9 {
        width: 75%;
    }
    .ca_md-8 {
        width: 66.66666667%;
    }
    .ca_md-7 {
        width: 58.33333333%;
    }
    .ca_md-6 {
        width: 50%;
    }
    .ca_md-5 {
        width: 41.66666667%;
    }
    .ca_md-4 {
        width: 33.33333333%;
    }
    .ca_md-3 {
        width: 25%;
    }
    .ca_md-2 {
        width: 16.66666667%;
    }
    .ca_md-1 {
        width: 8.33333333%;
    }
    .ca_md-pull-12 {
        right: 100%;
    }
    .ca_md-pull-11 {
        right: 91.66666667%;
    }
    .ca_md-pull-10 {
        right: 83.33333333%;
    }
    .ca_md-pull-9 {
        right: 75%;
    }
    .ca_md-pull-8 {
        right: 66.66666667%;
    }
    .ca_md-pull-7 {
        right: 58.33333333%;
    }
    .ca_md-pull-6 {
        right: 50%;
    }
    .ca_md-pull-5 {
        right: 41.66666667%;
    }
    .ca_md-pull-4 {
        right: 33.33333333%;
    }
    .ca_md-pull-3 {
        right: 25%;
    }
    .ca_md-pull-2 {
        right: 16.66666667%;
    }
    .ca_md-pull-1 {
        right: 8.33333333%;
    }
    .ca_md-pull-0 {
        right: auto;
    }
    .ca_md-push-12 {
        left: 100%;
    }
    .ca_md-push-11 {
        left: 91.66666667%;
    }
    .ca_md-push-10 {
        left: 83.33333333%;
    }
    .ca_md-push-9 {
        left: 75%;
    }
    .ca_md-push-8 {
        left: 66.66666667%;
    }
    .ca_md-push-7 {
        left: 58.33333333%;
    }
    .ca_md-push-6 {
        left: 50%;
    }
    .ca_md-push-5 {
        left: 41.66666667%;
    }
    .ca_md-push-4 {
        left: 33.33333333%;
    }
    .ca_md-push-3 {
        left: 25%;
    }
    .ca_md-push-2 {
        left: 16.66666667%;
    }
    .ca_md-push-1 {
        left: 8.33333333%;
    }
    .ca_md-push-0 {
        left: auto;
    }
    .ca_md-offset-12 {
        margin-left: 100%;
    }
    .ca_md-offset-11 {
        margin-left: 91.66666667%;
    }
    .ca_md-offset-10 {
        margin-left: 83.33333333%;
    }
    .ca_md-offset-9 {
        margin-left: 75%;
    }
    .ca_md-offset-8 {
        margin-left: 66.66666667%;
    }
    .ca_md-offset-7 {
        margin-left: 58.33333333%;
    }
    .ca_md-offset-6 {
        margin-left: 50%;
    }
    .ca_md-offset-5 {
        margin-left: 41.66666667%;
    }
    .ca_md-offset-4 {
        margin-left: 33.33333333%;
    }
    .ca_md-offset-3 {
        margin-left: 25%;
    }
    .ca_md-offset-2 {
        margin-left: 16.66666667%;
    }
    .ca_md-offset-1 {
        margin-left: 8.33333333%;
    }
    .ca_md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .ca_lg-1, .ca_lg-2, .ca_lg-3, .ca_lg-4, .ca_lg-5, .ca_lg-6, .ca_lg-7, .ca_lg-8, .ca_lg-9, .ca_lg-10, .ca_lg-11, .ca_lg-12 {float: left;}
    .ca_lg-12 {
        width: 100%;
    }
    .ca_lg-11 {
        width: 91.66666667%;
    }
    .ca_lg-10 {
        width: 83.33333333%;
    }
    .ca_lg-9 {
        width: 75%;
    }
    .ca_lg-8 {
        width: 66.66666667%;
    }
    .ca_lg-7 {
        width: 58.33333333%;
    }
    .ca_lg-6 {
        width: 50%;
    }
    .ca_lg-5 {
        width: 41.66666667%;
    }
    .ca_lg-4 {
        width: 33.33333333%;
    }
    .ca_lg-3 {
        width: 25%;
    }
    .ca_lg-2 {
        width: 16.66666667%;
    }
    .ca_lg-1 {
        width: 8.33333333%;
    }
    .ca_lg-pull-12 {
        right: 100%;
    }
    .ca_lg-pull-11 {
        right: 91.66666667%;
    }
    .ca_lg-pull-10 {
        right: 83.33333333%;
    }
    .ca_lg-pull-9 {
        right: 75%;
    }
    .ca_lg-pull-8 {
        right: 66.66666667%;
    }
    .ca_lg-pull-7 {
        right: 58.33333333%;
    }
    .ca_lg-pull-6 {
        right: 50%;
    }
    .ca_lg-pull-5 {
        right: 41.66666667%;
    }
    .ca_lg-pull-4 {
        right: 33.33333333%;
    }
    .ca_lg-pull-3 {
        right: 25%;
    }
    .ca_lg-pull-2 {
        right: 16.66666667%;
    }
    .ca_lg-pull-1 {
        right: 8.33333333%;
    }
    .ca_lg-pull-0 {
        right: auto;
    }
    .ca_lg-push-12 {
        left: 100%;
    }
    .ca_lg-push-11 {
        left: 91.66666667%;
    }
    .ca_lg-push-10 {
        left: 83.33333333%;
    }
    .ca_lg-push-9 {
        left: 75%;
    }
    .ca_lg-push-8 {
        left: 66.66666667%;
    }
    .ca_lg-push-7 {
        left: 58.33333333%;
    }
    .ca_lg-push-6 {
        left: 50%;
    }
    .ca_lg-push-5 {
        left: 41.66666667%;
    }
    .ca_lg-push-4 {
        left: 33.33333333%;
    }
    .ca_lg-push-3 {
        left: 25%;
    }
    .ca_lg-push-2 {
        left: 16.66666667%;
    }
    .ca_lg-push-1 {
        left: 8.33333333%;
    }
    .ca_lg-push-0 {
        left: auto;
    }
    .ca_lg-offset-12 {
        margin-left: 100%;
    }
    .ca_lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .ca_lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .ca_lg-offset-9 {
        margin-left: 75%;
    }
    .ca_lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .ca_lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .ca_lg-offset-6 {
        margin-left: 50%;
    }
    .ca_lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .ca_lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .ca_lg-offset-3 {
        margin-left: 25%;
    }
    .ca_lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .ca_lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .ca_lg-offset-0 {
        margin-left: 0%;
    }
}

.ca_xs .ca_lg-2.ca_xs-12, .ca_xs .ca_lg-3.ca_xs-12, .ca_xs .ca_lg-4.ca_xs-12, .ca_xs .ca_lg-5.ca_xs-12, .ca_xs .ca_lg-6.ca_xs-12, .ca_xs .ca_lg-7.ca_xs-12, .ca_xs .ca_lg-8.ca_xs-12 {
    width: 100%;
}

.ca_xs .ca_lg-3.ca_xs-6, .ca_xs .ca_lg-4.ca_xs-6, .ca_xs .ca-lg-5.ca_xs-6, .ca_xs .ca-lg-7.ca_xs-6, .ca_xs .ca_sm-12.ca_xs-6 , .ca_xs .ca_lg-2.ca-xs-6{
    width: 50%;
}

.ca_sm .ca_lg-2.ca_sm-6, .ca_sm .ca_lg-3.ca_sm-6, .ca_sm .ca_lg-4.ca_sm-6 {
    width: 50%;
}

.ca_sm .ca_lg-3.ca_sm-12, .ca_sm .ca_lg-4.ca_sm-12, .ca_sm .ca_lg-5.ca_sm-12, .ca_sm .ca_lg-6.ca_sm-12, .ca_sm .ca_lg-7.ca_sm-12, .ca_sm .ca_lg-8.ca_sm-12 {
    width: 100%;
}

.ca_sm .ca_lg-2.ca_sm-4, .ca_sm .ca_lg-3.ca_sm-4, .ca_sm .ca_lg-5.ca_sm-4 {
    width: 33.33333333%;
}

.ca_sm .ca_lg-5.ca_sm-7 {
    width: 58.33333333%;
}

.ca_sm .ca_lg-7.ca_sm-5 {
    width: 41.66666667%;
}

.ca_sm .ca_lg-7.ca_sm-8 {
    width: 66.66666667%;
}

.ca_xs .ca_lg-offset-3, .ca_sm .ca_lg-offset-3, .ca_sm .ca_lg-offset-5, .ca_xs .ca_lg-offset-5 {
    margin-left: 0;
}

.ca_my-10 {
    height: 10px;
}


.ca_input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.ca_input-group[class*="fa-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}

.ca_input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

#ca_calc .input-group-addon {
    font-size:12px !important;
    margin: 5px 0 10px !important;
    padding:8px !important;
    border:1px solid #CCCCCC;
    border-radius:0px !important;
    color:#333333 !important;
    background-color:#f5f5f5 !important;	
    line-height:18px !important;
}

#ca_calc .input-group .form-control:focus {
    z-index: 3;
}
#ca_calc .input-group-lg > .form-control,
#ca_calc .input-group-lg > .input-group-addon,
#ca_calc .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

#ca_calc .input-group-addon,
#ca_calc .input-group-btn,
#ca_calc .input-group .form-control {
    display: table-cell;
}

#ca_calc .input-group-addon,
#ca_calc .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

#ca_calc .input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}
#ca_calc .input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
}

#ca_calc .input-group .form-control:first-child,
#ca_calc .input-group-addon:first-child,
#ca_calc .input-group-btn:first-child > .btn,
#ca_calc .input-group-btn:first-child > .btn-group > .btn,
#ca_calc .input-group-btn:first-child > .dropdown-toggle,
#ca_calc .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
#ca_calc .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

#ca_calc .input-group-addon:first-child {
    border-right: 0;
}

#ca_calc .input-group .form-control:last-child,
#ca_calc .input-group-addon:last-child,
#ca_calc .input-group-btn:last-child > .btn,
#ca_calc .input-group-btn:last-child > .btn-group > .btn,
#ca_calc .input-group-btn:last-child > .dropdown-toggle,
#ca_calc .input-group-btn:first-child > .btn:not(:first-child),
#ca_calc .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#ca_calc .input-group-addon:last-child {
    border-left: 0;
}

#ca_calc .text-left {
    text-align: left !important;
}

#ca_calc .text-right {
    text-align: right !important;
}

#ca_calc .text-center {
    text-align: center !important;
}

#ca_calc .pull-right {
    float: right !important;
}

#ca_calc .pull-left {
    float: left !important;
}

#ca_calc .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#ca_calc .text-nowrap{
    white-space:nowrap !important;
}

#ca_calc .hide {
    display: none !important;
}

#ca_calc .show {
    display: block !important;
}

#ca_calc .hidden {
    display: none !important;
}

.ca_visible-xs,
.ca_visible-sm,
.ca_visible-md,
.ca_visible-lg {
    display: none !important;
}

.ca_visible-xs-block,
.ca_visible-xs-inline,
.ca_visible-xs-inline-block,
.ca_visible-sm-block,
.ca_visible-sm-inline,
.ca_visible-sm-inline-block,
.ca_visible-md-block,
.ca_visible-md-inline,
.ca_visible-md-inline-block,
.ca_visible-lg-block,
.ca_visible-lg-inline,
.ca_visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 480px) {
    .ca_visible-xs {
        display: block !important;
    }
    .ca_hidden-xs {
        display: none !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .ca_visible-sm {
        display: block !important;
    }
    .ca_hidden-sm {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ca_visible-md {
        display: block !important;
    }
    .ca_hidden-md {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .ca_visible-lg {
        display: block !important;
    }
    .ca_hidden-lg {
        display: none !important;
    }
}

.ca_xs .ca_visible-xs {
    display: block !important;
}
.ca_xs .ca_hidden-xs {
    display: none !important;
}

.ca_sm .ca_visible-sm {
    display: block !important;
}
.ca_sm .ca_hidden-sm {
    display: none !important;
}

.ca_md .ca_visible-md {
    display: block !important;
}
.ca_md .ca_hidden-md {
    display: none !important;
}

.ca_lg .ca_visible-lg {
    display: block !important;
}
.ca_lg .ca_hidden-lg {
    display: none !important;
}

#ca_calc .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
#ca_calc .fade.in {
    opacity: 1;
}
#ca_calc .collapse {
    display: none;
}
#ca_calc .collapse.in {
    display: block;
}
#ca_calc tr.collapse.in {
    display: table-row;
}
#ca_calc tbody.collapse.in {
    display: table-row-group;
}
#ca_calc .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition: none !important;
    transition: none !important;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

#ca_calc .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 400px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#ca_calc .popover.top {
    margin-top: -10px;
}

#ca_calc .popover.right {
    margin-left: 10px;
}

#ca_calc .popover.bottom {
    margin-top: 10px;
}

#ca_calc .popover.left {
    margin-left: -10px;
}

#ca_calc .popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

#ca_calc .popover-content {
    padding: 9px 14px;
}

#ca_calc .popover > .arrow,
#ca_calc .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

#ca_calc .popover > .arrow {
    border-width: 11px;
}

#ca_calc .popover > .arrow:after {
    border-width: 10px;
    content: "";
}

#ca_calc .popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

#ca_calc .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}

#ca_calc .popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

#ca_calc .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}

#ca_calc .popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

#ca_calc .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}

#ca_calc .popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

#ca_calc .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px;
}

#ca_calc .clearfix{
    clear: both;
}

#ca_calc table {
    background-color: transparent;
}
#ca_calc caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}
#ca_calc th {
    text-align: left;
}
#ca_calc .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
#ca_calc .table > thead > tr > th,
#ca_calc .table > tbody > tr > th,
#ca_calc .table > tfoot > tr > th,
#ca_calc .table > thead > tr > td,
#ca_calc .table > tbody > tr > td,
#ca_calc .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
#ca_calc .table > thead > tr > th {
    vertical-align: bottom;
}
#ca_calc .table > caption + thead > tr:first-child > th,
#ca_calc .table > colgroup + thead > tr:first-child > th,
#ca_calc .table > thead:first-child > tr:first-child > th,
#ca_calc .table > caption + thead > tr:first-child > td,
#ca_calc .table > colgroup + thead > tr:first-child > td,
#ca_calc .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
#ca_calc .table > tbody + tbody {
    border-top: 2px solid #ddd;
}
#ca_calc .table .table {
    background-color: #fff;
}
#ca_calc .table-condensed > thead > tr > th,
#ca_calc .table-condensed > tbody > tr > th,
#ca_calc .table-condensed > tfoot > tr > th,
#ca_calc .table-condensed > thead > tr > td,
#ca_calc .table-condensed > tbody > tr > td,
#ca_calc .table-condensed > tfoot > tr > td {
    padding: 5px;
}
#ca_calc .table-bordered {
    border: 1px solid #ddd;
}
#ca_calc .table-bordered > thead > tr > th,
#ca_calc .table-bordered > tbody > tr > th,
#ca_calc .table-bordered > tfoot > tr > th,
#ca_calc .table-bordered > thead > tr > td,
#ca_calc .table-bordered > tbody > tr > td,
#ca_calc .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
#ca_calc .table-bordered > thead > tr > th,
#ca_calc .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
#ca_calc .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
#ca_calc .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
#ca_calc table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}
#ca_calc table td[class*="col-"],
#ca_calc table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}
#ca_calc .table > thead > tr > td.active,
#ca_calc .table > tbody > tr > td.active,
#ca_calc .table > tfoot > tr > td.active,
#ca_calc .table > thead > tr > th.active,
#ca_calc .table > tbody > tr > th.active,
#ca_calc .table > tfoot > tr > th.active,
#ca_calc .table > thead > tr.active > td,
#ca_calc .table > tbody > tr.active > td,
#ca_calc .table > tfoot > tr.active > td,
#ca_calc .table > thead > tr.active > th,
#ca_calc .table > tbody > tr.active > th,
#ca_calc .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}
#ca_calc .table-hover > tbody > tr > td.active:hover,
#ca_calc .table-hover > tbody > tr > th.active:hover,
#ca_calc .table-hover > tbody > tr.active:hover > td,
#ca_calc .table-hover > tbody > tr:hover > .active,
#ca_calc .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}
#ca_calc .table > thead > tr > td.success,
#ca_calc .table > tbody > tr > td.success,
#ca_calc .table > tfoot > tr > td.success,
#ca_calc .table > thead > tr > th.success,
#ca_calc .table > tbody > tr > th.success,
#ca_calc .table > tfoot > tr > th.success,
#ca_calc .table > thead > tr.success > td,
#ca_calc .table > tbody > tr.success > td,
#ca_calc .table > tfoot > tr.success > td,
#ca_calc .table > thead > tr.success > th,
#ca_calc .table > tbody > tr.success > th,
#ca_calc .table > tfoot > tr.success > th {
    background-color: #dff0d8;
}
#ca_calc .table-hover > tbody > tr > td.success:hover,
#ca_calc .table-hover > tbody > tr > th.success:hover,
#ca_calc .table-hover > tbody > tr.success:hover > td,
#ca_calc .table-hover > tbody > tr:hover > .success,
#ca_calc .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}
#ca_calc .table > thead > tr > td.info,
#ca_calc .table > tbody > tr > td.info,
#ca_calc .table > tfoot > tr > td.info,
#ca_calc .table > thead > tr > th.info,
#ca_calc .table > tbody > tr > th.info,
#ca_calc .table > tfoot > tr > th.info,
#ca_calc .table > thead > tr.info > td,
#ca_calc .table > tbody > tr.info > td,
#ca_calc .table > tfoot > tr.info > td,
#ca_calc .table > thead > tr.info > th,
#ca_calc .table > tbody > tr.info > th,
#ca_calc .table > tfoot > tr.info > th {
    background-color: #d9edf7;
}
#ca_calc .table-hover > tbody > tr > td.info:hover,
#ca_calc .table-hover > tbody > tr > th.info:hover,
#ca_calc .table-hover > tbody > tr.info:hover > td,
#ca_calc .table-hover > tbody > tr:hover > .info,
#ca_calc .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}
#ca_calc .table > thead > tr > td.warning,
#ca_calc .table > tbody > tr > td.warning,
#ca_calc .table > tfoot > tr > td.warning,
#ca_calc .table > thead > tr > th.warning,
#ca_calc .table > tbody > tr > th.warning,
#ca_calc .table > tfoot > tr > th.warning,
#ca_calc .table > thead > tr.warning > td,
#ca_calc .table > tbody > tr.warning > td,
#ca_calc .table > tfoot > tr.warning > td,
#ca_calc .table > thead > tr.warning > th,
#ca_calc .table > tbody > tr.warning > th,
#ca_calc .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}
#ca_calc .table-hover > tbody > tr > td.warning:hover,
#ca_calc .table-hover > tbody > tr > th.warning:hover,
#ca_calc .table-hover > tbody > tr.warning:hover > td,
#ca_calc .table-hover > tbody > tr:hover > .warning,
#ca_calc .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}
#ca_calc .table > thead > tr > td.danger,
#ca_calc .table > tbody > tr > td.danger,
#ca_calc .table > tfoot > tr > td.danger,
#ca_calc .table > thead > tr > th.danger,
#ca_calc .table > tbody > tr > th.danger,
#ca_calc .table > tfoot > tr > th.danger,
#ca_calc .table > thead > tr.danger > td,
#ca_calc .table > tbody > tr.danger > td,
#ca_calc .table > tfoot > tr.danger > td,
#ca_calc .table > thead > tr.danger > th,
#ca_calc .table > tbody > tr.danger > th,
#ca_calc .table > tfoot > tr.danger > th {
    background-color: #f2dede;
}
#ca_calc .table-hover > tbody > tr > td.danger:hover,
#ca_calc .table-hover > tbody > tr > th.danger:hover,
#ca_calc .table-hover > tbody > tr.danger:hover > td,
#ca_calc .table-hover > tbody > tr:hover > .danger,
#ca_calc .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}
#ca_calc .table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
    #ca_calc .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    #ca_calc .table-responsive > .table {
        margin-bottom: 0;
    }
    #ca_calc .tab-responsive > .table > thead > tr > th,
    #ca_calc .tab-responsive > .table > tbody > tr > th,
    #ca_calc .tab-responsive > .table > tfoot > tr > th,
    #ca_calc .tab-responsive > .table > thead > tr > td,
    #ca_calc .tab-responsive > .table > tbody > tr > td,
    #ca_calc .tab-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    #ca_calc .table-responsive > .table-bordered {
        border: 0;
    }
    #ca_calc .table-responsive > .table-bordered > thead > tr > th:first-child,
    #ca_calc .table-responsive > .table-bordered > tbody > tr > th:first-child,
    #ca_calc .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    #ca_calc .table-responsive > .table-bordered > thead > tr > td:first-child,
    #ca_calc .table-responsive > .table-bordered > tbody > tr > td:first-child,
    #ca_calc .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    #ca_calc .table-responsive > .table-bordered > thead > tr > th:last-child,
    #ca_calc .table-responsive > .table-bordered > tbody > tr > th:last-child,
    #ca_calc .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    #ca_calc .table-responsive > .table-bordered > thead > tr > td:last-child,
    #ca_calc .table-responsive > .table-bordered > tbody > tr > td:last-child,
    #ca_calc .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    #ca_calc .table-responsive > .table-bordered > tbody > tr:last-child > th,
    #ca_calc .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    #ca_calc .table-responsive > .table-bordered > tbody > tr:last-child > td,
    #ca_calc .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

#ca_calc .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}
#ca_calc .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}
#ca_calc .tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
#ca_calc .tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
#ca_calc .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
#ca_calc .tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
#ca_calc .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    background-color: #000000;
    border-radius: 4px;
}
#ca_calc .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
#ca_calc .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
#ca_calc .tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
#ca_calc .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
#ca_calc .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}
#ca_calc .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}
#ca_calc .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}
#ca_calc .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}
#ca_calc .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

#ca_calc .is-floating-label {
    position: relative;
    margin-bottom: 30px;
}

#ca_calc .is-floating-label input {
    position: absolute;
    left: 0;
    background-color: transparent !important;
}

#ca_calc .is-floating-label label {
    opacity: 0.5;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 0, 0) scale(1);
    transform-origin: right;
    transition: 100ms;
    margin-top: 10px;
    margin-left: 10px;
}

#ca_calc .is-floating-label.is-focused label {
    transform: translateX(200%) scale(1);
}

/*! =======================================================
                      VERSION  10.6.2              
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
  *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
 * 
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
#ca_calc .slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
#ca_calc .slider.slider-horizontal {
    width: 97%;
    height: 20px;
    margin-left: 6px;
  }
#ca_calc .slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
  }
#ca_calc .slider.slider-horizontal .slider-selection,
#ca_calc .slider.slider-horizontal .slider-track-low,
#ca_calc .slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0;
  }
#ca_calc .slider.slider-horizontal .slider-tick,
#ca_calc .slider.slider-horizontal .slider-handle {
    margin-left: -10px;
  }
#ca_calc .slider.slider-horizontal .slider-tick.triangle,
#ca_calc .slider.slider-horizontal .slider-handle.triangle {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #2e6da4;
    margin-top: 0;
  }
#ca_calc .slider.slider-horizontal .slider-tick-container {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
#ca_calc .slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
  }
#ca_calc .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 4px;
    display: inline-block;
    text-align: center;
  }
#ca_calc .slider.slider-horizontal .tooltip {
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
#ca_calc .slider.slider-horizontal.slider-rtl .slider-track {
    left: initial;
    right: 0;
  }
#ca_calc .slider.slider-horizontal.slider-rtl .slider-tick,
#ca_calc .slider.slider-horizontal.slider-rtl .slider-handle {
    margin-left: initial;
    margin-right: -10px;
  }
#ca_calc .slider.slider-horizontal.slider-rtl .slider-tick-container {
    left: initial;
    right: 0;
  }
#ca_calc .slider.slider-horizontal.slider-rtl .tooltip {
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }
#ca_calc .slider.slider-vertical {
    height: 210px;
    width: 20px;
  }
#ca_calc .slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    left: 25%;
    top: 0;
  }
#ca_calc .slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
  }
#ca_calc .slider.slider-vertical .slider-track-low,
#ca_calc .slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0;
  }
#ca_calc .slider.slider-vertical .slider-tick,
#ca_calc .slider.slider-vertical .slider-handle {
    margin-top: -10px;
  }
#ca_calc .slider.slider-vertical .slider-tick.triangle,
#ca_calc .slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #2e6da4;
    border-right-color: #2e6da4;
    margin-left: 0;
    margin-right: 0;
  }
#ca_calc .slider.slider-vertical .slider-tick-label-container {
    white-space: nowrap;
  }
#ca_calc .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
    padding-left: 4px;
  }
#ca_calc .slider.slider-vertical .tooltip {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
#ca_calc .slider.slider-vertical.slider-rtl .slider-track {
    left: initial;
    right: 25%;
  }
#ca_calc .slider.slider-vertical.slider-rtl .slider-selection {
    left: initial;
    right: 0;
  }
#ca_calc .slider.slider-vertical.slider-rtl .slider-tick.triangle,
#ca_calc .slider.slider-vertical.slider-rtl .slider-handle.triangle {
    border-width: 10px 10px 10px 0;
  }
#ca_calc .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
    padding-left: initial;
    padding-right: 4px;
  }
#ca_calc .slider.slider-disabled .slider-handle {
    background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
    background-repeat: repeat-x;
  }
#ca_calc .slider.slider-disabled .slider-track {
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
    background-repeat: repeat-x;
    cursor: not-allowed;
  }
#ca_calc .slider input {
    display: none;
  }
#ca_calc .slider .tooltip {
    pointer-events: none;
  }
#ca_calc .slider .tooltip.top {
    margin-top: -36px;
  }
#ca_calc .slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
  }
#ca_calc .slider .hide {
    display: none;
  }
#ca_calc .slider-track {
    position: absolute;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }
#ca_calc .slider-selection {
    position: absolute;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
  }
#ca_calc .slider-selection.tick-slider-selection {
    /* background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
    background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
    background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%); */
    background-image: -webkit-linear-gradient(top, #929893 0%, #929893 100%);
    background-image: -o-linear-gradient(top, #929893 0%, #929893 100%);
    background-image: linear-gradient(to bottom, #929893 0%, #929893 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
    background-repeat: repeat-x;
  }
#ca_calc .slider-track-low,
#ca_calc .slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
  }
#ca_calc .slider-handle {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    border: 0px solid transparent;
  }
#ca_calc .slider-handle:hover {
    cursor: pointer;
  }
#ca_calc .slider-handle.round {
    border-radius: 50%;
  }
#ca_calc .slider-handle.triangle {
    background: transparent none;
  }
#ca_calc .slider-handle.custom {
    background: #929893;
    border-radius: 50%;
  }
#ca_calc .slider-handle.custom::before {
    font-family: 'FontAwesome';
    color: white;
    content: "\f183";
    font-weight: 400;
    margin-left: 7px;
    font-size: 13px;
  }
#ca_calc .slider-tick {
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
  }
#ca_calc .slider-tick.round {
    border-radius: 50%;
  }
#ca_calc .slider-tick.triangle {
    background: transparent none;
  }
#ca_calc .slider-tick.custom {
    background: white;
    border-radius: 50%;
  
  }
#ca_calc .slider-tick.custom::before {
    font-family: 'FontAwesome';
    color: black;
    content: "\f183";
    font-weight: 400;
    margin-left: 7px;
    font-size: 13px;
  }
#ca_calc .slider-tick.in-selection {
    /* background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
    background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
    background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%); */
    background-image: -webkit-linear-gradient(top, #929893 0%, #929893 100%);
    background-image: -o-linear-gradient(top, #929893 0%, #929893 100%);
    background-image: linear-gradient(to bottom, #929893 0%, #929893 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
    background-repeat: repeat-x;
    opacity: 1;
  }
#ca_calc [class^="select2"] {
    border-radius: 0px;
    font-size: 13px;
    height: 34px;
    line-height: 1.2;
}
#ca_calc .select2-selection {
    margin: 0px;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 30px;
}
#ca_calc .select2-selection--single {
    border: 1px solid #ccc;
}
#ca_calc .select2-selection__arrow {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    height: 30px;
    margin:1px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left:5px;
    padding-right: 30px;
    font-size:13px;
    font-weight:normal;
    color: #0D0000;
    background: url(//cdn.communicationads.net/images/caret_down.png);
    background-color: #ffffff;
    background-position: center right -9px;
    background-repeat: no-repeat;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}
.select2-selection__rendered {
    padding: 0px;
    margin: 0px;
    border: 0px;
}
.select2-selection__arrow b {
    display: none;
}

/*=========== Animation settings ===========*/
@keyframes blink {
    0% {
      opacity: .2;
    }
    20% {
      opacity: 1;
    }
    100% {
      opacity: .2;
    }
}
.submit-loader{
    position:absolute;
    top:12px;
    display: flex;
    width: 95%;
    flex-direction: row;
    justify-content: center;
}
.submit-loader div{
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    float:left;
    width: 10px;
    height: 10px;
    margin-right: 20px;
    border-radius: 50%;
}
.submit-loader div:nth-child(2) {
    animation-delay: .2s;
}
.submit-loader div:nth-child(3) {
    animation-delay: .4s;
}
.submit-loader div:nth-child(4) {
    animation-delay: .6s;
}
.submit-loader div:nth-child(5) {
    animation-delay: .8s;
}
@keyframes slideIn {
    0% {
      transform: scaleY(0);
    }
    100% {
      transform: scaleY(1);
    }
  }
.ca_zeile{
    transform-origin: top; 
    animation: slideIn 1s forwards;
    animation-fill-mode: none; /* Danke SO-User GughaG */
}

/* ===== Gas Rechner Specials ===== */
#ca_calc .ca_gas_slider .slider-handle.custom::before {
    font-family: 'FontAwesome';
    color: white;
    content: "\f015";
    font-weight: 400;
    margin-left: 4px;
    font-size: 13px;
  }
#ca_calc .ca_gas_slider .slider-tick.custom::before {
    font-family: 'FontAwesome';
    color: black;
    content: "\f015";
    font-weight: 400;
    margin-left: 4px;
    font-size: 13px;
  }
#ca_calc .ca_gas_slider .slider.slider-horizontal .slider-tick,
#ca_calc .ca_gas_slider .slider.slider-horizontal .slider-handle {
    padding-top: 2px;
  }
#ca_calc .ca_gas_slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    font-size: 12px;
}
#ca_calc .ca_gas_slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-of-type{
    margin-left: -10px;
}
#ca_calc .ca_gas_slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:first-of-type{
    padding-left: 10px;
}

/* Specials */
.eyecatcher{
    width: 102%;
    margin-bottom: 15px;
    padding: 5px;
    font-size: 15px;
    border: 1px solid black;
}
.ca_img-testsiegel{
    width:100%;
    max-width:75px;
}

/* font-awesome 6 */
.fa-sack-dollar:before {
    content: "\f81d"!important;
}

.fa-handshake:before {
    content: "\f2b5"!important;
}

.fa-seedling:before, .fa-sprout:before {
    content: "\f4d8"!important;
}
.fa-random:before, .fa-shuffle:before {
    content: "\f074"!important;
}
.fa-thumbs-up:before {
    content: "\f164"!important;
}
.fa-arrow-trend-up:before {
    content: "\e098"!important;
}
.fa-clock-rotate-left:before {
    content: "\f1da"!important;
}
.fa-check-double:before{
    content: "\f560"!important;
}


/* thg */
.ca_thg_label{
    color: white;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    width: 90%;
    font-size: 13px;
}
.close_button_new{
    font-size: 12px!important;
}
.ca-flex-me{
    display:flex;
}
.ca_effektivpreis-align-old{
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width:480px){
    .ca_thg_label{
        font-size: 11px;
    }
}

/* DSL */
.ca_dsl_font_small{
    font-size: 10px;
}

.ca_calc_search_above{
    margin-top: -32px;
}

.ca_calc_search_above .select2-search{
    border-bottom: 1px solid #ccc;
}

.ca_calc_postcode_city_search{
    border:none !important;
}

.ca_calc_postcode_city_search:focus-visible{
    border:none !important;
    outline:none!important;
}

.ca_calc_customer_changer_oldcontract{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    display: block !important;
    width:100% !important;
    height: 34px !important;
    margin:0px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left:5px !important;
    font-size:13px !important;
    font-weight:normal !important;
    color: #0D0000 !important;
    background-color: #ffffff !important;
    background-position: center right -9px !important;
    background-repeat: no-repeat !important;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 1px solid #cccccc !important;
    border-radius:0px !important;
    outline: none !important;
    background: none!important;
    padding-right: 0px!important;
}

.select2-selection__placeholder{
    color: #000!important;
}

.select2-selection__rendered{
    padding-left: 0px!important;
}

/* Load More */
#ca_loadmore{
    margin-top: 10px;
}
#ca_loadmore button{
    font-size: 13px;
    background-color: #ffffff !important;
    border: 1px solid #cccccc;
    color: #000000 !important;
    text-align: center !important;
    text-decoration: none !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    font-weight: bold !important;
    outline: none !important;
    width: 200px;
    cursor: pointer;
    padding: 10px 15px;
}