@charset "utf-8";

@font-face {
	font-family: 'TeleNeoWeb';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/TeleNeoWeb-Regular.woff2') format('woff2'),
		 url('../fonts/TeleNeoWeb-Regular.woff') format('woff');
}
@font-face {
	font-family: 'TeleNeoWeb';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/TeleNeoWeb-RegularItalic.woff2') format('woff2'),
		 url('../fonts/TeleNeoWeb-RegularItalic.woff') format('woff');
}
@font-face {
	font-family: 'TeleNeoWeb';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/TeleNeoWeb-Bold.woff2') format('woff2'),
		 url('../fonts/TeleNeoWeb-Bold.woff') format('woff');
}
@font-face {
	font-family: 'TeleNeoWeb';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/TeleNeoWeb-BoldItalic.woff2') format('woff2'),
		 url('../fonts/TeleNeoWeb-BoldItalic.woff') format('woff');
}

:root {
	--tn-magenta: #E20074;
	--tn-magenta-hover: #B5005D;
	--tn-black: #000000;
	--tn-black-hover: #414141;
	--tn-gray: #626262;
	--tn-white: #FFFFFF;
	--tn-subtle: #F1F1F1;
	--tn-border: #B6B6B6;
	--tn-disabled: #DDDDDD;
	--tn-disabled-text: #A3A3A3;
	--tn-danger: #D91308;
	--tn-success: #00774B;
	--tn-warning: #B63D00;
}

html,body{
	-webkit-text-size-adjust:100%;
	background:#eeeeee url("../images/bg.png") repeat-y center top;
	min-width:1400px;
}

html{
	overflow-y:scroll;
}

img{
	margin-right: 8px;
	border:0px;
	padding:0px;
}

.select-info{
	display:none;
}

form{
	margin:0px;
	padding: 0px;
}

#addUserForm{
	margin: 1% 5% !important;
	padding: 1% 5% !important;
}

body {
	font: 400 15px / 1.8 'TeleNeoWeb', Arial, sans-serif;
	margin:0px;
	padding:0px;
	font-family:'TeleNeoWeb', Arial, sans-serif;
	font-size:14px;
	color:#606060;
	
}




a {
	text-decoration:none;
	outline:none;
	font-family:'TeleNeoWeb', Arial, sans-serif;
	font-size:14px;
	color:#606060;
}

b,strong{
	
}
.clear {
	clear:both;
}

ul,li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#wrapper{
	position:relative;
	height:100%;
	min-height:100%; 
	width:100%;
	padding:0px;
	margin:0 auto 0 auto;
}


body.page-login #wrapper{
	background:#fff;
	position:relative;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

