@font-face{font-family:FontAwesome, sans-serif;
  src:url("../font/fontawesome-webfont.5ae23ad29b67.eot?v=3.2.1");
  src:url("../font/fontawesome-webfont.5ae23ad29b67.eot?#iefix&v=3.2.1") format('embedded-opentype'),url("../font/fontawesome-webfont.b683029bafe0.woff?v=3.2.1") format('woff'),url("../font/fontawesome-webfont.8cca2f02b0af.ttf?v=3.2.1") format('truetype'),url("../font/fontawesome-webfont.9e129b2b5cea.svg#fontawesomeregular?v=3.2.1") format('svg');
  font-weight:normal;
  font-style:normal;
}

[class^="icon-"],[class*=" icon-"]{
  font-family:FontAwesome, sans-serif;
  font-weight:normal;font-style:normal;
  text-decoration:inherit;
  -webkit-font-smoothing:antialiased;
  *margin-right:.3em;
}

/* RESETS */
*:focus {
  outline: 0;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

label {
  font-size: 12px !important;
}

.msisdn_edit label {
  display: inline-block;
  float: left;
  clear: left;
  padding: 3px 4px;
}

div.colorPicker_hexWrap label {
  font-size: 95%;
  color: #2F2F2F;
  margin: 5px;
  width: 25%;
  vertical-align: middle;
}

.services_EDIT p label { width: 250px; }

.grp-object-history p {
  border: 1px dashed #EAEAEA;
  margin: 0 2%;
  border-radius: 5px;
  padding: 20px;
  background: #FAFAFA;
  width: 96%;
}

/* More space for fourpane labels */
.edit_sheet fieldset p label {
  width: auto;
  min-width: 160px;
}

.services .required label { font-weight: bold; }

.taller_popup .package_group p label {
    width: 50%;
    max-width: 25em;
}

.grp-module .grp-row .c-1 label {
  font-weight: bold;
}

fieldset.grp-module .grp-row .c-2 li label {
  margin: 2px 0;
}

#start-type-discount-select label {
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
}

#imenu_form label {
  margin: 0 0 0 5px;
}

#id_sim_card_type label {
  position: absolute;
  bottom: -3px;
  cursor: pointer;
}

#grp-content-container .memo label {
  text-align: left;
}

/* prettier localized edit fields */
#grp-content form div.labeled_input label{
  width: 4em;
  display: inline-block;
}

.labeled_input textarea {
  width: 710px;
  max-width: 710px;
  max-height: 20em !important;
  min-height: 2em !important;
}

/* Fix fourpane buttons */
.newtlet_content button {
  width: auto;
}

.template_actions button {
  font-size: 12px !important;
  background: transparent;
}

.offerlist button {
  position: relative;
  font-size: 12px !important;
  margin: 5px;
  display: block;
  padding: 4px 15px;
  font-weight: bold;
  border-radius: 30px;
  color: #fff;
  opacity: 1 !important;
  border: 1px solid #F90 !important;
  background: linear-gradient(#FC0, #F60), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
}

.grp-row button.open_popup {
  float: left;
  width: 100px;
}

#newtlets button.internal_function, #company_form button.open_popup, #customer_form button.open_popup, .deferred_tab button {
  font-size: 12px !important;
  display: block;
  padding: 4px 15px;
  font-weight: bold;
  border-radius: 30px !important;
  color: #444;
  border: 1px solid #aaa !important;
  background: linear-gradient(to bottom,  rgb(238 238 238/100%) 0%,rgb(204 204 204/100%) 100%); /* W3C */
}

#newtlets button.internal_function, #company_form button.open_popup, #customer_form button.open_popup, .deferred_tab button, .refresh_tab button {
  font-size: 12px !important;
  display: block;
  padding: 4px 15px;
  font-weight: bold;
  border-radius: 30px !important;
  color: #444;
  border: 1px solid #aaa !important;
  background: linear-gradient(to bottom,  rgb(238 238 238/100%) 0%,rgb(204 204 204/100%) 100%); /* W3C */
}

.techfund #techfund_details_button:disabled {
  pointer-events: none;
  color: #AAA;
}

.edit_sheet button {
  box-shadow: 0 1px 0 rgb(99 99 99/ 30%)
}

.call_details button {
  float: left;
  margin: 0 0 0 5px !important;
}

.deferred_tab button {
  top: 0 !important;
  margin: 0 !important;
}

.refresh_tab button {
  top: 0 !important;
  margin: 0 !important;
}

td.action button,
th.action button{
  height: auto !important;
}

section.tab_table_functions button {
  color: #368;
}

.offerlist button:hover {
  opacity: 1 !important;
  border: 1px solid #F60 !important;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#F90,#D63300);
}

.template_actions button:hover{
  color: #368 !important;
  text-decoration: underline;
}

a:active,
a:hover{
  color: #368;
  text-decoration: underline !important;
}

.inline-block {
  display: inline-block;
}

.shoplink a{
  line-height: 22px;
  vertical-align: bottom;
}

.titles li {
  padding: 6px 4px;
  font-size: 12px;
  color: #444;
  font-weight: bold;
  border-right: 1px dotted #e4e4e4;
}

.inlined li {
  display: table-cell;
  width: 150px;
  font-weight: normal;
}

a:link,
a:visited{
  color: #09c;
}

ul.tabs li a{
  font-size: 11px;
  font-family: Arial,sans-serif;
  letter-spacing:0.5px;
  font-weight: bolder !important;
  display: inline-block;
  padding: 7px 10px;
  color: #FFF !important;
}

.home-link {
  font-size: 18px;
  line-height: 1.5em;
  cursor: pointer;
  border-radius:5px;
  text-align: center;
  padding: 10px 20px;
  width: 180px;
  font-weight: normal;
}

.home-link:hover, .home-link:hover a, .home-link a:hover{
  background-color: rgb(51 102 136/ 3%);
  color: #368;
}

.invoices-accordion .inv_details td {
  border-bottom: 3px double #89a !important;
}

.pagination .to_page a {
  cursor: pointer;
  padding: 2px;
}

.log-out .grp-admin-title a {
  color: transparent !important;
  padding: 20px 10px 5px 5px;
}

.tab-error span {
  margin-left: 3px;
}

.invoices-accordion .pagination span,
.invoices-accordion .pagination a {
  padding: 4px 2px;
}

.two-rowed .newtlet_buttons_menu li a { line-height: 11px !important; }

ul.tabs li a:link,
ul.tabs li a:active,
ul.tabs li a:hover,
ul.tabs li a:visited{
  color: #FFF !important;
}

ul.tabs li ul.dropdown li a{
  display: inline-block;
  width: 100%;
}

#company_form button.open_popup, #customer_form button.open_popup {
  margin: 0 0 5px;
  float: left;
  font-size: 12px !important;
  display: block;
  padding: 4px 15px;
  font-weight: bold;
  border-radius: 30px !important;
  color: #fff;
  opacity: 1 !important;
  border: 1px solid #2987a6 !important;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#36b0d9,#309bbf);
  background-color: #309bbf;
}

.edit_sheet button:active {
  position: relative;
  top: 1px;
  box-shadow: none;
}

.invoices-accordion .action button {
  padding: 2px 6px !important;
}

.tasks-container table {
  border: 1px solid #BBB;
  background: #FEFEFE;
}

.newtlet_sheet .nothing td {
  padding: 1px !important;
}

.list_table_accordion .details td {
  padding: 1px 6px !important;
}

.newtlet_sheet table.subtitle td {
  font-size: 12px;
  font-weight: bold;
  position: relative;
  top: 4px;
}

thead th {
  vertical-align: top;
}

