html, body {
    min-height: 100% !important;  /* disable usercentrics */
    height: 100% !important;
}

/* new logo */
.navbar-brand {
    background-image: url("../img/logo.svg");
    background-size: contain; 
    background-repeat: no-repeat; 
    margin: 13px 10px 7px 10px;
    height: 30px !important;
    width: 350px;
}
/*
.navbar-brand.current-locale-lt_LT {
    background-image: url("../img/logo-lt.png");
}
*/

.focusedform #wrap .brand {
    background: white;
    /* margin-bottom: 40px; */
    margin-bottom: 24px;
    border-radius: 3px; 
    /* padding: 40px 0px;  */
    padding: 0px; 
    width:100%;
}
@media screen and (max-width: 780px) { 
	#wrap .panel-register-heading h1{font-size: 22px;}
	#wrap .panel-register-thankyou-heading h1{font-size: 22px;}	
}
@media screen and (max-width: 580px) { 
	#wrap .panel-register-heading h1{font-size: 18px;margin:20px 0 !important;}
	#wrap .panel-register-thankyou-heading h1{font-size: 18px;margin:20px 0 !important;}	
}

#wrap > ui-view > .container-fluid {
    padding: 10px 20px;
}

.the-strip {position: fixed;top:0;left:0;width:30px;height: 100%;background-color:#ffeb00;}
@media (max-width: 767px) {
    /* content scroll right on menu */
    .static-content {width: 100vw; width: calc(100vw); transform: translateZ(0);}
    .static-content-wrapper {overflow-x: hidden;}
    .static-sidebar {width:240px;}
    .static-sidebar-wrapper {overflow-x: hidden; transition: width 0.5s;}
    /* shop */
    .shop-lead {font-size:1.5em !important}
    .shop-head {font-size:3em !important}
    .shrink-padding-0 {padding: 0 !important;}
    .shrink-padding-5 {padding: 5px !important;}
}
@media print {
	.no-print {display: none !important;}
	.print-no-border {border: none !important;}
	body {border-left: none;}
}


/* equal panels */
.equal, .equal > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}

.equal .panel {
   display: flex;
   flex-direction:column;
   align-content:stretch; 
   width:100%;
}

.equal  .panel-body {
   display: flex; flex-direction: column;
   flex-grow:1;
}

/* fill full height in the panel */
.v-grow {display: flex; flex-direction: column; flex-grow: 1}

/* row with flex element */
.flexrow {display: flex; align-items: stretch; align-content: stretch;}
.flexrow .strech, .flexrow .stretch {flex-grow: 1;}

.equal-height {display: flex; flex-direction:row; align-content:stretch; width:100%;}


/* list search items */
.search-box {
	width: 250px;
	height: 90px;
	display: inline-block;
	padding: 10px;
	float: left;
	
	background-color: #fff;
	
	border-radius: 3px;
	margin: 0 10px 10px 0;
	position: relative;
}
.search-box.active {
	background-color: #96d0b5;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 -1px 0px 0 rgba(0, 0, 0, 0.03);
}

.search-box label {display:block}

/* box with input icon fix */
.input-icon.right.col > i, .input-icon.right.col .icon {
    right: 10px;
}

