/*---------------------------------------------------------------------------------------------------
-----------------------------------------   GENERAL  ------------------------------------------------
---------------------------------------------------------------------------------------------------*/

#mainContent {
	width: 965px;
	margin: -1px auto;
	background-color: #efefef;
	overflow: auto;
	color: #9e9e9e !important;
}

#mainContent a {
	color: #75ce0f;
	cursor: pointer;
	text-decoration: none;
}

/* a:focus, a:hover{color:#ffffff !important;} */

#mainContent #tabs a {
    color: black
}

.h4, h4{font-size:14px;font-weight:bold;}
.h5, h5{font-size:14px;font-weight:bold;}

select,input {
	background-color: #d5e8b3;
}

.mainContent_submitButton {
	background-color: #75ce0f;
	color: white !important;
	font-weight: bold;
	cursor: pointer;
	display: block;
	padding: 5px 15px;
	border: none;
	font-size: 16px;
	text-transform: uppercase;
}

.arrows {
	width: 35px;
	cursor: pointer;
}

.validation_message {
	margin-bottom: 15px;
	color:red;
}

#faqtitle{
margin:15px 25px 15px 27px;
font-size:16px;
font-weight:bold;
}

/*---------------------------------------------------------------------------------------------------
-----------------------------------------   LEFT PANEL  ---------------------------------------------
---------------------------------------------------------------------------------------------------*/

.mainContent_leftPanel {
	float: left;
	width: 50%;
}

.mainContent_leftPanel a, .mainContent_rightPanel a {
	margin-top: 8px;
	text-decoration: none !important;
}

.mainContent_leftPanel li, .mainContent_rightPanel li, .mainContent_onePanel li {
	color: #75ce0f;
    padding-top: 0px;
	padding-left: 8px;
	margin-left: 1.5em;
}

.mainContent_leftPanel_div, .mainContent_onePanel_div {
	margin-left: 27px;
	margin-right: 25px;
	margin-bottom: 15px;
    margin-top:15px;
}

.mainContent_rightPanel_div {
	margin: 15px 25px 15px 27px;
}

.mobileonly{visibility:hidden;}



/*---------------------------------------------------------------------------------------------------
-----------------------------------------   RIGHT PANEL  --------------------------------------------
---------------------------------------------------------------------------------------------------*/

.mainContent_rightPanel {
	float: right;
	width: 50%;
}

/*---------------------------------------------------------------------------------------------------
-----------------------------------------   HOME  ---------------------------------------------------
---------------------------------------------------------------------------------------------------*/

.home_leftPanel_goTo_myServiceCenter_link {
	color: #75CE0F;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.home_leftPanel_goTo_myServiceCenter_link img{
	vertical-align: middle;
}

/*---------------------------------------------------------------------------------------------------
-----------------------------------------   LOGIN  --------------------------------------------------
---------------------------------------------------------------------------------------------------*/

/*Left Panel*/

#mainContent_leftPanel_login {
	width: 50%;
}

#mainContent_leftPanel_login_info{
	margin-left: 20px;
}

/*Right Panel*/

.mainContent_rightPanel_login_option {
    position: relative;
	text-transform: uppercase;
	font-weight: bold;
}

#mainContent_rightPanel_login_recaptcha_option{
	margin-top: 20px;
	margin-bottom: 23px;
}

.mainContent_rightPanel_login_recaptcha_input {
	margin-top: -18px;
	margin-left: -1px;
	border: medium none;
	width:auto;
	max-width: 90%;
	height: 29px;
	margin-bottom: 10px !important;
}

.mainContent_rightPanel_login_recaptcha_input:focus{
	border: 2px solid #9ecaed;
}

.mainContent_rightPanel_login_recaptcha_msisdn_field {
	border: medium none;
	width:auto;
	height: 33px !important;
}

.mainContent_rightPanel_login_recaptcha_countrycode_field {
	border: medium none;
	width: 100px !important; 
	height: 29px !important;
}

.mainContent_rightPanel_login_recaptcha_msisdn_field {
	margin-left: 5px;
	border: 2px solid #9ecaed;
}

#mainContent_rightPanel_login_byCall_option{
	margin-top: 36px;
	margin-bottom: 23px;
}

.mainContent_rightPanel_login_byCall_serviceNumber{
	color: #75ce0f;
	font-weight: bold;
	font-size: 2em !important;
	text-align: center;
	border: none;
	display: block;
	padding: 5px 15px;
	border-radius: 5px;
	background:none;
}

.mainContent_rightPanel_login_byCall_callButton {
	text-decoration: none;
	display: inline !important;
}

.mainContent_rightPanel_login_spaceBetweenFilds {
	display: block;
	margin-bottom: 15px;
}