.tasks-container th {
  background: #EFEFEF;
}

.tasks-container table th{
  background-color: #EFEFEF;
}

.subtype_selections table tbody tr th { width: 30%; }

.invoices table th:nth-of-type(n), .invoices table td:nth-of-type(n) {
  text-align: left !important;
}

.newtlet_sheet tr:hover td, .newtlet_sheet tr:hover th {
  border-bottom: inherit;
}

body.grp-change-list table tr.grp-selected th, body.grp-change-list table tr.grp-selected td {
  background: #FFF9DF;
}

.invoices-accordion .inv_details td:nth-child(2) {
  border-left: 0;
}

#newtlets button.internal_function:hover, #customer_form button.open_popup:hover, #company_form button.open_popup:hover, .deferred_tab button:hover, .refresh_tab button:hover  {
  border: 1px solid #aaa !important;
  background: linear-gradient(to bottom,  rgb(221 221 221/100%) 0%,rgb(187 187 187/100%) 100%); /* W3C */
}

.deferred_tab button:hover{
  border: 1px solid #aaa !important;
  background: linear-gradient(to bottom,  rgb(221 221 221/100%) 0%,rgb(187 187 187/100%) 100%); /* W3C */
}

div.newtlet_content div.newtlet_sheet table tbody tr td.action button,
div.newtlet_content div.newtlet_sheet table tbody tr th.action button {
  display: block;
  padding: 6px;
}

#newtlets button, #newtlets a, #newtlets th, #newtlets td {
  font-family: Arial, sans-serif;
}

button.select_button, button.discard_button, button.save_button {
  font-size: 12px !important;
}

#newtlets .form_buttons button, #newtlets button.discard_button, #company_contactperson td:last-child button {
  font-size: 12px !important;
  display: block;
  padding: 4px 15px;
  font-weight: bold;
  border-radius: 30px;
  color: #fff;
  border: 1px solid #777;
  opacity: .5;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#999,#888);
  background-color: #999;
}

#grp-content-container td.action button,
#grp-content-container th.action button,
div.memo_content span.memo_toggle,
span.memo_filter {
  color: #09c;
  border: 0 !important;
}

#grp-content-container td.action button,
#grp-content-container th.action button {
  text-align: right;
  margin: 0;
  width: 100%;
}

#grp-content-container td.action-not-small button,
#grp-content-container th.action-not-small button {
  text-align: left;
}

#newtlets .form_buttons button:hover, #newtlets button.save_button, #newtlets button.select_button, #change_password {
  font-size: 12px !important;
  display: block;
  padding: 4px 15px;
  font-weight: bold;
  border-radius: 30px !important;
  color: #fff;
  opacity: 1 !important;
  border: 1px solid #2987a6 !important;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#36b0d9,#309bbf);
  background-color: #309bbf;
}

#newtlets button.internal_function:hover, #company_form button.open_popup:hover, #customer_form button.open_popup:hover {
  border: 1px solid #aaa !important;
  background: linear-gradient(to bottom,  rgb(221 221 221/100%) 0%,rgb(187 187 187/100%) 100%); /* W3C */
}

#grp-content-container td.action button:hover,
#grp-content-container th.action button:hover,
div.memo_content span.memo_toggle:hover,
span.memo_filter:hover {
  color: #368 !important;
  text-decoration: underline;
}

/* UTIL Classes for general usage */

/* automatically overflowing words and add (...) to the end of the string */
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* indent 10px */
.indent { margin-left: 10px !important; }

/* overriding floats */
.left { float: left !important; }

.right { float: right !important; }

.right-margin {float: right !important;
  margin-right: 5px;
}

.right-upper-offset {float: right !important;
  padding-top: 2px;
}

.faint-rounded, .edit_sheet form fieldset.faint-rounded, #id_sim_card_type {
  border: 1px solid #DADADA !important;
  border-radius: 3px !important;
  padding: 10px;
  margin: 10px 0;
  background: #FAFAFA;
}

.edit_sheet form fieldset.faint-rounded legend {
  margin-left: 10px;
  font-weight: bold;
  padding: 2px
}

.light {
  background: #EEE;
  box-shadow: 0 -1px 0 #CCC;
}

.block { display: block !important; }

strong, .strong {
  font-weight: bold !important;
  display: inline !important
}