::-webkit-input-placeholder {
    filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

:-moz-placeholder {
     filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

::-moz-placeholder { 
     filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

:-ms-input-placeholder {  
     filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* //////////////////////////////////////////////// */

.hold{
	width:1400px;
	margin:0 auto 0 auto;
}

.header{
	height:70px;
}


.header .hold{
	height:70px;	
	background:#fff;
	-moz-box-shadow:    0px 2px 2px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    box-shadow:         0px 2px 2px 0px rgba(0,0,0,0.2);
  
}

.header .lcol{
	width:300px;
	float:left;	
}

.header .rcol{
	width:1100px;
	float:left;	
}


.header .logo{
	display:block;
	background: url("../images/logo.svg") no-repeat center center;
	width: 200px;
	height: 70px;
}

.header .app-logo{
	display:block;
	background: url("../images/app-logo.svg") no-repeat center center;
	background-size: contain;
	width: 150px;
	height: 70px;
	float:left;
	margin-right:15px;
}

.header h1{
	float:left;	
	color: black;
	font-weight:bold;
	font-size:18px;
	border-left:1px solid #e5e4e4;
	height:70px;
	line-height:70px;
	padding:0 0 0 20px;
}


.header .lang{
	float:right;
	color:#fff;
	background:#f7f7f7 url("../images/header-icon-lang.png") no-repeat 20px center;
	padding:0 30px 0 45px;
	height:70px;
	border-left:1px solid #e5e4e4;
	position:relative;
}

.header .lang a{
	display:block;
	color:#000;
	font-size:14px;
	background: url("../images/icon-arrow-down-black.png") no-repeat right center;	
	padding:0 17px 0 0;
	height:70px;
	line-height:70px;
}



.header .logout{
	float:right;
	display:block;
	height:30px;
	line-height:30px;
	background: #686868 url("../images/header-icon-logout.png") no-repeat 8px center;
	padding:0 12px 0 30px;
	color:#fff;
	margin:20px 20px 0 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.header .user{
	float:right;
	display:block;
	height:30px;
	line-height:30px;
	background: url("../images/header-icon-user.png") no-repeat left center;
	padding:0 0px 0 30px;
	color:#000;
	margin:20px 20px 0 0;
}

/*Edit: User Header Dropdown*/

.headerDropdown{
	float: right;
	/*overflow: hidden;*/
}

#deliveryTimeSelect{
	height :38px;
}


.headerDropdown .dropbtn {
  float:right;
  cursor: pointer;
  font-size: 16px;  
  border: none;
  outline: none;
	height:30px;
	/*line-height:30px;*/
	background: url("../images/header-icon-user.png") no-repeat left center;
	padding:0 0px 0 30px;
	color:#000;
	margin:20px 20px 0 0;
  font-family: inherit;
}

.headerDropdown-content {
  display: none;
  /*position: fixed;*/
  position: absolute;
  background-color: #f9f9f9;
  margin-top: 50px;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.headerDropdown-content a {
  /*float: none;*/
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.headerDropdown-content a:hover {
  background-color: #ddd;
}

.show {
  display: block;
}
/*End of edit*/


.main {
	padding:0 0 50px 0;
}

.main .lcol{
	float:left;
	width:300px;
}

.main .rcol{
	float:left;
	width:1100px;
}

.menu li a{
	display:block;
	border-bottom:1px solid var(--tn-border);
	padding:20px 0 20px 65px;
	color:var(--tn-black);
	background-repeat:no-repeat;
	background-position:23px center;
	font-size:16px;
}

.main .lcol li a:hover {
	text-decoration: underline;
}


.menu li.active a{
	color:var(--tn-white);
}

.menu li.active{
	background:var(--tn-magenta);
}

.menu li.open.active a{
	color:var(--tn-black);
	background-image:none;
}

/* Standalone top-level items use a white icon when active (on magenta) */
.menu li.active a.m1{ background-image: url("../images/menu-icon1-active.png"); }
.menu li.active a.m4{ background-image: url("../images/menu-icon4-active.png"); }
.menu li.active a.m5{ background-image: url("../images/menu-icon5-active.png"); }
.menu li.active a.m6{ background-image: url("../images/menu-icon6-active.png"); }
.menu li.active a.m7{ background-image: url("../images/menu-icon7-active.png"); }
.menu li.active a.m8{ background-image: url("../images/menu-icon8-active.png"); }

.menu li.open{
	background:#D8D8D8;
}



.menu li a.m1{ background-image: url("../images/menu-icon1.png"); }
.menu li a.m2{ background-image: url("../images/menu-icon2.png"); }
.menu li a.m3{ background-image: url("../images/menu-icon3.png"); }
.menu li a.m4{ background-image: url("../images/menu-icon4.png"); }
.menu li a.m5{ background-image: url("../images/menu-icon5.png"); }
.menu li a.m6{ background-image: url("../images/menu-icon6.png"); }
.menu li a.m7{ background-image: url("../images/menu-icon7.png"); }
.menu li a.m8{ background-image: url("../images/menu-icon8.png"); }

.menu li.open a.m1{ background-image: url("../images/menu-icon1-active.png"); }
.menu li.open a.m2{ background-image: url("../images/menu-icon2-active.png"); }
.menu li.open a.m3{ background-image: url("../images/menu-icon3-active.png"); }
.menu li.open a.m4{ background-image: url("../images/menu-icon4-active.png"); }
.menu li.open a.m5{ background-image: url("../images/menu-icon5-active.png"); }
.menu li.open a.m6{ background-image: url("../images/menu-icon6-active.png"); }
.menu li.open a.m7{ background-image: url("../images/menu-icon7-active.png"); }
.menu li.open a.m8{ background-image: url("../images/menu-icon8-active.png"); }

.menu li ul {
	display:none;
}


.open a{
	color:var(--tn-black) !important;
}

.menu li.active ul {
	display:block;
}

.menu li ul li a{
	padding:20px 0 20px 80px;
}

.menu li ul li.active a,
.menu li ul li.active.open a{
	color: white !important;
	background:var(--tn-magenta);
}

.menu li ul li.active{
	background:#1d1d1d url("../images/menu-active-arrow.png") no-repeat right center;
}




.info-row{
	display:flex;
	justify-content: center;
	margin-top: 20px;
	flex-wrap: wrap;
}

button[disabled],
button[disabled]:hover{
	 cursor: not-allowed;
	 background: var(--tn-disabled);
	 border-color: var(--tn-disabled);
	 color: var(--tn-disabled-text);
}

/* Disabled buttons show the greyed arrow instead of the white one */
button[disabled] img[src$="icon-button-arrow.png"]{
	content: url("../images/icon-button-arrow-disabled.png");
}


.button{
	display:block;
	height:50px;
	line-height:50px;
	border-radius: 999px;
	background:var(--tn-magenta);
	color:#fff;
	font-size:18px;
	padding:0 50px 0 50px;
	float:right;
	border: 2px solid var(--tn-magenta);
}

.button:hover{
	background:var(--tn-magenta-hover);
	border-color:var(--tn-magenta-hover);
}


.button.centered{
	float:none;
	width:220px;
	margin:40px auto 20px auto;
	padding:0px;
	text-align:center;
}


.button.min{
	height:40px;
	line-height:40px;
	-moz-box-shadow:    0px 0px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	box-shadow:         0px 0px 0px 0px rgba(0,0,0,0.2);
}


.button.xmin{
	height:34px;
	line-height:34px;
	-moz-box-shadow:    0px 0px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	box-shadow:         0px 0px 0px 0px rgba(0,0,0,0.2);
}
.center .button.black,
.center .button.white{
	width:300px;
}
/* Table action columns: fill the cell so delete and add buttons are the same width */
#SendMessageManualDT td .center .button {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}
/* Secondary tier per Telekom brand spec: filled black with white text. */
.button.black{
	 display: flex;
    align-items: center;
    justify-content: center;
	background:var(--tn-black);
	 border-color: var(--tn-black);
	color:#fff;
	font-size:16px;
}

.button.black:hover{
	background:var(--tn-black-hover);
	border-color:var(--tn-black-hover);
}

/* Tertiary tier per Telekom brand spec: filled white, black text, 1px black border, hover #DDDDDD. */
.button.white{
	background:#fff;
	color:var(--tn-black);
	border:1px solid var(--tn-black);
	font-size:16px;
}

.button.white:hover{
	background:var(--tn-disabled);
}

.button.red{
	background:#fff;
	color:var(--tn-danger);
	border-color:var(--tn-danger);
	font-size:18px;
}

.button.orange{
		background:var(--tn-magenta);
		color:#fff;
		font-size:14px;

}

.button.light-green{
	background:var(--tn-magenta);
	font-size:16px;
}



.button.max{
	height:80px;
	line-height:80px;
	font-size:21px;
	padding:0 23px 0 23px;
	width:280px;
}


.lightbox{
	background: url("../images/bg-lightbox.png");
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:none;
	z-index: 1000;
}

.lightbox .content{
	position:absolute;
	left:50%;
	top:50%;
	width:584px;
	margin:-160px 0 0 -292px;
	background:#f1f1f1;	
	align: center;
}

.lightbox.nofix{
	position:absolute;
}



.lightbox .content .close{
	position:absolute;
	right:10px;
	top:15px;
	background: url("../images/icon-close.png") no-repeat center center;
	width: 30px;
	height: 30px;
}



.lightbox .content .button-hold{
	padding:30px 0 30px 0;
	text-align:center;
	border-top:1px solid #dadada;
}

.lightbox .content .button-hold .button{
	display:inline-block;
	float:none;
}


.lightbox .content .description{
	background:#fff;	
	padding:20px;
	color:#5f5f5f;
	font-size:13px;
	line-height:18px;
}

.lightbox .content .description h2{
	font-size:24px;
	line-height:24px;
	color:#303030;
	padding:0 0 10px 0;
}


.hold{
	width:1400px;
	margin:0 auto 0 auto;
	position:relative;
}



.simple-text{
	line-height:22px;
}

.date-field input,
.date-field-range input{
	height:38px;
	line-height:38px;
	background:#f6f6f6  url("../images/icon-date-open.png") no-repeat right top !important;
	border:1px solid #dadada;
	padding:0 15px 0 15px;
	font-size:13px;
	color:#606060;
	width:170px;
	cursor:pointer;
}

.date-field-range input{
	width:110px;	
	margin:0 10px 0 0;
}

.error .date-field input,
.error .date-field-range input{
	border-color:var(--tn-danger);
}

.date-field input:focus,
.date-field-range input:focus{
	background-position:right bottom;
}

.date-field-range label{
	padding:0 20px 0 0;
}

.page-login #wrapper{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	min-height:570px;
	background-color:white;
	 display: flex;   
	 justify-content: center;
    align-items: center;
}

.login{
	width:550px;
	padding:40px;
	background-color:#f2f2f3;
	height:100%;
	
}

.login .logos{
	display: flex;
	justify-content: space-between;
	align-items: anchor-center;
	margin-top: 25px;
	height:110px;
	border-bottom:1px solid #716e78;
}


.login .cosmote-logo{
	background: url("../images/T_logo_carrier_surface_rgb_n.svg") no-repeat center center;
	width: 88px;
	height: 88px;
}

.login .logo{
	background: url("../images/app-logo.svg") no-repeat center center;
	background-size: contain;
	width: 200px;
	height: 27px;
	margin:18px 0 0 0;
}

.login .login-info{
	padding:35px 0 35px 20px;
}

.login h3{
	font-size:30px;
	padding:0 0 3px 0;
}

.login h4{
	font-size:20px;
}

.login .lang{
	float:right;
	color: black;
	font-size:16px;
	background: url("../images/icon-earth.png") no-repeat left 10px;
	padding:10px 0 20px 22px;
	position:relative;
	display:block;
	margin:-10px 0 0 0;
	position:relative;
}

.login .lang a{
	display:block;
	color:black;
	font-size:14px;
	background: url("../images/icon-arrow-down-black.png") no-repeat right center;	
	padding:0 17px 0 0;
}


.header .lang-menu,
.login .lang-menu{
	position:absolute;
	background:#fff;
	z-index: 100;
	width:110px;
	top:60px;
	left:15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:10px 10px 10px 10px;
	-moz-box-shadow:    1px 1px 2px 1px rgba(0,0,0,0.2);
   -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
    box-shadow:         1px 1px 2px 1px rgba(0,0,0,0.2);
    display:none;
}

.header .lang:hover .lang-menu,
.login .lang:hover .lang-menu{
	display:block;
}

.login .lang-menu{
	left:0px;
	top:45px;
}

.header .lang-menu a,
.login .lang-menu a{
	display:block;
	color:#000;
	font-size:14px;
	height:30px;
	line-height:30px;
	font-size:14px;
	background:none;
	padding:0 0 0 20px;
	position:relative;
}

.lang-menu a:hover{
	text-decoration:underline;
}

.header .lang-menu a.active,
.login .lang-menu a.active{
	background: url("../images/icon-lang-active.png") no-repeat left center;
}

.header .lang-menu span,
.login .lang-menu span{
	background: url("../images/icon-lang-arrow.png");
	width:24px;
	height:13px;
	position:absolute !important;
	display:block;
	left:50%;
	top:-12px;
	margin:0 0 0 -12px;
}






.login input{
	width:510px;
	border:0px;
	margin:0 0 20px 0;
	height:60px;
	line-height:60px;
	padding:0 25px 0 20px;
	font-size:21px;
	border:0px solid #fff;
	color:#000;
}

.login .error input{
	border-color:5px solid var(--tn-danger);
	height: 50px;
	width: 500;
}

.login .error {
	width: 500;
}

.login .error-message-top{
	color:var(--tn-danger);
	font-size:16px;
	padding:5px 0 5px 0px;
	left:0px;
	top:0px;
}

.login .remember{
	line-height:24px;
	padding:15px 0 40px 0;
	font-size: 15px;
}

.login .links{
	color:black;
	text-decoration:underline;
	margin-right: 10px;
	opacity: 0.8;
}



.login.signup span{
	display:block;
	position:relative;
}
.login.signup  .error-message{
	color:var(--tn-danger);
	font-size:14px;
	padding:10px 0 5px 0px;
	position:absolute;
	left:0px;
	top:50px;
	display:none;
}

.login.signup  .success-message{
	color:var(--tn-success);
	font-size:12px;
	padding:5px 0 5px 0px;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

.login.signup  .error-message-top{
	color:var(--tn-danger);
	font-size:12px;
	padding:5px 0 5px 0px;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

.error-message-text {
	color:var(--tn-danger);
	font-size:14px;
}


.login.signup .success .success-message{
	display:block;
}

.login.signup .error .error-message{
	display:block;
}

.login.signup .error .error-message-top{
	display:block;
}

.login.signup input{
	margin:0 0 40px 0;
}

.login.signup .captcha {
	position:relative;
}

.login.signup .captcha .text{
	position:absolute;
	left:0px;
	top:-22px;
	font-size:13px;
}

.login.signup .captcha .captcha-reload{
	display:block;
	color:#fff;
	background: url("../images/icon-login-captcha-reload.png") no-repeat left center;
	height:40px;
	line-height:40px;
	padding:0 0 0 30px;
}

.login.signup .captcha .captcha-hold,
.login.signup .captcha input{
	float:left;
}

.login.signup input.token-ok{
	border-color:#E20074;
	background: #fff url("../images/icon-signup-token-ok.png") no-repeat 97% center;
}

.login.signup input.token-wrong{
	border-color:var(--tn-danger);
	background: #fff url("../images/icon-signup-token-wrong.png") no-repeat 97% center;
}

.login.signup input.msisdn-ok{
	border-color:var(--tn-magenta);
	background: #fff url("../images/icon-signup-token-ok.png") no-repeat 97% center;
}

.login.signup input.msisdn-wrong{
	border-color:var(--tn-danger);
	background: #fff url("../images/icon-signup-token-wrong.png") no-repeat 97% center;
}


.login.signup .captcha input{
	width:	170px;
	height:40px;
	line-height:40px;
	margin:0 0 0 20px;
}

.login.signup .button.black{
	font-size:18px;
	margin:0 20px 0 0;
}



#login-account-limit .graph{
	padding:40px 40px 40px 180px;
	height:120px;
	color:#303030;
	font-size:16px;
	line-height:24px;
	text-align:left;
	background: url("../images/icon-login-error-graph.png") no-repeat 40px 40px;
}

#forget-password .content{
	min-height:400px;
	margin-top:-250px;
}

#forget-password .fields{
	padding:18px 0 0 0;
}

#forget-password .fields input{
	width:480px;
	border:0px;
	margin:0 auto 10px auto;
	height:50px;
	line-height:50px;
	padding:0 20px 0 20px;
	font-size:21px;
	background:#fff url("../images/bg-input-shadow.png") repeat-x center top;
	display:block;
}

#forget-password .fields input.value-ok{
	border:1px solid green;
}

#forget-password .fields input.value-wrong{
	border:1px solid red;
}

#forget-password .captcha{
	width:520px;
	margin:0 auto 0 auto;
	font-size:12px;
}

