/* *** Masterpage *** */
/* 
1.250 rem = 20px
1.125 rem = 18px
1.000 rem = 16px
1.000 rem = 16px
0.875 rem = 14px
0.750 rem = 12px
0,6875rem = 11px
0.625 rem = 10px


    blue color: #49B0F1
*/ 
.ui-widget {
  font-family: inherit;
  font-size: inherit;
}
.no-padding{
    padding: 0 !important;
}
.top-header {
    background-color: #3e4a59;
}
.controlecentre-toppanel {
    /*background-image: -webkit-linear-gradient(top,#ebebeb,#D5D5D5);*/
    background-color: white;
    line-height: 2.5rem;
    padding-top: 14px;
}

.controlecentre-toppanel .crumb {
    margin-top: 10px;
    
}
ul.breadcrumbs {
    margin-bottom: 0 !important;
    margin-top: 5px;
}
.controlecentre-toppanel .crumb i.fa.fa-home {
    margin-right: 2px;
}
.controlecentre-content {
    
}
.page-content {
    background-color: white;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    min-height: 600px;
}

.activity-icon-panel {
    background-color: #ebebeb;
    height: 2rem;
}
.activity-icons ul {
    background-image: -webkit-linear-gradient(bottom,#ebebeb,#D5D5D5);
    float: right;
    margin: 0 24px 0 0;
    
}
.activity-icons li{
    list-style-type: none;
    float: left;
    border-top: solid 4px transparent;
}
.activity-icons li a {
    padding: 0 20px;
}
.activity-icons li i {
    color: black;
}

.activity-icons li:hover {
    border-top-color: #49B0F1;
    background-color: #e6e6e6;
}
.activity-icons li a:focus {
    outline: none;
}
.left-menu {
    margin-bottom: 1rem;
    margin-top: 6.2rem;
    background-color: #d7d7d7;
    min-height: 441px;
    background-image: -webkit-linear-gradient(right,#ebebeb,#D5D5D5);
}
.left-menu ul 
{
    border-top: solid 1px #D5D5D5;
    /*border-left: solid 1px gray;*/
}
.left-menu li {
    border-bottom: solid 1px #D5D5D5;
    border-left: solid 4px transparent;
}
.left-menu li:hover {
    border-left-color: #49B0F1;
    background-color: #e6e6e6;
    
}
.left-menu li a{
    line-height: 1.4rem;
    color: black;
}
.left-menu li.active-item {
    border-left-color: #49B0F1;
    background-color: #e6e6e6;
}
    
.active-contact {
    padding-top: 3px;
    margin-right: 20px;
}
.active-contact span {
    font-size: 0.7rem;
}

.bottom-divided-white {
    border-bottom: 1px solid white;
    margin-bottom: 12px !important;
    padding-bottom: 12px;
}
.fullwidth {
   width: 100%  !important;
   margin-left: auto;
   margin-right: auto;
   max-width: 100% !important;
}


.small-font {
    font-size: 0.625rem;
}

form, .normal-font  {
  font-size: 0.875rem; 
  }
select {
    font-size: 0.875rem;
}
.content, .content p,p, ul li {
    line-height: 1.4rem;
    font-size: 0.875rem;
}

.hide {
    display: none;
}

.show {
    display: block;
}
.text-alert {
    color: #FF1200;
}

.text-grey {
    color:  #666666;
}

.info-list {
    margin: 0 0 23px 8px;
}
.info-list li {
    color: #7D7D7D;
    list-style-type: disc;
    margin: 0 0 5px 25px;
     font-size: 0.875rem;
    line-height: 1.4rem;
}

  
/* langa top */
body.bgcolor {
    background-color: #ebebeb;
}

.langa-header.bgcolor {
    background-color: #E7E7E8;
}
.langa-header div.topbar-leftpart {
    width: 40%;
     float: left;
}
.langa-header div.topbar-rightpart {
    width: 60%;
    float: left;
}

.langa-header .topbar-rightpart .container {
    border-bottom: 2.2em solid #C8344C;
    border-left: 2.5em solid transparent;
}

.langa-header .topbar-rightpart .container ul
{
    color: #ffffff;
    font-size: 0.7em;
    padding-top: 0.7em;
    font-weight: bold;

}
.langa-header .topbar-rightpart .container ul li, .langa-header .topbar-rightpart .container ul li a {
    color: #ffffff;
    font-size: 0.750rem;
    line-height: 1rem;
 }

.langa-header .logo-container {
    position: absolute; 
    z-index: 2;
    top: -43px;
}
.langa-header .logo-container img {
    height: 110px;
    padding-top: 0.2em;
}

.langa-header .logo-container span {
    font-size: 40px;
    color: #C8344C;
}

.logo-container, img-container {
    max-height: 2.5rem;
}
.favicon-container {
    max-height: 16px;
    max-width: 16px;
}

.lcc-heading {
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    color: #CC0000;
    font: 24px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif !important;
    
}

/*
.ourservice span img {
    width: 50px;
}
*/



/* langa footer */
.langa-footer-top.bg-fblue {
    background: none repeat scroll 0 0 #074E68;
}
.langa-footer-top {
    color: #FFFFFF;
    padding: 40px 0;
}
.langa-footer-bottom {
    background: none repeat scroll 0 0 #333333;
    padding: 24px 0 10px;
}

.langa-footer-bottom p.copyright {
    color: #666666;
    font-size: 0.75em;
    margin: 6px 0 0;
}

.connect-links {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 220px;
    margin-bottom: 30px;
}

.langa-footer-bottom ul.langa-links {
    display: inline-block;
    margin: 0;
    padding-bottom: 0;
}
.langa-footer-bottom ul.langa-links li {
    display: block;
    float: left;
    font-size: 0.77778em;
    font-weight: 700;
    margin-left: 6px;
    text-transform: uppercase;
}

.langa-footer-bottom ul.langa-links li a {
    color: #666666;
    padding: 3px 6px;
}

.langa-footer-bottom a.langa-logo {
    color: #858585;
    display: inline-block;
    font-size: 0.88889em;
    font-weight: normal;
    padding: 25px 0 0;
    width: 90px;
}
.langa-footer-top ul.helpdesk-links {
    display: block;
    margin: 0;
    padding-bottom: 0;
}
.langa-footer-top ul.helpdesk-links li {
    display: block;
    font-size: 0.77778em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.langa-footer-top ul.helpdesk-links li a {
    color: #FFFFFF;
}
.langa-footer-top h4 {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: 200;
    margin-bottom: 10px;
    text-align: center;
}


/* shoppingcart icon */
.shoppingcart a:hover {
    color: #666666;
}
.shoppingcart a {
    color: #666666;
}
.shoppingcart .carticon img {
    height: 2.5em;
    float: left;
}
.shoppingcart .title {
    font-variant: small-caps;
    padding: 0 0 0 3.5em;
    font-weight: bold;
    font-size: 0.8em;
    color: black;

}

.padding-cart-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.shoppingcart .totals {
    font-weight: bold;
    font-size: 0.75em;
    padding: 0.5em 0 0 3.5em;

}
.shoppingcart .totals .totalitems{
    padding-left: 1em;
}

.cart-product .product-title {
    font-weight: bold;
    color: grey;
}

.cart-product .offerprice {
    color: #006400;
}

.cart-product .quantity-price {
    font-weight: bold;
}

.cart-product .product-remove-item {
    font-size: 0.75rem;
}

.cart-product .quantity-select {
    margin-top: -8px;
}
.cart-product .quantity-select select {
    margin-bottom: 0px;
}
.cart-product .oldprice {
     text-decoration: line-through;
    font-size: 0.75rem;
}
.cart-product .offerprice {
     font-weight: bold; 
     color: red;
}

.cart-footer .tax {
     font-size: 0.75rem;
}
.cart-product-section ul {
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.4;
    list-style-position: outside;
    margin: 0px;
}

.cart-product-section ul li {
    margin: 0px;
}

.cart-product-section .bottom-divided {
    margin-bottom: 6px !important;
}
.product-admin .top-divided {
    margin-top: 0px !important;
}
.cart-footer .grandtotal {
    font-weight: bold;
    font-size: 1.250rem;
    
}
/* Placeholders */

.default-content-placeholder{
    min-height: 100%; 
    margin: 10px auto;
}
.content-box{
    background: white; 
    margin: 0.5em auto;
    padding: 0.2em 0 0.2em 0.5em;
    border-radius: 10px;
    border-style: solid;
    border-color: #f0f0f0;

}

/* button */
select.remove-margin, input.remove-margin {
    margin: 0 !important;
}
a.linkbutton, .linkbutton {
    color: #0085CF !important;
    font-size: 12px !important;
    line-height: 29px !important;
}
a.button {
    padding-right: 20px !important;
}
.linkbutton {
    cursor: pointer;
}
a.linkbutton-white {
    color: white;
    font-size: 12px;
    line-height: 29px;
}

.block {
    display: block;
}

#divAccountProfit ul
{
   padding-left:20px;
   text-indent:2px;
   list-style: none;
   list-style-position:outside;
}
/*
U+2611 ☑ ballot box with check
U+2705 ✅ white heavy check mark
U+2713 ✓ check mark
U+2714 ✔ heavy check mark

*/
#divAccountProfit ul li {
    margin-left: -2rem; margin-right: .100em;
}
#divAccountProfit ul li:before  
{
    content: "\2714  ";
    font-size: 2rem;
    color: #006400;
 }

/* LOGIN */

#divRememberUsername input[type=checkbox]:hover{
    cursor:pointer;
}

span.field-info {
    color: gray;
    display: block;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: -16px;
    padding: 0.375rem 0.5625rem 0.5625rem;
}

.order-subcontent {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(#FDFDFD, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #DEDEDE;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 20px;
    height: 80px;
}
ul.order-list {
    margin-left: 0px;
}
.order-list {
    display: block;
}
.order-list li {
    list-style: none;
}
.order-list li:first-child {
    border-top: 1px solid #D5D5D5;
    padding-top: 12px;
    margin-top: 12px;
}
.text-wrap {
    float: left;
    margin: 10px;
}
.order-list li:hover
{
    background: lightgoldenrodyellow;
}

.special-panel {
    background-color: lightsteelblue;
    min-height: 150px;
   border-radius: 3px;
}

.img-filter {
    opacity:0.25;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}


.cart-product-list {
    clear: both;
}
.cart-product-section ul,ol {
    list-style: none outside none;
    list-style-type: none;
    margin-left: 0;
}
.cart-product-list li {
    list-style: none outside none;
    list-style-type: none;
}

.top-divided {
    border-top: 1px solid #D5D5D5;
    margin-top: 12px !important;
    padding-top: 12px;
}
.bottom-divided {
    border-bottom: 1px solid #D5D5D5;
    margin-bottom: 12px !important;
    padding-bottom: 12px;
}
.bottom-divided-green {
    border-bottom: 1px solid #006400;
    margin-bottom: 12px !important;
    padding-bottom: 12px;
}

.right-divided {
    border-right: 1px solid #D5D5D5;
    margin-right: 12px !important;
    padding-right: 12px;
}


.bottom-divided-nomargin {
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 12px;
    padding-top: 12px;
}

.left-divided {
    border-left: 1px solid #D5D5D5;
}

.cart-footer {
    line-height: 1.6;
}
.cart-product .product-image {
    margin-top: -8px;
    text-align: center;
    padding-right: 20px;
}
.product-info {
    
}
.Product-admin {
    padding: 20px 0 0 0;
}
.Product-head div {
    float: left;
}
.product-image {
    
}
.cart-product {
    margin-top: 0;
    padding: 9px 0 3px;
    position: relative;
}

.strong {
    font-weight: bold;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.leftpadding10 {
    padding-left: 10px !important;
}
.left-margin-10px {
    margin-left: 10px !important;
}
.right-margin-10px {
    margin-right: 10px !important;
}
.height10 {
    height: 10px;
    display: block;
}
.text-content {
    line-height: 1.6;
}

.workitem-subject {
    font-size: 2rem;
    color: blue;
}
.workitem-descriptions {
    min-height: 80px;
    overflow: auto; 
}
#topbarlogin 
{
    color: white;
    
}
#topbarlogin ul{
    list-style: none;
    float: right;
    margin: 0;   
}

#topbarlogin ul li {
    display: inline-block;
    margin-left: 10px;
    font-size: 0.75rem;
}

#topbarlogin ul li:after {
    content:  "|";
    color: white;
}