.black { color: #000 !important; }

.underline, .u { text-decoration: underline !important; }

.weak {
  color: #aaa;
  font-weight: 300;
}

.a { width: auto !important; }

.i { font-style: italic !important; }

.pointer { cursor: pointer !important; }

.alert-error {
  color:red;
  font-weight: bold;
}

/* EO UTIL Classes */

/* combined device or accessory list which includes variants */

div.item {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
  background: #fafafa;
  padding: 5px 10px;
  margin: 0 0 -3px;
}

div.item:hover { background-color: #F8F8F8; }


div.item h3 {
  line-height: 30px;
  margin: 0;
  padding: 0;
  display: inline;
}

div.item ul.variants {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div.item ul.variants .variant_details {
  float: left;
  margin: 0;
  padding-left: 5px;
  padding-top: 15px;
  line-height: 15px;
  max-width: 85px;
}

.accordion-tools {
  background: #FAFAFA;
  border-right: 1px solid #DADADA;
  border-left: 1px solid #DADADA;
  line-height: 20px;
  font-weight: bold;
  padding: 10px 10px 7px;
  cursor: pointer;
}

.accordion-tools:hover { background-color: #F8F8F8;}

.accordion-tools i {
  position: relative;
  top: 3px;
  margin-right: 10px;
}

::placeholder {
  color: transparent;
}

.list_table_accordion .expand {
  display: table-cell;
}

div.item .expand {
  font-weight: bold;
  padding: 5px 0;
  margin: 10px 10px 5px 0;
  line-height: 30px;
  position: relative;
  top: 3px;
}

.newtlet_sheet .opener {
  position: relative;
  padding: 5px;
  border: 1px solid #89a;
  border-left-width: 3px;
  border-radius: 3px;
  background-color: #F6F9FC;
  cursor: pointer;
  margin-bottom: -1px;
}

div.item .opener, .newtlet .open_inv {
  cursor: pointer;
}

.opener strong.expand {
  color: #CCC;
}

ul.tabs li {
  display: block;
  width: auto;
  overflow: hidden;
  float: left;
  color: #FFF;
  background: linear-gradient(to bottom, #999 0%, #777 100%);
  border: solid 1px;
  border-color: #999 #555 #666 #aaa;
  cursor: pointer;
}

ul.dropdown li {
  float: none;
  background-color: #777;
  background-image: linear-gradient(#aaa, #999);
  width: 100%;
  border-right: solid 0.5px #555;
  border-top: solid 0.5px #666;
  border-bottom: solid 0.5px #888;
  border-left: solid 1px #888;
}

.well ul li {
  list-style-type: disc;
  margin-left: 30px;
}

ul.errorlist li {
  padding-top: 10px;
  color: #bf3030;
}


ul.tabs {
  display: block;
}

ul.tabs li.selected {
  background-color: #09c;
  background-image: linear-gradient(#09c, #07a);
  border-top: solid 1px #759dae;
  border-left: solid 1px #769aab;
  filter: none;
}

ul.tabs li.selected:hover{
  background-color: #09c;
  background-image: linear-gradient(#0090c0, #0070a0);
}

.offerlist li:nth-child(n+2) {
  border-top: 1px solid rgb(136 153 170);
}

.dashboard .grp-actions li {
  display: none;
}

.titles li:last-child {
  border-right: 0;
}

.two-rowed .newtlet_buttons_menu li {
  height: 20px !important;
}

ul.tabs li:hover {
  background: linear-gradient(to bottom, #666 0%, #555 100%);
  border-left: solid 1px #777;
  text-decoration: none !important;
}

ul.dropdown li:hover {
  background-color: #bbb;
  background-image: linear-gradient(#bbb,#aaa);
}

.newtlet_full_content ol.newtlet_buttons_menu li {
  border-bottom: 1px solid #BBB;
  background-color: #d6d6d6;
  padding: 0;
  padding-bottom: 1px;
}

div.item ul.variants li {
  list-style: none;
  display: inline-block;
  padding: 10px;
  background: white;
  border: 1px solid #DADADA;
  margin: 5px 0;
  width: 165px;
}

div.item ul.variants li.draft {
  border: 1px dashed #DADADA;
}

div.item ul.variants li.deactivated {
  border: 1px dashed #E22;
}

div.item ul.variants .thumb {
  min-height: 75px;
  float: left;
  text-align: center;
  height: 75px;
  width: 75px;
}

div.item div.thumb img {
  max-height: 75px;
  max-width: 75px;
}

body.grp-login .grp-module-login h1 img {
  padding: 10px 5px 0 10px;
}

.offerlist-msisdn i {
  display: inline-block;
  width: 15px;
  text-align: center;
  margin: 0 10px 0 0;
}

.home-link i{
  font-size: 100px;
}

.memo_content i {
  margin-right: 10px;
}

.taller_popup .details i {
  font-weight: bold;
}

.taller_popup .package_group p label i {
  float: right;
}

.newtlet_sheet .opener .expand > i {
  line-height: inherit;
  vertical-align: middle;
}

div.item ul.variants li.deactivated div.thumb img, div.item ul.variants li.deactivated div.thumb i {
  opacity: 0.2;
}

div.item div.addvariant {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 30px;
  padding: 5px 10px;
  font-weight: bold;
}

div.item .variant-text-active {
  color: #444;
  font-weight: bold
}

div.item .variant-text-deactivated { color: #E22; }

div.item .variant-text-draft {
  color: #888;
  font-style: italic;
}

/* hide device model selection from the item variant form
form#devicevariant_form div.field-item_model {
    display: none;
}
 */

/* Nicer placement for language selector. */
form#lang_select_form {
  margin: 5px;
}

/* Fix fourpane buttons */

.newtlet_content {
  border: none;
  background: #EEE !important;
}

.clear {
  clear:both;
}

/* Tabs */

div.tab_bar{
  background-color: #EEE;
  margin-left: -20px;
  margin-right: -20px;
}

#grp-context-navigation {
  background-color: #EFEFEF;
  background-image: linear-gradient(#EFEFEF, #EEE);
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #FFF;
}

.tab-error {
  padding: 6px;
  border: 1px solid #89A;
  border-left-width: 3px;
  font-size: 120%;
  border-radius: 2px;
  color: #444;
  background-color: #F6F9FC;
}

header#grp-header #grp-navigation {
  background: url("../img/bubbles.21f421bd203a.png") repeat-x;
  background-color: #4c4d4d;
  padding: 1px 20px 0;
  min-height:100%;
}

body header#grp-header #grp-navigation  h1#grp-admin-title {
  padding: 3px 0;
  color: transparent;
  height: auto;
  width: 67px;
  font-size: 0;
  line-height: 0;
  margin-left: -8px;
}

#grp-content {
  padding-top: 85px;
  padding-left: 3px;
  padding-right: 3px;
  top: 0;
}

.loader_background {
  background: url("../img/spinner.5f834a429ae3.gif") no-repeat center center;
}

.centered-content {
  position: relative;
  text-align: center;
  height: 250px;
}

.loading_img {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  margin: 0 auto;
}

#site-name {
  padding-top: 0;
}

body.grp-login .grp-module-login h1 {
  border: solid 1px #CCC;
  padding: 0;
  background: #EEE !important;
}

#site-name, #grp-content-title h1 {
  letter-spacing: 0.5px;
  color: #555;
  padding-left: 10px;
}

.newtlet_buttons_menu {
  position: absolute;
}

#grp-content-container .newtlet_buttons_menu {
  background-color: transparent;
}

#grp-content-container  div.newtlet {
  background: #888; /* transparent */
  border: none;
}

div.memo_content {
  background: #EEE !important;
  border: 0 !important;
  padding: 6px !important;
  margin: 2px 0;
}

.info {
  background: #eff2f4;
  padding: 15px 30px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin: 10px 0;
  border: 1px solid #DDD;
  border-radius: 5px;
  overflow: hidden;
  line-height: 1.5;
}

.info .icon-info-sign {
  color: #F90;
  font-size: 300%;
  vertical-align: middle;
  float: left;
  text-align: left;
  padding-right: 10px;
}

.info .icon-ok-sign {
  color: #1dbf37;
  font-size: 300%;
  vertical-align: middle;
  float: left;
  text-align: left;
  padding-right: 10px;
}

.info .icon-remove-sign {
  color: #d51717;
  font-size: 300%;
  vertical-align: middle;
  float: left;
  text-align: left;
  padding-right: 10px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin: 10px 0 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgb(0  0  0/ 5%);
}

.change_message { margin: 5px 0; }

#grp-content-container ol.newtlet_buttons_menu {
  height: 30px;
  list-style: none outside none;
  margin: 25px 0 0 5px;
  min-height: 20px;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 0;
}

div.newtlet_full_content {
  padding-top: 55px;
  float: left;
}

div.newtlet_sheet{
  padding: 5px;
}

#grp-content-container div.newtlet_sheet {
  background: transparent;
}

#subscription-type-table th, #subscription-type-table td { padding: 2px; }

#grp-content-container div.newtlet_sheet table tbody tr th {
  background-color: #eceff2;
}

p.errornote+ul.errorlist li+li {
  border-top: 1px dotted #6096BF;
}

.two-rowed .newtlet_buttons_menu li:active {
  top: -2px !important;
  padding-bottom: 2px;
}


.newtlet_full_content ol.newtlet_buttons_menu li:hover { background: #FFF; }

.newtlet_full_content ol.newtlet_buttons_menu li:active {
  position: relative;
  top: -2px;
  padding-bottom: 4px;
}

.newtlet_full_content ol.newtlet_buttons_menu li.active {
  padding-bottom: 3px;
  border-bottom: 0;
  background: linear-gradient(to bottom,  rgb(255 255 255/100%) 0%,rgb(238 238 238/100%) 100%); /* W3C */
  background-color: #eee;
}

.newtlet_full_content ol.newtlet_buttons_menu li.active:active {
  top: 0;
  padding-bottom: 3px;
}

#newtlets {
  height: auto;
  float: left;
  padding: 0;
  margin: 0;
  position: relative;
  top: -15px;
}

#newtlets .newtlet_memo_button {
  top: 5px;
}

#newtlets .newtlet_memo_button:hover {
  text-decoration: underline;
}

.newtlet_text_title {
  float: left;
  font-size: 1.2em;
  position: absolute;
  top: 4px; /* not 5px due to text-shadow */
  left: 10px;
  text-shadow: 1px 1px 0 #BBB;
  letter-spacing: 1px;
  color: #444;
}

#grp-content-container {
  height: auto;
  padding: 0;
  margin: 0;
}

div.newtlet_content {
  border: 0 solid #ababab;
  margin: 0;
  float: left;
  height: 100% !important;
  padding: 0;
  border-top: solid 1px #777;
}

body.grp-login .grp-module-login h1 span.grp-admin-title{
  color: transparent;
}

body.grp-login .grp-module-login{
  background-color: #EEE !important;
  background-image: none;
}

body.grp-login .grp-module-login h1 span.grp-current-page, input[type="submit"] {
  background: #09c none;
}

