.hidden {
	display: none;
	visibility: hidden;
}

.lite-label-textstyle {
    font-family: 'Open Sans','Helvetica Neue',helvetica,arial,verdana,sans-serif;
}

.mobile-header-tool-close-24 {
    width: 24px;
    height:24px;
    margin-top: -3px;
    background: url(Res/mobile/Header_Close_24.png) no-repeat center !important;
}
.mobile-header-tool-maximize-24 {
    width: 24px;
    height:24px;
    margin-top: -3px;
    background: url(Res/mobile/Header_Maximize_24.png) no-repeat center !important;
}

.mobile-menu-tool-close {
	top: -5px;
	width: 32px;
    height:32px;
    background: url(Res/mobile/Header_Close16.png) no-repeat center !important;
	/*background: url(Res/mobile/Close_32.png) no-repeat center !important;*/
}

.mobile-menu-tool-back-32 {
    top: -5px;
    width: 32px;
    height:32px;
    background: url(Res/mobile/Back-alt_32.png) no-repeat center !important;
}

.mobile-menu-button-allign-left * {
	text-align: left !important;
}

.color-picker-background {
	background: url(Res/mobile/ColorBackground.png)
}

.mobile-default-theme-color {
	background-color: #5fa2dd;
    /*background: linear-gradient(to bottom,#5fa2dd 0%, #5fa2dd 100%);*/
}
.mobile-default-theme-border {
    border: 1px solid #5897ce;
}
.pressed-btn-color {
	background-color: #477aa6;
    /*background: linear-gradient(to bottom,#477aa6 0%, #477aa6 100%)!important;*/
}

.display-flex {
	display: flex;
    display: -webkit-flex;
}

.dim-color-on-hover {
    background-color: rgba(0,0,0,0);
}

.dim-color-on-hover:hover {
	background-color: rgba(0,0,0,0.2);	
	transition: background-color .4s ease-in;
	transition: background-color .4s ease-out;
}

.dim-color-on-selection {
    background-color: rgba(0,0,0,0.2);  
}

.feature-template-item-style {
	/*border-top: 1px solid rgba(0,0,0,0.3);*/
	border-bottom: 1px solid rgba(0,0,0,0.2);
	cursor: pointer;
}


.center-vertically {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.center-horizontally {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}


.mobile-default-label-textstyle {
	color: #f6f6f6;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans','Helvetica Neue',helvetica,arial,verdana,sans-serif;
    /*line-height: 40px;*/
    text-transform: none;
    padding-left: 5px;
}

.mobile-label-textstyle {
	/*line-height: 26px;*/
	font-family: 'Open Sans','Helvetica Neue',helvetica,arial,verdana,sans-serif;
	font-size: 16px;
}


.mobile-login-window-splitter {
	border: 1px none #5FA2DD;
    border-top-style: solid;
}

.mobile-login-window-text-size * {
	font-size: 20px !important;
}
.mobile-login-button-style * {
	border-color: #4DCC4D !important;
    background-color: #46BA47 !important;
}
.mobile-login-button-style:hover * {
    background-color: #4DCC4D !important;
}

.mobile-login-active-type-button-style * {
	color: #5795cb !important;
    border-color: white !important;
    background-color: white !important;
}
.mobile-login-tab-background * {
    background: linear-gradient(to bottom,#5fa2dd 0%, #5fa2dd 100%) !important;
}

.mobile-login-passwordLink {
    font-family: 'Open Sans','Helvetica Neue',helvetica,arial,verdana,sans-serif;
    font-size: 16px;
    color: #5795cb !important;
}

.login-form-wrapper { padding:40px 40px 40px 60px; }

.login-button-font .x-btn-text
{
    font-size: 15px;
    font-weight:600;
    padding-top: 5px;
}

.login-buf
{
    width: 100%;
/*    background-color: #CED9E7;*/
    background-color: white;
    border-bottom:1px solid #99BBE8;
}

.x-toolbar
{
}

.login-arrow
{
    width: 39px;
    height: 20px;
    position: absolute;
    background: url(Res/login/Arrow_down_small.png) no-repeat center left !important; 
}

.white-backgr
{
    background: none !important;
    background-color: White !important;
}

.buf-cell
{
    float:left;
    width: 161px;
}

.buf-img-cell
{
    position: relative;
    top: 0px;
    height: 5px;
    background: url(Res/login/Arrow_down.png) no-repeat center left !important; 
}


.login-background
{ 
    text-align: center;
    background: url(Res/login/BackgroundMapGrad.png) no-repeat center left !important; 
    padding:40px 40px 40px 60px;
}

.kortinfo-icon 
{ 
    background: url(Res/login/Kortinfo_logo.png) no-repeat center left !important; 
}

.activedir-icon 
{ 
    background: url(Res/login/Active_directory.png) no-repeat center left !important; 
}

.nemid-icon 
{ 
    background: url(Res/login/Nemid.png) no-repeat center left !important; 
}


.kortinfo-color-picker
{
	background: rgba(255,0,0,1);
    background: -moz-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,255,0,1) 16.66666%, rgba(0,255,0,1) 33.33333%, rgba(0,255,255,1) 50%, rgba(0,0,255,1) 66.66666%, rgba(255,0,255,1) 83.66666%, rgba(255,0,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,0,0,1)), color-stop(16.66666%, rgba(255,255,0,1)), color-stop(33.33333%, rgba(0,255,0,1)), color-stop(50%, rgba(0,255,255,1)), color-stop(66.66666%, rgba(0,0,255,1)), color-stop(83.66666%, rgba(255,0,255,1)), color-stop(100%, rgba(255,0,0,1)));
    background: -webkit-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,255,0,1) 16.66666%, rgba(0,255,0,1) 33.33333%, rgba(0,255,255,1) 50%, rgba(0,0,255,1) 66.66666%, rgba(255,0,255,1) 83.66666%, rgba(255,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,255,0,1) 16.66666%, rgba(0,255,0,1) 33.33333%, rgba(0,255,255,1) 50%, rgba(0,0,255,1) 66.66666%, rgba(255,0,255,1) 83.66666%, rgba(255,0,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,255,0,1) 16.66666%, rgba(0,255,0,1) 33.33333%, rgba(0,255,255,1) 50%, rgba(0,0,255,1) 66.66666%, rgba(255,0,255,1) 83.66666%, rgba(255,0,0,1) 100%);
    background: linear-gradient(to right, rgba(255,0,0,1) 0%, rgba(255,255,0,1) 16.66666%, rgba(0,255,0,1) 33.33333%, rgba(0,255,255,1) 50%, rgba(0,0,255,1) 66.66666%, rgba(255,0,255,1) 83.66666%, rgba(255,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff0000', GradientType=1 );
}

.kortInfo-slider-boxShadow {
box-shadow:2px 7px 20px 1px #00000030;
}

.userattribute-non-editable-row-color {
	color: #999999;
}