<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*** ICT Marketplace CSS, V.1. Built 02/2014. (c)web@hrvatskitelkom.hr***/

div, span{	-moz-border-radius: 0!important; -webkit-border-radius: 0!important; border-radius: 0!important;}


.mplace-logan{ color: #333333;   font: 1.25em/1 Headline; top: 1em; margin: 0; position: absolute; text-transform: uppercase;  }
.mplace-logan span{	font-family: Headline-Ult;}
.bigbut{width: 18em; }
.cover-banner a.bigbut {text-decoration: none;}
/***coverbanner mobile only*/
.cover-banner{ display: none; width: 100%; text-align: center; margin: 4em 0; background: #427cac; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.cover-banner .cov-container{ padding: 1em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.cover-banner h1{font:normal 2.53125em/1 Tele-groteskUlt; margin: 1% 0;}
.cover-banner h2, .loop-banner h2{font:normal 2em/1 Headline-Ult; margin: 1% 0;  text-transform: uppercase;}
.cover-banner p{font:normal 1.5em/1.3 Tele-grotesk;   margin: 1% auto; max-width: 39em; }
.cover-banner p.intro{font:normal 1.5em/1.3 Tele-grotesk;   margin-bottom: 3px;}
.cover-banner  a{font-family: Tele-grotesk; color: #fff; text-decoration: underline;}
.cover-banner a:hover{text-decoration: none;}
.cover-banner .button-container{	 width: 100%; margin-top: 4%;}
.cover-banner .button-container .button-magenta{color: White; width: 30%; margin: 0; }
/*** desktop only*/
.loop-banner{color: White; float: left;  height: 31.5625em;  position: relative;   width: 100%; margin-top: -79px;
background: url("../Images/banner-bg.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);}
.loop-banner:before{bottom: 0; content: ""; display: block; height: 25.75em; left: 50%; margin: 0 0 0 -35em;  position: absolute;  width: 38.3125em;
	background: url("../Images/Icons/loop-cloud-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.loop-banner-info{width: 21.25em; padding: 7.8125em 0 0 36.875em; z-index: 1;}
.loop-banner p {font:normal 1.25em/1 Tele-grotesk; margin: 0.5em 0;}
.loop-banner p.intro{ margin: 0.5em 0 1.5em 0;}
.loop-banner p a{	color: White; text-decoration: underline; margin-top: 1em;}
.loop-banner p a:hover{	text-decoration: none;}
.loop-banner p.link{ margin: 1.5em 0 0 0;}
.process-title{	clear: both; margin: 1.825em 0; content:""}
.process-title.thankyou{clear: both; margin: 35px 0;}
.process-title h1 { font: normal 2em/1 Tele-groteskult; color: #4B4B4B; text-transform: uppercase; }

.backloglink{font-family: Tele-grotesk; padding: 0 0 2em 0; margin-bottom: 2em; border-bottom: 1px solid #e5e5e5; display: block;}

/*************************/
.PageButtons { float: right; margin-left: 4px; }
.link span { background: none;
box-shadow: none;
text-shadow: none;
color: #e20074;
font-family: Tele-Grotesk, 'Tele-Grotesk', "Tele-Grotesk";
font-size: 16px;
text-decoration: underline;
font-weight: bold; 
padding:0 10px;
}
.link span:hover { text-decoration:none; background:none; color: #e20074; }

/****DIV Table row cell****/
.divTable  
{
    width: auto;
    color: #4b4b4b;  
    font: 1em Tele-groteskult; 
}

.divTableUser  
{
    width: auto;
    color: #4b4b4b;  
    font: 1em Tele-groteskult; 
    margin-top:20px;
}
  
.divRowImage
{
    height:180px !important;
}

.divRowNewImage
{
    height:130px !important;
}
  
.divRow
{
    height:50px !important;
}

.divRowUser
{
    height:150px !important;
}

.divRowPhone
{
    height:70px !important;
}

.divRowPostalCode
{
    height:60px !important;
}

.divRowPassword
{
    height:60px !important;
}

.divRowMessage
{
    height:100px !important;
}

.divCellLeft
{
    width: 40%;
    float:left;
    text-align:right;
}

.divCellLeftUser
{
    width: 20%;
    float:left;
    text-align:center;
    margin-top:20px;
}

.divCellRight
{
    width: 60%;
    float: right;
    text-align: left;
}

.divCellRightUser
{
    width: 80%;
    float: right;
    text-align: left;
}

.responsivePassword
{
    float: left;
    text-align: left;
}


.divCellMessageLeft
{
    width: 8%;
    float:left;
    text-align:right;
}

.divCellParamLeft
{
    width: 50%;
    float:left;
    text-align:right;
}

.divCellMessageRight
{
    width: 90%;
    float: right;
    text-align: left;
}

.divCellParamRight
{
    width: 50%;
    float: left;
    text-align: left;
}

.divCellL
{
    float:left;
    text-align:right;
}

.divCellR
{
    float: right;
    text-align: left;
}

.divCellPassOne
{
    width: 30%;
    float: left;
}

.divCellPassTwo
{
    width: 70%;
    float: left;
}

/**** HEADER */
.masthead_box_wrapper { border-bottom: none;  z-index: 3; box-shadow: none; }
.masthead_box { margin: 0; width: 100%;  background: #ededed;  }
.masthead_box hr{	position:relative; top: 54px;	border: 1px solid White;}
.masthead_box .wrapper { max-width: 960px; width: 100%; padding: 0; }
.masthead { width: 100%; padding: 3.375em 0 0; }
.masthead .logo { width: 100%; margin: 0; padding: 0 0.5em; position: absolute; top: 0; left: 0; float: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: transparent none; font-size: 100%; }
.masthead .logo a { width: 100%; height: 1.875em; background: transparent url(../Images/Icons/t-logo.png) no-repeat 0 0; margin: 0.75em 0; padding: 0; }
.masthead .logo a span { display: none; float: right; right: 0; top: 0; width: 4.25em; height: 0.5625em; background: transparent url(../Images/Icons/t-logo.png) no-repeat right bottom; margin: 0.75em 0 0; }
.user_dashboard_menu { display: none; }

.zero_level_menu { width: 100%; }
.zero_level_menu ul li {/* width: 10%;  */}
.zero_level_menu ul li a{ display: block; float: none;  font:normal 1.125em/2.5 Headline-Ult; text-transform: uppercase; padding: 0 0.8em; color: #7c7c7c; border-right: 2px solid #fff;  background-image: none; }
.zero_level_menu ul li a.selected, .zero_level_menu ul li a:hover, .zero_level_menu ul li:hover &gt; a{ color: White; background: #666;  }
.zero_level_menu ul li:first-child a { border-left: none; }
.zero_level_menu ul li .submenu{	position: absolute; z-index: 2; background: #666;	 color: White; width: 150px; padding: 0; -webkit-box-shadow:0 20px 20px -5px rgba(0,0,0,.25); -moz-box-shadow:0 20px 20px -5px rgba(0,0,0,.25); -o-box-shadow:0 20px 20px -5px rgba(0,0,0,.25); box-shadow:0 20px 20px -5px rgba(0,0,0,.25); }
.zero_level_menu ul li .submenu ul{	padding: 0;}
.zero_level_menu ul li .submenu li{	display: block; width: 150px; }
.zero_level_menu ul li .submenu a{	border: 0; display: block; padding: 0.7em 0.5em; margin: 0; text-transform: none; font: normal 1em/1 Tele-grotesk;  color: White;}
.zero_level_menu ul li .submenu a:hover{ background: #a4a4a4; }
.zero_level_menu ul li .submenu.hidden { display: none; }

.mobile-menu-container { width: 100%; max-width: 960px; float: left; border: 2px solid White; border: 0; background: #ededed;}
.mobile-menu {position: absolute; top: 0.5em;; right: 0; list-style-type: none; display: block; float: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.mobile-menu li { float: left; list-style-type: none; }
.mobile-menu li a { display: block; background: #fff; float: none; padding: 0.5em; margin-left: 0.5em; color: #7c7c7c; font: normal 1em/1 Tele-groteskFet; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;    }

.mobile-menu li.mobile-menu-lang-control a{	margin-left: 0;}
.mobile-menu li.mobile-menu-profile a{background: #e20074 url(../Images/Icons/user.png) no-repeat 9px 8px; color: White; padding-left: 35px;  }
.mobile-menu li.mobile-menu-profile a span.sparrow-white{ background: url(../Images/Icons/sparrow-white-up.png) no-repeat right; padding: 0 10px; }
.mobile-menu li.mobile-menu-profile a span.sparrow-white.up{ background: url(../Images/Icons/sparrow-white-down.png) no-repeat right; padding: 0 10px; }
.mobile-menu li.mobile-menu-settings a span.sparrow{ background: url(../Images/Icons/sparrow-up.png) no-repeat right; padding: 0 10px; }
.mobile-menu li.mobile-menu-settings a span.sparrow.up{ background: url(../Images/Icons/sparrow-down.png) no-repeat right; padding: 0 10px; }
.mobile-menu li a:hover{background: #d9d9d9; }
.mobile-menu li.mobile-menu-profile a:hover{ background: #de5a9e url(../Images/Icons/user.png) no-repeat 9px 8px;}

.mobile-menu .dropdown{	border: 2px solid White; position: absolute; top: 44px; background: #ededed;  }
.mobile-menu .mobile-menu-profile .dropdown{ width: 210px; right: 0;}
.mobile-menu .mobile-menu-settings .dropdown{ width: 160px; right: 160px;}
.mobile-menu .dropdown ul li{	width: 100%;}
.mobile-menu .dropdown li a { background: none; display: block; padding:  0.5em; margin: 0; }
.mobile-menu .dropdown li a:hover{background: #d9d9d9}
.mobile-menu .mobile-menu-profile .dropdown a{width: 100%; /*border: 1px solid lime;*/ color: #7c7c7c;}
.mobile-menu .mobile-menu-settings .dropdown a{width: 100%; /*border: 1px solid red;*/}

.mobile-menu .dropdown li.m-profil a{ background: url(../Images/Icons/user-in.png) no-repeat 13px; padding-left: 2.3em; }
.mobile-menu .dropdown li.m-profil a:hover{background: #d9d9d9 url(../Images/Icons/user-in.png) no-repeat 13px;}
.mobile-menu .dropdown li.m-message a{ background: url(../Images/Icons/message-in.png) no-repeat 13px; padding-left: 2.3em; }
.mobile-menu .dropdown li.m-message a:hover{background: #d9d9d9 url(../Images/Icons/message-in.png) no-repeat 13px;}
.mobile-menu .dropdown li.m-reports a{ background: url(../Images/Icons/reports-in.png) no-repeat 13px; padding-left: 2.3em; }
.mobile-menu .dropdown li.m-reports a:hover{background: #d9d9d9 url(../Images/Icons/reports-in.png) no-repeat 13px;}
.mobile-menu .dropdown li.m-apps a{ background: url(../Images/Icons/apps-in.png) no-repeat 13px; padding-left: 2.3em; }
.mobile-menu .dropdown li.m-apps a:hover{background: #d9d9d9 url(../Images/Icons/apps-in.png) no-repeat 13px;}
.mobile-menu .dropdown li.m-users a{ background: url(../Images/Icons/users-in.png) no-repeat 13px; padding-left: 2.3em; }
.mobile-menu .dropdown li.m-users a:hover{background: #d9d9d9 url(../Images/Icons/users-in.png) no-repeat 13px;}


.divCellRightUser h2{ font:normal 1.875em/1.2 Tele-groteskult !important; color: #666; text-transform: uppercase; height: auto; overflow: none;}
.divCellRightUser h3{ font: normal 1.25em/1.1 Tele-grotesk !important; color: #666; height: auto; overflow: hidden; }

.list-device-txt h2{ font:normal 1.375em/1 Headline-Ult; color: #666; text-transform: uppercase; height: auto; overflow: none;}
.list-device-txt h2 a{ color: #4b4b4b;} .list-device-txt h2 a:hover{color: #E20074;}
.list-device-txt h3{ font: normal 0.875em/1 Tele-grotesk; color: #666; height: auto; overflow: hidden; }
.list-device-txt p{ font: normal 0.875em/1 Tele-grotesk; height: auto; overflow: hidden; margin-bottom: 0.5em; }
.list-device-txt a.more-details{font-size:  0.875em;}

.hdlink{ color:#e20074; }

.app-details-overview{margin: 2em 0; padding-bottom: 2em; border-bottom: 1px solid #d0d0d1;}
.app-details-overview h2  { font: normal 1.875em/1.2 Tele-groteskult; margin: 0; padding: 0; color: #4b4b4b; text-transform: uppercase;  }
.app-details-overview h3 { font: normal 1.25em/1.1 Tele-grotesk;  padding: 0; height: 1em; margin-bottom: 0.5em; color: #999; }
.app-details-overview p{font: normal 1.25em/1.1 Tele-grotesk;  padding: 0; height: auto;}
.app-details-overview .list-device-img{ background: url("../Images/Icons/big-cloud-bg.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    box-sizing: border-box;   display: table-cell;    float: left;    height: 18.75em;    margin-right: 2.5%;    position: relative;
    text-align: center;    width: 19em;}
.app-details-overview .list-device-img img{ height: 60px;  left: 50%;  margin-left: -40px;  margin-top: -25px; position: absolute; top: 50%; width: 85px;}
.app-details-overview .list-device-txt{width: 65.5%; }
.app-details-overview .list-device-prices{width: 100%; position: absolute; bottom: 0; }

.app-details-overview .list-device-control span {padding: 0 1em;}

.app-details-photo-video-gall{ width: 100%; padding: 1em 0; margin: 2em 0; }
.app-details-photo-video-gall .img-container{width: 20.4%; float: left; border: 1px solid #e5e5e5; padding: 0; margin-right: 1%}
.app-details-photo-video-gall iframe{	width: 32%; float: left; margin-right: 2%;}
.app-details-photo-video-gall .img-container img{width: 100%}

.review-box{width: 100%; margin: 3em 0;}
.review-total, .review-comment{float: left;}
.review-total{width: 30%; margin: 0; padding: 0; list-style-type: none}
.review-spin{border: 1px solid #ccc; padding: 3em;}
.review-write{background-color: #ccc; padding: 0.5em 1em; text-align: right;}
.review-comment{width: 70%}
.review-grade{font: normal 5em/1 Tele-GroteskUlt; color: #e20074; font-stretch: ultra-condensed; letter-spacing: -4px; }

.bread-crumbs{ color: #666; width: 70%; padding: 1em 0 0 0;}
.bread-crumbs .currentPage { color: #7c7c7c;}
.bread-crumbs li{	display: inline; margin-right: 0.5em; }
.bread-crumbs li:after{content:"&gt;";}
.bread-crumbs li.active:after{content: "";}
.bread-crumbs li a, .bread-crumbs li.active {font: normal 1em/1 Tele-grotesk;	color: #417CAC; padding-right: 0.5em;  }
.bread-crumbs li a:hover{color: 	#e20074;}
.bread-crumbs li.active {color: #666; text-transform: uppercase;}
.defaultHomePage {font: normal 1em/1 Tele-grotesk;	color: #333; padding-right: 0.5em;  }

.urapper{ border: 1px solid #d0d0d1; padding: 2em; margin: 1em 0 0.5em 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.checkout-container { float: left; width: 45%; margin: 0 0 1.25em; padding: 0;  }
.checkout-container.full { width: 100%; }
 p.activation-terms{font: normal 0.875em/1 Tele-grotesk; margin-top: 1em; text-align: right; }
.checkout-total-box {border: 1px solid #e20074; padding: 2em; width: 50%; margin: 5.5em 0 1em 0; color: #666; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.check-out-disclaimer{	margin: 2em 0; width: 100%; }
.check-out-disclaimer p{max-width: 32em; margin-bottom: 0.5em; font: normal 1em/1.2 Tele-grotesk;}
.check-out-disclaimer h1{ font: 1.225em/1 Tele-groteskfet; color: #666; text-transform: uppercase; margin-bottom: 0.5em; }
.acitv-buttons{text-align: right;}
.acitv-buttons.spin{text-align: center; position: absolute; bottom: 15px;}

.HelpDeskMode { color: #999999; font-size: 14px; float: left; position: absolute; right: 250px; top: 10px; width:100px; }

.checkout-total-box .button-magenta, .checkout-total-box .button-gray{width: 49%;}
.checkout-total-box .button-gray{margin-right: 2%}
.option-list { background: #fff; padding: 0; width: 100%; display: block; overflow: hidden;}
/*.option-list div { float: left;} */
.option-list .option-icon { vertical-align: top; width: 25%; text-align: center; padding: 0 1em 0 0.5em; margin-right: 1em; border: 1px solid #e5e5e5; }
.option-list .option-description { padding-left: 1.5em;  font-family: Tele-grotesk; }
.option-list .option-description ul li{list-style: none;}
.option-list .option-description h2{color: #4b4b4b;  font: 1.875em/1.2 Tele-groteskult; text-transform: uppercase;  margin: 1em 0 0 0;  padding: 0;}
.option-list-li .option-description h2{	margin-bottom: 1em;}
.option-list .option-description .selector { width: 100%; }
.option-list .option-price { width: 6.5em; text-align: right; font: normal 1.375em/1 Tele-groteskhal; color: #e20074; vertical-align: middle; }
.option-list .option-price .small { display: block; font-family: Tele-grotesk; font-size: 0.72em; margin: 0.25em 0; }
.option-list .option-check { width: 7.5em; text-align: right; vertical-align: middle; }
.option-list .option-check .button-magenta, .option-list-li .option-check .button-gray { width: 85%; padding: 0; text-align: center; }
.option-list .option-check .checker { top: 0; margin: 0; }
.option-description h3 { font: normal 1.25em/1 Tele-groteskFet; margin: 1em 0 0.5em 0; color: #6c6c6c; }
.option-description p { font: normal 0.9375em/1.2 Tele-grotesk; margin: 0.375em 0; color: #4b4b4b; }
.option-description a { font-family: Tele-grotesk; }
.checkout-back-link { display: block; font-size: 0.85em; margin: 0.5em 0 0; float: left; }
/*
.list-device-bottom { width: 100%; text-align: center; }
.list-device-box {  margin: 0 2.5625% 2.5625% 0; width: 19em; /* max-width: 19em;/ position: relative; padding: 1em;  border: 0; height: 16.6785em; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f6f6f6 0%, #f5f5f5 51%, #dcdcdc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(51%,#f5f5f5), color-stop(100%,#dcdcdc));
background: -webkit-linear-gradient(top, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dcdcdc',GradientType=0 );
}
list-device-box.sxc { position: relative; height: 17em;}
.list-device-txt {font-family: Tele-grotesk; height: 8.125em; width: 50%; left:5%;}
.list-device-box.sxc .list-device-txt, .list-device-box.sxc .list-device-img { height: auto;} 
.list-device-txt.spin{	width: 90%;   margin-bottom: 20px; height: auto; }
.list-device-txt.spin p {height: 3em; overflow: hidden;}
.list-device-prices.in-house{position:absolute; bottom: 0;	}
.success{ background: url("../Images/Icons/sux.png") no-repeat; padding: 2.43em; position: absolute; right: -2.5em; top: 35%;  /*z-index: 999;/}

.list-device-active {float:right;}

.list-device-img{ width: 33%; height: 8.125em;	text-align: right; border: 0; background: none; font-family: Tele-groteskFet; margin: 0 5px !important;}
.list-device-img a{ /*background-size: 100%/   display: block;    height: 6.825em;    position: relative;    width: 100%;	}
.list-device-img img{ position: absolute; height: 100%;  left: 0%; margin-right:5px;}
.list-device-img p.centers-price{width: 100%; position: absolute; bottom: 2px; right: 12px; font-size: 0.875em; color: #505050;  float: left; height: auto;  margin: 0 0 0.357143em; padding: 0 0 0.357143em;}
.list-device-img p.centers-price span.currency{font: normal 1.1em/1.1 Tele-groteskhal; color: #666;  }
.list-device-img p.centers-price span {    font: 2em/1 Tele-groteskhal;}


.inner-device-list.choose .list-device-img, .inner-device-list.choose .list-device-txt {	height: auto;}

.list-device-prices.alone p.centers-price, .list-device-prices.alone p.webshop-price, .list-device-prices.alone .list-device-control{ width: 20%; margin: 0; padding: 0; float: left;}
.list-device-prices.alone p.webshop-price, .list-device-prices p.webshop-price{color: #e20074; font-family: Tele-groteskFet;}
.list-device-prices.alone .list-device-control{width: 50%; text-align: right;}
.list-device-prices.alone p.centers-price, .list-device-prices.alone p.webshop-price{	font: normal 1.225em/1 Tele-groteskFet; width: 25%;}
.list-device-prices p.centers-price span{	font-size: 1.825em;}

.list-device-prices p.webshop-price{width: 100%; text-align: left;}
.list-device-prices p.webshop-price span{	font:normal 1.825em/1.2 Tele-GroteskHal;}
.list-device-prices.in-house p.webshop-price span{	font:normal 1.825em/1 Tele-GroteskHal; margin: 0; padding: 0;}
*/
.thankz{padding: 2em 5%; width: 100%; text-align: center; border: 1px solid #e5e5e5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.thankz p{font: normal 1em/1.2 Tele-grotesk;}

.footer_menu h2{font: 1em/1 Headline; color: #666; text-transform: uppercase; margin-bottom: 1em; }

.list-device-box.active-app{	height: 19em;}
.active-app-butons{margin-top: 0.5em;}
.active-app-butons div{float: left; border: 1px solid #e5e5e5; width: 42%; padding: 2%; margin-right: 3%; text-align: right; font: normal 1em/1.2 Tele-grotesk;}

.thumbix{	border: 1px solid #e5e5e5; padding: 0; margin:0 1% 1% 0; width: 144px; height: 90px; }

.onHr, .offHr, .onEn, .offEn {display:block !important; background:#e20074 !important; padding:0.3125em !important; -moz-border-radius:0.25em !important; -webkit-border-radius:0.25em !important; border-radius:0.25em !important; -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.5) !important; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.5) !important; float:left !important; font:normal 1em/1.75 Tele-grotesk !important; color:#fff !important; cursor:pointer !important; min-width:3.75em !important;}
.offHr, .offEn  {    text-align: right !important; padding-right: 0.5em !important; background:#cbcbcb !important; color:#333 !important; -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.1) !important; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.1) !important;} 
.onHr span, .offHr span, .onEn span, .offEn span {display:block !important; height:1.75em !important; width:1.75em !important; -moz-border-radius:0.25em !important; -webkit-border-radius:0.25em !important; border-radius:0.25em !important; float:left  !important; -webkit-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.25) !important; box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.25) !important;
	background: #fff !important;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)) !important;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%) !important;
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%) !important;
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ) !important;
}
.onHr span, .onEn span {float:right !important; margin-left:0.3125em !important;}
.offHr span, .offEn span {float:left !important; margin-right:0.3125em !important;}
.onHr:hover, .onEn:hover {color:#fff !important;}
.offHr:hover, .offEn:hover {color:#333 !important;}
.onHr:after {content:"Da"}
.onEn:after {content:"Yes"}
.offHr:after {content:"Ne"}
.offEn:after {content:"No"}

.disableHr, .disableEn {display:block !important; background:#e20074 !important; padding:0.3125em !important; -moz-border-radius:0.25em !important; -webkit-border-radius:0.25em !important; border-radius:0.25em !important; -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.5) !important; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.5) !important; float:left !important; font:normal 1em/1.75 Tele-grotesk !important; color:#fff !important; cursor:pointer !important; min-width:3.75em !important;}
.disableHr, .disableEn {text-align: right !important; padding-right: 0.5em !important; background:#cbcbcb !important; color:#333 !important; -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.1) !important; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.1) !important; cursor:context-menu !important;} 
.disableHr span, .disableEn span {display:block !important; height:1.75em !important; width:1.75em !important; -moz-border-radius:0.25em !important; -webkit-border-radius:0.25em !important; border-radius:0.25em !important; float:left  !important; -webkit-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.25) !important; box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.25) !important;
	background: #fff !important;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)) !important;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%) !important;
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%) !important;
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ) !important;
}
.disableHr:after {content:"Ne"}
.disableEn:after {content:"No"}

.ukljuc{margin: 0 0 2em 0;}

.amount-cont{	margin: 1em 0; }
.amount-option { list-style: none; }
.amount-option li{margin-bottom: 1em;}
.amount-field{	height: 1.5em; margin-left: 1em; width: 3em; padding: 0.25em 0.25em 0.25em 0.5em; border: 1px solid #ccc;}
.amount-radio{	margin-right: 1em; }

/*** table list definition */
.table-title-list, .table-user-list{width: 100%; float: left; clear: both; /* border-bottom: 1px dashed #999; */ position: relative;}
.table-user-list.noboring{	border: 0;}
.table-title-list li, .table-user-list li{	float: left; list-style-type: none; padding: 1em 0; }
li.col-nul{width: 10%;} li.col-one{width: 15%;} li.col-two{width: 25%} li.col-three{ width: 25%} li.col-four{ width: 25%}
li.col-three.double, li.col-four.double {	width: 50%; } 
li.col-three.triple{	width: 75%; } li.col-nul.triple {width: 30%;}
li.col-one.double{width: 20%;}
.ssoR2TableStyle .dxgvHeader, .ssoR2TableStyle .dxgvHeader table{ font: normal 1.25em/1 Headline-Ult; color: #6c6c6c; text-transform: uppercase; }
.table-user-list h2{	padding: 0; margin: 0; font: normal 1.125em/1.5 Tele-Grotesk; text-transform: none; float: left; }
.table-user-list h2.green{color: green;}
.table-user-list h2.red {color: red;}
.table-user-list h2 span, .table-title-list h2 span  {background: url(../Images/Icons/sparrow-down-light.png) no-repeat center; margin-left: 12px;  padding: 0 6px;}
.table-user-list h3{	padding: 0; margin: 0; font-size: 1em;}
.table-user-list h4 {	font: normal 1.25em/1.5 Tele-Grotesk; margin-bottom: 0.825em; color: #666;}
.table-apps, .table-user{	width: 100%;} 
.table-user.row{	padding: 0.3em 0;}
.user-small {	float: left; width: 30px; margin-right: 0.825em; display: block;}
.table-apps a{	display: block; margin: 0.825em 0;} 
.miro-link{	padding: 1em 0 1em 2.5em;}
.table-apps a:before{content: "+ "; }
/*.checkout-container h2 + h3{margin: 0;}*/
.formfix.app-name, .droplit-menu{	width: 90%; /* margin: 0.3333em 0; */ text-transform: uppercase; z-index: auto;}
.formfix.app-name.green{background: Green; color: White;}
li.col-four.double .droplit-menu{	width: 50%; } 
.droplit-menu{position:relative; padding: 0.3825em 0.5em 0.275em 0.5em; border: 1px solid #e5e5e5; /*background: white url(../Images/Icons/sparrow-down-light.png) no-repeat 95%; */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.droplit-menu.up{background: white url(../Images/Icons/sparrow-up-light.png) no-repeat 95%; }
.droplit-menu.short { float: left; border: 1px solid #e5e5e5; width:100%; max-width: 28em; margin: 0 1em 0 0; padding: 0.5em;}
.droplit-menu.shorter { float: left; border: 1px solid #e5e5e5; width:100%; max-width: 22em; margin: 0 1em 0 0; padding: 0.5em;}
.droplit-menu.green{ border-color: Green !important;  }
.app-success{	float: left; color: Green; right: 0; position: absolute; top: 5px; right: -150px;}
.command-box{ float:left; background: #e5e5e5; margin: 0.25em 0; padding: 1em; width:inherit; width:100%;}
.option-list div.user-select{ float: none; margin-bottom: 1em;} .user-select span{padding: 0 1em;}
.table-user-list input[type=checkbox], .list-device-box input[type=checkbox] {visibility: hidden; margin-right: 5px;}
.user-thumb{	display: block;}
.bulk {	margin-right: 2em; }
.bulk .menu-slot{	text-transform: none;}
.add-box{	float: left; height: 1em; margin: 5px 0 0 10px; position: relative;	background: url(../Images/Icons/sparrow-down-light.png) no-repeat center; margin-left: 12px;  padding: 0 6px;}
.add-box.up{	background: url(../Images/Icons/sparrow-up-light.png) no-repeat center;}
.add-box-info { z-index: 1; width: 10em;  border: 1px solid #7C7C7C; padding: 0.5em 0.825em; background: White; position: absolute; top: 1em; display:none; overflow:visible !important;}
.add-box-info.menu-slot {width: 15em; top: 2.2em; left: 0;}
.menu-slot table td{ padding: 0.2em; font: normal 1em/1 Tele-Grotesk; text-transform: none; color: #666;}
.table-user-list .menu-slot table td input[type="checkbox"]{	visibility: visible;}
.menu-slot table thead td{	font-family: Tele-GroteskFet;}
.add-box-info a{ display: block; color: #666; font-size: 1em; line-height: 1.6em;  width: 100%;}
.add-box-info a:hover{	background: #e5e5e5;}
/* SQUARED TWO */
.squaredTwo {	width: 28px;	height: 28px;	position: relative; top:20px;}
.squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	/*left: 4px;*/
	top: 4px;
	background: White;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
	padding: 0.5em;
}
.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 15px;
	height: 7px;
	top: 10px;
	background: transparent;
	border: 3px solid Green;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED TWO Application*/
.squaredTwoApp {	width: 28px;	height: 28px;	position: relative; top:20px;float:right;}
.squaredTwoApp label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	/*left: 4px;*/
	top: 4px;
	background: White;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
	padding: 0.5em;
}
.squaredTwoApp label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 15px;
	height: 7px;
	top: 10px;
	background: transparent;
	border: 3px solid Green;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.squaredTwoApp label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.squaredTwoApp input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED TWO User*/
.squaredTwoUser {	width: 28px;	height: 28px;	position: relative; top:20px;float:right;}
.squaredTwoUser label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	/*left: 4px;*/
	top: 4px;
	background: White;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
	padding: 0.5em;
}
.squaredTwoUser label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 15px;
	height: 7px;
	top: 10px;
	background: transparent;
	border: 3px solid Green;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.squaredTwoUser label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.squaredTwoUser input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.list-device-box .squaredTwo{ width: 100%; }
.list-device-box .squaredTwo label { right: 5px; top: 5px; border: 2px solid Green; background: transparent;}

.inner-device-list{	margin-bottom: 2em;}
.inner-device-list .list-device-box{ width: 18em; height: 12em;}

.uss-data li{	list-style: none; text-transform:uppercase; font: normal 1.25em/1.6 Tele-Grotesk; color: #666;}
.uss-data li span{	font-family: Tele-GroteskFet; margin-left: 0.5em;}

.admin-box{clear: both; width: 32%; margin: 3em 0;}
.admin-box h3{	color: #4b4b4b; font: normal 1.25em/1 Tele-groteskFet;}
.button-gray.right{float: right; margin-top: 1em;}

.add-user-box{margin: 2em 0;}
.add-user-box a{ font-family: Headline-Ult; text-transform: uppercase;	display: block; padding: 2.5em 1em 2.5em 20%; width: 40%; background: #e20074; color: White; float: left; margin-right: 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.add-user-box a.add-one{background: #e20074 url(../Images/Icons/add-one-user.png) no-repeat 20% 45%; }
.add-user-box a.add-more{background: #e20074 url(../Images/Icons/add-more-user.png) no-repeat 20% 45%;}

.company-logo{	width: 48%; text-align: right; max-width: 120px;}
.company-logo img {	max-width: 120px; float: right;}
.company-logo-change {width: 30%; padding-left: 1em;}

.user-image{	width: 48%; text-align: right; max-width: 120px;}
.user-image img {	max-width: 120px; float: right;}
.user-image-change {width: 30%; padding-left: 1em;}

/*** overlayer definition */
.overlay { margin-top: 10px; }
.overlay.loader { position: absolute; background-color: #FFF; border: 1px solid #bbb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); padding: 16px 30px 13px 30px; display: none; }
.overlay h2 { float: none; margin-bottom: 15px; }
.overlay h4 { margin: 0 0 10px; }
.overlay ul, .modal_dialogue_container ul { list-style-type: none; margin: 0 0 15px; float: left; }
.overlay ul li, .modal_dialogue_container ul li { margin: 0px 0px 3px 0px; padding: 0px 0px 0px 10px; background-image: url(../Images/Icons/bullet.jpg); background-position: 0px 6px; background-repeat: no-repeat; font-size: 14px; line-height: 18px; }
.overlay .close.default { background: transparent url(../Images/Icons/ui.png) -2px -281px; position: absolute; right: -15px; top: -15px; display: block; cursor: pointer; height: 20px; width: 20px; z-index: 1; }
.overlay .close.default:hover { background-position: -36px -281px; }
.content-overlay { width: 640px; background-color: #FFF; border: 5px solid #E5E5E5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 0px 15px black; -webkit-box-shadow: 0px 0px 15px black; box-shadow: 0px 0px 15px black; padding: 16px 20px; display: none; margin: 10px 0 10px; }
.content-overlay.auto { width: auto; }
.content-overlay.register {width: 250px; background: #e20074; padding: 0.5em; text-align: center; border: 0; color: #fff;  }
.content-overlay.register h1{font: normal 1.125em/1.1 Tele-GroteskFet; margin: 1em 0;}
.content-overlay.register a.link{	color: #fff;}
.content-overlay .close { position: absolute; width: 25px; height: 25px; display: block; top: -15px; right: -15px; background: url(../Images/Icons/ui.png) no-repeat 0px -279px; }
.content-overlay .close:hover { background-position: -34px -279px; }

.content-overlay.img{ border: 0; background: #fff;}
.content-overlay.img img{	width: 100%; max-width: 680px;}

/*** css3 buttons ***/
a.button-magenta, a.button-black, a.button-gray, .button-magenta {height: 2em; min-width: 112px; padding: 0 1em; font: normal 1.125em/1.9 Tele-grotesk; text-align: center; display: inline-block;  color: #fff; -moz-border-radius: 0.1875rem; -webkit-border-radius: 0.1875rem; border-radius: 0.1875rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); position: relative; }
a.button-magenta, .button-magenta {color:white !important; border: 1px solid #e20074; background: #ce006a; background: -moz-linear-gradient(top, #fe319b 0%, #ce006a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe319b), color-stop(100%,#ce006a)); background: -webkit-linear-gradient(top, #fe319b 0%,#ce006a 100%); background: -o-linear-gradient(top, #fe319b 0%,#ce006a 100%); background: -ms-linear-gradient(top, #fe319b 0%,#ce006a 100%); background: linear-gradient(to bottom, #fe319b 0%,#ce006a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe319b', endColorstr='#ce006a',GradientType=0 ); }
a.button-magenta:hover, .button-magenta:hover { background: #e20074; filter: none; color: #fff; border-color: #b3005c; text-decoration: none; }
a.button-magenta:active, .button-magenta:active { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); bottom: -1px; }

a.button-black { border: 1px solid #292929; background: #0f0f0f; background: -moz-linear-gradient(top, #323232 0%, #0f0f0f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#0f0f0f)); background: -webkit-linear-gradient(top, #323232 0%,#0f0f0f 100%); background: -o-linear-gradient(top, #323232 0%,#0f0f0f 100%); background: -ms-linear-gradient(top, #323232 0%,#0f0f0f 100%); background: linear-gradient(to bottom, #323232 0%,#0f0f0f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#0f0f0f',GradientType=0 ); }
a.button-black:hover { background: #202020; filter: none; color: #fff; border-color: #191919; text-decoration: none; }
a.button-black:active { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); bottom: -1px; }

a.button-green, .button-green { border: 1px solid #70a53b; 
                                
background: #8cca4f;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjY2E0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzc3YjUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZDk5MWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #8cca4f 0%, #77b53a 44%, #5d991f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cca4f), color-stop(44%,#77b53a), color-stop(100%,#5d991f));
background: -webkit-linear-gradient(top, #8cca4f 0%,#77b53a 44%,#5d991f 100%);
background: -o-linear-gradient(top, #8cca4f 0%,#77b53a 44%,#5d991f 100%);
background: -ms-linear-gradient(top, #8cca4f 0%,#77b53a 44%,#5d991f 100%);
background: linear-gradient(to bottom, #8cca4f 0%,#77b53a 44%,#5d991f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cca4f', endColorstr='#5d991f',GradientType=0 );
 height: 2em; min-width: 120px; padding: 0 1em; font: normal 1.125em/1.9 Tele-grotesk; text-align: center; display: inline-block;  color: #fff; -moz-border-radius: 0.1875rem; -webkit-border-radius: 0.1875rem; border-radius: 0.1875rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); position: relative;  }
a.button-green:hover, .button-green:hover{background: #70a53b;}
 
 
a.button-gray { color: #333; border: 1px solid #d0d0d0; background: #e5e5e5; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); }
.button-mobile { margin: 0 0 1em; text-align: center; width: 100%; }
a.button-gray:hover { background: #e5e5e5; filter: none; color: #333; border-color: #c2c2c2; text-decoration: none; }
a.button-gray:active { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); bottom: -1px; }
a.button-magenta.small, a.button-black.small, a.button-gray.small { font: normal 0.9375em/1.466 Tele-grotesk; height: 1.466em; }
a.button-magenta.forward:after, a.button-black.forward:after, a.button-gray.forward:after { content: "&gt;"; display: inline-block; margin: 0 0 0 0.375em; font-family: Tele-groteskult; }
a.button-magenta.back:before, a.button-black.back:before, a.button-gray.back:before { content: "&lt;"; display: inline-block; margin: 0 0.375em 0 0; font-family: Tele-groteskult; }
a.button-magenta.delete:before, a.button-black.delete:before, a.button-gray.delete:before { content: "x"; display: inline-block; margin: 0 0.375em 0 0; font-family: Tele-groteskfet; position: relative; bottom: 1px; }
/***/

/*** loader **/
.loader { text-align: center; }
.loader img { margin: 0.75em 0; }
.loader-full-container { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; text-align: center; display: none; }
.loader-full-container .lightbg { width: 100%; height: 100%; z-index: 10001; opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: .85; -khtml-opacity: 0.85; background-color: #fff; }
.loader-full-container .loader-content { position: absolute; top: 40%; left: 50%; margin: 0 0 0 -10em; width: 20em; z-index: 10002; text-align: center; }
.loader-full-container .loader-content h3 { font: normal 1.625em/1 Tele-groteskult; margin: 0 0 0.25em; }
.loader-full-container .loader-content p { font: normal 1.25em/1 Tele-grotesk; margin: 0 0 1em; }


/** ul lista s kvacicama*/
ul.kvacica{	margin: 0; list-style-type: none;}
ul.kvacica li{	font: normal 1.25em/1.1 Tele-grotesk; background: url("../Images/Icons/li-tick.png") no-repeat 0 8px; padding: 0 0 0 1em; margin: 0 0 5px;}

/** prednosti */
.ict-advantage-strip-outside {background: #dcdddE; padding: 1.5em 0; margin-bottom: 3.5em;}
.ict-advantage-strip {	 padding: 1.5em 0 2.5em 0; }
.ict-advantage-strip ul { width: 100%; padding: 0; margin: 0; list-style-type: none; display: table; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.ict-advantage-strip ul li { margin-right: 3.225%; font-size: 1.125em; float: left;  letter-spacing: -0.03em; display: table-cell; padding: 0; vertical-align: middle; text-transform: uppercase; color: #4b4b4b; width: 17%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.ict-advantage-strip ul li:first-child { font: 2em/1 Headline-ult; letter-spacing: -0.024em; width: 18.825%; text-align: left; text-transform: uppercase; }
.ict-advantage-strip ul li:first-child span { font-family: Headline; }
.ict-advantage-strip ul li.one{width: 20%;}
.ict-advantage-strip ul li.two {width: 18%;}
.ict-advantage-strip ul li.three {width: 16%;}
.ict-advantage-strip ul li.four{	width: 14%; margin: 0;}
.ict-advantage-strip ul li img { width: auto; margin: 0.225em 0.5em 0 0; float: left; display: block; }
.ict-advantage-strip ul li p{	padding-top: 1em; font-family: Headline-Ult;}


/*** ICT testemoniali*/
.ict-users &gt; div { border: 1px solid #dcddde; padding: 2em; margin: 0 0 2.5em 0; }
.ict-users &gt; div h4 { border-top: 1px solid #e3e4e5; padding: 1em 0 0 0; margin: 1em 0 0.5em 0; font: 1.375em/1 Tele-groteskFet; color: #494949; }
.ict-users &gt; div p { color: #494949; font: 1.125em/1 tele-grotesk; margin: 0 0 1em 0; }
.ict-users &gt; div a { display: inline-block; margin: 0 0 1em 0; color: #427cac; font: normal 1.125em/1 Tele-grotesk; padding: 0 1.5em 0 0; background: url(/ResourceManager/GetImage.aspx?imgId=3740) no-repeat right center; }
.ict-users &gt; div a.active { background: url(/ResourceManager/GetImage.aspx?imgId=3739) no-repeat right center; }
ul.column.half &gt; li{	width: 47%; list-style: none;  float: left;  -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.column.half &gt; li:first-child {	margin-right: 2%;}
.more-on-this{	display: none;}

/** poziv na registraciju*/
.gray-bg-container{  background: #e5e5e5; clear: both; margin: 2.5em 0 3.5em 0;   float: left;   padding: 1.75em 0;   width: 100%;}
.gray-bg-container.dark {   background: none repeat scroll 0 0 #dcddde;}
.gray-bg-container.ict-tryout .button-magenta { float: none; }
.gray-bg-container.ict-tryout { text-align: center; margin: 5.5em 0 4em 0;  }
.magenta-bg-container { background: #e20074; clear: both; padding: 1.75em 0; float: left; width: 100%;  }
.ict-title { margin: 0 0 0.825em 0; position: relative; font: normal 1.875em/1 Headline-ult; text-transform: uppercase; color: #4b4b4b; letter-spacing: -0.024em; }
.ict-title span { font-family: Headline; }

/*** filterlist*/
.filter-list{	height: auto;	background: #dcddde; border: 0; border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.filter-list-li{	width: 20%; border-right: 2px solid White;}
.filter-list-li:first-child{	width: 32.8%;}
.filter-list-li:hover, .filter-list-li:active{	background: #333; color: #fff; border-radius: 0; }
.filter-list-li a.filter-drop-trigger:hover{color: #fff; border: 0; background: #333;}
.filter-list-li.other span{	font:normal 1.125em/1.3 Headline-Ult; text-transform: uppercase;}
.filter-list-li.other{	border: 0; width: 65%; color: #4B4B4B; font:normal 1.125em/1 Tele-Grotesk; }
.filter-list-li.other:hover{	background: none;}
.filter-list .filter-trigger {	color: #4b4b4b; padding: 0 2.6125em;}
.filter-list .filter-trigger:hover{	color: #E20074;}
.filter-user:hover &gt; a{color: #fff; background: #333;  }

.filter-list li.filter-list-li a.filter-drop-trigger span.sparrow{ background: url(../Images/Icons/sparrow-white-up.png) no-repeat right; padding: 0 10px; }
.filter-list li.filter-list-li a.filter-drop-trigger span.sparrow.up{ background: url(../Images/Icons/sparrow-down.png) no-repeat right; padding: 0 10px; }


/***tabs */
.tarif-details-select li a, .tarif-details-select li.active a{	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font: normal 1em/3 Headline-ult; text-transform: uppercase;}
.tarif-details-box {	padding: 3em; width: 100%;}
.tarif-details-box .package{ padding: 2em; float: left; width: 48%; border: 1px solid #e20074; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tarif-details-box .package.left{margin-right: 1.5em;}
.tarif-details-box .package .list-device-prices{width: 100%; padding-left: 1em;}
.tarif-details-box .package .list-device-prices.alone p.centers-price, .tarif-details-box .package .list-device-prices.alone p.webshop-price{width: 48%;}
.tarif-details-box .package h1{	color: #e20074; padding: 0 0 0.5em 0.6em; font: normal 2em/1 Headline; text-transform: uppercase;}
.tarif-details-box .package h1 span{	font-family:Headline-Ult; text-transform: uppercase;}
.tarif-details-box .package .list-device-control{	margin-top: 2em; text-align: center;}

.rightspace, .list-device-bottom .button-magenta.rightspace, .list-device-bottom .button-green.rightspace{margin-right: 0.825em;}
.topspace{margin-top: 1em;}
.bottompspace{margin-bottom: 1em;}

.wrapper {clear: both;}

/*** accordians*/
.checkout-container h4.option-trigger{	background: #999; padding: 0.825em; border: 0; border-radius: 0; color: #666; font: normal 1em Headline-Ult; text-transform: uppercase; }
.checkout-container h4.option-trigger:hover{background: #999;}
.checkout-container h4.option-trigger a{background: url(../Images/Icons/sparrow-white-up.png) no-repeat right 6px; color: White;}
.checkout-container h4.option-trigger.selected {background: #ededed;}
.checkout-container h4.option-trigger.selected:hover {background: #ccc;}
.checkout-container h4.option-trigger.selected a{background: url(../Images/Icons/sparrow-down.png) no-repeat right 6px; color: #666;}

h4.option-triggerNoArrow{background: #999; padding: 0.825em; border: 0; border-radius: 0; color: #666; font: normal 1em Headline-Ult; text-transform: uppercase; color: White; margin: 0.25em 0;}
h4.option-triggerNoArrow a{ color: White;}

/**** forms */
.formfix{border: 1px solid #e0e0e0; padding: 3px 3px 3px 8px; width: 100%; font:normal 1em/1.4 Tele-grotesk; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.formfix.medium{width: 55%; margin-right: 0.5em; line-height: 1.7;}
.formfix.short{width: 30%;}
.formfix.no{	width: auto;}
option{	padding: 3px 3px 0 8px; }
ul.form-container &gt; li &gt; label { font: normal 1em/1 Tele-GroteskFet; color: #666; }

.formfixColor{background-color:#e0e0e0;}

div.contentFormWrapper &gt; div &gt; span { float: left; display: block; text-align: right; padding: 0.5em 0 0; color: #4b4b4b; width: 34%; margin: 0 1% 0 0; font: normal 1em/1 Tele-GroteskFet; color: #666; }
div.contentFormWrapper &gt; div &gt; div &gt; span { float: left; display: block; text-align: right; padding: 0.5em 0 0; color: #4b4b4b; width: 34%; margin: 0 1% 0 0; font: normal 1em/1 Tele-GroteskFet; color: #666; }

/*::-webkit-input-placeholder { font: normal 0.8125rem/2.153846153846154 Tele-grotesk; }
:-moz-placeholder { font: normal 0.8125rem/2.153846153846154 Tele-grotesk; }
::-moz-placeholder { font: normal 0.8125rem/2.153846153846154 Tele-grotesk; }
:-ms-input-placeholder { font: normal 0.8125rem/2.153846153846154 Tele-grotesk; }*/

/* ICT advantages */
.ict-advantage {	margin: 0 auto;}
.ict-advantage ul.column {  float: left;  list-style-type: none;  margin: 0; width: 100%;}
.ict-advantage ul.column &gt; li:first-child { margin-left: 0;}
.ict-advantage ul.column.half &gt; li {  float: left;  margin-left: 3%;  width: 45.5%;	  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ict-advantage img { display: block; float: left; margin: 0 1em 0 0; }
.ict-section-title { font: 1.875em/2 Tele-groteskFet; text-transform: uppercase; }
.ict-section-list { list-style-image: url(../Images/Icons/li-tick.png); clear: both; margin: 1em 5em 0 4.5em; }
.ict-section-list li { color: #231f20; font: 1.250em/1.2em Tele-grotesk; color: #666; }
.ict-section-list li span { font-family: Tele-groteskFet; }

/***new apps on homepage */
.new-apps{margin: 4.5em 0; }
.new-apps ul li{ position:relative; width: 19em; height:18.75em; margin-right: 2.5%; text-align: center;  background: url(../Images/Icons/big-cloud-bg.png) no-repeat top right; display: table-cell;	float: left;	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.new-apps ul li.last{	margin-right: 0;}
.new-apps .ico{position: absolute; top: 50%; left: 50%; height: 60px; width: 85px; margin-left: -35px; margin-top: -25px; }
.new-apps h2{position: absolute; bottom: 1em; width: 100%;	font: normal 1.625em/1 Headline; color: #e20074; text-transform: uppercase;}
.new-apps h2 a{	color: #e20074;}
.new-apps h2 a:hover {	color: #427CAC;}

/*** purchese buy cart  */
.cart-off { text-align: left; padding: 0; list-style-type: none; font: 1.125em/1 Tele-grotesk; width: 100%; }
.cart-off td, .cart-off thead tr th { padding: 0.5em 0;}
.cart-off thead tr th {	border-bottom: 1px dashed #6c6c6c; padding: 0 0 1em 0; font: 1.125em/1 Tele-groteskFet;}
.cart-off tr.under-line td {border-top: 1px dashed #6c6c6c; padding: 1em 0 0 0;}
.cart-off .total {font: 1.125em/1 Tele-groteskFet; }
.cart-off .high{	color: #e20074;}
.cart-off .strike {	text-decoration: line-through;}

/*** promo-code*/
.promo-code{	margin: 3em 0 1em 0;}
.promo-code p{	font-size: 1.25em; color: #4b4b4b;}

/***deactivate option*/
a.deactivate{display: block; float: left; color: red; padding-top: 1em; font: 1.25em/1 Tele-GroteskFet; text-transform: uppercase;}
.on-down{position: relative; width: 100%; padding: 1.5em 0.25em 1.5em 1.5em;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/** usser-data*/
.uss-data{	margin: 2em 0 0 0;}
.uss-data.down{	margin: 0 0 2em 0;}
.uss-labeldata.down{	margin: 0 0 0.5em 0;}

/*** progres bar*/
.progress-bar {  background: #C2C2C2; margin: 1em 0 0 1.5em;  padding: 0;  width: 97%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.progress-bar p{ font: normal 1em/2 Headline-Ult; color: White; text-transform: uppercase;  text-align: right; padding-right: 1em; }
.stripe {  background: #417CAC;  font: normal 1em/2 Headline-Ult; color: White; text-transform: uppercase; padding-left: 1em;}

/***download*/
.download-report{	text-align: right; padding: 1.5em 0; width: 100%;}
.download-report a{	font: normal 1em/1.3 Headline-Ult; color:#6c6c6c; text-transform: uppercase; }
.download-report a img{	padding-right: 50px; }

/*** login-overlayer */
.login-overlayer{	width: 15em;	background-color: #e20074;	padding: 2em 1em 1em 1em; color: White; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.login-overlayer.home-box{	 width: auto; background-color: transparent;	padding: 2em 1em; color: White; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.login-overlayer input{	border: none; padding: 0.5em; margin-bottom: 1em;width:100%;}
.login-overlayer p{	margin: 1em 0;}
.login-overlayer p.or{margin: 0.5em 0;}
.login-overlayer a.why-link{	color: White; margin-top: 1em; display: block;}

.login-overlayer a.close { background-image:url(../Images/Icons/close.png); position:absolute; right:10px; top:10px; cursor:pointer; height:16px;   width:16px;}

/***new-mastead &amp; menu ***/
#master-header { border-bottom: 1px solid #d0d0d0; /*margin-bottom:1.5em;*/ background: #fff; background-image: -webkit-linear-gradient(#fff, #f6f6f6); background-image: -moz-linear-gradient(#fff, #f6f6f6); background-image: -o-linear-gradient(#fff, #f6f6f6); background-image: -ms-linear-gradient(#fff, #f6f6f6); background-image: linear-gradient(#fff, #f6f6f6); background: #f6f6f6; }
#master-header .wrapper * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#master-header:after { content: ''; display: table; clear: both; }
#master-header.master-header-site-3 { margin-bottom: 0; }
#logo { float: left; width: 11.625em; font-size: 1em; height: 3.75em; background: url(../Images/Icons/t-logo-desktop.png) no-repeat 0 50%; }
#logo a { display: block; height: 3.75em; }
#master-main-nav { float: right; width: 16.1em; margin: 0 -1px 0 0; position: relative;  }
#master-main-nav &gt; .level-1-ul { }
#master-main-nav .level-1-li { float: left; list-style: none; width: 30.25%; }
#master-main-nav .page-control { float: right; width: auto; margin-bottom: 0px; }

#master-main-nav-hd { float: right; width: auto; margin: 0 -62px 0 0; position: relative;  }
#master-main-nav-hd &gt; .level-1-ul { }
#master-main-nav-hd .level-1-li { float: left; list-style: none; width: 30.25%; }
#master-main-nav-hd .page-control { float: right; width: 15.1em; }

#master-main-nav-hd .page-switch .level-1-li:first-child { border-left: 1px solid #d0d0d0; }
#master-main-nav-hd .level-1-li &gt; a { display: block; height: 5em; padding: 0.8333333333333333em 1.666666666666667em; font-family: Tele-groteskhal; line-height: 1.666666666666667; color: #e20074; font-size: 0.75em; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 0 #fff; border-right: 1px solid #d0d0d0; border-left: 1px solid #fff; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; }
#master-main-nav-hd .level-1-li &gt; a:hover { background-color: #fff !important; }
#master-main-nav-hd .icon-link { width: 25%; }
#master-main-nav-hd .icon-link &gt; a { text-indent: -9999px; position: relative; background: url(../Images/Icons/global-nav-icons.png) no-repeat; background-size: 359px 241px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
#master-main-nav-hd #lang-link.level-1-li &gt; a { height: auto; border-left:1px solid #d0d0d0; text-indent: 0; font: normal 1.2em/1.2 Tele-GroteskUlt; background: 0; padding: 0.95em; color: #333;}
#master-main-nav-hd #lang-link.level-1-li &gt; a:hover{ color: White; text-shadow:  none;	}


/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	#master-main-nav .icon-link &gt; a { background-image: url(../Images/Icons/global-nav-icons-@2x.png) !important; }
}*/
@media screen and (min-width:768px) {
	#master-main-nav .page-switch .level-1-li { display: block !important; }
}

#master-main-nav-hd .page-switch .level-1-li:first-child { border-left: 1px solid #d0d0d0; }
#master-main-nav-hd .level-1-li &gt; a { display: block; height: 5em; padding: 0.8333333333333333em 1.666666666666667em; font-family: Tele-groteskhal; line-height: 1.666666666666667; color: #e20074; font-size: 0.75em; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 0 #fff; border-right: 1px solid #d0d0d0; border-left: 1px solid #fff; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; }
#master-main-nav-hd .level-1-li &gt; a:hover { background-color: #fff !important; }
#master-main-nav-hd .icon-link { width: 25%; }
#master-main-nav-hd .icon-link &gt; a { text-indent: -9999px; position: relative; background: url(../Images/Icons/global-nav-icons.png) no-repeat; background-size: 359px 241px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
#master-main-nav-hd #lang-link.level-1-li &gt; a { height: auto; border-left:1px solid #d0d0d0; text-indent: 0; font: normal 1.2em/1.2 Tele-GroteskUlt; background: 0; padding: 0.95em; color: #333;}
#master-main-nav-hd #lang-link.level-1-li &gt; a:hover{ color: White; text-shadow:  none;	}

#master-main-nav-hd .icon-link:hover &gt; a,
#master-main-nav-hd .icon-link &gt; a:active,
#master-main-nav-hd .icon-link &gt; a.active { background-color: #333 !important; border-left-color: #333; border-right-color: #333; }
/* Cart link */
#master-main-nav-hd #cart-link &gt; a { background-position: 0 0; }
#master-main-nav-hd #cart-link.cart-full &gt; a { background-position: 0 -180px; }
#master-main-nav-hd #cart-link &gt; a.active,
#master-main-nav-hd #cart-link &gt; a:active,
#master-main-nav-hd #cart-link:hover &gt; a { background-position: 0 -60px; }
#master-main-nav-hd #cart-link.cart-full:hover &gt; a { background-position: 0 -120px; }
/* Login link */
#master-main-nav-hd #login-link { position: relative; }
#master-main-nav-hd #login-link &gt; a { background-position: -60px 0; }
#master-main-nav-hd #login-link.user-logged-in &gt; a { background-position: -60px -120px; }
#master-main-nav-hd #login-link.user-logged-in-female &gt; a { background-position: -120px -120px; }
#master-main-nav-hd #login-link:hover &gt; a,
#master-main-nav-hd #login-link &gt; a:active,
#master-main-nav-hd #login-link &gt; a.active,
#master-main-nav-hd #login-link.user-logged-in:hover &gt; a,
#master-main-nav-hd #login-link.user-logged-in &gt; a:active,
#master-main-nav-hd #login-link.user-logged-in &gt; a.active { background-position: -60px -60px; }
#master-main-nav-hd #login-link.user-logged-in-female:hover &gt; a,
#master-main-nav-hd #login-link.user-logged-in-female &gt; a:active,
#master-main-nav-hd #login-link.user-logged-in-female &gt; a.active { background-position: -120px -60px; }
/* Search link */
#master-main-nav-hd #search-link { border-right: 1px solid #fff; }
#master-main-nav-hd #search-link &gt; a { background-position: -180px 0; }
#master-main-nav-hd #search-link:hover &gt; a,
#master-main-nav-hd #search-link &gt; a:active,
#master-main-nav-hd #search-link &gt; a.active { background-position: -180px -60px; }




#master-main-nav .page-switch .level-1-li:first-child { border-left: 1px solid #d0d0d0; }
#master-main-nav .level-1-li &gt; a { display: block; height: 5em; padding: 0.8333333333333333em 1.666666666666667em; font-family: Tele-groteskhal; line-height: 1.666666666666667; color: #e20074; font-size: 0.75em; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 0 #fff; border-right: 1px solid #d0d0d0; border-left: 1px solid #fff; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; }
#master-main-nav .level-1-li &gt; a:hover { background-color: #fff !important; }
#master-main-nav .icon-link { width: 60px; }
#master-main-nav .icon-link &gt; a { text-indent: -9999px; position: relative; background: url(../Images/Icons/global-nav-icons.png) no-repeat; background-size: 359px 241px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
#master-main-nav #lang-link.level-1-li &gt; a { height: 60px; border-left:1px solid #d0d0d0; text-indent: 0; font: normal 1.2em/1.2 Tele-GroteskUlt; background: 0; padding: 0.95em 0; color: #333;}
#master-main-nav #lang-link.level-1-li &gt; a:hover{ color: White; text-shadow:  none;	}

#master-main-nav .icon-link:hover &gt; a,
#master-main-nav .icon-link &gt; a:active,
#master-main-nav .icon-link &gt; a.active { background-color: #333 !important; border-left-color: #333; border-right-color: #333; }
/* Cart link */
#master-main-nav #cart-link { cursor: pointer; }
#master-main-nav #cart-link &gt; a { background-position: -296px 0; }
#master-main-nav #cart-link.cart-full &gt; a { background-position: 0 -180px; }
#master-main-nav #cart-link &gt; a.active,
#master-main-nav #cart-link &gt; a:active,
#master-main-nav #cart-link:hover &gt; a { background-position: -296px -60px; }
#master-main-nav #cart-link.cart-full:hover &gt; a { background-position: 0 -120px; }
/* Login link */
#master-main-nav #login-link { position: relative; width: auto; cursor: pointer; }
#master-main-nav #login-link &gt; a { background-position: -60px 0; }
#master-main-nav #login-link.user-logged-in &gt; a { background-position: -60px -120px; }
#master-main-nav #login-link.user-logged-in-female &gt; a { background-position: -120px -120px; }
#master-main-nav #login-link:hover &gt; a,
#master-main-nav #login-link &gt; a:active,
#master-main-nav #login-link &gt; a.active,
#master-main-nav #login-link.user-logged-in:hover &gt; a,
#master-main-nav #login-link.user-logged-in &gt; a:active,
#master-main-nav #login-link.user-logged-in &gt; a.active { background-position: -60px -60px; }
#master-main-nav #login-link.user-logged-in-female:hover &gt; a,
#master-main-nav #login-link.user-logged-in-female &gt; a:active,
#master-main-nav #login-link.user-logged-in-female &gt; a.active { background-position: -120px -60px; }
/* Search link */
#master-main-nav #search-link { border-right: 1px solid #fff; }
#master-main-nav #search-link &gt; a { background-position: -180px 0; }
#master-main-nav #search-link:hover &gt; a,
#master-main-nav #search-link &gt; a:active,
#master-main-nav #search-link &gt; a.active { background-position: -180px -60px; }
/* Settings link */
#master-main-nav #settings-link { position: relative; }
#master-main-nav #settings-link &gt; a { background-position: 0 0; }
#master-main-nav #settings-link:hover &gt; a,
#master-main-nav #settings-link &gt; a:active,
#master-main-nav #settings-link &gt; a.active { background-position: 0 -60px; }

/* Section nav link */
#master-main-nav #site-nav-link &gt; a { background-position: -240px 0; }
#master-main-nav #site-nav-link:hover &gt; a,
#master-main-nav #site-nav-link &gt; a:active,
#master-main-nav #site-nav-link &gt; a.active { background-position: -240px -60px; }
#master-main-nav .notification-badge { display: inline-block; text-indent: 0; text-align: center !important; color: #fff; background: #e20074; min-width: 24px; height: 20px; line-height: 20px; padding: 0 2px 0 3px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; font-weight: bold; text-shadow: none; }
#master-main-nav #main-nav-link { display: none; }
/*** Master main nav USER */
#user-shortcuts:target { display: block; }
#user-shortcuts { position: absolute; z-index: 1000; top: 100%; right: 0; line-height: 25px; width: 16em;  color: #fff; background: #333; -moz-border-radius: 0 0 0.25rem 0.25rem; -o-border-radius: 0 0 0.25rem 0.25rem; -webkit-border-radius: 0 0 0.25rem 0.25rem; border-radius: 0 0 0.25rem 0.25rem; -webkit-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -moz-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -o-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); }
#user-shortcuts .level-2-li { font-size: 1em; }
#user-shortcuts .level-2-li-divider { border-top: 1px solid #6c6c6c; }
#user-shortcuts .m-message {border-top:0 !important;}
#user-shortcuts .level-2-li .notification-badge { float: right; }
#user-shortcuts .level-2-li a,
#user-shortcuts .level-2-li &gt; strong { display: block; padding: 0.357em 1.428em; text-decoration: none; color: #fff; }
#user-shortcuts .level-2-li a:hover,
#user-shortcuts .level-2-li a:focus { color: #fff; background: #e20074; }
#user-shortcuts .level-2-li a:hover .notification-badge,
#user-shortcuts .level-2-li a:focus .notification-badge { color: #e20074; background: #fff; }
#user-shortcuts .level-2-li-welcome { padding: 0.357em 1.428em; }
#user-shortcuts .level-2-li-welcome p { font-family: Tele-groteskfet; font-size: 1.125em; margin: 0; }
#active-service-options { background: #333; }
#active-service-options .level-3-li:after { content: ''; display: table; clear: both; }
#active-service-options .label-radio { float: left; width: 100%; padding: 0.357em 6.428em 0.357em 1.428em; white-space: nowrap; overflow: hidden; color: #fff; cursor: pointer; }
#active-service-options .label-radio:hover { background: #e20074; }
#active-service-options .label-radio .input-radio { margin-right: .5em; }
#active-service-options .level-3-li label a { display: inline-block; padding: 0; }
#active-service-options .level-3-li .info-link { float: left; width: 5em; margin-left: -5em; color: #fff; background: #333; text-transform: uppercase; text-align: right; }
/*** Master main nav SEARCH */
#master-main-nav #main-nav-search { padding:  0.525em; position: absolute; z-index: 1000; top: 100%; width: 200%; left: auto; right: 1px; background: #333; -moz-border-radius: 0 0 0.25rem 0.25rem; -o-border-radius: 0 0 0.25rem 0.25rem; -webkit-border-radius: 0 0 0.25rem 0.25rem; border-radius: 0 0 0.25rem 0.25rem; -webkit-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -moz-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -o-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); }
#master-main-nav #main-nav-search:target { display: block; }
#master-main-nav #main-nav-search fieldset { border: 0; }
#master-main-nav #main-nav-search label { font-size: 14px; display: block; display: none; padding-bottom: 4px; }
#master-main-nav #main-nav-search .input-text { -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; float: left; border: 0; width: 100% !important; font: bold 32px/40px Tele-grotesk, Arial, sans-serif; padding: 10px 125px 10px 10px; height: 60px; width: 100%; color: #4b4b4b; border: 0; color: #fff; background: none; }
#master-main-nav #main-nav-search .input-text:focus { outline: none; }
#master-main-nav #main-nav-search .button-magenta { float: left; margin: 10px 0 10px -120px; height: 40px; font: normal 18px/40px Headline-ult, Arial, sans-serif; text-transform: uppercase; letter-spacing: .05em; padding: 0 1.5em; }
#master-main-nav li.current { border-left: 0; }
#master-main-nav li.current &gt; a { margin-bottom: -1px; height: 61px; height: 3.8125rem; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #fff !important; }

@media only screen and (min-width: 600px) {
	#main-nav-link { display: none; }
}

.neu { display: none; }

.nav li { list-style: none !important; }
.nav li a { text-decoration: none; }

.section-nav-2014 { width: 100%; margin: 1.25em auto 0; /*height:3.75em;*/ position: relative; z-index: 500; }
.section-nav-2014 a { color: #fff; }
.section-nav-2014 * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.section-nav-2014 .level-1-ul { position: relative; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); -moz-border-radius: 0.25rem; -o-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; }
.section-nav-2014 .level-1-ul:after { content: ''; display: table; clear: both; }
.section-nav-2014 .level-1-li { width: 12.5%; display: table-cell; vertical-align: middle; border: 1px solid #d0d0d0; border-left: 0; }
.section-nav-2014 .seven .level-1-li { width: 14.28571428571429%; }
.section-nav-2014 .eight .level-1-li { width: 12.5%; }
.section-nav-2014 .level-1-li:first-child { border-left: 1px solid #d0d0d0; }

.section-nav-2014 .level-2-li { float: left; }

.section-nav-2014 .level-1-li &gt; a { display: block; height: 100%; font-size: 1em; padding: 0.5em 1.538em; line-height:2.538461538461538em; text-align: center; text-transform: uppercase; color: #333; position: relative; }

.section-nav-2014 .podrska .level-1-li { display: table; float: left; }
.section-nav-2014 .podrska .level-1-li &gt; a { display: table-cell; height: 56px; vertical-align: middle; line-height: 1.45em; }

.section-nav-2014 .level-1-li:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.section-nav-2014 .level-1-li-has-children:first-child:hover { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
.section-nav-2014 .level-1-li:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.section-nav-2014 .level-1-li-has-children:last-child:hover { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }

.section-nav-2014 .level-1-li.current { background: #e5e5e5;  }


.section-nav-2014 .level-1-li:hover { background: #333; border-color: #333; }
.section-nav-2014 .level-1-li:hover &gt; a { color: #fff; }

.section-nav-2014 .level-2-ul { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #333; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -moz-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -o-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); }
.section-nav-2014 .level-2-ul.single-level { width: 15em; padding: 0.3125em 0 0.625em; left: auto; right: auto; }
#main-menu-item-promo .level-2-ul { right: 0; }

.section-nav-2014 .level-1-li:hover &gt; ul.level-2-ul { display: block; }

.section-nav-2014 .level-2-li { float: left; width: 20%; padding: 0.714em 0; font-size: 0.875em; }
.section-nav-2014 .level-2-li &gt; a { display: block; padding: 0.5em 1.428em; line-height: 25px; /*white-space: nowrap;*/ }
.section-nav-2014 .level-2-li a:hover { color: #e20074; color: #fff; background: #e20074; }
.section-nav-2014 .level-2-ul.single-level .level-2-li { float: none; width: 100%; padding: 0; }

.section-nav-2014 .level-2-li-divider,
.section-nav-2014 .level-3-li-divider { border-top: 1px solid #6c6c6c; }

.section-nav-2014 .level-2-ul-3-subsections .level-2-li { width: 33.33333333%; }
.section-nav-2014 .level-2-ul-4-subsections .level-2-li { width: 25%; }
.section-nav-2014 .level-2-ul-5-subsections .level-2-li { width: 20%; }
.section-nav-2014 .level-2-ul-6-subsections .level-2-li { width: 16.66666666%; }
.section-nav-2014 .level-2-ul-7-subsections .level-2-li { width: 14.28%; }

.section-nav-2014 .level-3-ul { width: 100%; }

.section-nav-2014 .level-3-li { width: 100%; }
.section-nav-2014 .level-3-li &gt; a { display: block; padding: 0.5em 1.428em; }
.section-nav-2014 .level-3-li &gt; a:hover { }

.section-nav-2014 .level-4-ul { display: block; display: none; }
.section-nav-2014 .level-4-li a { display: block; padding: 5px 20px; color: #999; }
.section-nav-2014 .level-5-li a { display: block; padding: 5px 20px 5px 30px; color: #6c6c6c; }

.wrapper.plu{z-index: 999;}

/********** NOTIFICATIONS **********/
.notification,
.notification-resize { border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; height:51px; overflow:hidden; position:relative; behavior: url(/ComProvisPortal/CSS/PIE.htc); }
.notification-resize { position: relative; height:auto; }
.notification p,
.notification-resize p { color: #333333; font-size: 13px; margin: 8px 10px 0 75px; overflow: hidden; }
.notification a.close { background-image: url('../Images/close.png'); background-repeat: no-repeat; height: 14px; position: absolute; right: 3px; top: 3px; width: 14px; }
.notification a.close:hover { cursor: pointer; }

.notification-icon { background-image: url('../Images/icons-sprite.png'); background-repeat: no-repeat; height: 16px; width: 16px; opacity: 0.5; }
.notification-icon.close { background-position: -32px -16px; position: absolute; right: 3px; top: 3px; }
.notification-icon.read { background-position: -32px -32px; position: absolute; right: 20px; top: 3px; }
.notification-icon:hover { cursor: pointer; opacity: 0.8; }

.msgalert a.close { background-position: -14px 0; }
.msgalert a.close:hover { background-position: -14px -14px; }
.msginfo a.close { background-position: -42px 0; }
.msginfo a.close:hover { background-position: -42px -14px; }
.msgsuccess a.close { background-position: -28px 0; }
.msgsuccess a.close:hover { background-position: -28px -14px; }
.msgerror a.close { background-position: 0 0; }
.msgerror a.close:hover { background-position: 0 -14px; }

.msgalert { background: url('../Images/notifications.png') no-repeat scroll 0 -52px #FFE9AD; border: 1px solid #EAC572; }
.msginfo { background: url('../Images/notifications.png') no-repeat scroll 0 -156px #D1E4F3; border: 1px solid #99C4EA; }
.msgsuccess { background: url('../Images/notifications.png') no-repeat scroll 0 -104px #EFFEB9; border: 1px solid #C1D779; }
.msgerror { background: url('../Images/notifications.png') no-repeat scroll 0 0 #FAD5CF; border: 1px solid #E18B7C; }

.msgalert p,
.msgalert-resize p { color: #ac9154; font-size:14px;padding-top:10px;}

.msginfo p,
.msginfo-resize p { color: #53799a; font-size:14px;padding-top:10px;}
.msgsuccess p,
.msgsuccess-resize p { color: #748149; font-size:14px;padding-top:10px;}
.msgerror p,
.msgerror-resize p { color: #88534a; font-size:14px;padding-top:10px;}
.msgalert-resize p,
.msginfo-resize p,
.msgsuccess-resize p,
.msgerror-resize p { margin: 10px 20px 20px 75px; font-size:14px;padding-top:10px;}

.msgalert-resize { background: no-repeat scroll 0 #FFE9AD; background-position:top left; border: 1px solid #EAC572; height: auto; min-height:51px; width:100%; }
.msginfo-resize { background: no-repeat scroll 0 #D1E4F3; background-position:top left; border: 1px solid #99C4EA; height: auto; min-height:51px; width:100%;}
.msgsuccess-resize { background: no-repeat scroll 0 #EFFEB9; background-position:top left; border: 1px solid #C1D779; height: auto; min-height:51px; width:100%; }
.nmsgerror-resize { background:  no-repeat scroll 0 0 #FAD5CF; background-position:top left; border: 1px solid #E18B7C; height: auto; min-height:51px; width:100%;}

.msgalert-resize-image {background: url('../Images/notifications_alert.png') no-repeat scroll 0 top #F3DA96; border-right:1px solid #EAC572; float:left; min-height: 51px; position: absolute; top: 0; bottom: 0; left: 0; width:55px;}
.msgalert-resize-msg { background: no-repeat scroll 0 #FFE9AD; background-position:top left; float:left; width: 900px;}
.msginfo-resize-image {background: url('../Images/notifications_info.png') no-repeat scroll 0 top #BDD6EA; border-right:1px solid #99C4EA; float:left; min-height: 51px; position: absolute; top: 0; bottom: 0; left: 0; width:55px;}
.msginfo-resize-msg { background: no-repeat scroll 0 #D1E4F3; background-position:top left; width: 900px;}
.msgsuccess-resize-image {background: url('../Images/notifications_success.png') no-repeat scroll 0 top #D9EB96; border-right:1px solid #C1D779; float:left; min-height: 51px; position: absolute; top: 0; bottom: 0; left: 0; width:55px;}
.msgsuccess-resize-msg { background: no-repeat scroll 0 #EFFEB9; background-position:top left; width: 900px;}
.msgerror-resize-image {background: url('../Images/notifications_error.png') no-repeat scroll 0 top #F1C6BF; border-right:1px solid #E18B7C; float:left; min-height: 51px; position: absolute; top: 0; bottom: 0; left: 0; width:55px;}
.msgerror-resize-msg { background: no-repeat scroll 0 #FAD5CF; background-position:top left; width: 900px;}


/****Basic****/
.w50 { width:50px !important; }
.w60 { width:60px !important; }
.w100 { width:100px !important; }
.w110 { width:110px !important; }
.w170 { width:170px !important; }
.w200 { width:300px !important; }
.w220 { width:220px !important; }
.w300 { width:300px !important; }
.w840 { width:840px !important; }

.h30 {height:30px !important; }

.mr0 { margin-right:0px !important; }
.mr1-2 { margin-right:7px !important; }
.mr2 { margin-right:10px !important; }

.ml1-2 { margin-left:7px !important; }

.ml14 { margin-left:14px !important; }
.ml20 { margin-left:20px !important; }

.clear { clear:both !important; }

.pt0 { padding-top:0 !important; }
.pt025 { padding-top:0.25em !important; }

.ptb2 {padding: 2px 0 !important;}
.ptb4 {padding: 4px 0 !important;}

.pb1 { padding-bottom:1em !important; }
.pb2 { padding-bottom:2em !important; }
.pb025 { padding-bottom:0.25em !important; }

/*.p025 {padding:0.25em !important;}*/

.pr15 { padding-right:15px !important; }

.mt0 { margin-top:0px !important; }

.mh216 { min-height:216px !important; }

.paddingRow 
{
padding-right:10px !important;
}


.alignRight
{
    text-align:right;
}

.responsivePagerText, .responsivePagerPage
{
font: 9pt Tahoma;
color: black;
}

.responsiveHeaderLabelInactive,
.responsiveHeaderLabel {font-family:normal 1.25em/1 Headline-Ult;} 

/*Responsive*/
div.divCellLeftResponsive { width: 40%;float:left;text-align:right; }
div.divCellRightResponsive { width: 60%;float: right;text-align: left; }

div.divCellRightButtonsResponsive { width: 60%;float: right;text-align: left;}

div.responsiveColNum1,
div.responsiveColNum1Inactive { 
    width:100%; 
}
div.responsiveColNum2,
div.responsiveColNum2Inactive { 
    width:50%; 
}
div.responsiveColNum3,
div.responsiveColNum3Inactive { 
    width:33%; 
}
div.responsiveColNum32,
div.responsiveColNum32Inactive { 
    width:67%; 
}
div.responsiveColNum75,
div.responsiveColNum75Inactive { 
    width:75%; 
}
div.responsiveColNum4,
div.responsiveColNum4Inactive { 
    width:25%;
}
div.responsiveColNum5,
div.responsiveColNum5Inactive { 
    width:20%;
}

div.responsiveColNum10,
div.responsiveColNum10Inactive { 
    width:10%;
}

div.responsiveColNum15,
div.responsiveColNum15Inactive { 
    width:15%;
}

div.responsiveColNum05,
div.responsiveColNum05Inactive { 
    width:5%;
}
div.responsiveColNum30,
div.responsiveColNum30Inactive { 
    width:30%; 
}

div.responsiveColNum40,
div.responsiveColNum40Inactive { 
    width:40%; 
}

div.responsiveTable,
div.responsiveTableInactive { 
    display:table; 
}
div.responsiveHeaderRow, 
div.responsiveRow,
div.responsiveHeaderRowInactive, 
div.responsiveRowInactive,
div.responsiveHeaderChildRow,
div.responsiveHeaderChildRowInactive { 
    display:table-row; 
}
div.responsiveHeaderCell, 
div.responsiveCell,
div.responsiveHeaderCellInactive, 
div.responsiveCellInactive { 
    display:table-cell; 
}

div.responsiveTable,
div.responsiveHeaderRow,
div.responsiveRow,
div.responsiveTableBody,
div.responsiveChildTableBody,
div.responsivePager,
div.responsiveTableInactive,
div.responsiveHeaderRowInactive,
div.responsiveRowInactive,
div.responsiveTableBodyInactive,
div.responsiveChildTableBodyInactive,
div.responsivePagerInactive,
div.responsiveHeaderChildRow,
div.responsiveHeaderChildRowInactive {
    width: 100%;
}

div.responsiveHeaderLabel, 
div.responsiveHeaderControl,
div.responsiveHeaderLabelInactive, 
div.responsiveHeaderControlInactive {
    width: auto;
}
div.responsiveHeaderCell:hover,
div.responsiveHeaderCellInactive:hover{
    cursor:pointer;
}

.responsiveHeaderControl,
.responsiveHeaderControlInactive {
    width:auto;
    float:right;
    padding-right:20px;
}

div.responsiveHeaderRow, 
div.responsiveHeaderChildRow,
div.responsiveHeaderChildRowInactive
div.responsiveRow, 
div.responsiveTableBody,
div.responsiveChildTableBody, 
div.responsiveHeaderCell, 
div.responsiveCell,
div.responsivePager,
div.responsivePagerText,
resposnivePagerButtons,
div.responsivePagerButton,
div.responsivePagerPages,
div.responsivePagerPage,
div.responsiveColNum1,
div.responsiveColNum2,
div.responsiveColNum3,
div.responsiveColNum32,
div.responsiveColNum75,
div.responsiveColNum4,
div.responsiveColNum5,
div.responsiveColNum10,
div.responsiveColNum30,
div.responsiveColNum40,
div.responsiveHeaderLabel,
div.responsiveHeaderRowInactive, 
div.responsiveRowInactive, 
div.responsiveTableBodyInactive,
div.responsiveChildTableBodyInactive, 
div.responsiveHeaderCellInactive, 
div.responsiveCellInactive,
div.responsivePagerInactive,
div.responsivePagerTextInactive,
resposnivePagerButtonsInactive,
div.responsivePagerButtonInactive,
div.responsivePagerPagesInactive,
div.responsivePagerPageInactive,
div.responsiveColNum1Inactive,
div.responsiveColNum2Inactive,
div.responsiveColNum3Inactive,
div.responsiveColNum32Inactive,
div.responsiveColNum75Inactive,
div.responsiveColNum4Inactive,
div.responsiveColNum5Inactive,
div.responsiveColNum10Inactive,
div.responsiveColNum30Inactive,
div.responsiveColNum40Inactive,
div.responsiveHeaderLabelInactive  {
    float:left; 
}
div.responsivePagerPage{cursor: pointer;}

/*TODO: Implement frozen header.
div.responsiveHeaderRow
{
    background-color:white;
}
ENDTODO*/

div.responsivePagerPage,
div.responsivePagerPageInactive {
    padding-left:2px;
    padding-right:2px;
}

div.responsivePagerText,
div.resposnivePagerButtons,
div.responsivePagerTextInactive,
div.resposnivePagerButtonsInactive {
    width:auto;
    text-align:left;
}

div.responsivePagerTextInactive,
div.responsivePagerTextInactive {
    padding-right:10px;
}

div.responsivePagerButton,
div.responsivePagerButtonInactive{
    padding-left:2px;
}

div.responsiveHeaderRow, 
div.responsiveRow,
div.responsiveHeaderRowInactive, 
div.responsiveRowInactive
{
    padding:16px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: normal 1em/1.1 Tele-Grotesk;
}

div.responsiveHeaderChildRow,
div.responsiveHeaderChildRowInactive
{
    padding:4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.formWrapper,
div.formWrapperInactive{ 
    padding:30px;
    margin:0 auto;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.responsiveHeaderRow, 
div.responsiveTableBody,
div.responsiveHeaderRowInactive, 
div.responsiveTableBodyInactive,
div.responsiveChildTableBody,
div.responsiveChildTableBodyInactive,
div.responsiveHeaderChildRow,
div.responsiveHeaderChildRowInactive
{ 
    border-bottom:1px dashed #999; 
}

div.responsiveDetailRow,
div.responsiveDetailRowInactive,
div.responsiveTableDetail,
div.responsiveTableDetailInactive
{ 
    padding-bottom: 0.25em !important;
    border-bottom:1px dashed #999; 
}

div.responsiveChildTableBody,
div.responsiveChildTableBodyInactive { 
    border-top:1px dashed #999; 
}

div.responsiveHeaderCell,
div.responsiveHeaderCellInactive { 
    font:normal 1em/1.25 Headline-Ult;
    color:#6c6c6c;
    text-transform:uppercase; 
}

div.responsiveHeaderChildCell,
div.responsiveHeaderChildCellInactive { 
    font:normal 1.25em/1 Tele-Grotesk;
    color:#6c6c6c;
    text-transform:none; 
}

div.responsiveHeaderDetailCell,
div.responsiveHeaderDetailCellInactive { 
    font:normal 1em Tele-Grotesk;
    color:#6c6c6c;
    text-transform:none;
    border-bottom:1px dashed #999;  
    padding-bottom:0.25em;
    padding-top:1em;
}

div.responsivePager,
div.responsivePagerInactive {
    background-color:#F2F2F2;
    padding:5px 2px 5px 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.responsiveCellLabel,
div.responsiveCellLabelInactive {
    display:none;
}

div.responsivePagerPage:hover, 
div.resposnivePagerButton,
div.responsivePagerPage:hoverInactive, 
div.resposnivePagerButtonInactive {
    text-decoration:underline;
    cursor:pointer;
}

img.activePagerButton:hover,
img.activePagerButtonInactive:hover{
    cursor:pointer;
}

.mobileExpandIcon{
    display:none;
}
.desktopExpandIcon
{
    display:block;
}

.divExportFormat{float:right;}

.passComplDescription{font:normal 0.9em Tele-grotesk;}
.labelPasswordComplexityOne {float:right;margin-top:23px;}
.labelPasswordComplexityTwo {float:right;margin-top:9px;}

/*list box users*/
.list-user-box{margin: 0 1.2% 1.2% 0; width: 19em; /* max-width: 19em;*/ position: relative; padding: 0.75em;  border: 0; height: 13em; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f6f6f6 0%, #f5f5f5 51%, #dcdcdc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(51%,#f5f5f5), color-stop(100%,#dcdcdc));
background: -webkit-linear-gradient(top, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dcdcdc',GradientType=0 );
}
.list-user-img { float: left; border: 1px solid #e5e5e5; width: 47.73646209386282%; margin: 0 5.41516245487365% 0.35em 0; text-align: center; position: relative; }
.list-user-img{ width: 33%; height: 11.125em;	text-align: right; border: 0; background: none; font-family: Tele-groteskFet; }
.list-user-img a{ /*background-size: 100%*/   display: block;    height: 5.825em;    position: relative;    width: 100%;	}
.list-user-img img{ position: absolute; width: 60px; top: 50%; left: 50%; margin-left: -25px; margin-top: -28px;	 }

.list-user-txt {font-family: Tele-grotesk; height: 11.125em; width: 45.84837545126353%; }
.list-user-txt { float: left; width: 45.84837545126353%;  margin: 0; cursor: default; position: relative; z-index: 5; }
.list-user-box h2  { font: normal 1.5em/1 Tele-groteskfet; margin: 0 0 1.6em; padding: 0; height: 1em; overflow: hidden; color: #303030; }
.list-user-box h3 { font: normal 1.125em/1 Tele-grotesk; margin: 0 0 0.888888888888889em; padding: 0; height: 1em; overflow: hidden; color: #303030;}
.list-user-txt h2{	font:normal 1.275em/1 Headline-Ult; color: #666; text-transform: uppercase; height: auto; overflow: none;}
.list-user-txt h2 a{color: #4b4b4b; word-break:break-word;} 
.list-user-txt h2 a:hover{color: #E20074;}
.list-user-txt h3{	font: normal 1.125em/1 Tele-grotesk; color: #666; height: auto; overflow: hidden; }
.list-user-txt h3 a:hover{color: #E20074;}
.list-user-txt p{ font: normal 0.875em/1 Tele-grotesk; height: auto; overflow: hidden; margin-bottom: 0.5em; }
.list-user-txt a.more-details{font-size:  0.875em;}

.list-user-active{float:right;}

.list-user-bottom { width: 100%; text-align: center; }

.list-user-txt, .list-user-img {	height: 135px;}

.squaredTwoUser{width:30%; float:right;}
/*end list users*/

/*list box apps*/
.list-app-box{margin: 0 1.2% 1.2% 0; width: 19em; /* max-width: 19em;*/ position: relative; padding: 1em;  border: 0; height: 16.5em; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f6f6f6 0%, #f5f5f5 51%, #dcdcdc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(51%,#f5f5f5), color-stop(100%,#dcdcdc));
background: -webkit-linear-gradient(top, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#f5f5f5 51%,#dcdcdc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dcdcdc',GradientType=0 );
}
.list-app-img { float: left; border: 1px solid #e5e5e5; width: 47.73646209386282%; margin: 0 5.41516245487365% 0.35em 0; text-align: center; position: relative; }
.list-app-img{ width: 50%; height: 11.125em; text-align: right; border: 0; background: none; font-family: Tele-groteskFet; }
.list-app-img a{ background: url(../Images/Icons/oblak.png) no-repeat center; /*background-size: 100%*/   display: block;    height: 5.825em;    position: relative;    width: 100%;	}
.list-app-img img{ position: absolute; width: 60px; top: 50%; left: 50%; margin-left: -25px; margin-top: -40px; }

.list-app-txt {font-family: Tele-grotesk; height: 11.125em; width: 43%; }
.list-app-txt { float: left; width: 43%;  margin: 0; cursor: default; position: relative; z-index: 5; }
.list-app-box h2  { font: normal 1.5em/1 Tele-groteskfet; margin: 0 0 1.6em; padding: 0; height: 1em; overflow: hidden; color: #303030; }
.list-app-box h3 { font: normal 1.125em/1 Tele-grotesk; margin: 0 0 0.888888888888889em; padding: 0; height: 1em; overflow: hidden; color: #303030;}
.list-app-txt h2{	font:normal 1.275em/1 Headline-Ult; color: #666; text-transform: uppercase; height: auto; overflow: none;}
.list-app-txt h2 a{color: black !important; word-break:break-word;} 
.list-app-txt h2 a:hover{color: black !important;}
.list-app-txt h3{	font: normal 1.125em/1 Tele-grotesk; color: #666; height: auto; overflow: hidden; }
.list-app-txt h3 a:hover{color: #E20074;}
.list-app-txt p{ font: normal 0.875em/1 Tele-grotesk; height: auto; overflow: hidden; margin-bottom: 0.5em; }
.list-app-txt a.more-details{font-size:  0.875em;}

.list-app-active{float:right;}

.list-app-bottom { width: 100%; text-align: center; }

.list-app-txt, .list-app-img {	height: 170px;}

.squaredTwoApp{width:30%; float:right;}
/*end list apps*/

.breakWord 
{
    word-wrap: break-word;
}

.wordbreak 
{
    word-break: break-word;
}

.bold
{
    font-weight: bold !important;
}

.nobold
{
    font-weight: normal !important;
}

.newMessageResponsive
{
    margin-left:-12px;
}

.newFieldResponsive
{
    float: right;
}

.responsivePadding{padding: 30px;}
.profileButtonWidth{Width:277px;}
.dxucControl{width:300px !important;}
table#MainMaster_uplImage{width:310px !important;}

@media screen and (max-width: 900px) 
{
    div.responsiveColNum4{
        width:50%;
    }
    div.hideForMobile{
        display:none;
    }
    div.mobileExpandIcon
    {
        display:block;
    }
    div.desktopExpandIcon
    {
        display:none;
    }
    div.responsivePagerText,
    resposnivePagerButtons{
        width:100%;
    }
    div.hideForMobileContainer{
        background-color:#f8f6f6;
        width:100%;
        padding-top:10px;
        padding-bottom:5px;
        border-bottom:2px solid #6c6c6c;
    }
    div.hideForMobileContainerDetail{
        background-color:#e0e0e0;
        width:100%;
        padding-top:10px;
        padding-bottom:5px;
        border-bottom:2px solid #6c6c6c;
    }
    div.showForMobileContainer{

    }
    div.responsiveRow{
        padding:5px;
    }
    div.responsiveCellLabel{
        display:table-cell;
    }
    div.responsiveCellValue{
        width:50%;
    }
    div.propertyWrapper{
        width:100%;
    }
    div.responsiveHeaderLabel{
        width:100%;
    }
    div.responsiveHeaderControl{
        float:left;
    }
    div.formWrapper {
        padding:10px;
    }
    div.responsiveHeaderTransformLabel, div.responsiveNoTransformValue { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; word-break:break-word;}
    div.responsiveHeaderTransformLabel { font:normal 1em Headline-Ult;color:#6c6c6c;text-transform:uppercase; word-break:break-word;}  
    
    .wrapper {width:98%; padding:0; z-index:auto;}
    .contentWrapper { padding: 0.25em 0.5%;}
    .contentFormWrapper{padding:0.2em;}
    .process-title { margin: 1em 0 1em; width:70%;}
    .process-title h1 { font: normal 1.875em/1 Tele-groteskult; padding:0;}

    .add-user-box{	margin-bottom: 0.5em;}
    .add-user-box a.add-one, .add-user-box a.add-more{background: #e20074;}
    .add-user-box a{width: 100%; margin-bottom: 0.5em; padding: 1em; }
    .add-user-box a:before {	content: " + ";}
    
    .checkout-container h4.option-trigger{	padding: 0 0 0 1em; font: 1.125em/3em Headline-Ult;}
    .checkout-container h4.option-trigger a{background: url(../Images/Icons/sparrow-white-up.png) no-repeat 95% 50%; color: White;}
    .checkout-container h4.option-trigger.selected a{background: url(../Images/Icons/sparrow-down.png) no-repeat 95% 50%; color: #666;}

    .checkout-container.full h4.option-triggerNoArrow{	padding: 0 0 0 1em; font: 1.125em/3em Headline-Ult;}
    .checkout-container.full h4.option-triggerNoArrow a{color: White;}
    
    .inner-device-list .list-device-box {  margin: 0 0.75% 1.5%;   width: 48.5%; height: auto; }
    .list-device-box .squaredTwo label { top: -10px; right: 0;}

    .main_content_box { z-index: inherit; }
    .main_content_box { padding-bottom: 1em; }
    .process_container.device { width: 100%; }
    .checkout-total-box, .checkout-container {width: 100%}
    .command-box {	width: 100%;}
    .option-list div.user-select{ width: 100%;}
    
    div.divCellRightUser h2{ font:normal 1.2em Tele-groteskult !important;}
    div.divCellRightUser h3{ font: normal 1.1em Tele-grotesk !important; }
    
    div.list-user-box { margin: 0 0.75% 1.5%;   width: 48.5%; height: auto; }
    div.list-user-img {width: 33%;}
    div.list-user-img{	height: 8.825em;}
    div.list-user-txt{	height: 8.825em;}
    div.list-user-bottom{text-align:left;}
    .manageUser-buttons.controllButtons{float:left;}
    
    div.list-app-box { margin: 0 0.75% 1.5%;   width: 48.5%; height: auto; }
    div.list-app-img {width: 33%;}
    div.list-app-img{	height: 8.825em;}
    div.list-app-txt{	height: 8.825em;}
    
    .newMessageResponsive{margin-left:1px;}
    .newFieldResponsive{float: none;}
    
    div.responsivePaddingLeft {padding-left:16px;}
    .dxeListBox{max-width:28em; width:100%;}
}

@media screen and (max-device-width: 900px)
{
    div.responsiveColNum4{
        width:50%;
    }
    div.hideForMobile{
        display:none;
    }
    div.mobileExpandIcon
    {
        display:block;
    }
    div.desktopExpandIcon
    {
        display:none;
    }
    div.responsivePagerText,
    resposnivePagerButtons{
        width:100%;
    }
    div.hideForMobileContainer{
        background-color:#f8f6f6;
        width:100%;
        padding-top:10px;
        padding-bottom:5px;
        border-bottom:2px solid #6c6c6c;
    }
    div.hideForMobileContainerDetail{
        background-color:#e0e0e0;
        width:100%;
        padding-top:10px;
        padding-bottom:5px;
        border-bottom:2px solid #6c6c6c;
    }
    div.showForMobileContainer{

    }
    div.responsiveRow{
        padding:5px;
    }
    div.responsiveCellLabel{
        display:table-cell;
    }
    div.responsiveCellValue{
        width:50%;
    }
    div.propertyWrapper{
        width:100%;
    }
    div.responsiveHeaderLabel{
        width:100%;
    }
    div.responsiveHeaderControl{
        float:left;
    }
    div.formWrapper {
        padding:10px;
    }
    div.responsiveHeaderTransformLabel, div.responsiveNoTransformValue { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; word-break:break-word;}
    div.responsiveHeaderTransformLabel { font:normal 1em Headline-Ult;color:#6c6c6c;text-transform:uppercase; word-break:break-word;}  
    
    .wrapper {width:98%; padding:0; z-index:auto;}
    .contentWrapper { padding: 0.25em 0.5%;}
    .process-title { margin: 1em 0 1em; width:70%;}
    .process-title h1 { font: normal 1.875em/1 Tele-groteskult; padding:0;}

    .add-user-box{	margin-bottom: 0.5em;}
    .add-user-box a.add-one, .add-user-box a.add-more{background: #e20074;}
    .add-user-box a{width: 100%; margin-bottom: 0.5em; padding: 1em; }
    .add-user-box a:before {	content: " + ";}
    
    .checkout-container h4.option-trigger{	padding: 0 0 0 1em; font: 1.125em/3em Headline-Ult;}
    .checkout-container h4.option-trigger a{background: url(../Images/Icons/sparrow-white-up.png) no-repeat 95% 50%; color: White;}
    .checkout-container h4.option-trigger.selected a{background: url(../Images/Icons/sparrow-down.png) no-repeat 95% 50%; color: #666;}

    .checkout-container.full h4.option-triggerNoArrow{	padding: 0 0 0 1em; font: 1.125em/3em Headline-Ult;}
    .checkout-container.full h4.option-triggerNoArrow a{color: White;}
    
    .inner-device-list .list-device-box {  margin: 0 0.75% 1.5%;   width: 48.5%; height: auto; }
    .list-device-box .squaredTwo label { top: -10px; right: 0;}

    .main_content_box { z-index: auto; }
    .main_content_box { padding-bottom: 1em; }
    .process_container.device { width: 100%; }
    .checkout-total-box, .checkout-container { width: 100%; }
    .command-box {	width: 100%;}
    .option-list div.user-select{ width: 100%;}
    
    div.divCellRightUser h2{ font:normal 1.2em Tele-groteskult !important;}
    div.divCellRightUser h3{ font: normal 1.1em Tele-grotesk !important; }
    
    div.list-user-box { margin: 0 0.75% 1.5%;   width: 48.5%; height: auto; }
    div.list-user-img {width: 33%;}
    div.list-user-img{	height: 8.825em;}
    div.list-user-txt{	height: 8.825em;}
    div.list-user-bottom{text-align:left;}
    .manageUser-buttons.controllButtons{float:left;}
    
    div.list-app-box { margin: 0 0.75% 1.5%;   width: 48.5%; height: auto; }
    div.list-app-img {width: 33%;}
    div.list-app-img{	height: 8.825em;}
    div.list-app-txt{	height: 8.825em;}
    
    .newMessageResponsive{margin-left:1px;}
    .newFieldResponsive{float: none;}
    div.responsivePaddingLeft {padding-left:16px;}
    .dxeListBox{max-width:18em; width:100%;}
}

@media screen and (max-width: 767px)
{
    .contentWrapper { padding: 0.25em 0.5%;}
    .process-title { margin: 1em 0 1em; width:70%;}
    .process-title h1 { font: normal 1.875em/1 Tele-groteskult; padding:0;}
    div.list-user-box { margin: 0 0 1em; width: 100%; height: auto;  }
    div.list-app-box { margin: 0 0 1em; width: 100%; height: auto;  }
    
    div.divCellLeftUser, div.divCellRightUser {width:100%;text-align:left;}
    div.divRowUser {height:220px !important;}
    
    .newMessageResponsive{margin-left:1px;}
    .newFieldResponsive{float: none;}
    
    div.divCellLeftResponsive { text-align:left; width:100%; }
    div.divCellLeftResponsive &gt; span.LabelFormFull { text-align:left !important; }
    div.divCellRightResponsive { width:100%; }
    div.divCellRightButtonsResponsive { width:100%; padding-top:10px;}
    
    div.divCellPassOne .labelPasswordComplexityOne {float:left;}
    div.divCellPassOne .labelPasswordComplexityTwo {float:left;}
    
    div.divCellPassOne {width:100%;text-align:left;float:left !important;}
    div.divCellPassTwo{width:100%;text-align:left;float:left !important;}
    .acitv-buttons.modalButtons{float:right; padding:0px;}
    .responsivePadding{padding: 30px 0;}
    .reveal-modal{max-width:250px;margin-left:-200px;padding:15px 2px;left:63%;}
    .dxucControl{width:240px !important;}
    table#MainMaster_uplImage{width:250px !important;}
    .dxucTextBox .dxucEditArea{width:170px !important;}
    div.divCellMessageLeft { text-align:left; width:100%;}
    div.divCellParamLeft { text-align:left; width:100%;}
}

@media screen and (max-device-width: 767px)
{
    .contentWrapper { padding: 0.25em 0.5%;}
    .process-title { margin: 1em 0 1em; width:70%;}
    .process-title h1 { font: normal 1.875em/1 Tele-groteskult; padding:0;}
    div.list-user-box { margin: 0 0 1em; width: 100%; height: auto;  }
    div.list-app-box { margin: 0 0 1em; width: 100%; height: auto;  }
    
    div.divCellLeftUser, div.divCellRightUser {width:100%;text-align:left;}
    div.divRowUser {height:220px !important;}
    
    .newMessageResponsive{margin-left:1px;}
    .newFieldResponsive{float: none;}
    
    div.divCellLeftResponsive { text-align:left; width:100%; }
    div.divCellLeftResponsive &gt; span.LabelFormFull { text-align:left !important; }
    div.divCellRightResponsive { width:100%; }
    div.divCellRightButtonsResponsive { width:100%; padding-top:10px;}
    
    div.divCellPassOne .labelPasswordComplexityOne {float:left;}
    div.divCellPassOne .labelPasswordComplexityTwo {float:left;}
    
    div.divCellPassOne {width:100%;text-align:left;float:left !important;}
    div.divCellPassTwo{width:100%;text-align:left;float:left !important;}
    .acitv-buttons.modalButtons{float:right; padding:0px;}
    .responsivePadding{padding: 30px 0;}
    .reveal-modal{max-width:250px;margin-left:-200px;padding:15px 2px;left:63%;}
    .dxucControl{width:240px !important;}
    table#MainMaster_uplImage{width:250px !important;}
    .dxucTextBox .dxucEditArea{width:170px !important;}
    div.divCellMessageLeft { text-align:left; width:100%;}
    div.divCellParamLeft { text-align:left; width:100%;}
}

@media screen and (max-width: 1024px)
{    
    div.divCellMessageLeft { text-align:left; }
    div.divCellMessageLeft &gt; span.LabelFormFull { text-align:left !important; }
    div.divCellMessageRight {float:left;}
    
    
    div.divCellParamLeft { text-align:left; width:100%;}
    div.divCellParamLeft &gt; span.LabelFormFull { text-align:left !important; }
    div.divCellParamRight {float:left;}
    
    .newMessageResponsive{margin-left:1px;}
    .newFieldResponsive{float: none;}
}


@media screen and (max-device-width: 1024px)
{
    .newMessageResponsive{margin-left:1px;}
    .newFieldResponsive{float: none;}
}

@media screen and (max-width: 320px)
{
    .contentWrapper { padding: 0.25em 0.5%;}
    .process-title { margin: 1em 0 1em; width:70%;}
    .process-title h1 { font: normal 1.875em/1 Tele-groteskult; padding:0;}
    a.button-gray {height: 100%;}
    .acitv-buttons.controllButtons.cancelButtonResponsive{float:none; padding:10px 0;}
    div.PageSearchBox{float:left;}
    div.ReportSearchBox{float:left;}
    .InputNewForm{width:235px;}
    .profileButtonWidth{Width:247px;}
    .reveal-modal{max-width:250px;margin-left:-200px;padding:15px 2px;left:73%;}
}

@media screen and (max-device-width: 320px)
{
    .contentWrapper { padding: 0.25em 0.5%;}
    .process-title { margin: 1em 0 1em; width:70%;}
    .process-title h1 { font: normal 1.875em/1 Tele-groteskult; padding:0;}
    a.button-gray {height: 100%;}
    .acitv-buttons.controllButtons.cancelButtonResponsive{float:none; padding:10px 0;}
    div.PageSearchBox{float:left;}
    div.ReportSearchBox{float:left;}
    .InputNewForm{width:235px;}
    .profileButtonWidth{Width:247px;}
    .reveal-modal{max-width:250px;margin-left:-200px;padding:15px 2px;left:73%;}
}
    
@media screen and (max-width: 480px)
{
    .contentWrapper { padding: 0.25em 0.5%;}
    .process-title { margin: 1em 0 1em; width:70%;}
    .process-title h1 { font: normal 1.875em/1 Tele-groteskult; padding:0;}
    div.divCellLeftResponsive { text-align:left; width:100%; }
    div.divCellLeftResponsive &gt; span.LabelFormFull { text-align:left !important; }
    div.divCellRightResponsive { width:100%; }
    div.divCellRightButtonsResponsive { width:100%; padding-top:10px;}
    .PhoneFormat, .MobilePhoneFormat { font-size: 10px !important;}
    .download-report{	text-align: left;}
    .divExportFormat{float:left;}
    .InputNewForm{width:255px;}
    .profileButtonWidth{Width:267px;}
    div.PageSearchBox{float:left;}
    div.ReportSearchBox{float:left;}
}

@media screen and (max-device-width: 480px)
{
    .contentWrapper { padding: 0.25em 0.5%;}
    .process-title { margin: 1em 0 1em; width:70%;}
    .process-title h1 { font: normal 1.875em/1 Tele-groteskult; padding:0;}
    div.divCellLeftResponsive { text-align:left; width:100%; }
    div.divCellLeftResponsive &gt; span.LabelFormFull { text-align:left !important; }
    div.divCellRightResponsive { width:100%; }
    div.divCellRightButtonsResponsive { width:100%; padding-top:10px;}
    .PhoneFormat, .MobilePhoneFormat { font-size: 10px !important;}
    .download-report{	text-align: left;}
    .divExportFormat{float:left;}
    .InputNewForm{width:255px;}
    .profileButtonWidth{Width:267px;}
    div.PageSearchBox{float:left;}
    div.ReportSearchBox{float:left;}
}

.editBox {border : 2px solid red;}

#master-main-nav #login-link #user-shortcuts-toggler {
    background-image: url("../images/icons/global-nav-icons-only-login.png");
    background-position: 4px 0;
    background-size: 49px 241px;
    color: #666666;
    font-family: Headline-Ult;
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 20px;
    text-align: left;
    text-indent: 0;
}

#master-main-nav #login-link #user-shortcuts-toggler.logged-in {
    padding-left: 20px;
    width: 60px;
}

#master-main-nav #login-link #user-shortcuts-toggler:hover, #master-main-nav #login-link #user-shortcuts-toggler.active {
    background-position: 4px -60px;
    color:white;
}

#banner.banner-header{
    color: #fff;
    float: left;
    height: 176px;
    margin-top:-1px;
    position: relative;
    width: 100%;
    background: url("../images/banner-bg.png") repeat-x scroll center center rgba(0, 0, 0, 0);
}

#banner.banner-header:before {
    bottom: 0;
    content: "";
    display: block;
	height: 176px;
    left: 50%;
    margin: 0 0 0 -30em;
    position: absolute;
    width: 60em;
    background: url("../images/loop-cloud-bg.png") no-repeat scroll center right rgba(0, 0, 0, 0);
}

#master-main-nav .notification {
    background: #e20074 none repeat scroll 0 0;
    border-radius: 10px !important;
    bottom: 10px;
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 20px;
    left: 30px;
    line-height: 20px;
    position: absolute;
    text-align: center;
	text-indent: 0px;
    width: 20px;
}


.asterix{ color:#e20074; vertical-align:top; font-size:16px; width:5px !important;}</pre></body></html>