#grp-recent-actions-module .grp-row a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#grp-content-container .grp-pagination li a {
  line-height: 14px;
}

#customer_admin_products_customersubscriptions tr a:hover,
#customer_admin_products_companysubscriptions tr a:hover {
  text-decoration: none !important;
}

#grp-content-container ol.newtlet_buttons_menu a {
  line-height: 22px;
  height: auto;
  color: #444;
  padding: 5px 5px 0;
}

#customer_admin_products_customersubscriptions td:first-child a:hover,
#customer_admin_products_companysubscriptions td:first-child a:hover {
  text-decoration: underline !important;
}

#grp-content-container ol.newtlet_buttons_menu a:active, #grp-content-container ol.newtlet_buttons_menu a:hover {
  text-decoration: none !important;
}

#create-payment-plan #quick-select a { font-size: 120%; }

header#grp-header #grp-navigation a {
  color: #FFF;
}

.offerlist {
  border: 1px solid #888;
  border-left-width: 2px;
  border-radius: 3px;
}

.offerlist-msisdn {
  font-size: 1.2em;
  font-weight: bold;
  cursor: pointer;
  padding: 5px;
  background-color: #F6F9FC;
}

.offerlist-msisdn:hover { background-color: #eceff2;}

.offerlist-products {
  display: none;
  background-color: rgb(246 249 252);
  overflow: hidden;
}

.offerlist-product {
  border-top: 1px dashed #888 !important;
  padding: 5px;
  overflow: hidden;
}

.offerlist-product-image {
  float: left;
  max-width: 80px;
  height: 80px;
  margin-right: 5px;
}

.offerlist-product-details {
  width: 50%;
  float: left;
}

.offerlist-product-name {
  font-weight: bold;
}

.offerlist-price {
  float: right;
}

.offerlist-select {
  clear: right;
  float: right;
}

header div.grp-context-navigation{
  background-color: #DDD;
  background-image: linear-gradient(#E5E5E5, #DBDBDB);
  border-top: 1px solid #6a7779;
}

#external-tools {
  width: 120px;
}

#external_tools_dropdown {
  display: none;
  float:left;
  position: absolute;
  z-index: 999;
  width: 113px;
}

#newtlets td {
  padding: 6px;
}

fieldset.grp-module .grp-row .c-2 li {
  line-height: 17px;
  margin: 0;
}

#shop-links li { line-height: 16px }

#newtlets ol.newtlet_buttons_menu li {
  border-top: solid 1px #777;
  border-left: solid 1px #777;
  border-bottom: none;
  border-right: solid 2px #767676;
  margin-right: 1px;
}

header#grp-header #grp-navigation ul#grp-user-tools > li {
  border-right: 1px solid #222;
  border-left: 1px solid #6a7779;
}

header#grp-header #grp-navigation ul#grp-user-tools {
  border-left: 1px solid #6a7779;
}

header#grp-header #grp-navigation ul li.grp-collapse.grp-open > ul.grp-user-options {
  margin: 0 0 0 -2px;
}

.msisdn {
  overflow-x: hidden;
}

.msisdn_edit ul {
  display: inline-block;
  width: auto;
  float: left;
}

select { min-width: 150px;}

.msisdn_edit select {
  clear: right;
  display: inline-block;
  border: solid 1px #39C;
  float: left;
  position: relative;
  width: 25%;
  margin-right: 18%;
}

.msisdn_edit input[type="text"] {
  display: inline-block;
  border: solid 1px #39C;
  float: left;
  position: relative;
  width: 25%;
  margin-right: 18%;
}

.home-link:active {
  background-color: rgb(51 102 136/ 10%);
}

.icon-customer_view::before{content:"\f007";}

.icon-billingaccount_view::before{content:"\f007";}

.icon-payment_view::before{content:"\f007";}

.icon-contract_view::before{content:"\f15c";}

.icon-company_view::before{content: "\f0b1"; }

.icon-orderedcontract_view::before{content:"\f046";}

.icon-admin::before{content:"\f085";}

.icon-shop::before{content:"\f07a";}

.icon-enormous { font-size: 600% !important; }

.icon-faint::before {
  content: "\f059";
  color: rgb(0 0 0/ 20%);
}

.icon-marilyn-main { color: #F90; }

.icon-marilyn-alert { color: #E22; }

.icon-marilyn-ok { color: #008F00; }

.icon-marilyn-purple { color: #8904B1; }

.icon-marilyn-one { color: #9BCC8F; }

.icon-marilyn-two { color: #6096BF; }

.icon-marilyn-three { color: #BFB130; }

.icon-marilyn-four { color: #EAA8FF; }

#subscription_contractsubscription .tab_table_subscription_1 tr:first-child .action button::before {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
  font-family: FontAwesome, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f056 ";
  color: #E22;
}

.brand-container {
  position: relative;
}

.brand-container .table-right {
  position: absolute;
  right: 5px;
  top: -16px;
}

.ui-widget-header {
  height: 31px !important;
}

div.newtlet_5.newtlet {
  float: right;
  margin-right: 0;
}

#grp-content .grp-object-tools {
  top: -33px;
}

#id_sim_card_type div {
  display: flex;
  justify-content: center;
  width: 33%;
  position: relative;
  background-position: center center !important;
}

#toolbar form div {
  margin-top: 3px;
}

div.colorPicker_hexWrap input {
  width: 65%;
  margin: 5px 0 0;
}

#start-type-discount-select input {
	border: 0;
	overflow: hidden;
}

#toolbar form div input {
  width: auto;
  border-color: #aaa !important;
}

#djDebugToolbarHandle {
  top:100px !important;
}

.edit_sheet form {
  border: 0;
}

.taller_popup form {
  background: inherit !important;
}

#imenu_form form {
  margin-bottom: 5px;
}

#grp-content-container .memo form {
  background: 0;
}

#grp-context-navigation #grp-page-tools form {
  margin-right: 20px;
}

#create-payment-plan .faint-rounded input { width: 120px; }

#grp-content-container .memo .history input {
  width: 50%;
  float: left;
  margin-right: 20%;
  margin-top: 2px;
  font-size: 10px;
  height: 20px;
}

#grp-context-navigation #grp-page-tools form input {
  width: 200px;
}

.grp-popup #grp-content-container {
  position: relative;
  top: -40px;
}

article.object-view #grp-content-container {
  height: 97%;
  padding-bottom: 0;
}

article.object-view {
  padding-bottom: 0 !important;
}

.grp-popup #grp-content {
  padding-top: 0;
}

.grp-popup #toolbar {
  float:right;
  position: relative;
  top: 33px;
  right:10px;
  z-index:199;
}

.grp-popup #grp-content-title h1 {
  padding: 0 0 20px;
}

div.newtlet_content div.newtlet_sheet table.fixed_cell{
  table-layout: fixed;
}

div.newtlet_content div.newtlet_sheet table tbody tr td.grey_cell{
  background-color: #eceff2;
}

  /* barring CSS */


div.newtlet_content div.newtlet_sheet table tbody tr td strong.label_barring {
  font-family: Arial, sans-serif;
  font-size: 12px;
  vertical-align: sub;
}

div.newtlet_content div.newtlet_sheet table tbody tr td button.action_barring {
  background: none;
  border: none;
  color: #09c;
  float: none;
  margin: auto;
  font-size: 1em;
  line-height: 12px;
}

div.newtlet_content div.newtlet_sheet table tbody tr td button.action_barring:hover {
  color: #368 !important;
  text-decoration: underline;
}

/* barring css end */

