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

.focusedform #wrap .brand {background: white;margin-bottom: 40px;border-radius: 3px; padding: 40px 0px; width:100%;}
@media screen and (max-width: 780px) { 
	.focusedform #wrap .brand {margin-bottom:5%;padding: 0px;}
	#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,
#wrap > ui-view > div > .container-fluid {
    padding: 10px 20px;
}

@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;}
}
@media print {
	.no-print {display: none !important;}
	.print-no-border {border: none !important;}
}




/* login */
.bg-spire {
    background-image: url('../img/bg-lab.jpg');
    background-position: center top;
    background-size: cover;
}
.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;}}




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





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


/* object-context-list */
.hide-width-opacity {
    transition: all 200ms ease;
    transition-property: opacity, width;
}
.hide-width-opacity.ng-hide {
    display: block !important;
    opacity: 0;
    width: 0;
    flex-grow: 0 !important;
    padding-left: 0;
    padding-right: 0;
}

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

/* visit check list */
.check-list-grid .ag-body-container {margin-bottom:0;}