.mainContent_rightPanel_login_spaceBetweenFilds_msisdn{
	margin-bottom: 15px;
/*	min-width:200px; */
}

.mainContent_rightPanel_login_recaptcha_entePinCode_text {
	display: block;
	margin-bottom: 40px;
}

.mainContent_rightPanel_login_recaptcha_headerForCaptcha {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 25px;
}

.mainContent_rightPanel_login_recaptcha_phone_label {
	font-size: 14px !important;
	margin-bottom: 24px !important;
}

.mainContent_rightPanel_login_recaptcha_phone_example {
	font-size: 13px;
	margin-top: -9px;
}

.recaptchatable #recaptcha_response_field {font-size:12pt !important;}



/*---------------------------------------------------------------------------------------------------
-----------------------------------------   Contact  ------------------------------------------------
---------------------------------------------------------------------------------------------------*/

/*Right Panel - contact list*/

#contact_wrapper , #impressum_notice{
	margin: 1.33em;
	text-align: left;
	min-width: 200px;
}

.contact_table_button_signal , .dropDown_title_signal {
	margin-right: 0;
	background-color: #75ce0f;
	border: none;
	color: white;
	width: 30px;
	height: 30px;
	font-size: 22px;
	cursor: pointer;
}

.contact_table_button_text , .dropDown_title_text{
	width: 380px;
	border: none;
	text-align: left;
	height: 30px;
	padding-top: 5px;
	cursor: pointer;
	color: #9e9e9e !important;
	font-weight: bold;
	font-size: 16px;
	background-color: #e8e8e8;
}

.contact_detail , .dropDown_detail {
	padding: 10px 0 10px 30px;
}

.dropDown_detail{
	padding:0px;
}

.contact_detail_text {
	display: block;
}

.contact_country , .dropDown{
	height: 32px;
}

.contact_detail_phone , .dropDown_detail_text, .contact_detail_businesshours{
	display: block;
}

#mobile_contact_info_text{
	display: none;
}

/*---------------------------------------------------------------------------------------------------
-----------------------------------------   Email  --------------------------------------------------
---------------------------------------------------------------------------------------------------*/

.contact_sendEmailForm {
	display: block;
	/* margin-bottom: 15px; */
	resize: none;
	border: none;
	font-size: 15px;
	font-family: 'Droid Sans',Tahoma;
}

.contact_sendEmailForm_spaceBetweenFilds {
	margin-bottom: 15px;
}

.contact_sendEmailForm_phone {
	margin-left: 10px;
	border: none;
	font-size:15px;
	font-family: 'Droid Sans',Tahoma;
}

.contact_sendEmailForm_phone_code {
	border: medium none;
	color: #9E9E9E !important;
	font-weight: bold;
	font-size: 14px;
}

.contact_sendEmailForm_labels {
	font-weight: bold;
}

.contact_sendEmailForm_recaptcha_headerForCaptcha {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 25px;
}


/*---------------------------------------------------------------------------------------------------
-----------------------------------------   FAQ  ----------------------------------------------------
---------------------------------------------------------------------------------------------------*/


.mainContent_leftPanel_faq_link {
	position: relative !important;
	text-decoration: none;
	color: #9e9e9e !important;
	margin-left: 0px !important;
	cursor: pointer;
	font-size: 14px;
	text-decoration: underline !important;
}

mainContent_leftPanel_div ul {
    list-style: none;
    padding:0;
    margin:0;
}

mainContent_leftPanel_div li {
    padding-left: 1em;
    padding-right:7px;
    text-indent: -.7em;
}

mainContent_leftPanel_div li:before {
    content: "•";
    color: #75ce0f;
}

.mainContent_leftPanel_faq_answer {
	padding: 0.5em 1.5em;
	padding-left:8px;
	margin-left:1.5em;
	text-align: left;
}

.mainContent_leftPanel_faq_answer span {
    text-decoration: none !important;
}

.faqs_ul{
	list-style-type: disc;
    columns: 2 250px;
    -webkit-columns: 2 250px;
    -moz-columns: 2 250px;
  /*  list-style-position: inside; */
  /*  list-style-position: outside; */
	padding-left:0px !important;
}

.faq_questions{
	display: inline-block;
	margin-bottom: 19px;
}

/*---------------------------------------------------------------------------------------------------
--------------------------------   Transactions (general)  ------------------------------------------
---------------------------------------------------------------------------------------------------*/

.transaction_labels {
	font-weight: bold;
}

/*---------------------------------------------------------------------------------------------------
-----------------------------------------   Subscriptions  ------------------------------------------
---------------------------------------------------------------------------------------------------*/
.myServiceCenter_user_msisdn{
margin: 13px 0px 7px 10px;
color: black;
}

.column-border{
	border-left: 0.2em solid #75ce0f;
	border-right: 0.2em solid #75ce0f;
}