#topbarlogin ul li:last-child:after {
    content: "";
}



.step {
    
}
.additional-info {
    background-color: gray;
}
.sendparcel-stepnr {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-left: 0;
    padding-right: 10px;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
}
.sendparcel-step-title {
    font-size: 14px;
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    color: #074E68;
    font-size: 16px;
    margin-left: 25px;
    margin-top: -10px;
    position: absolute;
    top: 50%;

}

#SendParcelSteps .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-bottom: 1px solid #D8DCDF;
    border-top: none;
    border-right: none;
    border-left: none;
    background: none;
    font-weight: normal;
}


#SendParcelSteps h3:first-child {
    border-top: 1px solid #D8DCDF;
}

#SendParcelSteps .ui-widget-content 
{
    border: none;
    border-bottom: 1px solid #D8DCDF;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #004276;
    font-weight: bold;
}

/* remove the outlines on jquery widgets*/
.ui-widget * { outline: none; }​

#divLogin {
    padding: 25px;
}


/* icon styling */
.add-button {
    margin-bottom: 0.5rem;
}
.icon-margin-left {
    margin-left: 10px;
}

.delete 
{
    color: #cc4b37;
}
.icon-add {
    color: #006400;
}
icon-edit {
    color: #1779ba;
}
.edit {
    color: #1779ba;
}
.user {
    margin-right: 10px;
    margin-bottom: 1px;
}
.icon-search {
    color: #D8DCDF;
}