div.newtlet_content div.newtlet_sheet table tbody tr td.action,
div.newtlet_content div.newtlet_sheet table tbody tr th.action {
  width: 25%;
  padding: 0 !important;
  color: #00A000;
}

div.newtlet_content div.newtlet_sheet table tbody tr td.action-small,
div.newtlet_content div.newtlet_sheet table tbody tr th.action-small {
  width: 10%;
}

header#grp-header #grp-navigation ul#grp-user-tools > li a {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

.invoices-accordion .pages span{
  float: right;
}

.grp-pagination ul li.grp-results span {
  border: 1px solid transparent;
  background: 0;
}

.newtlet_sheet .opener span:nth-child(1n+3) {
  font-size: 10px;
  font-weight: normal;
  max-width: 75%;
}

.newtlet_sheet .opener span:nth-child(1n+2) {
  margin: 0;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 40%;
  overflow: hidden;
  display: inline;
}

.newtlet_sheet .opener span:last-child {
  position: absolute;
  right: 5px;
}

.newtlet_sheet .nowrap a span:hover { text-decoration: underline; }

#grp-recent-actions-module .grp-row span {
  margin-top: 0;
}

#grp-content-container .grp-pagination li span {
  line-height: 14px;
}

#grp-content-container .grp-pagination .total {
  display: none;
}

.grp-pagination ul li.grp-results {
  border: 0;
  vertical-align: middle;
}

.edit_sheet form fieldset{
  border: 0 !important;
  background: inherit;
}

.edit_sheet{
  z-index: 1000;
  position: relative;
  background: #F6F9FC !important;
  height: 100%;
}

.form_buttons {
  width: auto !important;
  overflow: auto;
}

.memo .form_buttons {
  position: relative;
}



#newtlets button.save_button:hover, #newtlets button.select_button:hover, #change_password:hover,  #company_contactperson td:last-child button:hover  {
  border: 1px solid #2987a6 !important;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#309bbf,#3F7EA8);
  background-color: #3F7EA8;
}

#newtlets button.save_button_disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
  pointer-events: none;
}

input[type="submit"] {
  height: 28px;
}

.submit-row input[type="submit"]{
  position: relative;
  top: 10px;
  font-size: 12px !important;
  padding: 4px 15px;
  font-weight: bold;
  border-radius: 30px !important;
  color: #fff;
  opacity: 1 !important;
  border: 1px solid #2987a6 !important;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#36b0d9,#309bbf);
  background-color: #309bbf;
}

.grp-fixed-footer input[type="submit"] {
  padding: 5px 10px;
}

.submit-row input[type="submit"]:hover {
  opacity: 1 !important;
  border: 1px solid #2987a6 !important;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#309bbf,#3F7EA8);
  background-color: #3F7EA8;
}

.save-error-msg {
  font-size: 12px;
  text-align: center;
}

#grp-content-container .memo {
  background: #F6F9FC;
  position: relative;
  padding: 5px !important;
}

#grp-content-container .memo .memo_content span.memo_item {
  float: none;
  padding-right: 10px;
}

#grp-content-container .memo .more {
  word-break: break-all;
}

.edit_sheet textarea {
  max-width: 100%;
}

#grp-content-container .memo textarea {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  max-height: 20em !important;
  min-height: 2em !important;
}

#grp-content-container .memo fieldset {
  border: 0 !important;
}

#grp-content-container .memo .history {
  overflow: hidden;
  padding: 2px 0;
}

#grp-content-container .memo .memo_content { border-left: 4px solid #64c896 !important; }

#grp-content-container .memo .memo_content_error { border-left: 4px solid #F00 !important; }

#grp-content-container .memo .memo_content_failed { border-left: 4px solid #F80 !important; }

#grp-content-container .memo .memo_content_waiting { border-left: 4px solid #FD0 !important; }

#grp-content-container .memo .memo_content_scheduled { border-left: 4px solid #00c2ff !important; }

#grp-content-container .memo > .message { border-left: 4px solid #4b7daf !important;}

#grp-content-container .memo .history .edited-field {
  line-height: 1.5em;
  clear: both;
}

#grp-content-container .memo .edited-fields {
  margin-top: 5px;
}

#grp-content-container .memo .single-change {
  padding-left: 25px;
  background: linear-gradient(to right,  rgb(221 221 221/100%) 0%,rgb(238 238 238/100%) 100%); /* W3C */
}

#grp-content-container .memo .single-change:first-child {
  overflow: hidden;
}

#grp-content-container .memo .history label.changes {
  width: 20%;
  min-width: 80px;
  float: left;
  line-height: 20px;
  margin-top: 2px;
  font-size: 10px !important;
}

#grp-content-container .memo .history input.new-field {
  border: 1px solid #DADADA !important;
  border-radius: 0;
  background: #FFF !important;
}

#grp-content-container .memo .history input.old-field {
  border: 1px dashed #E22 !important;
  border-radius: 0;
  color: #444;
  background: #DDD !important;
}

#grp-content-container .memo .memo_flow_items h3 {
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  color: #888;
}

#grp-content-container .memo .memo_flow_items strong {
  margin: 5px 0 0 5px;
}

.edit_sheet fieldset p {
  overflow: visible !important;
}

.ui-dialog.customerissue-dialog p{
    margin-bottom: 5px
}

.invoices-accordion .itemization p {
  margin-left: 10px;
}

.taller_popup .subscriptions p {
  margin-left: 20px;
}

.taller_popup .details p {
  line-height: 2em;
  margin-left: 25px;
}

.taller_popup .package_group p {
    line-height: 16px;
    margin-left: 20px;
}

.ui-dialog.customerissue-dialog p:last-child{
    margin-bottom: 0
}

/* Customer issues dialog */
.ui-dialog.customerissue-dialog {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
}

#add-company-or-customer-links p { font-weight: bold; }

#grp-content-container .memo .memo_flow_items p {
  margin-left: 25px;
}

.dropzones {
  height: 100% !important;
  padding: 55px 0 0 !important;
  top: 0 !important;
}

.icon-small-spinner-container {
  text-align: center;
  display: none;
  width: auto;
  height: auto;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
  font-size: 12px;
}

.icon-small-spinner-container::before {
  vertical-align: middle;
  content: "\f110";
  text-align: center;
  font-size: 100%;
  animation: spin 2s infinite linear;
}

.icon-spinner-container {
  text-align: center;
  line-height: 3em;
  display: block !important;
  width: auto;
  height: auto;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
  font-size: 12px;
}

.icon-spinner-container::before {
  vertical-align: middle;
  content: "\f110";
  text-align: center;
  line-height: 5em;
  font-size: 300%;
  padding: 10px;
  animation: spin 2s infinite linear;
 }

#grp-content.change-list{
  padding-top: 60px;
}

.error-page #grp-content {
  margin: 120px 2% 0;
  border: 1px dashed #EAEAEA;
  border-radius: 5px;
  padding: 20px 20px 40px;
  background: #FAFAFA;
  width: 96%;
}

body.grp-popup #grp-content {
  top: 10px;
}

ul.grp-messagelist {
  padding-top: 30px;
}

.grp-popup #grp-content.change-list {
  padding-top: 0;
}

.grp-popup #grp-content .grp-row {
  min-height: 40px;
}

div.newtlet_sheet table {
  margin-bottom: -1px;
  border: 1px solid #89a;
  border-left: 3px solid #89a;
}

div.edit_sheet table {
  border-left-width: 1px !important;
  border-radius: 0 !important;
}

.save_button {
  margin-left: 165px !important;
}

.discard_button {
  margin-left: 0 !important;
}

.grp-changelist-results {
  background: #F0F0F0 url("../img/changelist-results.ebba469e0511.png") repeat scroll !important ;
}

