/**********************************/
.bottom-border-pink {
    border-bottom: 3px solid #FF0066;
}

.content-default-placeholder {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 22px;
    
}


/* *** 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

*/ 
.ui-widget {
  font-family: inherit;
  font-size: inherit;
}

.top-header {
    background-color: #3e4a59;
}
.CompanyName {
    color: lightsteelblue;
    font-weight: bold;
}
.CompanyName a {
        color: lightsteelblue;
}
.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 {
  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: white;
}

.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;
}


.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: green;
}

.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 */
input.remove-margin {
    margin: 0px !important;
}
a.linkbutton {
    color: #0085CF !important;
    font-size: 12px !important;
    line-height: 29px !important;
}
a.linkbutton-white {
    color: white;
    font-size: 12px;
    line-height: 29px;
}

.block {
    display: block;
}

/* qtip validation */
.Error {
	/* border: 1px solid red;*/
    background-color: #FFFFA3 !important;
}

.ErrorMsg {
	visibility: hidden;
	height: 0;
	width: 0;
	position: absolute;
}

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

#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: green;
 }

/* LOGIN */

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

span.field-info {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    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 green;
    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;
    margin-left: 12px !important;
    padding-left: 12px;
}

.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-marging-10px {
    margin-left: 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: "";
}

#ddlSearch {
    height: 1.9rem;
    width: 14rem; 
    margin-top: 0.4rem; 
    padding-top:0.3rem
}

#txtSearch {
    height: 1.9rem;
    /* width: 30rem;*/
}

.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;
}

/* GRIDVIEW STYLING */
.lcc-gridview 
{
    border: none;
}

.lcc-gridview .header {
    border-bottom: 1px solid rgb(154, 157, 154);
    color: #004276;
}
#gvWorkItems .lcc-gridview .header .fixedheader{
    position: absolute !important;
}
.lcc-gridview .header th {
        color: #5A6C7C;
}
.lcc-gridview .tablerow {
    border-bottom: 1px solid #DDDDDD;
}
.lcc-gridview .tablerow:hover {
    background-color: #FFFFA3;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: none;
}


/* LISTVIEW STYLING */
.lcc-listview 
{
    border: none;
}

.lcc-listview tr th {
    border-bottom: 1px solid rgb(154, 157, 154);
    color: #004276 ;
    text-align: left;
}

.lcc-listview tr td {
    border-bottom: 1px solid #DDDDDD;
}
.lcc-listview .tablerow:hover {
    background-color: #FFFFA3;
}
.lcc-listview input,.lcc-listview select {
    margin: 0px;
}
.altrow {
    background-color: #F8F8F8 !important;
}
/*  TAB STYLING */
 .lcc-tabs { 
    padding: 0px !important; 
    background: none !important; 
    border-width: 0px !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 #2ba6cb !important;
}
.lcc-tabs .ui-state-active a{
    color: #2ba6cb !important;
    text-decoration: none;
}
.lcc-tabs .ui-widget-content {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

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

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

.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;
}

.button-margin {
    margin-left: 5px;
}




/* 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;
}

 .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 red;*/
    background-color: #FFFFA3 !important;
}

.ErrorMsg {
	visibility: hidden;
	height: 0;
	width: 0;
	position: absolute;
}

.error-msg-bubble {
    font-size: 1.2rem;
    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;
}

.workitemfilter {
    margin-top: -6px;
}


.centre {
    text-align: center
}

.checkout-article input[type="checkbox"] {
    height: 30px;
    width: 30px;
    margin-top: 8px;
}
.checkout-article input[type="checkbox"]+label {
    line-height: 10px;
    vertical-align: middle;
    height: 30px;
}

.hide-this {
    display: none !important;
}
.show-return-status {
    display: block !important;
}
.instock {
    background: url("../../Images/Langa/Icons/pile.png") no-repeat left center #ffffff;
    padding-left: 28px;
}
.returnreason {
    background: url("../../Images/Langa/Icons/return-icon-v2.png") no-repeat left center #ffffff;
    padding-left: 28px;
    
}
.returncomment {
    padding-left: 28px;
    
}
.deliverydate {
    background: url("../../Images/Langa/Icons/fast-delivery-icon.png") no-repeat left center #ffffff;
    padding-left: 28px;
}
.return-evalution {
    background: url("../../Images/Langa/Icons/evaluation.png") no-repeat left center #ffffff;
    padding-left: 28px;
}
.packingmaterial {
    background: url("../../Images/Langa/Icons/packing.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%;
  background-image: url("/Assets/Images/Langa/moonlight-boat.jpg")
}
.clearboth {
  clear: both;
}
.query-header {
    border-bottom: 1px solid #D5D5D5;
   
}
.query-panel 
{
    position: relative;
    border-right: 1px solid #D5D5D5;
    min-height: 1000px;
    width: 400px;
    padding: 16px 12px 0 0;
   /* z-index: 101;*/
}
.filterbutton {
    width: 20px;
}






/* 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 */
  
  .capitalize {
    text-transform: capitalize;
}

.button.wait 
{
    background-image: url(../img/spinner.svg);
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding-left: 25px;
}