/* PANEL */
.panel-header {
    border: 1px solid #D5D5D5;
    background-image: -webkit-linear-gradient(top,#ebebeb,#D5D5D5);
    color: #5A6C7C;
    margin-bottom: -1px;
    line-height: 1.5rem;
    padding: 10px;
    font-weight: 700;
}
.panel-body, .messagebox {
    border: 1px solid #DDDDDD;
    padding: 10px;
    margin-bottom: 16px;
}

/* GRIDVIEW PROCESS STYLING */
.proces-overview 
{
    border: none;
}

.proces-overview  .header {
    border: 1px solid #D5D5D5;
    /*background-image: -webkit-linear-gradient(top,#ebebeb,#D5D5D5);*/
}
.proces-overview  .header th {
    color: #5A6C7C;
    text-align: left;
}
table.proces-overview tbody tr {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}
table.proces-overview tbody {
    border: 1px solid #DDDDDD;
}
/* GRIDVIEW STYLING */
.gridview 
{
    border: none;
}

.gridview .header {
    border: 1px solid #D5D5D5;
}
.gridview .header tr {
    color: #5A6C7C;
    text-align: left;
}
    .gridview .header th {
        color: #5A6C7C;
        text-align: left;
        background-image: -webkit-linear-gradient(top,#ebebeb,#D5D5D5);
        height: 45px;
    }
table.gridview tbody tr{
    border-left: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    border-bottom: 1px solid #DDDDDD !important;
}
.gridview .selected {
    background-color: #eaf3f7;
}
.gridview .selected td:first-child {
    border-left: 2px solid #49B0F1;

}


/* LISTVIEW STYLING */
.listview {
    border-collapse: collapse;
}
.listview tr.header 
{
    border: 1px solid #D5D5D5;

}
.listview .header th {
    color: #5A6C7C;
    text-align: left;
    background-image: -webkit-linear-gradient(top,#ebebeb,#D5D5D5);
}
    .listview .header.nbg th {
        background-image: none;
    } 

.listview tbody tr {
    border-left: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    border-bottom: 1px solid #DDDDDD !important;
}
/*  TAB STYLING */
 .lcc-tabs { 
    padding: 0 !important; 
    background: none !important; 
    border-width: 0 !important;
    
} 
.lcc-tabs ul {
    margin-bottom: 0.4rem !important;
}
.lcc-tabs .ui-tabs-nav { 
    background: transparent  !important; 
    border-width: 0 0 1px 0  !important;
    border-color: #DDDDDD  !important;
    -moz-border-radius: 0; 
    -webkit-border-radius: 0; 
    border-radius: 0; 
    padding-left: 8px;
} 
.lcc-tabs .ui-tabs-panel { 
    border-width: 0 1px 1px 1px  !important;  
}
    .lcc-tabs .ui-state-active {
        border-top: none !important;
        border-bottom: 4px solid #49B0F1 !important;
    }
        .lcc-tabs .ui-state-active a {
            color: #49B0F1 !important;
            text-decoration: none;
        }
.lcc-tabs .ui-widget-content {
    border: none;
}

    .lcc-tabs .ui-state-active a, .lcc-tabs.ui-state-active a:link, .lcc-tabs.ui-state-active a:visited {
        color: #49B0F1;
        text-decoration: none;
    }

    .lcc-tabs .ui-state-hover a, .lcc-tabs .ui-state-hover a:link, .lcc-tabs .ui-state-hover a:visited {
        color: #49B0F1;
    }

.lcc-tabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #0a0a0a;
    text-decoration: none;
    font-weight: normal !important;
}



/*
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none !important;
}
*/
/* DROPDOWN STYLING */

.lcc-ddl {
}
.lcc-ddl option {
    font-size: 0.8rem;
    line-height: 19px;
    padding: 6px 0 6px 10px
}


/* LISTBOX STYLING */
.lcc-listbox {
            
}
.lcc-listbox option {
    font-size: 15px;
    line-height: 13px;
    padding: 10px;
}
            
/* LISTVIEW STYLING */
.lcc-detailview {
    width: 100%;
        
}
.lcc-detailview td {
    border: none;
}
    
.lcc-detailview td input {
    margin: 0px;
    /*padding: 0px;*/
}
  


/* ACCORDION STYLING */
.accordion {
    width: 100%;
    margin: 1em 0em;
}
 
.accordion h3 {
    background: url(/assets/images/langa/plus.png) no-repeat right center #F6F6F6;
    border: 1px solid #EEEEEE;
    color: #3777AF;
    display: block;
    /*font-size: 1.5em;
    font-weight: bold;*/
    margin: -1px 0 0 !important;
    padding: 0.5em 1em;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
 
.accordion p {
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 10px;
}
 
.accordion h3.active {
    background: url(/assets/images/langa/delete.png) no-repeat right center #ffffff;
}
 
.accordion h3:hover {
    background-color: #ffffff;
    color: #5999CF;
    border: 1px solid #EEEEEE;
    cursor: pointer;
}
 
.accordion div {
    padding: .5em .25em;
}

/* CHECKBOX STYLING */
.lcc-checkbox input[type=checkbox] {
    margin: 11px 0px;
}

/* Margin */
.button-panel .spacer {
    margin-left: 5px;
}
.icon-panel .spacer {
    margin-left: 14px;
}
.linkbuttons-spacer {
    margin-left: 5px;
}

/* radiobutton format */
.lcc-rbl tr:nth-child(even) {
    border-bottom: 0;
    background-color: white; }
/* ALERT */
/*
.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    
    color: #C09853;
    margin-bottom: 20px;
    padding: 10px 35px 10px 15px;
}
*/
.flyover-bottom {
    bottom: 10px;
}
.flyover {
    left: 150%;
    opacity: 0.9;
    overflow: hidden;
    position: fixed;
    transition: left 0.6s ease-out 0s;
    width: 50%;
    z-index: 1050;
}

.flyover.in {
    left: 50%;
}
/*msgbox*/
/*.successbox, .errorbox, .infobox, .warningbox{z-index: 999;padding: 0px 0px 0px 0px;width: 100%;z-index:999;height: 68px;line-height: 68px;}*/


/*.message-box{width: 100%; margin: 0 auto; font-size: 14px;z-index: 1050; opacity: 0.9;position: fixed;height: 68px;}*/
.error-box, .warning-box,.info-box, .success-box{width: 100%; margin: 0 auto; padding: 0; font-size: 16px;color: white; z-index: 1050; position: fixed;}
.msgcenter{ line-height: 4rem;margin: auto auto;text-align: center;  width: 1200px;}
.error-box{background-color: #c43d3d;}
.warning-box{background-color: #eaaf51;}
.info-box{background-color: #4ea5cd;}
.success-box{background-color: #61b832;}


/*
.warning-box{background-color: #f1864c;}
.info-box{background-color: #5297c7;}
.success-box{background-color: #637a78;}
.error-box{background-color: #ec695c;}
*/
.alert-info{
    background-color: #4ea5cd;
    border-color: #3b8eb5;
}

.alert-error{
    background-color: #de4343;
    border-color: #c43d3d;
}

.alert-warning{
    background-color: #eaaf51;
    border-color: #d99a36;
}

.alert-success{
    background-color: #61b832;
    border-color: #55a12c;
}
.error-color {
    background-color: #de4343;
}
.warning-color {
    background-color: #eaaf51;
}
.success-color {
    background-color: #61b832;
}
.error {
    color: #de4343;
}
.success {
    color: #55a12c;
}
.warning {
    color: #eaaf51;
}
 .active-account {
     bottom: 0px;
     color: lightskyblue;
     margin-top: 10px;
     position: relative;
     top: 42px;
 }
 
 .container-right-header {
     position: relative;
     height: 100%;
 }
 .absolute {
     position: absolute;
 }
 
 .search-button {
     height: 1.91rem;
     border-radius: 0px;
 }
 
 
 hr.dashed{border-style: dashed;}
 
 .description-history {
     padding-top: 10px;
     color: grey;
 }
 
 
 /* qtip validation */
.Error {
	border: 1px solid orange !important;
}
.error-color{
    color: orange;
}
.ErrorMsg {
	visibility: hidden;
	height: 0;
	width: 0;
	position: absolute;
}

.error-msg-bubble {
    font-size: 0.8rem;
    background-color: lightgoldenrodyellow;
}


.workitems-container {
    border: 2px solid;
    padding: 0 !important;
    margin-top: 3rem;
}

.highlight-active-process {
    color: red !important;
}
.highlight-active-process span {
    color: white !important;
}
#divIconBar a.active-process {
    background: #258faf !important;
}
#timelist table tbody tr td input{
    margin-bottom: 0px;
}
#timelist table{
    margin-bottom: 6px;
}

.centre {
    text-align: center
}

.checkout-article {
    line-height: 2rem;
}
.checkout-article input[type="checkbox"] {

    
}
.checkout-article input[type="checkbox"]+label {
    vertical-align: middle;
    margin-bottom: 6px;

}

.hide-this {
    display: none !important;
}
.show-return-status {
    display: block !important;
}

.returnreason {
    background: url("../../Images/Langa/Icons/return-icon-v2.png") no-repeat left center #ffffff;
    padding-left: 28px;
    
}
.returncomment {
    padding-left: 28px;
    
}
.return-evalution {
    background: url("../../Images/Langa/Icons/evaluation.png") no-repeat left center #ffffff;
    padding-left: 28px;
}
.return-amount-panel {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    
}

/* Begin file upload */
/*
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
*/
/* End file upload */


/*grid */
/*
.query-result table {
    border: none;
    background: none;
}
.query-result table th {
    
    border: none;
    border-bottom: 2px solid #e5709d;
}

.query-result table tr td {
    border: none;
    border-bottom: 1px solid #ebebeb;
}
.query-result table tr:hover {
    background-color: #FFFFCC;
    
}

.query-result table tr:first-child:hover {
    background-color:  White !important;
}
.query-result table tbody tr td.alert-right.alert-right.alert-right {
    color: #f04124;
    background: url("../../Images/Robein/Icons/alert_iconweb.gif") no-repeat right;
    padding-right: 25px;
}


.query-result .total-grid tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: none;
   
}

.query-result table.total-grid {
     margin: 0 auto;
}
.total-grid-footer {
    border-top: 2px solid gray;
    font-weight: bold;
}



.download-excel img {
    width: 14px;
}

.download-excel span {
    font-size: 12px;
    margin-left: 10px;
}
*/
/* end grid */


input[type="file"] {
font-size: 0.875rem;
}

.col-400 {
    width: 400px;
}

.panel.blank {
  border-style: solid;
  border-width: 1px;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background:aliceblue
}

.inline-block {
    display: inline-block !important
}

.sortable-icon-width {
    width: 18px;
}

.fullbackground {
  position: fixed;
  width: 100%;
  height: 100%;
  
}
.error-background 
{
  display: table;
  position: absolute;
  width: 100%;
  height: 738px;
  background-image: url("/Assets/ControleCentre/Img/pexels-photo-206660.jpeg")
}
.clearboth {
  clear: both;
}
.parent 
{
    position: relative;
}
.child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.big-background-image { 
  background: url(../../../Assets/Images/Langa/moonlight-boat.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}
.document-preview-background 
{
    background-image: url("/Assets/ControleCentre/Img/pexels-photo-206660.jpeg");
    
}
.center-div
{
     margin: 0 auto;
     max-width: 700px;
}

.parent-element {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.fullbackground {
    z-index: -1;
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

.fullbackground img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

.full-height-child {
    background-color: white;
    height: 100%;
    opacity: 1;
}
.reset-margin {
    margin-left: -14px;
    margin-right: -14px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 28px;
}

.full-height-parent {
    position: absolute;
    height: 100%;
}

.login {
    margin-top: 20px;
}

.download i{
    color: #CC0000 !important;
}
.text-right-forced {
    text-align: right !important;
}
#signedInUser img {
    padding-bottom: 2px;
    margin-right: 5px;
}


/* disabled buttons */
/*button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
/*    background-color: #5da423;
    border-color: #4a831c;
    color: white;
    opacity: 0.3;
    box-shadow: none;
    cursor: not-allowed;
}
*/
input[disabled], select[disabled] {
    cursor: not-allowed !important;
}
input[disabled], select[disabled] {
    cursor: not-allowed !important;
}

.prefix, .postfix {
    z-index: 1;
}


/* utility */
.margin-as-textbox {
    margin-right: 8px;
}
.total-line {
    border-top: 1px solid #D5D5D5;
}
/*label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; 
    vertical-align: middle
}*/

/* button */
.workitem-header {
    margin: 0 0 1rem 0;
}
.new-line-top {
    margin-top: 1rem;
}

.no-right-margin {
    padding-right: 0 !important;
}


/* Start loader */

.loading {
  display: inline-block;
  margin: 5em;
  border-width: 30px;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
     -moz-animation: spin 1s linear infinite;
       -o-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  }


.style-2 
{
    position: absolute;
	top: 20%;
	left: 50%;
    border-style: double;
    border-color: #FF0066 transparent;
  }

@-webkit-keyframes spin {
  100% { -webkit-transform: rotate(359deg); }
  }

@-moz-keyframes spin {
  100% { -moz-transform: rotate(359deg); }
  }

@-o-keyframes spin {
  100% { -moz-transform: rotate(359deg); }
  }

@keyframes spin {
  100% {  transform: rotate(359deg); }
  }

/* Base styles */

  
  
  
  .modal {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9002; /* Sit on top */
    /*padding-top: 10px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(150,148,149,0.6); /* Black w/ opacity */
  }
  
  .show-loader {
      
  }
  
  /* End loader */
  
  /* customize notify */
  .ui-pnotify {
      width: 400px !important;
      /*top: 127px !important;*/
  }
  
  /* customize icon right spacing */
  i.icon-label {
      margin-right: 20px;
  }
  i.space-right {
      margin-right: 10px !important;
  }
.inside {
    position: absolute;
    text-indent: 11px;
    margin-top: 11px;
    color: #006400;
}
.inside-right {
    position: absolute;
    text-indent: 11px;
    margin-top: 11px;
    color: #006400;
}
.inp {
    text-indent:20px;
}


.inp:after 
{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f007";
}

.highlighted {
    color: #FF0066;
    
}



/* Rating */

.rating-stars {
    display: inline-block;
    position: relative;
    cursor: default;
    width: 5em;
    color: #dddbd5;
    }
 .rating-stars:before, .rating-stars-value:before {
    content: '\f005\f005\f005\f005\f005';
}
.rating-stars-value {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffc723;
}


/* dashboard */
.activity-workitems {
    margin-top: 2rem;
}
.dashboard-border-left {
    
}
/* dashboard repeater */

.activity-overview {
    margin-top: 0;
    padding: 9px 0 3px;
    position: relative;
}

ul.activity-overview {
    list-style: none outside none;
    list-style-type: none;
    margin-left: 0;
}
ul.activity-overview li {
    list-style: none outside none;
    list-style-type: none;
    line-height: 1.5rem;
}
ul.activity-overview li a{
    color: #0a0a0a !important;
}
ul.activity-overview li a span span
{
    padding: 8px;
    color: #258dad;
}
ul.activity-overview li:hover {
    background-color: #eaf3f7;
}
.activity-overview .open-items span
{
    padding: 8px;
    color: #258dad;
}

.capitalize {
    text-transform: capitalize;
}
.init-cap::first-letter {
    text-transform: capitalize;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.selected-table-row {
    background-color: aliceblue !important;
    border-left-color: #49B0F1;
    border-left-style: solid;
}

.switchable {
    
}

/* document overview */
.table-tab-viewer, .document-tab-viewer {
    margin-top: -15px;
    /*height: 800px; 
    overflow-y: scroll*/
}
.table-tab-viewer i, .document-tab-viewer i {
    margin-right: 10px;
}
.issuer-filter {
    /*margin-top: 18px;*/
}
.issuer-filter select {
    margin-bottom: 0;
}

.new-document {
    
}

.row-end {
    padding-right: 0;
}

.timepicker 
{
    z-index: 999999999;
}
.email-body {
    border: solid 1px #D5D5D5;
    background-color: #e6e6e6;
    padding: 8px;
}


.row.column.right-padding {
    padding-right: 0.9375rem !important;
}
.row.colum.left-padding {
    padding-left: 0.9375rem !important;
}
.right-padding-4px {
    padding-right: 4px !important;
}
.avatar {
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.alert-signal {
    position: relative;
    left: -12px;
    top: -6px;
}
.user-panel {
  font-size: 0.875rem;
    width: 400px; 
}

.middle {
    display: table-cell;
    vertical-align: middle;
}
.inner {
    margin-left: auto;
    margin-right: auto;
    min-height: 364px;
    min-width: 320px;
    max-width: 612px;
    width: calc(100% - 40px);
    padding: 16px;
    margin-bottom: 28px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    border: 1px solid #818c94;
    border: 1px solid rgba(0,0,0,0.4);
}
.background-overlay {
    background: rgba(0,0,0,0.55);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8C000000', endColorstr='#8C000000');
    width: 100%;
    height: 100%;
}
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}


.child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.child-fixed-height {
  position: absolute;
  top: 50%;
  height: 100px;
  margin-top: -50px; /* account for padding and border if not using box-sizing: border-box; */
}

.color-green {
    color: #006400; /* darkgreen: #006400*/
    
}
.color-blue {
    color: blue;
}
.color-red {
    color: red;
}
.color-orange {
    color: orange;
}
.color-lightblue {
    color: #4ea5cd
}
.color-black {
    color: black;
}
.error i {
    color: red;
}
.warning i {
    color: orange;
}
.info i, i.info {
    color: #006400;
}
.icon-button {
    padding: 0.45em 1em;
    border: solid 1px #D5D5D5;
    background-color: #D5D5D5;
}

.bigger-fontsize {
    font-size: 16px;
}

.imagebutton 
{
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 50%;
    height: 29px;
    width: 36px;
    background-color: #f7f3f3;
    padding: 6px 12px;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}
.edit-icon {
    background-image: url(../img/svg/pencil.svg);
}
.add-icon {
    background-image: url(../img/svg/plus-circle.svg);
}
.delete-icon {
    background-image: url(../img/svg/trash.svg);
}
.cancel-icon {
    background-image: url(../img/svg/close.svg);
}
.update-icon, .insert-icon {
    background-image: url(../img/svg/check.svg);
}
.display-icon {
    background-image: url(../img/svg/eye.svg);
}



.button.spinner[disabled] {
    background-image: url(../img/svg/spinner.svg);
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding-left: 25px;
}
.username-input {
    background: url(../img/svg/user.svg) no-repeat scroll 2% !important;
    padding-left: 25px;
}
.password-input {
    background: url(../img/svg/lock.svg) no-repeat scroll 2% !important;
    padding-left: 25px;
}
.datepickable, .daterange, .future-datepicker, .past-datepicker, .date-icon, .datepicker {
    background: url(../img/svg/calendar.svg) no-repeat scroll 98% !important;
}
.dp-highlight .ui-state-default {
	background: #484;
	color: #FFF;
}
.ui-datepicker-month {
	height: 23px;
    padding-top: 0;
    padding-bottom: 0;
}

.vertical-center {
        position: relative;
        float: left;
        top: 50%;

        /*
        *  Where the magic happens
        *  Centering method from CSS Tricks
        *  http://css-tricks.com/centering-percentage-widthheight-elements/
        */
        transform: translate(50%, 50%);
        -webkit-transform: translate(50%, 50%);
        -o-transform: translate(50%, 50%);
        -ms-transform: translate(50%, 50%);
    }

    .bell-counter{
        font-size: .5rem;
        line-height: .875rem;
        position: absolute;
        top: -.125rem;
        left: .5625rem;
        width: .875rem;
        height: .875rem;
        background-color: #e85875;
    }
    .messages-footer {
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
    }
    .messages-footer.btn {
        font-family: Intro-Bold;
        text-transform: uppercase;
        min-width: 9.6875rem;
        padding: .8125rem .9375rem;
        font-size: 1rem;
        line-height: 1.428571429;
        border-radius: .25rem;
        border: 1px solid #D5D5D5;
    }
    /* some defaults */
.hide-it {
    display: none;
}

.multi-coupon {
    font-size: 16px;
    color: white;
    background: yellowgreen;
}
.uploaded-product-image {
    height: 200px; 
}

.header-alert-icon {
    margin-right: 40px;
}

.padding-right-12px{
    padding-right: 12px;
}
.padding-top-12px{
    padding-top:12px;
}
.wizard-indicator {
    padding-right: 16px;
    padding-top: 10px;
    color: #D5D5D5;
}
.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.offer-price {
    color: #49B0F1;
    font-size: 20px;
}

.old-price {
    text-decoration: line-through;
    font-size: 0.75rem;
    margin-right: 8px;
    color: #666666;
}

.new-price {
    color: #d12c2a;
}
.translation-field{
    color: orangered;
    font-size: 0.5rem;
    position:relative;
    top:-10px;
}
.cell-container {
    border: 1px dotted grey;
    padding: 13px;
    margin-right: 5px;
}
.cell-width {
    font-size: 0.6rem;
    color: grey;
}

.blue, .custom-blue {
    color: #49B0F1;
}
.cta-buy {
    background: green;
    color: white;
    padding: 8px 10px;
}
a.cta-buy:hover {
        color: white;
    }
/* dialog */
.dialog-title{
    font-size: 24px;
}

.onboarding-title{
    padding-bottom:16px;
}
.onboarding-title span {
    font-size: 24px;
}

.dialog-padding{
    padding: 16px 0;
}
.selected-package {
    font-size: 22px;
    color: #49B0F1;

}
.label-subscription {
    padding-top: 5px !important;
}
.label-box {
    margin: 0 0 1rem !important;
}

i {
    margin-right: 10px;
}
i.no-margin {
    margin: 0;
}

i.home {
    color: #0a0a0a;
}
    i.back {
        color: #e6e6e6;
    }

#divCheckList ul {
    margin: 0 24px 0 0;
}

#divCheckList li {
    list-style-type: none;
    border-bottom: solid 1px #D5D5D5;
    padding: 10px;
}
#btnAlert span.badge {
    padding: 5px;
    font-size: 80%;
    color: white;
    background-color: #006fff;
}
#imgLogo {
    max-height: 2rem;
    max-width: 200px;
}
.no-display {
    display: none;
}

.close-button:hover, .close-button:focus {
    color: #0a0a0a;
}
.close-button {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
}
.close-button {
    position: absolute;
    z-index: 10;
    color: #8a8a8a;
    cursor: pointer;
}
.no-bottom-margin {
    margin-bottom: 0;
}
.subscript {
    font-size: 8px;
}
    .subscript.alert {
        color: #c43d3d;
        font-weight: bold;
    }
img.social-media-icon {
    padding: 5px;
    border-radius: 5px;
    background-color: white;
    width: 32px;
    height: 32px;
}
.thin-border {
    border: solid #D5D5D5 1px;
    padding-left: 10px;
}
select.flag {
    width: 52px;
    padding-left: 2px;
}
.customer-value {
    font-size: 2.6rem;
    color: #49B0F1;
}
.pagetitle-margin-bottom {
    margin-bottom: 2rem;
}

.image-small {
    max-width: 100px;
    max-height: 100px;
}
.image-thumb {
    max-height: 50px;
    max-width: 50px;
}
.panel-property-values {
    margin: 4rem;
}
    .panel-property-values tbody {
        border: 1px solid #DDDDDD;
    }

.sku.imagebutton.add-icon {
    padding-left: 30px;
    padding-right: 30px;
}
i.bubble {
    margin-right: 0;
}
.margin-bottom {
    margin-bottom: 12px;
}
.language-icon {
    color: #cc0000;
    margin-left: 10px;
    line-height: 1.4rem;
}

.dropdown-pane.language-panel {
    width: 250px;
}

.language-panel ul {
    list-style-type: none;
}
.language-panel li {
    float: left;
    padding: 10px 10px 5px 10px;
}
    .language-panel li a {
        border-color: #D5D5D5;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        display: block;
        list-style: none outside none;
        overflow: hidden;
        font-size: 0.8em;
        color: #1a1a1a;
        padding: 5px 5px 0px 5px;
    }

    .language-panel li a:hover {
        border-bottom-color: #1a1a1a;
    }

.label-lang {
    line-height: 2.2rem;
    padding-right: 4px;
}

.language-flag {
    padding: 5px 0;
}