#forget-password .captcha .row{
	height:65px;
	padding:9px 0 5px 0;
}

#forget-password .captcha .captcha-image,
#forget-password .captcha input{
	float:left;	
	width:150px;
	border:0px;
	margin:0 20px 0 0;
	height:50px;
	line-height:50px;
	padding:0 20px 0 20px;
	font-size:21px;
	color:#909090;
	background:#fff url("../images/bg-input-shadow.png") repeat-x center top;
	display:block;
	text-align:center;
}

#forget-password .captcha .captcha-image img{
	margin:8px auto 0 auto;
}


#forget-password .reload-captcha{
	display:block;
	background: url("../images/icon-captcha-reload.png") no-repeat left center;
	padding:0 0 0 28px;
	height:21px;
	line-height:21px;
	color:var(--tn-magenta);
	font-size:12px;
	margin:0 0 20px 0;
}

.home{
	padding:20px 0px 0px 20px;
}

.home .box{
	float:left;
	width:520px;
	margin:0 20px 20px 0;
	background:#fff;
	min-height:530px;
	
	-moz-box-shadow:    0px 2px 4px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    box-shadow:         0px 2px 4px 0px rgba(0,0,0,0.2);
}

.home .box h2{
	font-weight: bold;
	font-size:21px;	
	padding:20px 20px 10px 20px;
}

.home .box .text{
	padding:0px 20px 0px 20px;
	color:#606060;
	line-height:22px;
}

.home .box .more{
	display:block;
	color:var(--tn-magenta);
	font-size:16px;
	padding:20px 0px 20px 20px;
}
.home .box .more img{
	height:16px;
	width:auto;
}

.main-content{
	background:#fff;
	-moz-box-shadow:    0px 2px 4px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    box-shadow:         0px 2px 4px 0px rgba(0,0,0,0.2);
    padding:20px;
    margin:20px;
}

.main-content .title{
	border-bottom:1px solid #dadada;
	padding:0 0 15px 10px;
	margin:0 0 28px 0;
}

.main-content .title h2{
	font-size:18px;
	font-weight:bold;
	color:#000;
}


.info{
	display:inline-block;
	width:16px;
	height:16px;
	background: url("../images/icon-info.png") no-repeat left top;
	position:relative;
	padding:0 20px 0 0;
	margin:0px 0 -2px 10px;
}

.info:hover{
	background-position:left bottom;
}

.info .text{
	display:none;
	position:absolute;
	background:#f6f6f6;
	font-size:14px;
	border:1px solid #dbdbdb;
	padding:20px;
	width:350px;
	left:30px;
	top:-20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index: 10;
}

.info .text .arrow{
	position:absolute;
	left:-9px;
	top:18px;
	background: url("../images/icon-info-arrow.png") no-repeat center center;
	width: 10px;
	height: 18px;
}

.info:hover .text{
	display:block;	
	line-height:22px;
}

.form-list {
	padding:0 0 40px 0;
}

.form-list .row{
	height:70px;	
}


.form-list .row-account-details{
	height:60px !important;
}

.form-list .row-account{
	height:70px;	
	padding:20px 0 0 120px;
}
.form-list .row.max{
	height:250px;
}

.form-list label{
	display:block;
	/*float:left;*/
	width:150px;
	text-align:right;
	color:#585858;
	font-size:15px;
	font-weight:normal;
	/*margin:0 20px 0 0;*/
	height:40px;
	display: inline-block;
	margin-left:3%;
}

.form-list label.two-line{
	line-height:16px;
}



.form-list label sup{
	color:var(--tn-danger);
}

.form-list input[type="text"],
.form-list input[type="password"],
.form-list input[type="email"],
.form-list textarea{
	height:38px;
	line-height:38px;
	background:#f6f6f6;
	border:1px solid #dadada;
	padding:0 15px 0 15px;
	font-size:18px;
	color:#000;
	width:300px;
	font-family:'TeleNeoWeb', Arial, sans-serif;
	display: inline-block;
	margin-left: 7%
}

.form-list .sbHolder{
	font-size: 16px;
	padding-left: 15px;
	/*float:left;*/
}

.form-list textarea{
	height:	180px;
	padding:15px;
	line-height:24px;
}

.form-list input[type="text"]:focus,
.form-list input[type="password"]:focus{
	border-color:var(--tn-magenta);
}

.form-list .error-text{
	color:var(--tn-danger);
	font-size:12px;
	display:none;
	padding:5px 0 5px 90px;
}

.form-list .error .error-text{
	display:block;
}

.form-list .error label{
	color:var(--tn-danger);
}

.form-list .error input[type="text"],
.form-list .error input[type="password"],
.form-list .error textarea{
	border-color:var(--tn-danger);
}


.form-list .correct input[type="text"],
.form-list .correct input[type="password"]{
	border-color:var(--tn-danger);
}

.radio-list{
	margin:15px 0 0 0;	
}

.radio-list li{
	height:35px;
}


.password-strength {
	padding:10px 0 0 170px;
}

.password-strength .col{
   float:left;
	width:97px;
	height:5px;
	background:#dadada;
	margin:0 4px 0 0;
}

.password-strength h5{
	text-align:right;
	width:400px;
	font-weight:bold;
	color:#dadada;
	padding:3px 0 0 0;
}


.password-strength.short .col { background:var(--tn-danger); }
.password-strength.short h5   { color:var(--tn-danger); }