/* Fourpane tab ui */


#newtlets div.newtlet {
  background: #999;
  border: solid 1px #999;
}

#newtlets .newtlet_buttons_menu {
  background: none !important;
}



/* Fourpane tab ui */

.grp-module {
  margin: 0 0 -3px;
}

.memo_content span.memo_id {
    float: right;
    color: #FFF;
    margin: 5px;
    background-color: #999;
    padding: 3px 10px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
}

.brand-icon {
  display: inline;
  width: 53px;
  height: 22px;
  background-size: 100%;
}

.pdf-icon {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}

.sky-account-icon {
    margin-right: 5px;
}

.newtlet_memo_button.memo_active {
  z-index: 100 !important; /* To enable toggling */
}

#main-search {
  float: left;
  border: 0 !important;
  width: 400px;
}

#main-search input[type="text"] {
  width: 142px !important;
  border-radius: 3px;
  padding: 0 3px;
}

#main-search img {
  display: none;
}

#main-search #advanced-button {
  text-decoration: none;
}

#main-search button[type="submit"], #main-search button[type="button"] {
  margin: 0 0 0 5px;
  color: #FFF;
  padding: 0 3px 3px !important;
  border: 1px solid #777 !important;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  width: 72px !important;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#999,#888);
  background-color: #999;
}

#main-search button[type="submit"]:hover, #main-search button[type="button"]:hover {
  opacity: 1 !important;
  border: 1px solid #2987a6 !important;
  text-decoration: underline;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#36b0d9,#309bbf);
  background-color: #309bbf;
}

.error-page .icon-error-page {
  float: left;
  height: 100%;
  vertical-align: middle;
  display: block;
  padding: 25px 50px 0 20px;
  font-size: 800%;
  color: #F90;
}

.error-page .error-details {
  float: left;
  width: 50%;
}

.grp-add-link, .grp-change-link {
  font-size: 12px;
}

ul.errorlist {
  margin-left: 170px;
  width: 100%;
}

p.errornote+ul.errorlist {
  margin: 0;
}

.contracts-customer .wizard_steps_item {
  display: none !important;
}

#newtlets .opener td {
  padding: 0;
  padding-left: 5px;
}

#customer_admin_products_customersubscriptions tbody tr td:nth-child(2),
#customer_admin_products_companysubscriptions tbody tr td:nth-child(2) {
  position: relative;
}

#customer_admin_products_companysubscriptions td:first-child a span:hover,
#customer_admin_products_customersubscriptions td:first-child a span:hover{
  text-decoration: underline !important;
}

/* Wizard form */

/* There's some weirdness with the footer being on top of some forms in the
    wizard, this fixes it. */
.wizard-overflow-fix {
  display: inline-block;
  padding: 100px 0 0 100px;
}

div.newtlet_content div.newtlet_sheet table tbody tr th.label {
  text-transform: capitalize;
}

#iframe_tip {
  background-color: #333;
  padding: 10px;
  top: 100px;
  left: 20px;
  position: absolute;
  width:200px;
  z-index: 1000;
  border-radius: 3px;
}

#iframe_tip i.clickable {
  float: right;
  margin-bottom: 10px;
}

.clickable {
  cursor: pointer;
}

.normalize {
  font-size: 12px;
}

#requests_orderrequests table:nth-child(1n) { margin-bottom: 5px; }

#requests_orderrequests table tr td:first-child {
  width: 25% !important;
  min-width: 150px !important;
}

#requests_orderrequests .details tr:nth-child(4) td { font-weight: bold !important; }

.permissions {
  height: 600px;
  max-height: 100%;
}

.permissions #id_permissions_from  {
  height: 500px;
}

.permissions #id_permissions_to  {
  height: 535px !important;
}

/* selector fixes */
.selector a.selector-chooseall, .selector a.selector-clearall {
  padding: 5px 10px;
}

.selector a.selector-chooseall:hover, .selector a.selector-clearall:hover {
  background: #CCC;
}

/* Fixes grapelli problem where eg. subscription type
   package selection boxes are too small and not scaling */
.selector {
     max-width: 100% ! important;
     width: 100% ! important;
}

.selector .selector-available, .selector .selector-chosen {
     width: 45% ! important;
     min-width: 370px;
     max-width: 700px !important;
}

.call_details select {
  float: left;
}

.subtype_selections select { width: 65%; }

.edit_sheet fieldset p select {
  width: 200px;
}

.selector .selector-available > select, .selector .selector-chosen > select {
     max-width: 100% ! important;
     width: 100% ! important;
}


.grp-row input[type="checkbox"], .grp-row input[type="radio"] {
  top: 0;
}

.labeled_input {
  margin-bottom: 3px;
}

.hover { background-color: #EEE; }

ul.radiolist, ul.checkboxlist {
  margin: 0 0 5px;
}

.grp-module h2 {
  padding: 8px 10px;
}

table div.rotated {
  transform: rotate(270deg);
  writing-mode:lr-bt;
  white-space: nowrap;
}

table .vertical {
  white-space: nowrap;
}

.grp-group {
  border: 1px solid #CCC;
  margin-top: 5px;
}

#shop-form {
  padding: 15px 5px 5px;
  border: 1px solid #ccc;
  background: #eee;
  border-radius: 3px;
  box-sizing: border-box;
}

fieldset.grp-module .grp-row label.required::after {
  content: "*";
  font-size: 150%;
  vertical-align: bottom;
}

.services .required::after { content: "*"; }

.inactive_table{
  border-left: 3px solid #E22 !important;
  border-left-color: #E22 !important;
}

.active_table{
  border-left: 5px solid #008F00 !important;
  border-left-color: #008F00 !important;
}

.newtlet_sheet .active_table,
.newtlet_sheet .inactive_table,
.newtlet_sheet .upsell_table {
  position: relative;
  z-index: 2;
}

#services_contractoptions .active_table,
.tab_table_services_4.active_table,
.tab_table_services_2,
#services_contractdataservices table:nth-child(2) {
  border-left: 5px solid #008F00 !important;
  border-left-color: #008F00 !important;
}

#services_contractoptions .inactive_table,
.tab_table_services_4,
#services_contractdataservices table:nth-child(4)  {
  border-left: 3px solid #E22 !important;
  border-left-color: #E22 !important;
}