/* form screen */
.form-info {
	margin: 0px 5px 0 5px;
	padding: 9px 16px;
	display: inline-block;
	vertical-align: middle;
}
/* from elements */
.form-group.required .control-label:before {content:" ■"; font-size: 1.1em; line-height: 0.8em; color: #fdb813}
.form-group.required.has-error .control-label:before {color: #b4270f}
.form-group .help-block {margin-top:0}
.form-control.short {width:60px} /* intervalfield */

/* compact field editors */
.form-compact label, .form-compact .help-block {display:none}
.form-compact .form-group {margin:0}
.form-compact input.form-control {
    min-height: 26px !important;
    max-height: 26px !important;
}
.form-compact .form-control {
    padding: 4px 5px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}
.form-compact input[type="text"].form-control,
.form-compact input[type="password"].form-control,
.form-compact select{
    min-height: 26px !important;
    max-height: 26px !important;
}
.form-compact .input-group-addon,
.form-compact .btn {
    height: 26px !important;
    padding: 4px 5px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    min-width: 10px;
}
.form-compact .btn.btn-xs {  /* clear icon */
    padding: 0 5px !important;
    height: 15px !important;
}
/* checkbox slider */
.form-compact label.switch {display:inline-block;}
.form-compact .switch span {border-radius: 20px;width:40px; height:20px;}
.form-compact .switch span:after {width: 20px; height: 20px; border-radius: 20px;}
.form-compact .switch :checked + span:after {left: 20px;}
.form-compact .switch span * {width: 20px; line-height: 18px; font-size:12px}

/* chromeless field editors */
.form-chromeless label, .form-chromeless .help-block {display:none}
.form-chromeless label.switch {display:inline-block;}
.form-chromeless .form-group {margin:0; padding:0;}

/* google map field */
.angular-google-map-container {position:absolute;height:100%;width:100%;}




/* search price fuilters */
.pricefilter {
    letter-spacing: normal;
    
    box-shadow: inset 0 -50px 0 0 rgba(255, 255, 255, 0.1);
    font-size: 11px;
    margin: 0 -20px;
}
.pricefilter .pricefilter-header {text-transform: uppercase; text-align: center; font-size: 11px; font-weight: 700; margin:0; padding: 3px 20px;}
.pricefilter-default .pricefilter-header { background: #fafafa;}
.pricefilter .pricefilter-body {padding: 6px 20px;}

/*  FILTER full width split button ; http://codepen.io/ibanez182/pen/MwZwJp */
.btn-flex {
	display: flex;
	align-items: stretch;
	align-content: stretch;
}

.btn-flex .btn:first-child {
	flex-grow: 1;
	text-align: left;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn-flex .btn.dropdown-toggle {
	padding: 9px 16px;
}
form .ng-dirty.ng-invalid .btn,
form .ng-invalid-server .btn {box-shadow: inset 0 0px 0px 1px #b4270f; color: #b4270f;}
.scrollable-menu { FILTER /* http://www.bootply.com/86116 */
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}


/* fix-modal FOUC */
body > [uib-modal-window] {display:none;}

.scrollable-menu { /* http://www.bootply.com/86116 */
    height: auto;
    max-height: 250px;
    overflow-x: hidden;
}

/*
ins{background:#E6FFE6;text-decoration:underline;}
del{background:#FFE6E6;text-decoration:line-through;}
*/

/* file-dnd */
.file-over {
    background-color: rgb(211, 231, 210);
    margin: -5px;
    padding: 2px;
    border-radius: 5px;
    border: 3px dashed gray;
 }
.file-over > * {opacity: 0.1}
/*
.drop-files-here .ag-body-viewport-wrapper {
	background-image: url(../img/drop-files-here.gif); 
	background-repeat: no-repeat; 
	background-size: auto 50%;
	background-position: 50%;}
.drop-files-here-well {
	background-image: url(../img/drop-files-here.gif); 
	background-repeat: no-repeat; 
	background-size: auto 80%;
	background-position: 50%;
	min-height:200px;}
*/
/* gallery */

.gallery-preview {display:none;}
.gallery-close {display: none;}
.gallery-prev, .gallery-next {display: none;}
.gallery-images {
  display: flex;
  flex-flow: row wrap;
  /*justify-content: space-between;*/
  align-items: stretch;
}
.gallery-image {height:150px;border:2px solid #ccc;margin:3px;min-width:30px;position:relative;
	background-size:cover;background-position:center center;background-repeat:no-repeat}
.cover-relative {top: 0;left: 0;bottom: 0;right: 0;position: absolute;}
.fullscreen .gallery-image.selected {border-color: red;}
.gallery-image-title {display:none;position:absolute;width:100%;bottom:0;left:0;color:white;background:rgba(0,0,0,.5);}
.gallery-image:hover .gallery-image-title{display:block;}
.gallery-image-title i {float:right; padding:5px;}
.gallery-image-title i:hover {color:orange;}
.gallery-images .as-sortable-placeholder {border:2px dotted #ccc; margin:3px; background-color: #eee}

.fullscreen {position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.9);z-index:2000;}
.fullscreen .gallery-preview {display:block;width: 90%; margin: 5px auto; position:relative;
	background-size:contain;background-position:center center;background-repeat:no-repeat}
.fullscreen .gallery-i {color:white; border: 2px solid white; border-radius:50%; width:34px; height:34px; line-height:32px; text-align:center;}
.fullscreen .gallery-close {display:block; position:absolute; top:12px; right:5px;}
.fullscreen .gallery-images {display:block; overflow-x:scroll; white-space: nowrap; position:absolute;left:0;bottom:0;width:100%;}
.fullscreen .gallery-image {display:inline-block;padding:0 35px;}
.fullscreen .gallery-prev, .fullscreen .gallery-next {display:block; width:30%; margin:0;padding:0;border:none;
	position:absolute;height:100%;top:0;left:0;}
.fullscreen .gallery-next {left:auto;right:0}
.gallery-prev i, .gallery-next i {display:none; position:absolute; top:50%; }
.gallery-prev:hover i, .gallery-next:hover i {display:block; }
.gallery-prev i {left:5px}
.gallery-next i {right:5px}
.fullscreen .gallery-image .gallery-image-title {display:block;overflow-x:hidden;}
.fullscreen .gallery-image .gallery-image-title i {display:none;}
.fullscreen .gallery-preview .gallery-image-title{background:transparent;text-align:center;display:block;color: #fff;font-size:150%;
	text-shadow: 1px 0 1px #000, 0 -1px 1px #000, 0 1px 1px #000, -1px 0 1px #000;}

.fullscreen .gallery-fallback-form {display:none;}

.gallery-file {height:100px;margin:3px;width:150px;position:relative;
	background-size:80px;background-position:center top;background-repeat:no-repeat;background-image:url(../img/file.svg)}
.gallery-file-title {position:absolute;width:100%;bottom:0;left:0;text-align:center;background:rgba(245,245,245,.8);
			white-space: pre;white-space: pre-line; word-wrap: break-word; word-break: normal;}

/* shop */

.shop-lead  {
    font-size: 1.5em;
    text-align: center;
}
.shop-head  {
    text-align: center;
    font-size: 4em;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
}
.shop-group {
    text-align: center;
    display: flex;
    font-size: 2em;
}
.shop-group:before,
.shop-group:after {
  content: "";
  height: 1.2ex;
  border-bottom: 0.2em solid;
  flex-grow: 1;
}
.shop-group:before {margin-right: 1em;}
.shop-group:after {margin-left: 1em;}

.product-list {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
    justify-content: center
}
.product-box {
	width: 250px;
	height: 325px;
	padding: 0 20px 20px 20px;
	border: 2px solid;
    border-radius: 10px;
	margin: 10px 10px;
	display: flex;
	flex-direction: column;
    text-align: center;
}
.product-image {
	flex-grow: 1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.product-info .price {
	display: inline-block;
	font-size: 1.5em;
	padding: 9px;
}

.bg-fade-on {transition: background-color 500ms linear;}
.bg-fade-off {transition: none;}

/* list table */
.action-required {background:rgba(51, 245, 51, 0.14);}
.wb-all {word-break: all;}


/*
	Ag Grid drag
*/
.ag-row.drag-enter:not(.drag-over) {
  z-index:1;
}
.ag-row.drag-enter:not(.drag-over).up {
  border-top: 2px solid #666;
}
.ag-row.drag-enter:not(.drag-over).down {
  border-bottom: 2px solid #666;
}
.ag-row.drag-over {
  opacity: 0.5;
  cursor: move !important;
}
.ag-row.dropped {
  opacity: 0.5;
}

/* 
	ORder/Application boxes
	http://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css
*/
.box p {font-size:16px;  margin-bottom: 5px}
.keep-aspect-ratio {
  position: relative;
  /* width:100%; padding-top:75% */
}

.keep-aspect-ratio > div {
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}


/* login */
.bg-spire {
    /* background-image: url('../img/kv_a4_01.jpg'); */
    background-position: center top;
    background-size: cover;
}

.bg-bc-ro {
    position: fixed;width:100%;height: 100%;

    display: flex;
    justify-content: center;
    align-items: flex-end;

    padding: 0 0 44px 0;
}

.bg-bc-ro .bg-svg img{
    width: 100%;
}

@media (max-width: 760px){
    .bg-bc-ro .bg-svg, .bg-bc-ro .empty{
        display: none;
    }
}

@media (min-width: 760px) and (max-width: 1193px) and (max-height: 1000px){
    .bg-bc-ro .bg-svg, .bg-bc-ro .empty{
        display: none;
    }

}

@media (min-width: 760px) and (min-height: 1000px) {
    .bg-bc-ro .empty{
        width: 90px;
    }
}

@media (min-width: 760px) and (max-width: 950px) and (min-height: 1000px) {
    .bg-bc-ro {
        position: fixed;width:100%;height: 100%;

        display: flex;
        justify-content: center;
        align-items: flex-end;

        padding: 0 24px 44px 24px;
    }
    .bg-bc-ro .empty{
        width: 90px;
    }

    .bg-bc-ro .bg-svg{
        width: calc(100% / 2 - (80px + 24px));
    }
    
}

@media (min-width: 1194px) {
    .bg-bc-ro {
        display: flex;
        justify-content: center;
        align-items: flex-start;

        
        padding: 0;
        top: 0;

        
        margin-top: calc(5%);
    }

    .bg-bc-ro .empty {
        width: 602px;
    }

    .bg-bc-ro .bg-svg{
        width: 350px;
        
        margin-top: calc(200px / 2);
    }
}
/* @media (min-width: 760px) {
    .bg-spire {
        background-image: url('../img/bg-bc-admin-panel-ipad.png');
        background-position: center bottom;
    }
}
@media (min-width: 1194px) {
    .bg-spire {
        background-image: url('../img/bg-bc-admin-panel-desktop.png');
        background-position: center top;
    }
} */
@media screen and (max-width: 359px) {.content-bg {display:none;}}

.bg-transparent {background:transparent !important;}
.bg-translucid {background:rgba(255,255,255,0.9) !important;}
.the-bg {position: fixed;width:100%;height: 100%;}
.content-bg {position: fixed;height: 100%;right: 0px;left:270px}
.sidebar-collapsed .content-bg {left:80px}
/* @media screen and (max-width: 767px) {.content-bg {display:none;}} */
.brush {font-family: 'weber brush'}

/* forms */
form-grid, form-pane, field-box, field-widget {display:block}
.gallery-image.selected {outline: #00FF00 solid thick;}

/* workflow */

.workflowbox.pending .nav-tabs .uib-tab a {background-color: rgb(80,90,100) !important; box-shadow: 0 3px 0 0 rgb(80,90,100) !important;}
.workflowbox.pending .tab-content {border-color: rgb(80,90,100) !important;}
.workflowbox.confirmed .nav-tabs .uib-tab a {background-color: rgb(170,180,20) !important; box-shadow: 0 3px 0 0 rgb(170,180,20) !important;}
.workflowbox.confirmed .tab-content {border-color: rgb(170,180,20) !important;}

/* chat */

.message-list .panel-chat{height:auto;max-height:600px;position:relative; padding-right:10px}
.message-list .panel-chat .chat-message.me:after{x-display:none; border-right-color: transparent !important;}
.message-list .panel-chat .chat-message:after {top: 13px;}
.message-list .panel-chat .chat-message .chat-contact{width:40px;text-align:center;font-size:24px;}
.message-list .panel-chat .chat-message .chat-text .chat-text-header{display:block;padding-bottom:10px;font-size:11px;font-style:italic;}
.dash-message-list .panel-tasks li .task-container > span.label{width:auto;height:auto}
.message-list .divider {display:none;}
.message-list .first-unread .divider {display:block; height: 30px; display: flex; color: orange;}
.message-list .panel-chat .chat-message.first-unread:after {top: 43px;}
.message-list .divider:before {margin-right: 1em;}
.message-list .divider:after {margin-left: 1em;}
.message-list .divider:before, .message-list .divider:after {content: "";height: 1.5ex;border-bottom: 0.2em solid;flex-grow: 1;}
.dash-message-list .panel-tasks li:hover{background:#e5e1e1;}


.editor-profile_logos .gallery-image {background-size: contain;}


/* report tables */
.table-report .ag-cell {background: #fff;}
/* certificate levels */
.table-report .cert-bronze {background: #f7d8b0; }
.table-report .cert-silver {background: #f0f0f0; }
.table-report .cert-gold {background: #EEE8AA; }
/* totals */
.table-report .total-value {font-weight: bold;}
.table-report .ytd-value {background: #fafafa;}
.table-report .delta-value {background: #e0e0e0;}
.table-report .bg-grey {background: #fafafa;}
.table-report .bg-teal {background: #e0e0e0;}

/*.table-report .total-value.delta-value {background: #eee;}*/
.angular-bootstrap-contextmenu-menu {max-width: 200px;}

.container-object .panel-heading.btn-collapse .btn-name{display:none;}
.container-object .panel-heading h2{
	height:auto;
}