.password-strength.medium .col { background:#ff9500; }
.password-strength.medium h5   { color:#ff9500; }

.password-strength.good .col { background:var(--tn-success); }
.password-strength.good h5   { color:var(--tn-success); }

.password-strength.strong .col { background:var(--tn-success); }
.password-strength.strong h5   { color:var(--tn-success); }

.password-strength.short .c2{ background:#dadada; }
.password-strength.short .c3{ background:#dadada; }
.password-strength.short .c4{ background:#dadada; }

.password-strength.medium .c3{ background:#dadada; }
.password-strength.medium .c4{ background:#dadada; }

.password-strength.good .c4{ background:#dadada; }


.row.attachment{
	height:auto;
	
	padding:0 0 0 170px;
}

.row.attachment .info{
	margin-top:12px;
}

.row.attachment label{
	margin-left:-170px;
}

.attach-table{
	width:400px !important;
	margin:0 0 20px 0;
}

.attach-table .first{
	width:20px;
}

.attach-table .last{
	width:50px;
}

.row.attachment .button{
	float:left;
	padding:0 30px 0 20px;
}



.add-user .add-admin{
	height:24px;
	line-height:24px;
	margin:1px 0 0 0;
	padding:0 0 40px 10px;
	margin-left:8%
}


.add-user .row.pass{
	min-height:90px;
}

.add-user .row.pass .error-text{
	margin:-10px 0 0 0;
}

.add-user .sms-options {
	border-bottom:1px solid #dadada;
	font-size:16px;
	line-height:22px;
}

.add-user .sms-options sup{
	color:var(--tn-danger);	
}


.add-user .sms-options .row{
	min-height:60px;
}

.add-user .sms-options .col{
	width:300px;
	float:left;
}

.add-user .sms-options .more{
	display:none;	
	padding:10px 0 30px 30px;
}

.add-user .sms-options .more .desc{
	font-weight:bold;
	font-size:14px;
	color:var(--tn-magenta);
}

.add-user .sms-options input[type="text"]{
	width:160px;
	margin-bottom:5px;
}

.add-user .error-top {
	height: 25px;
	width: 500;
}


.add-user .error-message-top{
	color:#FF0000;
	font-size:14px;
	padding:5px 0 5px 0px;
	left:0px;
	top:0px;
}

.user-details {
	padding:20px 0px 0px 0px;
}

.user-details table,
.reports table,
.gen-table{
	width:100%;
}

.user-details table thead td,
.reports table thead td,
.gen-table thead td{
	border-bottom:2px solid #e5e5e5;
	padding:20px 10px 10px 10px;
}

.reports table thead td{
	text-align:center;
}

.user-details table thead td a,
.reports table thead td > a,
.gen-table thead td > a{
	font-size:11px;
	font-weight:bold;
	color:#000;
	background: url("../images/icon-down-arrow-min.png") no-repeat right center;
	padding:0 10px 0 0;
}

.user-details table thead td a.active,
.reports table thead td > a.active,
.gen-table thead td > a.active{
	background-image: url("../images/icon-up-arrow-min.png");
}

.gen-table thead td{
	color:#000;
}

.gen-table  td.nb{
	border-right:0px;
		
}

.reports table thead td a,
.gen-table thead td a{
	font-size:12px;	
	font-weight:normal;
}

.user-details table tbody td,
.reports table tbody td,
.gen-table tbody td{
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:20px 2px 15px 2px;
	color:#000;
	font-size:11px;
}

.gen-table td:last-child{
	border-right:0px;
}

.reports table tbody td{
	font-size:14px;	
}

.gen-table tbody td{
	font-size:16px;	
	background:#fff;
}

/*.user-details table tbody tr:nth-child(even) td,
.reports table tbody tr:nth-child(even) td,
.gen-table tbody tr:nth-child(even) td{
	background:#fafafa;
}*/


.user-details table tbody tr:hover td{
	background:#ededed;
}


.reports table td.green,
.confirm-users table td.green{
	text-align:center;
	color:var(--tn-magenta);
}

.reports table td.orange,
.confirm-users table td.orange{
	text-align:center;
	color:#ff9500;
}

.reports table td.red,
.confirm-users table td.red{
	text-align:center;
	color:var(--tn-danger);
}

.confirm-users table td.green,
.confirm-users table td.orange,
.confirm-users table td.red{
	text-align:left;	
}

.user-details table tbody td .tools{
	width:100px;
}

.user-details table tbody td .tools a{
	float:left;
	position:relative;
}


.user-details table tbody td .tools .status-active,
.user-details table tbody td .tools .status-disabled,
.user-details table tbody td .tools .status-semidisabled{
	display:block;
	width:12px;
	height:12px;
	background:var(--tn-success);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin:4px 12px 0 0;
}

.user-details table tbody td .tools .status-disabled{
	background:var(--tn-danger);
}

.user-details table tbody td .tools .status-semidisabled{
	background:var(--tn-warning);
}

.user-details table tbody td .tools .user-activate,
.user-details table tbody td .tools .user-deactivate{
	display:block;
	width:16px;
	height:20px;
	background: url("../images/icon-tools-user-activation.png") no-repeat center top;
	
}

.user-details table tbody td .tools .user-activate:hover{
	background-position:center center;
}

.user-details table tbody td .tools .user-deactivate{
	background-position:center center;
}

.user-details table tbody td .tools .user-deactivate:hover{
	background-position:center bottom;
}


.user-details table tbody td .tools .edit{
	display:block;
	width:16px;
	height:16.5px;
	background: url("../images/icon-tools-edit.png") no-repeat center top;
	margin:3px 12px 0 0;
}

.user-details table tbody td .tools .edit:hover{
	background-position:center bottom;
}

.user-details table tbody td .tools .reset{
	display:block;
	width:17px;
	height:17px;
	background: url("../images/icon-tools-reset.png") no-repeat center top;
	margin:2px 12px 0 0;
}

.user-details table tbody td .tools .reset:hover{
	background-position:center bottom;
}

.user-details table tbody td .tools .pop{
	display:none;
	position:absolute;
	background:#f6f6f6;
	border:1px solid #aeaeae;
	padding:3px 1px 3px 1px;
	left:-25px;
	top:-30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 3px;
	font-size:12px;
	text-align:center;
	white-space:nowrap;
	width:58px;
}

.user-details table tbody td .tools .edit .pop{
	left:-40px;
	width:92px;
}



.user-details table tbody td .tools .reset .pop{
	left:-90px;
	width:114px;
}


.user-details table tbody td .tools .user-deactivate .pop{
	left:-80px;
	width:98px;
}

.user-details table tbody td .tools .user-activate .pop{
	left:-70px;
	width:98px;
}

.user-details table tbody td .tools .pop .arrow{
	position:absolute;
	left:50%;
	margin:0 0 0 -9px;
	bottom:-10px;
	background: url("../images/icon-tools-pop-arrow.png") no-repeat center center;
	width: 18px;
	height: 10px;
}


.user-details table tbody td .tools .reset .pop .arrow,
.user-details table tbody td .tools .user-deactivate .pop .arrow,
.user-details table tbody td .tools .user-activate .pop .arrow{
	left:auto;
	margin:0px;
	right:14px;
}

.user-details table tbody td .tools a:hover .pop{
	display:block;
}





.pager{
	height:80px;
	text-align:center;
}

.pager .results{
	float:left;	
	height:80px;
	line-height:80px;
	color:#585858;
	font-size:16px;
	padding:0 0 0 20px;
	text-align:left;
}

.pager .per-page-results{
	float:right;
	padding:0 20px 0 0;
	height:80px;
	line-height:80px;
	color:#585858;
	font-size:16px;
	text-align:left;
}

.pager .per-page-results .sbHolder{
	width:90px;
	float:right;
	margin:20px 0 0 20px;
}

.pager .per-page-results .sbSelector{
	width:50px;
}
.pager .per-page-results .sbSelector{
	width:52px;
}


.pager .pages{
	display:inline-block;
	margin:30px 0 0 0;
}

.pager .pages li{
	float:left;	
	margin:0 4px 0 4px;
	color:var(--tn-magenta);
	font-size:16px;
}

.pager .pages li a{
	display:block;
	height:18px;
	width:18px;
	color:var(--tn-magenta);
	font-size:16px;
}

.pager .pages li .next,
.pager .pages li .prev{
	background: url("../images/icon-pager-next.png") no-repeat center top;
}

.pager .pages li .prev{
	background-image: url("../images/icon-pager-prev.png");
}

.pager .pages li .next.inactive,
.pager .pages li .prev.inactive{
	background-position:center bottom;
}


.alert-info {
	color: black !important;
}


#user-activation .content,
#user-deactivation .content,
.lightbox.generic .content  {
	height:270px;
}


#user-deactivation .content .description,
.lightbox.generic  .content .description{
	background: url("../images/icon-lightbox-user-activate.png") no-repeat 38px 28px;	
	padding:45px 20px 20px 150px;
	font-size:16px;
}

#user-activation .content .description,
.lightbox.generic  .content .description{
	background: url("../images/icon-lightbox-user-activate.png") no-repeat 38px 28px;	
	padding:45px 20px 38px 150px;
	font-size:16px;
}

#user-deactivation .content .description{
	background-image: url("../images/icon-lightbox-user-deactivate.png");	
}


#generic-alert .content .description{
	background-image: url("../images/icon-generic-alert.png");	
}

#generic-info .content .description{
	background-image: url("../images/icon-generic-info.png");	
}

#generic-success .content .description{
	background-image: url("../images/icon-generic-success.png");	
}


#user-activation .content .button-hold .button,
#user-deactivation .content .button-hold .button,
.lightbox.generic  .content .button-hold .button{
	margin:0 10px 0 10px;
}

#user-activation .content .button-hold .button.cancel,
#user-deactivation .content .button-hold .button.cancel,
.lightbox.generic  .content .button-hold .button.cancel{
	color:var(--tn-danger);
}


#user-edit .content{
	height:600px;
	margin-top:-275px;
	background:#fff;
}

#user-edit .description{
	background:#f1f1f1;
}

#user-edit .form-list{
	padding:20px 0 0 0;
}

#user-edit .form-list label{
	width:130px;
}

#user-edit .password-strength{
	padding-left:150px;
}

#user-edit .radiosel{
	float:left;
	height:20px;
	line-height:24px;
	margin:0 20px 0 0;
	font-size:16px;
}

#user-edit .button{
	
}


.statistics-hold{
	border:1px solid #dadada;
	padding:20px;
	width:550px;
}

.statistics-hold h2{
	color:#000;	
}

.statistics .filters {
	height:75px;
	margin:0 0 30px 0;
	border-bottom:1px solid #dadada;
}

.statistics .filters .col{
	float:left;
	margin:0 40px 0 0;
}

.statistics .filters .col:first-child{
	margin:0 20px 0 0;
}

.statistics .filters .col .sbHolder{
	float:left;
}

.statistics .filters .col label{
	float:left;
	display:block;
	height:40px;
	line-height:40px;
}
.statistics .error-text{
	color:var(--tn-danger);
	font-size:12px;
	display:none;
	padding:5px 0 0px 0px;
}

.statistics .error .error-text{
	display:block;
}

.faq h3{
	padding:10px 0 10px 80px;
	font-size:14px;
	color:#000;
}

.faq-list{
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	background: url("../images/icon-faq-q-bg.png") repeat-y left top;
}

.faq-list li .q{
	display:block;
	background: url("../images/icon-faq-more.png") no-repeat 20px center;
	padding:20px 20px 20px 80px;
	color:#000;
	border-top:1px solid #e5e5e5;
	line-height:22px;
	font-size:16px;
}


.faq-list li:nth-child(even){
	background:#fafafa url("../images/icon-faq-q-bg.png") repeat-y left top;
}



.faq-list li .ans{
	display:none;
	padding:0px 40px 20px 80px;
	line-height:24px;
	font-size:16px;
	border-bottom:1px solid #a5a5a5;
	color:#000;
}