.newtlet_sheet .active { color: #008F00; }

.newtlet_sheet .upsell_table {
  border-left: 1px solid !important;
  border-left-color: #368 !important;
}

.newtlet_sheet .inactive { color: #E22; }

.newtlet_sheet .kva-title {
  width: 100%;
  background: linear-gradient(to right,  rgb(250 250 250/100%) 0%,rgb(255 255 255/0%) 100%); /* W3C */
  border-top-left-radius: 5px;
  padding: 5px 10px 7px;
  position: relative;
  top: 6px;
}

.spacebefore:not(:first-child) {
  margin-top: 10px;
}

p.errornote {
  padding-top: 5px;
  font-size: 11px;
  background: #6096BF;
}

.newtlet_content .package-price,
.newtlet_content .package-pricing-model,
#services_contractoptions .package-price,
#services_contractoptions .package-pricing-model
{
  float: right;
}

.newtlet_sheet .opener:hover { background-color: #eceff2;}

.newtlet_sheet .opener .expand {
  line-height: 15px;
  padding: 0 5px;
}

.newtlet_sheet .details { border-top: 1px solid #ccc !important; }

/* .newtlet_sheet td i { float: right; } */

.no_pointer {
  cursor: default !important;
}

div.iframe_container {
  z-index: 1;
  width: 100%;
  height: 100%;
}

div.iframe_container iframe.paymentcenter_checkout {
  width: 100%;
  height: 340px;
}

#shop-links { margin: 10px 0 10px 5px; }

/* .newtlet_sheet tr:hover { background-color: rgb(99 99 99/ 0.025); } */
.newtlet_sheet tr:hover {
  border-bottom: 1px solid #89a !important;
}

label.tinier { font-size: 80% !important;}

.subtype_selections .yes { background-color: #C1CCD8; }

.subtype_selections .no { background-color: #F0DADA; }

#subscription-type-table tr { position: relative; }

#subscription-type-table tr th div { max-width: 1.2em; }

div.colorPicker-picker {
  position: relative;
  top: 5px;
  height: 32px;
  padding: 0 !important;
  border: 1px solid #ccc;
  cursor: pointer;
  line-height: 32px;
  text-align: center;
  width: 130px;
  text-shadow: 1px 1px 1px #FFF;
  font-size: 16px;
}

div.colorPicker-palette {
  width: 110px;
  position: absolute;
  border: 1px solid #ccc;
  background-color: #EFEFEF;
  padding: 10px;
  z-index: 9999;
  border-radius: 3px;
  box-shadow: 0 0 5px #CCC;
}

div.colorPicker_hexWrap {
  width: 100%;
  float:left;
}

div.colorPicker-swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}

div.colorPicker-swatch:hover {
  border: 1px solid black !important;
  box-shadow: 0 0 10px #888;
}

.grp-row p.grp-help {
  line-height: 2em;
}

.taller {
  display: block !important;
  position: absolute !important;
  height: 196.8% !important;
  margin-bottom: -50px !important;
  border-bottom: 38px #ACAEB0 solid !important;
}

.form_title {
  margin: 0 0 5px 5px;
}

.taller_popup, .wizard-content {
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin: 0 0 5px;
  background: #FAFAFA;
  position: relative;
  border-radius: 3px;
}

.taller_popup #subscription_form {
  background: #FFF;
}

.taller_popup h2 {
    text-decoration: underline;
    line-height: 2em;
}

.taller_popup h4 {
    line-height: 2em;
}

.taller_popup .details, .taller_popup .stc_details {
  font-size: 12px;
  font-weight: bold;
  background: 0;
  margin: 10px 0 10px -10px;
  padding: 10px 0;
}

.taller_popup .subscriptions {
  margin-top: 10px;
  padding: 5px 10px 10px;
  border: 1px dotted #BBB;
  border-radius: 5px;
}

.taller_popup .change_message {
  margin-left: 25px;
  padding-bottom: 10px;
}

.taller_popup .package_group {
  margin: 5px 10px;
}

.taller .current-indicator {
  color: #888;
  font-weight: bold;
  margin: 0 10px;
}

.prev-next-buttons {
  position: absolute;
  top: 0;
  right: 0;
}

.wider {
  width: 138px !important;
}

.step-indicator {
  width: 138px;
  position: absolute;
  right: 10px;
  top: 35px;
  height: 16px;
}

p.step-numbering {
  position: absolute;
  right: 10px;
  width: 138px;
  text-align: center;
  line-height: 16px;
  top: 35px;
}

.toggle_subscription_info {
  font-size: 12px;
  line-height: 24px;
}

.subscription_change .waive_penalty_container {
  margin-left: 25px;
  padding-bottom: 10px;
}

.marilyn-error ul {
  color: #7C6846;
  padding: 3px 8px 6px 12px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgb(255 255 255/ 50%);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
}

.sim_edit fieldset ul {
  float: left;
}

#create-payment-plan .form_title { overflow: hidden; }

#create-payment-plan .select-all {
  float: right;
  margin: 3px;
  font-size: 12px;
}

#create-payment-plan #quick-select { font-size: 12px; }

#create-payment-plan #payment-plan-table tr td:last-child {
  padding: 0;
}

#create-payment-plan #payment-plan-table tr td:last-child label input { cursor: pointer; }

#create-payment-plan #payment-plan-table tr td:last-child label {
  display: block;
  text-align: center;
  position: relative;
  top: 5px;
  cursor: pointer;
}

#create-payment-plan .change_message { margin-left: 80px; }

.tab_table_functions {
  float: right;
  font-size: 12px;
  line-height: 20px;
  padding: 0 5px 0 15px;
}

#create-payment-plan #invoice-selection-container, #create-payment-plan .info {
  margin-top: 40px;
}

#invoices_customerpaymentplan i.icon-ok-sign, #invoices_customerpaymentplan i.icon-circle {
  font-size: 10px;
}

#add-company-or-customer-links {
  position: relative;
  top: 20px;
}

#subscription_EDIT #terminate_details {
  border-top: 1px dotted #bbb;
  padding: 5px;
  margin: 5px;
  text-align: left;
}

#subscription_EDIT #terminate_details fieldset {
  font-weight: normal;
}

#subscription_EDIT #terminate_details h2 {
  padding-left: 10px;
  line-height: 15px;
  padding-top: 10px;
}

.newtlet_content .helper {
  float: right;
  color: #000;
  background: #FFF9DF;
  padding: 0 6px;
  border-radius: 10px;
  font-weight: bold;
}

.newtlet_content .prepaid {
  color: #63ba5f;
  background: #000;
}

.newtlet_content .postpaid {
  color: #000;
  background: #63ba5f;
}

.newtlet_content .included {
  color: black;
  background: #93e6db;
}

.newtlet_content .terminated {
  color: #FFF;
  background: #E22;
}

.newtlet_content .activating {
  color: #FFF;
  background: #6096BF;
}

.newtlet_content .terminating {
  color: #FFF;
  background: #F90;
}

.newtlet_content .resuming {
  color: #FFF;
  background: #BFB130;
}

.newtlet_content .deferred {
  color: #FFF;
  background: #8904B1;
}

.helptext {
  padding-left: 5px;
}

.deferred_tab {
  padding: 0;
  margin: 0;
  height: 100%;
}

.refresh_tab {
  padding: 0;
  margin: 0;
  height: 100%;
}


.marilyn-error {
  margin-top: 10px;
}

/* Sticky footer for version */
#grp-container {
  min-height: 100%;
}

footer#copyright {
  font-family: sans-serif;
  color: #aaa;
  font-size: 12px;
  padding: 4px 12px;
  position: absolute;
  bottom: 0;
  z-index: -10;
}

.newtlet_sheet table.subtitle {
  background: transparent;
  border: 0 !important;
}

hr.faint {
  height: 1px;
  color: #e4e4e4;
  background: #e4e4e4;
  font-size: 0;
  border: 0;
  margin: 5px 0;
}

/* override fourpane newtlet rendering for newer browsers */
.right-newtlet {
  float: right !important;
  margin-right: 0 !important;
}

.two-rowed {
  padding-top: 65px !important;
}

.two-rowed .dropzones {
  padding: 65px 0 !important;
}

#tasks-tool {
  line-height: 35px;
  float: right;
  font-size: 12px;
  font-weight: bold;
  padding: 0 10px;
}

.grp-changelist-results #result_list tr th:first-child {
  min-width: 100px;
}

#start-type-discount-select {
  position: absolute;
  display: inline-flex;
  margin-left: 400px;
}

#stc {
  width: 98%;
}

.newtlet_content .half {
  width: 50%;
  display: inline-block;
  border-bottom: 1px dotted #B9C4CF;
  padding-left: 3px;
  margin: 1px 0 1px -3px;
}

.newtlet_content .half:hover {
  border-bottom: 1px solid #89a;
}

.newtlet_content .pinpuk {
  width: 50%;
  display: inline-block;
}

.invoices-accordion .open_inv{
  height: 45px;
}

.invoices-accordion .open_inv:hover{
  background-color: #eceff2;
}