.panel_popup {
	border-width: 0.4em !important;
	border-color: #75ce0f !important;
	border-style: solid;
	border-radius: 0 !important;
}

.cancelDialog-content, .cancelDialog-content-confirmation-div, .loginDialog-content{
	margin: 10px;
}

.label-Dialog-content{
	font-weight: bold;
	font-size: 12px;
}

.subDialog-content{
	margin: 10px;
}

.transaction_history_table_odd{
	background-color: #F5FFEA !important;
}

.transaction_history_table_even{
	background-color: #cfedc6 !important;
}

.button-openInfoDialog { background: url('../images/table_button_prev.png.jsf') no-repeat top left;}
.button-openInfoDialog:hover { background: url('../images/table_button_prev_hover.png.jsf') no-repeat top left;}

.button-openInfoDialog{
	padding: 0;
	width: 6em;
	height: 2.8em;
	text-align: center;
	background-size: cover !important;
	text-decoration: none;
	border: 0;
	color:white;
	text-align:center;

}

.content-detail {
	font-size: 12px;
}

.cancelDialog-content-red, .cancel-button{

background-color: #75CE0F !important;
color: #FFF !important;
font-weight: bold;
cursor: pointer;
padding: 5px 15px;
border: medium none;
font-size: 16px;
text-decoration: none;
text-align: center;
max-width: 215px;
width: auto;
display: inline;
margin-left: 10px;
margin-top:20px;
float:none !important;
}

.cancelDialog-content-red:hover, .cancel-button:hover{
	background-color: #75CE0F !important;
}

.cancelDialog-content-green{
background-color: #75CE0F !important;
color: #FFF !important;
font-weight: bold;
cursor: pointer;
padding: 5px 15px;
border: medium none;
font-size: 16px;
text-decoration: none;
text-align: center;
max-width: 215px;
width: auto;
display: inline;
margin-left: 10px;
margin-top:20px;
float:none !important;
}

.cancelDialog-content-green:hover{
	background-color: #75CE0F !important;

}

.confirmation-button{
	font-size:10px;
	margin-left: 115px;
	border:1px solid #34740e;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family:arial, helvetica, sans-serif;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	text-align: center;
	color: #FFFFFF;
	background-color: #4ba614;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
	background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
	background-image: -moz-linear-gradient(top, #4ba614, #008c00);
	background-image: -ms-linear-gradient(top, #4ba614, #008c00);
	background-image: -o-linear-gradient(top, #4ba614, #008c00);
	background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

.confirmation-button:hover{
	border:1px solid #224b09; background-color: #36780f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#36780f), top(#005900));
	background-image: -webkit-linear-gradient(top, #36780f, #005900);
	background-image: -moz-linear-gradient(top, #36780f, #005900);
	background-image: -ms-linear-gradient(top, #36780f, #005900);
	background-image: -o-linear-gradient(top, #36780f, #005900);
	background-image: linear-gradient(to bottom, #36780f, #005900);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
}

.dialog_responsive{
    margin: 0 auto !important;
    max-width: 420px !important;
    width: 80% !important;
    left: 0 !important;
    right: 0 !important;
}

.subscriptions_content_div, .onetimepayment_content_div{
	margin: 1em;
	margin-bottom: 3em;
	margin-left:0em;
	margin-right:0em;
	font-size: 12px;
	padding: 0em !important;
}

.cancelDialog-content-div-buttons{
	margin-top: 10px;
	text-align:center;
}

.subscription_active{
}

.subscription_deactivated{
color: #656161;
background: #f2f2f2;
border: 2px solid #959990;
}

/*---------------------------------------------------------------------------------------------------
-----------------------------------------   OneTime Payment  ----------------------------------------
---------------------------------------------------------------------------------------------------*/

#onetimepayment-div{
	position: relative;
}

.open-details-button{
	width:30px;
	height:30px;
	border-radius:15px;
	font-size:12px;
	font-weight: bold;
	color:white;
	text-align:center;
	background:gray;
	float: left;
	cursor: pointer;
}

.open-details-button-text{
	font-weight: bold;
	font-size: 1.2em;
}

/*---------------------------------------------------------------------------------------------------
-----------------------------------------   Mobile  ------------------------------------------------
---------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){

	/*---------------------------Contact---------------------------------------------------*/
	#desktop_contact_info_text{
		display: none;
	}

	#mobile_contact_info_text{
		display: block;
	}

}

/*---------------------------------------------------------------------------------------------------
-----------------------------------------   TABLET  ------------------------------------------------
---------------------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:767px){

	/*---------------------------Contact---------------------------------------------------*/
	#desktop_contact_info_text{
		display: none;
	}

	#mobile_contact_info_text{
		display: block;
	}

}