.faq-list li.active{
	background-color:#ededed;
}

.faq-list li.active .ans{
	display:block;
}

.faq-list li.active .q{
	border-color:#a5a5a5;
	background-image: url("../images/icon-faq-less.png");
	color:var(--tn-magenta);
}

.balance-hold .tabs-menu,
.add-numbers-hold .tabs-menu,
.statistics .tabs-menu{
	padding:10px 0 0 0;	
}



.balance-hold .tabs-menu a,
.add-numbers-hold .tabs-menu a,
.statistics .tabs-menu a{
	display:block;
	border-bottom:4px solid #dadada;
	text-align:center;
	font-size:16px;
	color:#303030;
	float:left;
	margin:0  0 0 20px;
	width:500px;
	height:26px;
	line-height:26px;
}

.add-numbers-hold .tabs-menu a{
	width:320px;	
}

.statistics .tabs-menu a{
	width:326px;	
}

.balance-hold .tabs-menu a:hover,
.add-numbers-hold .tabs-menu a:hover,
.statistics .tabs-menu a:hover{
	border-bottom: 4px solid var(--tn-magenta);
}

#SendMessageManualDT_wrapper a:hover{
	text-decoration: none !important;
}



.balance-hold .tabs-menu a.active,
.add-numbers-hold .tabs-menu a.active,
.statistics .tabs-menu a.active{
	color:var(--tn-magenta);
	border-color:var(--tn-magenta);
	font-weight:bold;
}

.balance-hold .tabs-menu a:first-child,
.add-numbers-hold .tabs-menu a:first-child,
.statistics .tabs-menu a:first-child{
	margin:0px;
}


.balance-hold .tab{
	display:none;
	padding:50px 0 80px 0;
}

.add-numbers-hold .tab{
	display:none;
	padding:25px 0 10px 0;
}

.statistics .tab{
	display:none;
	padding:40px 0 10px 0;
}

.balance-hold .tab.active,
.add-numbers-hold .tab.active,
.statistics .tab.active{
	display:block;
}

.balance-hold .tabs .graph{
	width:380px;
	text-align:center;
	height:230px;
	position:relative;
	float:left;
}

.balance-hold .tabs .graph .from,
.balance-hold .tabs .graph .to{
	position:absolute;
	bottom:-10px;
	left:65px;
}

.balance-hold .tabs .graph .remain{
	position:absolute;
	top:110px;
	left:0px;
	width:100%;
	text-align:center;
	color:#303030;
	font-size:32px;
	font-weight:bold;
}

.balance-hold .tabs .graph .remain span{
	display:block;
	font-size:14px;
	font-weight:normal;
}

.balance-hold .tabs .graph .to{
	left:300px;
}

.balance-hold .tabs .graph img{
	margin:0 auto 0 auto;
}

.balance-hold .tabs table{
	float:right;
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
}


.balance-hold .tabs table td{
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:20px 10px 15px 10px;
	color:#000;
	font-size:16px;
}



.balance-hold .tabs table td:first-child{
	font-size:14px;
}

.balance-hold .tabs table tr:nth-child(even) td{
	background:#fafafa;
}






.balance .filters {
	height:40px;
	padding:0 0 20px 0;
	border-bottom:1px solid #dadada;
	margin:10px 0 40px 0;
}

.balance .filters .use-filters{
	float:left;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#000;
}

.balance .filters .use-filters .prettycheckbox{
	float:left;
	margin:8px 15px 0 0;	
}


.balance .filters .filters-hold{
	float:left;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.balance .filters .filters-hold.inactive{
	filter: alpha(opacity=10);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.balance .filters .filters-hold.inactive .button{
	background:#fff;
	color:#cdcccc;
	border:1px solid #cdcccc;
	
	padding:0 48px 0 48px;
}

.balance .filters .filters-hold {
	float:right;
}

.balance .filters .filters-hold .sbHolder{
	float:left;
	margin:0 10px 0 0;
	width:330px;
}




.balance-alerts{
	background:#fafafa;
	padding:35px 20px 35px 20px;
	border:1px solid #dadada;
	margin:50px 0 0 0;
	color:#303030;
	font-size:16px;
}

.balance-alerts h5{
	font-size:16px;
	float:left;
	margin:0 40px 0 0;
	line-height:24px;
}

.balance-alerts span{
	display:block;
	float:left;
	margin:0 40px 0 0;
	line-height:24px;
}

.balance-alerts .button{
	width:100px;
	margin:40px auto 0 auto;
	float:none;
}







.profile .title{
	margin-bottom:20px;
}

.profile table{
	width:100%;
	margin-bottom:60px;
}

.profile table thead td{
	border-bottom:2px solid #e5e5e5;
	padding:20px 10px 10px 10px;
	font-size:14px;
	color:#000;
	text-align:center;
}


.profile table tbody td{
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:20px 10px 15px 10px;
	color:#000;
	font-size:16px;
	background:#fafafa;
	text-align:center;
	width:33%;
}

.profile table tbody td:first-child{
	border-left:0px;
}

.profile table tbody td.red{
	color:var(--tn-danger);
}

.profile table tbody td.green{
	color:var(--tn-magenta);
}

.profile .row{
	margin-bottom:60px;
}

.profile .row .col{
	float:left;
	height:30px;
	padding:20px 0 0 60px;
}

.profile .row .col span{
	font-size:21px;
	color:#000;
}


.reports .filters {
	height:40px;
	padding:0 0 20px 0;
	border-bottom:1px solid #dadada;
	margin:10px 0 40px 0;
}

.reports .filters .use-filters{
	float:left;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#000;
}

.reports .filters .use-filters .prettycheckbox{
	float:left;
	margin:8px 15px 0 0;	
}


.reports .filters .filters-hold{
	float:left;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.reports .filters .filters-hold.inactive{
	filter: alpha(opacity=10);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.reports .filters .filters-hold.inactive .button{
	background:#fff;
	color:#cdcccc;
	border:2px solid #cdcccc;
	height:36px;
	line-height:36px;
	padding:0 48px 0 48px;
}

.reports .filters .filters-hold {
	float:right;
}

.reports .filters .filters-hold .sbHolder,
.reports .filters .filters-hold .date-field{
	float:left;
	text-align: center;
}

.reports .button-hold{
	text-align:center;
	border-top:1px solid #dadada;
	padding:40px 0 20px 0px;
}


.reports .button-hold .button{
	float:none;
	display:inline-block;
	margin:0 10px 0 10px;
	padding:0 20px 0 20px;
}


.send-message-steps{
	height:50px;
	margin:60px 20px 30px 20px;
}

.send-message-steps li{
	float:left;
	width:252px;
	height:50px;
	text-align:center;
	line-height:50px;
	background: url("../images/icon-steps-progress-bg.png") repeat-x center center;
	position:relative;
}

.send-message-steps li.completed,
.send-message-steps li.current{
	background-image: url("../images/icon-steps-progress-completed.png");
}

.send-message-steps li.first{
	width:50px;
}

.send-message-steps li span{
	display:block;
	width:50px;
	height:50px;
	background: url("../images/icon-steps-bg.png") no-repeat;
	font-weight:bold;
	color:#8e8e93;
	float:right;
	position:relative;
}

.send-message-steps li.completed span{
	background-image: url("../images/icon-steps-completed.png");
	text-indent:-10000px;
}

.send-message-steps li.current span{
	background-image: url("../images/icon-steps-current.png");
	background-position-x: 2px;
	text-indent:-10000px;
}

.send-message-steps li.first span{
	float:left;
}

.send-message-steps li h5{
	position:absolute;
	top:-50px;
	right:-80px;
	width:230px;
	font-size:13px;
	text-align:center;
	color:#979797;
}

.send-message-steps li.first h5{
	right:auto;
	left:0px;
	text-align:left;
}

.send-message-steps li.last h5{
	text-align:right;
	right:0px;
}

.send-message-steps li.current h5{
	color:var(--tn-magenta);
	font-weight:bold;
}

.send-message-steps li.current span .arrow{
	position:absolute;
	left:50%;
	top:65px;
	background: url("../images/icon-steps-arrow.png") no-repeat center center;
	width: 28px;
	height: 15px;
	margin:0 0 0 -14px;
}



.send-message .message label{
	display:block;
	float:left;
	text-align:left;
	color:#585858;
	font-size:16px;
	font-weight:normal;
	height:40px;
	line-height:40px;
}


.send-message .message label sup{
	color:var(--tn-danger);
}


.send-message .message textarea.value-wrong{
	border-color: red;
	
}

.send-message .message textarea.value-ok{
	border-color: green;
	
}


.inner-hold-files .file-details input.value-wrong{
	border-color: red;
	
}

.inner-hold-files .file-details input.value-ok{
	border-color: green;
	
}

.send-message .message textarea{
	height:200px;
	background:#f6f6f6;
	border:1px solid #dadada;
	padding:10px 15px 10px 15px;
	font-size:16px;
	line-height:28px;
	color:#000;
	width:900px;
	float:right;
	font-family:'TeleNeoWeb', Arial, sans-serif;
}



.send-message .message .chars{
	text-align:right;
	padding:10px 0 0 0;
	font-size:16px;
	color:#303030;
}

.send-message .message .chars a{
	color:var(--tn-magenta);	
	font-size:16px;
}


.send-message .message .chars span{
	color:#a2a1a1;
	padding:0 5px 0 5px;
}


.send-message .message .chars span.total-char,
.send-message .message .chars span.total-messages{
	color:#303030;
	font-weight:bold;
	padding:0px;
}

.send-message .title{
	padding-left:0px;
}
.send-message .add-from-template{
	border-bottom:1px solid #dadada;
	padding:0 0 15px 0px;
	margin:0 0 20px 0;
}

.send-message .add-from-template.active{
	border:0px;
}
	
.send-message .add-from-template .open-templates{
	display:flex;
	font-size:18px;
	font-weight:bold;
	color: var(--tn-magenta);
	float:left;
}

.send-message .add-from-template .open-templates span{
	background: url("../images/icon-open-templates-arrow.png") no-repeat center center;
	width: 17px;
	margin:3px 0 0 4px;
}

.send-message .add-from-template.active .open-templates span{
	background: url("../images/icon-open-templates-arrow-active.png") no-repeat center center;
	margin:4px 0 0 4px;
}


.send-message .add-from-template.active  .open-templates{
	color:#000;
}

.send-message .add-from-template .templates-list{
	display:none;
	border-top:1px solid #dadada;
	margin:15px 0 0 0;
}


.send-message .add-from-template.active .templates-list{
	display:block;
}

.send-message .add-from-template .tools{
	width:140px;
	padding:0 0 0 30px;
}

.center{
	display:flex;
	justify-content:center
}

.horizontal-align{
	display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.send-message .add-from-template .tools .add,
.forbidden-hours .tools .edit,
.forbidden-hours .tools .delete,
.gen-table .tools .edit,
.gen-table .tools .delete,
#editButton,
.delayed-send .tools .edit,
.delayed-send .tools .delete{
	display:block;
	width:98px;
	height:32px;
	line-height:32px;
	border:1px solid #c6c6c6;
	background:#eaeaea;
	text-align:center;
	color:#303030;
	font-size:12px;
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	white-space:nowrap;
}

.jqgrid-manually-list{
	display:inline;
	width:70px;
	height:32px;
	line-height:32px;
	border:1px solid #c6c6c6;
	background:#eaeaea;
	text-align:center;
	color:#303030;
	font-size:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	white-space:nowrap;
}

.jqgrid-manually-list-addButton{
	display:inline;
	width:200px;
	height:32px;
	line-height:32px;
	border:1px solid #c6c6c6;
	background:#eaeaea;
	text-align:center;
	color:#303030;
	font-size:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	white-space:nowrap;
}

.forbidden-hours .tools .edit,
.forbidden-hours .tools .delete,
.delayed-send .tools .edit,
.delayed-send .tools .delete,
.gen-table .tools .edit,
.gen-table .tools .delete,
#editButton{
		width:auto;
		padding:0 10px 0 10px;
		margin:0 0px 0 10px;
}

button,
.delayed-send .tools .edit:hover,
.gen-table .tools .edit:hover,
#editButton:hover{
	border-color:var(--tn-magenta-hover);
	background: var(--tn-magenta-hover);
	color: white;
	border-color: var(--tn-magenta);
}

/* #editButton uses the white-tier palette but keeps its compact 32px size
   (size declarations live in the shared rule blocks above). */
#editButton{
    font-size: 14px;
	background-color: var(--tn-white);
	color: var(--tn-black);
	border-color: var(--tn-black);
	outline:none;
}

#editButton:hover{
	background: var(--tn-disabled);
	color: var(--tn-black);
	border-color: var(--tn-black);
}

#editButton:active{
	border-color:var(--tn-magenta) !important;
}