.invoices-accordion .pagination {
  float: right;
  margin-top: 3px;
}

.invoices-accordion .pagination .current {
  font-weight: bold;
  border-radius: 10px;
  border: 1px solid #89a;
  background: #FEFEFE;
  box-shadow: 0 1px #aaa;
}

.hover_magic {
  background: #FEFEFE;
}

#environment-name {
  color: white;
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 100px;
  text-transform: uppercase;
}

.newtlet_sheet .nowrap { white-space: nowrap; }

.newtlet_sheet .nowrap * {
  float: none;
  display: inline-block;
  vertical-align: text-top;
}

.auth-group .permissions .selector {
  width: 100% !important;
}

.auth-group #id_permissions_from,
.auth-group #id_permissions_to {
  width: 100% !important;
  max-width: 100% !important;
}

.auth-group .selector-available,
.auth-group .selector-chosen {
  width: 40% !important;
}

.titles{
  border: 1px solid #89a;
  border-left: 3px solid #89a;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  max-width: 100%;
  padding-left: 20px;
  background-color: #eceff2;
}

/* Techfund details */
.techfund .techfund_detail {
  display: none;
}

#contract_legal_customer_ban {
  display: none;
}

.dcp_edit #id_scheduled_at {
  width: 30px;
  margin-right: 5px;
}

p label[for="id_delivery_type_0"] {
    display: inline-block;
    height: 4em;
}

/* BVR form styles */
.bvr-content {
  margin-top: 1em;
}

#bvr-send-results span#bvr-send-message {
  font-size: 120%;
  margin-left: 0.5em;
}

/* BVR form styles end */

/* Customer search popup in company creation wizard */
.grp-row span.vTextField {
  background: #FDFDFD;
  border: 1px solid #CCC;
  border-radius: 3px;
  box-sizing: border-box;
  color: #555;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  height: 25px;
  line-height: 14px;
  margin: 0;
  overflow: hidden;
  padding: 2px 5px;
  vertical-align: middle;
  width: 358px;
  float: left;
}

.terminate_ms_subs {
  padding: 2px 10px;
}

.edit_sheet h4.form_header {
  width: 160px;
  margin: 10px 5px 10px 0;
  text-align: right;
}

.hidden {
  display: none !important;
}

.ui-dialog.customerissue-dialog .ui-dialog-titlebar,
.no-close .ui-dialog-titlebar-close {
  display: none;
}

.customerissue-dialog-overlay {
  background: #000;
  opacity: .65;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .customerissue-ok-button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    color: #FFF;
    background-color: #777;
    width: 100px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .customerissue-ok-button:hover {
  background-color: #4c4d4d;
  border: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .customerissue-ok-button.ui-state-focus {
  border: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .id-check-ok-button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    color: #FFF;
    background-color: #248f24;
    width: 100px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .id-check-ok-button:hover {
  background-color: #4c4d4d;
  border: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .id-check-ok-button.ui-state-focus {
  border: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .id-check-cancel-button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    color: #FFF;
    background-color: #777;
    width: 100px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .id-check-cancel-button:hover {
  background-color: #4c4d4d;
  border: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .id-check-cancel-button.ui-state-focus {
  border: none;
}

/* Fix Django migration 3.2 -> 4.2 Radio buttons */

div#id_termination_time {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

div#id_delivery_type {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

div#id_sim_card_type {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 5px 0 10px;
  width: 65%;
  height: 150px;
}

/* payment center iframe for credit card subscription */
#paymentcenter_subscribe {
  height: 100%;
  width: 100%;
  max-width: 740px;
  border: 0;
  margin: 0;
  transform: scale(1.00);
  transform-origin: 0 0;
}


/* Smart Hover, trio */
.sim-card-trio {
  background: url("../img/sim-trio.7c8ccb80c49e.png") no-repeat;
  background-size: 75px 100px;
}

.sim-card-mobile {
  background: url("../img/sim-mobile-id.9088ecc50e3c.png") no-repeat;
  background-size: 75px 100px;
}

.sim-card-esim {
  background: url("../img/sim-esim.e74730304008.png") no-repeat;
  background-size: 75px 100px;
}

.restriction-error {
    color: #e74c3c;
    font-size: 11px;
    margin-top: 3px;
}

/* Used in catalog for help text on IBA, SFE and BA SFE */
.custom-help-text {
  color: black;
  font-size: 1.2em;
}


/*  Media queries (KEEP MEDIA QUERIES LAST) */

@media (width <= 1000px) {
  .home-link i{
    padding: 0;
    font-size: 50px;
  }

  .sim-card-selection {
    margin: 0 1%;
    width: 98%;
  }

  .edit_sheet textarea {
    height: 40px;
    margin: 0 1%;
    width: 98% !important;
  }

  .form_buttons .save_button {
    margin-left: 1% !important;
  }
}

@media (width <= 700px) {
  footer#copyright {
    display: none;
  }
}

/* Change according to the longest main nav */
@media (width <= 1133px) and (width >= 300px) {
  #grp-content{
    padding-top: 110px;
  }

  .edit_sheet fieldset p input {
    width: 149px !important;
  }
}

@media (width <= 700px) and (width >= 500px){
  div.newtlet_1.newtlet,div.newtlet_2.newtlet,div.newtlet_3.newtlet,div.newtlet_4.newtlet, div.newtlet_5.newtlet {
    float: left !important;
    width: 99%;
    height: 30%;
    margin-bottom: 2px;
  }

  #grp-content{
    padding-top: 110px;
  }
}

@media (width <= 550px) and (width >= 0){
  div.newtlet_1.newtlet,div.newtlet_2.newtlet,div.newtlet_3.newtlet, div.newtlet_4.newtlet, div.newtlet_5.newtlet {
    float: left !important;
    width: 450px;
    height: 30%;
    margin-bottom: 2px;
  }

   #grp-content{
     padding-top: 140px;
  }
}

@media (width <= 700px) and (width >= 300px){
  div.newtlet_1.newtlet,div.newtlet_2.newtlet,div.newtlet_3.newtlet,div.newtlet_4.newtlet,div.newtlet_5.newtlet {
    float: left !important;
    width: 99%;
    height: 30%;
    margin-bottom: 2px;
  }
}

/* Invoices newtlet media queries */
@media (width <= 1158px) and (width >= 700px) {
  #invoices_content .newtlet_content {
    margin-top: 28px;
  }

  #invoices_content .newtlet_buttons_menu li.active {
    padding-bottom: 3px;
  }
}

@media (width <= 1158px) and (width >= 966px) {
  #invoices_content .newtlet_buttons_menu li:nth-child(2) {
    clear:left;
  }

  #invoices_content .newtlet_buttons_menu li:first-child,
  #invoices_content .newtlet_buttons_menu li.active:first-child {
    padding-bottom: 0;
  }
}

@media (width <= 965px) and (width >= 781px) {
  #invoices_content .newtlet_buttons_menu li:nth-child(3) {
    clear:left;
  }

  #invoices_content .newtlet_buttons_menu li:nth-child(-n+2),
  #invoices_content .newtlet_buttons_menu li.active:nth-child(-n+2) {
    padding-bottom: 0;
  }
}

@media (width <= 780px) and (width >= 701px) {
  #invoices_content .newtlet_buttons_menu li:nth-child(4) {
    clear: left
  }

  #invoices_content .newtlet_buttons_menu li:nth-child(-n+3),
  #invoices_content .newtlet_buttons_menu li.active:nth-child(-n+3) {
    padding-bottom: 0;
  }
}

/* EOF: KEEP MEDIA QUERIES LAST!! (DO NOT ADD non-media-query styles BELOW) */