.delayed-send .tools .delete:hover,
.gen-table .tools .delete:hover
#remove:hover{
	border-color:var(--tn-danger);
	color:var(--tn-danger);
}

/* Wrapper for the "Add to final list" button in send-message2.jsp. The button itself uses
   the standard .button.white.min classes; this wrapper handles positioning only. */
.add-to-final-list-row,
 .add-to-final-list-row-from-file{
	margin-top: 30px;
	text-align: center;
}
.add-to-final-list-row-from-file .button {
	float: none;
	margin: 0 auto;
}
.add-to-final-list-row .button {
	float: none;
	width: 250px;
	margin: 0 auto;
	justify-content: center;
}


.send-message .add-from-template .tools .remove,
.gen-table .tools .remove,
#remove{
	float:left;
	display:block;
	background: url("../images/icon-tools-templates-delete.png") no-repeat center top;
	width: 17px;
	height: 19px;
	margin:7px 0 0 15px;
	position:relative;
}

.gen-table .tools .remove,
#remove{
	margin:0px 0 0 15px;	
}

.send-message .add-from-template .tools .remove:hover,
.gen-table .tools .remove:hover,
#remove:hover{
	background-position:center bottom;
}



.send-message table tbody td .tools .pop,
.gen-table .tools .pop,
#pop{
	display:none;
	position:absolute;
	background:#f6f6f6;
	border:1px solid #aeaeae;

	top:-50px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:13px;
	text-align:center;
	white-space:nowrap;
	width:58px;
}

.send-message .add-from-template .tools .remove:hover .pop,
.gen-table .tools .remove:hover .pop,
#pop{
	display:block;
}

.send-message table tbody td .tools .pop .arrow,
.gen-table .tools .pop .arrow,
#arrow{
	position:absolute;
	left:50%;
	margin:0 0 0 -9px;
	bottom:-10px;
	
	width: 18px;
	height: 10px;
}



#add-to-templates .content{
	width:660px;
	height:auto;
	margin:-250px 0 0 -330px;
}

#add-to-templates .content .message{
	padding:20px;
}

#add-to-templates .content input[type="text"]{
	height:38px;
	line-height:38px;
	background:#f6f6f6;
	border:1px solid #dadada;
	padding:0 15px 0 15px;
	font-size:18px;
	color:#000;
	width:590px;
}

#add-to-templates .content input[type="text"]:focus{
	border-color:var(--tn-magenta);
}


#add-to-templates .message input.value-ok{
	border:1px solid green;
}

#add-to-templates .message input.value-wrong{
	border:1px solid red;
}


#add-to-templates .content .text{
	margin:20px 0 0 0;
	background:#f7f5ed;
	padding:17px 20px 17px 20px;
	border:1px solid #d9d7d0;
	font-size:14px;
	color:#000;
	line-height:20px;
}

#add-to-templates .content .text h5{
	border-bottom:1px solid #d9d7d0;
	font-size:16px;
	color:#000;
	padding:0 0 10px 0;
	margin:0 0 17px 0;
}

#add-to-templates .content .buttons {
	text-align:center;
	padding:30px 0 0 0;
}

#add-to-templates .content .buttons .button{
	display:inline-block;
	font-size:16px;
	margin:0 5px 0 5px;
}


.send-message .button-hold-next {
	padding:35px 0 10px 0;	
}

.send-message .button-hold-next .prev{
	float:left;
}


.forbidden-hours .inner-text,
.delayed-send .inner-text,
.add-numbers .inner-text,
.add-numbers-final-list .inner-text{
	padding:0 20px 0 20px;
}

.forbidden-hours td.first{
	width:40px;
}

.forbidden-hours td.last{
	width:265px;
}

.delayed-send td.last{
	width:185px;
}

.forbidden-hours td .button,
.delayed-send td .button,
.gen-table .button.xmin.orange,
.inner-hold-files .button.xmin.orange{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 10px 0 0;
	padding:0 30px 0 30px;
}

.delayed-send td .button{
	margin:0 0 0 0;	
}


.forbidden-hours td .sbHolder,
.delayed-send td .sbHolder,
.delayed-send .date-field,
.delayed-send .date-field-range{
	float:left;
	margin:0 20px 0 0;
}



.forbidden-hours .error-text,
.delayed-send .error-text{
	color:var(--tn-danger);
	font-size:14px;
	padding:15px 20px 0px 20px;
	display:none;
}

.forbidden-hours .error .error-text,
.delayed-send .error .error-text{
	display:block;
}

.forbidden-hours .options,
.delayed-send .options,
.max-delivery-time .options{
	border-top:1px solid #dadada;
	padding:20px 0 20px 0px;
	margin:20px 0 30px 0;
	font-size:16px;
	color:#585858;
}


.forbidden-hours .options .col,
.delayed-send .options .col,
.max-delivery-time .options .col,
.max-delivery-time .dates .col{
	float:left;
	height:25px;
	line-height:25px;
	margin:0 20px 0 0;
}


.max-delivery-time .dates {
	border-top:1px solid #dadada;
	padding:20px 0 30px 0px;
}

.max-delivery-time .dates .col{
	color:#000;	
}

.max-delivery-time .range-bar{
	padding:0 0 20px 0;
}

#slider-range{
	width:990px;	
}

.slider-hold{
	background: url("../images/bg-slider-lines.png")repeat-x left top;
	height:22px;
	padding:6px 0 0 0px;
	width:990px;	
	position:relative;
}



.slider-hold .time{
	position:absolute;
	background:#f6f6f6;
	border:1px solid #aeaeae;
	padding:5px 15px 5px 15px;
	left:612px;
	top:38px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:13px;
	text-align:center;
	white-space:nowrap;
	width:48px;
	text-align:center;
}

.slider-hold .time.from{
	left:353px;
}

.slider-hold .time span{
	position:absolute;
	left:50%;
	margin:0 0 0 -9px;
	top:-9px;
	background: url("../images/icon-tools-pop-arrow-up.png") no-repeat center center;
	width: 18px;
	height: 10px;
}


.add-numbers-final-list .button-hold-next{ 
	border-top:1px solid #dadada;
}

.add-numbers-final-list  table .last{
	width:170px;
}

.add-numbers-final-list  table .first{
	width:25px;
}

.add-numbers-final-list  table thead a{
	font-size:15px;
}


.add-numbers-final-list  table td.name,
.add-numbers  table td.name{
	width:260px;
}

.add-numbers-final-list  table tfoot td,
.add-numbers  table tfoot td,
.groups  table tfoot td,
.contacts  table tfoot td{
	text-align:center;
	background:#f2f2f2;
	padding:12px 0 12px 0;
}

.add-numbers-final-list  tfoot .tools .delete,
.add-numbers  tfoot .tools .delete,
.groups  tfoot .tools .delete,
.contacts  tfoot .tools .delete{
	float:none;
	display:inline-block;
	margin:0 auto 0 auto;
}

.add-numbers-final-list  tfoot .tools .delete,
.add-numbers  tfoot .tools .delete,
.groups  tfoot .tools .delete,
.contacts  tfoot .tools .delete{
	background:#fff;	
}

.add-numbers-final-list  tfoot .tools .delete:hover,
.groups  tfoot .tools .delete:hover,
.contacts  tfoot .tools .delete:hover,
#remove:hover{
	color:var(--tn-danger);
	border-color:var(--tn-danger);
}

.add-numbers  tfoot .tools .delete:hover{
	border-color:var(--tn-magenta);
	color:var(--tn-magenta);
}

.add-numbers-final-list .insert-contacts,
.add-numbers .insert-contacts{
	height:70px;
}

.add-numbers-final-list .insert-contacts label,
.add-numbers .insert-contacts label{
	float:left;
	display:block;
	height:40px;
	line-height:40px;
	margin:0 20px 0 0;
	font-size:16px;
	color:#585858;
}

.add-numbers-final-list .insert-contacts .sbHolder,
.add-numbers .insert-contacts .sbHolder{
	float:left;
}

.add-numbers-final-list{
	position:relative;	
	margin-top:-12px;
}

.add-numbers-final-list .top-arrow{
	position:absolute;
	left:50%;
	top:-8px;
	background: url("../images/icon-add-numbers-arrow.png") no-repeat center center;
	width: 28px;
	margin:0 0 0 -14px;
	height: 17px;
}

.add-numbers table td:first-child{
	width:30px;
	text-align:center;
}

.add-numbers table td.last-tools{
	width:260px;
}





.add-numbers  input[type="text"]{
	height:38px;
	line-height:38px;
	background:#fff;
	border:1px solid #dadada;
	padding:0 15px 0 15px;
	font-size:18px;
	color:#000;
	width:248px;
}

.add-numbers .error  input[type="text"]{
	border-color:var(--tn-danger);
}

.add-numbers  input[type="text"]:focus{
	border-color:var(--tn-magenta);
}

.add-numbers .error-text{
	color:var(--tn-danger);
	font-size:14px;
	display:none;
	float:right;
	padding:3px 0 0 20px;
	width:350px;
}

.add-numbers .error .error-text{
	display:block;
}

.add-numbers .inner-hold,
.inner-hold-files{
	padding:20px;
	background:#fafafa;
	border:1px solid #dadada;
}

/* === merged from reset.css === */
/**********************************

Use: Reset Styles for all browsers

***********************************/

body, p, blockquote {
	margin: 0;
	padding: 0;
}

a img, iframe { border: none; }

/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* Lists
------------------------------*/

ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}

/* Links
------------------------------*/

a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
}

fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}

select { padding: 0; }

/* === merged from core.css === */
body, div { /*font-family: 'lucida grande', helvetica, verdana, arial, sans-serif */}
body { margin: 0; padding: 0; font-size: small; color: #333 }
h1, h2 { font-family: 'TeleNeoWeb', Arial, sans-serif; padding: 10px; margin: 0 }
h1 { font-size: large }
/*#main { padding: 1em; }*/
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(../images/bg.gif) repeat-x; text-align: center }
#banner a { color: white; }

p { margin: 10px 0; }
h3 { margin: 1em 0 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }

/* === merged from cmxform.css === */
/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	  color: red;
	  position: absolute;
	  z-index: 1;
	  margin: 25px 0 0 10px;
	  width: 300px;
	  font-weight: bold;
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 0px dotted black; }
input.error { border: 0px dotted red; }
form.cmxform .gray * { color: gray; }

.inner-hold-files.after{
	border-top:0px;
}

.inner-hold-files.after .add-to-final-list-row{
	margin-top:0px;
}


.inner-hold-files .select-file label {
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	margin:0 20px 0 0;
	font-size:16px;
	color:#585858;
}

.inner-hold-files .select-file input {
 	width:370px;
 	float:left;
}

.inner-hold-files .select-file .button {
 	float:left;
 	margin:3px 0 0 20px !important;
}

.inner-hold-files .file-details{
	margin:35px 0 0 0;
	padding:25px 0 0 0;
	border-top:1px solid #dadada;
	position:relative;
}

.inner-hold-files .file-details h5{
	position:absolute;
	top:-9px;
	left:0px;
	background:#fafafa;
	padding:0 5px 0 0;
	color:#585858;
	font-size:14px;
	font-weight:bold;
}

.inner-hold-files .file-details .col{
	float:left;
}

.inner-hold-files .file-details .col.first{
	width:500px;
}

#import-contacts-from-file .inner-hold-files .file-details .col.first{
	width:400px;
}

#import-contacts-from-file .inner-hold-files .file-details h5.last{
	left:390px;
	padding:0 5px 0 5px;
}

.inner-hold-files .file-details .col.last{
	width:400px;
}

#import-contacts-from-file .inner-hold-files .file-details .col.last{
	width:253px;
}

.inner-hold-files .file-details .sub-col{
	float:left;
}

#import-contacts-from-file .inner-hold-files .file-details .sub-col.last{
	margin-left:30px;
}

.inner-hold-files .file-details .sub-col label{
	display:block;
	float:none;
	padding:0 0 8px 0;
}

.inner-hold-files .file-details .opt-hold{
	height:40px;
	line-height:25px;
	font-size:16px;
	color:#000;
}

.inner-hold-files .file-details .col input[type="text"]{
	width:80px;
}

.inner-hold-files .file-details .col .max input[type="text"]{
	width:180px;
}


.inner-hold-files .file-details  .sbHolder{
	float:left;
	background:#fff;
}

.inner-hold-files .file-details .sub-col.sel .info{
	margin-top:12px;
}


.inner-hold-files .file-details .sub-col.max,
.inner-hold-files .file-details .sub-col.num{
	padding-left:30px;
}

.inner-hold-files .file-details .sub-col.num label{
	float:left;
	font-size:16px;
	height:40px;
	line-height:40px;
	margin:0 20px 0 0;
}

#import-contacts-from-file .inner-hold-files .file-details .sub-col.num label{
	float:none;
	font-size:14px;
	height:20px;
	line-height:20px;
}

#import-contacts-from-file .inner-hold-files .file-details .sub-col.max,
#import-contacts-from-file .inner-hold-files .file-details .sub-col.num{
	padding:0px;
	padding-right:10px;
}


.groups .form-list .button{
	float:left;
	margin:0 0 0 30%;
}

.groups .gen-table td.last{
	width:50px;
}

.contacts .gen-table td.nb{
	width:92px;
}

.contacts .gen-table td.last{
	width:20px;
}

.contacts .gen-table td .tools a{
	margin-left:0px;
}

.contacts .gen-table .sbHolder{
	width:160px;
	display:none;
}

.contacts .gen-table .sbSelector {
	width:120px;
}

.groups .gen-table  input[type="text"],
.contacts .gen-table  input[type="text"]{
	height:38px;
	line-height:38px;
	background:#fff;
	border:1px solid #dadada;
	padding:0 15px 0 15px;
	font-size:18px;
	color:#909090;
	width:500px;
	display:none;
}


.contacts .gen-table  input[type="text"]{
	width:80px;	
	float:left;
}

.contacts .gen-table td.phone input[type="text"]{
	width:100px;	
}

.groups .gen-table td.name{
	width:180px;
}

.contacts .gen-table td.name{
	width:220px;	
}

.contacts .gen-table td.lastname{
	width:220px;	
}

.contacts .gen-table td.phone{
	width:250px;	
}


.groups .gen-table td.name input[type="text"]{
	width:140px;
}

.groups .gen-table  input[type="text"]:focus,
.contacts .gen-table  input[type="text"]:focus{
	border-color:var(--tn-magenta);
}

.groups .gen-table .edit.opened,
.contacts .gen-table .edit.opened{
	background:var(--tn-black);
	color:var(--tn-white);
	border-color:var(--tn-black);
}

#remove-group .graph{
	padding:50px 40px 40px 180px;
	color:#303030;
	height: 150px;
	font-size:16px;
	line-height:24px;
	text-align:left;
	background: url("../images/icon-remove-group.png") no-repeat 40px 40px;
}


.contacts .form-list .button{
	float:left;
	margin:0 20px 0 0;
	padding:0 20px 0 20px;
}

.contacts .form-list .button.first{
	margin-left:300px;
}



.contacts .gen-table span{
	display:block;
	float:left;
	line-height:40px;
}

.contacts .gen-table td{
	padding-top:14px;
	padding-bottom:8px;
}


#save-contacts .graph{
	padding:50px 40px 40px 180px;
	height:100px;
	color:#303030;
	font-size:16px;
	line-height:24px;
	text-align:left;
	background: url("../images/icon-complete.png") no-repeat 40px 40px;
}


#import-contacts-from-file .content{
	height:600px;
	width:700px;
	margin:-300px 0 0 -350px;
	background:#fff;
}


#import-contacts-from-file .description{
	background:#f1f1f1;
}




#import-contacts-from-file   input[type="text"]{
	height:38px;
	line-height:38px;
	background:#fff;
	border:1px solid #dadada;
	padding:0 15px 0 15px;
	font-size:18px;
	color:#000;
	width:30;
}


#import-contacts-from-file  .error  input[type="text"]{
	border-color:var(--tn-danger);
}

#import-contacts-from-file  input[type="text"]:focus{
	border-color:var(--tn-magenta);
}

#import-contacts-from-file  .error-text{
	color:var(--tn-danger);
	font-size:14px;
	display:none;
	float:right;
	padding:3px 0 0 20px;
	width:80px;
}

#import-contacts-from-file .error .error-text{
	display:block;
}

#import-contacts-from-file .file-details .col .max input[type="text"]{
	width:120px;
}

#import-contacts-from-file .sub-col.max {
	padding-right:20px;
}

#import-contacts-from-file .submit{
	float:none;
	margin:35px auto 0 auto;
	width:140px;
	text-align:center;
}
	
	

.confirm-users .insert-user{
	margin:-12px 0 0 20px;
	padding:0px 20px 0 20px;
	font-size:14px;
}	


.confirm-users .gen-table td{
	font-size:14px;
}

.confirm-users .button-hold{
	text-align:center;
	border-top:1px solid #dadada;
	padding:40px 0 20px 0px;
}


.confirm-users .button-hold .button{
	float:none;
	display:inline-block;
	margin:0 10px 0 10px;
	padding:0 20px 0 20px;
}


.confirm-users .filters input[type="text"].field{
	height:38px;
	line-height:38px;
	background:#f6f6f6;
	border:1px solid #dadada;
	padding:0 15px 0 15px;
	font-size:14px;
	color:#606060;
	width:140px;
	font-family:'TeleNeoWeb', Arial, sans-serif;
	float:left;
	margin:0 10px 0 0;
}


.confirm-users .filters input[type="text"].field:focus{
	border-color:var(--tn-magenta);
}

.confirm-users .filters .button{
	padding:0 40px 0 40px;
}

.confirm-users .filters .date-field-range,
.confirm-users .filters .sbHolder{
	float:left;
}

.confirm-users .filters .date-field-range input{
	width:100px;
}



#gen-confirm .graph{
	padding:50px 40px 40px 180px;
	height:100px;
	color:#303030;
	font-size:16px;
	line-height:24px;
	text-align:left;
	background: url("../images/icon-complete.png") no-repeat 40px 40px;
}




#insert-user .content{
	height:570px;
	margin-top:-285px;
	background:#fff;
}

#insert-user .description{
	background:#f1f1f1;
}

#insert-user .form-list{
	padding:20px 0 0 0;
}

#insert-user .form-list label{
	width:130px;
}

#insert-user .password-strength{
	padding-left:150px;
}

#insert-user .radiosel{
	float:left;
	height:20px;
	line-height:24px;
	margin:0 20px 0 0;
	font-size:16px;
}

#insert-user .button{
	margin-top:0px;
}


#view-selected-users .content .buttons {
	text-align:center;
	padding:30px 0 30px 0;
}

#view-selected-users .content .buttons .button{
	display:inline-block;
	font-size:16px;
	margin:0 5px 0 5px;
}

#view-selected-users .content{
	width:720px;
	height:auto;
	margin:-365px 0 0 -360px;
	background:#fff;
}

#view-selected-users .description{
	background:#f1f1f1;
}

#view-selected-users .sbHolder{
	width:110px;
}

#view-selected-users .sbSelector{
	width:70px;
}

#view-selected-users .table-hold{
	padding:0 20px 0 20px;
}

#confirm-send .table-hold{
	padding:50px 50px 30px 50px;
}

#view-request .table-hold,
#view-request-reject .table-hold{
	padding:20px 50px 30px 50px;
}

#confirm-send .table-hold table,
#view-request .table-hold table,
#view-request-reject .table-hold table {
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	margin:0 auto 0 auto;
}

#confirm-send .description,
#view-request .description,
#view-request-reject .description{
	background:#f1f1f1;
}

#confirm-send .buttons h5{
	font-size:20px;
	color:#000;
	padding:0 0 20px 0;
}

#confirm-send .content,
#view-request .content,
#view-request-reject .content{
	width:710px;
	margin:-300px 0 0 -355px;
	height:800px;
	background:#fff;
}

#view-request .content{
	height:560px;
	margin-top:-230px;
}

#view-request-reject .content{
	height:670px;
	margin-top:-335px;
}

#confirm-send .buttons,
#view-request .buttons,
#view-request-reject .buttons{
	text-align:center;
}

#confirm-send .button,
#view-request .button,
#view-request-reject .button{
	display:inline-block;
	margin:0 5px 0 5px;
	font-size:16px;
}


#view-request td,
#view-request-reject td{
	font-size:12px;
}

#view-request td.val,
#view-request-reject td.val{
	background:#f2f2f2;
}

#view-request table tbody tr:nth-child(even) td.val,
#view-request-reject table tbody tr:nth-child(even) td.val{
	background:#ededed;
}

#view-request-reject textarea{
	border:1px solid #e5e5e5;
	background:#fff;
	margin:20px 0 0 0;
	height:70px;
	padding:15px;
	color:#a3a3a3;
	font-size:16px;
	font-family:'TeleNeoWeb', Arial, sans-serif;
	width:580px;
}

#blanket {
background-color:#111;
opacity: 0.65;
*background:none;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:relative;
margin: 0 auto;
background:url(../images/loading.gif);
background-size: 300px 300px;
background-repeat: no-repeat;
width:300px;
height:300px;
background-color:#ffffff;
z-index: 9002;
}

#popUpDivAll {
position:absolute;
left:50%;
z-index: 9003;
width:400px;
height:340px;
background-color:#ffffff;
border:1px solid #dbdbdb;
border-radius:6px;
outline:none;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
background-clip: padding-box;
}


#popUpDiv2 {
position:relative;
margin: 0 auto;
background:url(../images/loading.gif);
background-size: 300px 300px;
background-repeat: no-repeat;
width:300px;
height:300px;
background-color:#ffffff;
z-index: 9004;
}

#popUpDiv2All {
position:absolute;
left:50%;
z-index: 9005;
width:400px;
height:340px;
background-color:#ffffff;
border:1px solid #dbdbdb;
border-radius:6px;
outline:none;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
background-clip: padding-box;
}

#popUpDivResetPass {
position:absolute;
left:50%;
z-index: 9006;
width:550px;
height:50px;
margin-left:-80px;
background-color:#ffffff;
border:1px solid #dbdbdb;
border-radius:6px;
outline:none;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
background-clip: padding-box;
}

/* DataTables AJAX loading overlay + spinner (consolidated from the data-table JSPs) */
#overlay {
	background: var(--tn-white);
	color: var(--tn-gray);
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 21%;
	opacity: .80;
}

.spinner {
	margin: 0 auto;
	height: 120px;
	width: 120px;
	animation: rotate 0.8s infinite linear;
	border: 5px solid var(--tn-magenta);
	border-right-color: transparent;
	border-radius: 50%;
}

@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


@media screen and (max-width: 1400px) {
    
    
    html,body{
		background-image:url("../images/bg-min.png");
		min-width:1280px;
	}

    
    .hold{
		width:1280px;
		margin:0 auto 0 auto;
	}
	
	
	.header .lcol{
		width:210px;
	}
	
	.header .rcol{
		width:1070px;
	}

	.main .lcol{
		width:210px;
	}
	
	.main .rcol{
		width:1070px;
	}

	.main-content{
		margin:10px 0px 20px 10px;
	}
	
	.menu li a{
		font-size:14px;
		padding:20px 15px 20px 50px;
		background-position:13px center;	
	}
	
	.menu li ul li a{
		padding:20px 15px 20px 50px;
	}
	
	.home{
		padding:15px 0 10px 10px;
	}
	
	.home .box{
		margin:0 10px 10px 0px;
	}
	
}

@media screen and (max-width: 1800px) {
	.send-message-steps li{
		width:315px;
	}
	
}

input[type=search]:focus {
  border: 1px black solid;
  outline: none

}

/* === Telekom brand override: all text inputs + textareas === */
/* Wins the cascade over all per-context input rules. Keep !important so brand stays consistent
   even when new contextual rules are added later. */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
textarea {
	border: 1px solid var(--tn-black) !important;
	border-radius: 16px !important;
}