html {
    height: 100%;
}
body {
    height: 100%;
}

iframe {
    height: 100%; 
}


/*select.error, textarea.error, input.error, .bootstrap-select button.error {
	border:1px solid #ebccd1 !important;
	background-color:#f2dede;
}*/

label.error {
	color:#a94442;
}

h2{
	padding-bottom:20px;
}

.col-md-6 {
	padding: 5px;
}

.footer {
	max-height: 21px;
}
.footer .row{
	background-color: #1560bd!important;
	padding: 1px!important;
}

.logo {
	padding:10px;
}

.user_logged{
	color:white;
    float:right;
    margin-top:20px;
}

.user_logged span
{
    font-size: 18px;
}

.user_logged a{
	color:white !important;
	text-decoration:none;
	display:inline !important;
	padding:0 !important;
    font-size: 16px;
}

.mobilemenuimage{
	max-width:20px !important;
}
.desktopmenu {
	margin-top: 10px;
}
.desktopmenuitem {
	color: #585858;
	font-stretch: condensed;
	text-align: center;
	padding: 15px 0 ;
	background-color: #fff;
	border-bottom: 0;
	cursor: pointer;
}

.closeRightPanel, .closeRightPanel:hover, .closeRightPanel:active, .closeRightPanel:focus {
    color:#d9534f;
    font-size: 18px;
}

.mainMenuIner {
    border-bottom:1px solid #ddd;
}

.desktopmenuitem:hover {
	background-color: #dedede;
}
.desktopmenuitem.alwayson:hover  {
	background-color: #000000;
	color: #f5f5f5;
	
}
.activemenuitem {
	background-color: #f5f5f5;
	border-bottom: 0;
	color: #000000;
}

.activemenuitem> .desktopmenuimage {
	-webkit-filter: brightness(0.25);
	filter: brightness(0.25);
}


.desktopmenuitem > span {
	display: block;
    font-size: 24px;
    width: 24px;
    margin-left: auto;
    margin-right: auto;
}
.alwayson {background-color:#5d5d5d; color:whitesmoke;}
.alwayson .desktopmenuimage {
		-webkit-filter: brightness(1);
	filter: brightness(1);
}


.list-group-item.active {
	z-index: 0;
	color: #000;
	background-color: #ffffff;
	border: solid 1px #dedede;
	border-top: 1;
	border-left: 0;
}

.list-group-item.active:focus {}

.list-group-item.active:hover, .list-group-item.actual_problem {
	background-color: #dedede;
	border-color: #dedede;
	color: black;
}

.list-group-item:hover {
	background-color: #dedede;
	border-color: #dedede;
}
@media screen and (max-width: 768px) {
	.desktopmenuitem, .reportpagination {
		display: none;
	}
	.floatright {
		float: 0;
		padding-right: 20px;
	}
	.transportCanvasInner .transportimg{
		max-width:260px;
	}
}

@media (max-width:510px) and (min-width:140px), (max-width:1200px) and (min-width:990px) {
	.report-text {
		width:80%;
	}
}

.reportimage {
    margin-top:20px;
	width:20%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    width: 19.1%;
}
	
.report-text {
	width:80%;
    padding-top: 0px;
}

.reportimage img {
    margin-left: 5px !important;
    border-radius: 0px;
}

.report-text .report-text-bottom{
	margin-top: 0px;
}

.report-text .report-text-bottom .label-primary {
	font-weight:500;
}

.right {
	margin: 0px;
	padding: 0px;
}

.left {
	background-color: #fff;
	border-top: 1px solid #dedede;
	padding-bottom: 20px;
}

<!-- start of report ticket --> 
.reportshort:hover {
	z-index: 2;
	background-color: #d0e1f1;
	border-color: #eaeaea;
}

#map_last_problem, .reportimage img {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.reportpagination {
	margin:auto;
}

.last_problem{
	margin-bottom:15px;
}
.last_problem .last_problem_top{
	min-height:20px;
}

.mainreport .report-dep{
	background-color: whitesmoke;
	padding:5px;
	text-align: left;
}

.reportdatatext {
	line-height: 1.6;
	color: #777;
	margin-left: 10px;
	font-size: smaller;
}

.report-text .address{
	line-height: 1.8;
}

.regnumber {
	display: block;
	margin-right: 10px;
}

.time {
	margin-right: 10px;
}

li.list-group-item.reportshort.hover:hover {
	background-color: #c7c7c7;
	border: 1px solid #ddd;
}

.reportshort:hover {
	background-color: #f0f6f9;
	border: 1px solid #ddd;
}

.unregistered{
	color:red;
}

.googleiframe {
	/*margin: auto;*/
	margin-bottom:10px;
	display: block;
}

.row.maincontent {
    border-left: 1px solid #ddd;;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    min-height: 87vh;
}

.carousel {
	margin: auto;
	display: block;
}

.carousel .left{
	background-color: transparent ;
}

.carousel  .carousel-inner .item{
	height:350px;
}

.carousel-inner .item  img{
	margin: auto;
}

ul.list-group {
	margin-bottom: 0px;
	padding-left: 10px;
}

.row.body {
	background-color: #f5f5f5;
}

.full-height{
	height:100%;
}

ul.nav.nav-tabs {
	border-bottom: 0 !important;
}

.img-rounded {
	width:100%;
}

.img-answer {
	height:50px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #eaeaea;
    border: 1px solid #ddd;
	cursor: pointer;
}
.addcomment {
	margin-top: 15px;
}
a.pull-right {
    margin-top: 10px;
}

.col-md-12 .reportanswer {
    margin-top: 20px;
    /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.problemcategory{
	font-weight:bold;
}

.floatright {
    float: right;
    padding-right: 20px;
}

#map {
	width: 100%;
	height:1000px;
}

#map_new_problem {
	width: 100%;
	height:500px;
}

#map_last_problem {
	width: 100%;
	height:300px;
}

.map-div{
	padding:0 15px 30px 15px;
}

.no-image{
	width:100%;
}

#new_desc{
	height:200px;
}

.transportCanvas{
	margin-top:-30px;
    padding: 14% 0 0;
}

.transportCanvasInner{
	border:1 px solid red;
	width:80%;
    position: relative;
    z-index: 1;
    margin: 0 auto 100px;
    background-color:#f4f2f2; 
    box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.19);
	padding:15px;	
}

#stats_iframe{
	width:100%;
	height: 850px;
	margin-top:10px;
}

.thanks-div img{
	height:150px;
	padding:5px;
}

.icon_class{
	padding:0; 
	text-align:right;
}

.active .page-link{
	color:white !important;
}

.like-inactive, .like-inactive span{
	filter: opacity(0.6);
	cursor:auto;
}

.like-push{
	cursor:pointer;
	padding-left:8px;
	font-size:1.8em;
}

.select-inactive{
	filter: opacity(0.5);
}

.close-cross{
	padding-right:7px;
	width:100%;
}

.selectpicker{
	width:auto !important;
}

#editProblemDiv textarea{
	height:150px;
}

/* new problem tempalte style */
#cancel {
    margin-right: 5px;
}

.senderInformationIner > .actionButtons {
    padding-bottom:10px;
}

#new_desc, textarea {
    resize: vertical;
}

.problemTypeSelectIner > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width:100%;
}

.showReporterInfo:hover {
    cursor: pointer;
    color: #286090;
}

.reporterInfoInerHide {
    display: none;
}

/* my problems template, all problems */
.actionButton > button {
    border:none;
}

.report-description {
    min-height: 30px;
	word-break:break-all;
}

.reportdatatext.time{
	margin-top: -21px;
}

#share {
    margin-right:15px;
}

.submitSearch, .submitSearch:hover, .submitSearch:visited, .submitSearch:focus {
    color:#fff;
}

.jssocials-share > a:hover {
    text-decoration: none;
}

a.disabled, a.disabled:hover {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

/* footer */
.footer .row {
    padding:10px;
}

.footer p {
    margin-bottom:0px;
}

.footer p.copyright {
    color:#fff;
	font-size: 0.9em;
	text-align: center;
}

.footer p.phone {
    color:#fff;
    float:right;
}

.footer .phoneNumber {
    margin-right:10px;
} 

.footer a {
    color:#fff;
}

/* other styles */
.dropdown-menu > li > a {
    white-space: normal;
}

.showingProblemIner {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; 
}

.activeCity a{
    font-weight:700 !important;
}

.anonymousIner {
    padding-right: 35px; 
}

.bx-wrapper .bx-controls-direction a {
    z-index:1 !important;
}

.registeringProblem {
    cursor: progress;
    display:none;
}

.needToLogin {
    cursor:pointer;
}

.citySelect {
    margin-top:14px;
    float:right;
    margin-right: 15px;
}

.citySelect p {
    color:#fff;
    float: left;
    display:inline-block;
    margin-top: 6px;
    font-size: 16px;
}

.dropdown {
    display:inline-block;
}

.dropdown .btn-link {
    color:#fff;
    /*margin-top:3px;*/
    text-decoration:none;
    font-size: 16px;
}

.dropdown .btn-link:hover {
    text-decoration:none;
}

.desktopmenuitem .fa {
    width: 15px;
    margin-right: auto;
    height: 15px;
    margin-top: 8px;
}

.reportdatatext span.fa {
    color:#000;
}

.fillFormHidden {
    margin-bottom:20px;
}

.fillFormHidden span {
    height:auto;
    width:auto;
    font-size:17px;
}

.showingProblemIner {
    overflow:hidden;
}

/* Slider */
.bx-wrapper {
    height: 310px;
    background-color: #ddd !important;
}

.bx-wrapper img {
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.report-text-bottom > span.label {
   display: inline-block;
   min-width: 75px;
}

/* new navigation */
.mainMenuNavigation >  .navbar-toggle{
    margin-top: 14px;
    margin-right: 0px;
}

.navbar-default .navbar-toggle {
    border:none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navmenu-fixed-right {
   left: auto !important;
}

.navmenu, .navbar-offcanvas {
    width:237px !important;
}

.navmenu-default .navmenu-nav>li>a, .navbar-default .navbar-offcanvas .navmenu-nav>li>a, .navmenu-default .navmenu-brand, .navbar-default .navbar-offcanvas .navmenu-brand, .navmenu-default .navmenu-nav>li>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover, .navmenu-default .navmenu-nav>li>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus {
    color:#fff;
}

.navmenu-default, .navbar-default .navbar-offcanvas {
    border: none !important;
}

.userOptions {
    padding-top:5px;
}

.loginLink {
    cursor: pointer;
}

.jssocials-shares a.jssocials-share-link, .socialLogin > li > a > img, .bootstrap-select > button {
    border-radius:4px;
}

.span4 {
    margin-top:20px;
}

/* search */
.mainSearchIner {
    position:relative;
}

#search-clear
{
    position: absolute;
    right: 85px;
    z-index: 99;
    top: 10px;
    text-decoration:none;
    color: #b3b3b3;
}

.input-group-addon {
    background-color:#fff;
}

.searchButton, .filterButton {
    cursor: pointer;
}

.searchButton {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.filterButton {
    border-left:none;
    border-radius:0px !important;
}

.activeSearch, .activeSearch:active, 
.activeSearch:focus, .searchButton:hover, 
.filterButton:hover {
    color:#fff !important; 
}

#search-clear {
    display: none;
}

.detailedSearch .input-group, .detailedSearch .statuses, .detailedSearch .problemTypes,.status {
    margin-bottom:10px;
}

.problemTypes {
    position:relative;
}

.detailedSearch, .report-dep, .bx-wrapper {
    border-radius:4px;
}

.list-group-item:first-child {
    border-top-right-radius: 0px;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0px; 
}

.statusesIner .statuses,.status
{
    width: 70%;
}

.detailedSearch .blockTitle {
    display:block;
}

.activeSearchElementStatus, .activeSearchElementStatus:active, .activeSearchElementStatus:visited, .activeSearchElementStatus:focus, .activeSearchElementStatus:hover,
.activeSearchElementStatus2, .activeSearchElementStatus2:active, .activeSearchElementStatus2:visited, .activeSearchElementStatus2:focus, .activeSearchElementStatus2:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
    outline: none;
}

.activeSearchElementType, .activeSearchElementType:active, .activeSearchElementType:visited, .activeSearchElementType:focus, .activeSearchElementType:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    outline: none;
}

.selectButtons
{
    padding: 2px 8px;
}

#dateFrom, #dateTo, #keyWord
{
    height: 28px;
}

.problemTypeIner, .statusesIner, .dateIner {
    padding-left:0px !important;
}

.btn-default.active, .btn-default:active {
    background-color: #fff !important;
    outline: none;
}

.detailedSearchIner {
    display:none;
}

.detailActionButtons
{
    padding: 6px 8.7px;
}

.activeFilter {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.countProblems {
    display: none;
    position:absolute;
    border-radius: 50px;
    background-color: #B5232C;
    color: #fff;
    font-size: 11px;
    right: -4px;
    top: -10px;
    text-align:center;
    padding: 1.5px 3px;
    min-width: 18px;
    outline: none;
}

.activeSearchElementType .countProblems {
    display: block;
}

.detailActionButtonsIner {
    margin-top:10px;
}

.detailedSearchInerMobile {
    display:none !important;
}

.reportAsnwerIner, .reportfulltext  {
    text-align: justify;
}

/* pagination */
.pagination li a {
	color: #969696;
}

.paginationInner {
    float:right;
    margin-right: 15px;
}

.detailedSearch {
    background-color: #fff;
    padding: 20px;
    margin-bottom:10px;
    border:1px solid #ddd;
    margin-right: 20px;
    margin-left: 20px;
    overflow:hidden;
}

/* map */
.problemDate, .problemAddress, .mapProblemTop {
    clear: both;
}

.mapProblemTop {
    margin-bottom:10px;
}

.completeDate {
    font-weight:300;
}

.problemInformationMap
{
    width: 350px;
    height: auto;
    border-left: 1px solid #e7e7e7;
    background-color:#fff;
    user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;

}

.problemInformationMap {
    padding:15px;
}

.labelMapProblem {
    margin-bottom:0px;
}

.mapProblemIner {
    text-align:justify;
}

.mapProblemText
{
    /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.modal-header, .modal-footer{
	border:0;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .senderInformationIner {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .senderInformationIner {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
    
}
/* Extra Small Devices, Phones */ 
 @media only screen and (max-width : 480px) {   
    .contactInfoText {
        display:none;
    }
     
     .footer a:hover {
         text-decoration:none !important;
     }
     
     .citySelect p, .dropdown .btn-link {
         font-size:18px;
     }
     
     .citySelect p {
         margin-right:-2px;
     }
     
     .user_logged {
         display:none;
     }
     
     .report-description {
         min-height: 0px !important;
     }
     
     #stats_iframe { 
         height: 300px;
     }
     
     .statusesIner .statuses {
         width:100%;
     }
     
     .statusesIner, .problemTypeIner, .dateIner
     {
         padding-left: 15px !important;
     }
     
     .selectButtons {
         display:block;
         width:100%;
     }
     
     .detailActionButtons {
         width:100%;
     }
     
     #detailSearchButton {
         margin-bottom:10px;
     }
}
.loadingImage{
  margin-left: auto;
  margin-right: auto;
}
.loadingHead{
	padding-bottom: 20px;
  	color:#fff;
  	font-size: x-large;
  	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.registerProblem{
  margin-top: 15%;
}

.citySelect .dropdown{
	margin-top: 6px;
}

.citySelect .dropdown #dropdownMenu1{
	border-top: 0px;
	padding-top: 0px;
}
.mobilemenu{
	height: 40px;
	background-color: #1560bd;
	background-image: -moz-linear-gradient(top, #1560bd, #1560bd);
	background-image: -ms-linear-gradient(top, #1560bd, #1560bd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1560bd), to(#1560bd));
	background-image: -webkit-linear-gradient(top, #1560bd, #1560bd);
	background-image: -o-linear-gradient(top, #1560bd, #1560bd);
	background-image: linear-gradient(top, #1560bd, #1560bd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1560bd', endColorstr='#1560bd', GradientType=0);
	border-color: #1560bd #1560bd #0d3d78;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.navmenu-default, .navbar-default .navbar-offcanvas{
	background: #153170!important;
}

span.select2{
	width: 100%!important;
	text-align: left;
}


input[type="text"].no-personal-code{
	width: 100%;
	padding: 5px;
	padding-left: 10px;
	border-radius: 4px;
	border: 1px solid #eee;
}

.list-group-item.actual_problem{
	border-bottom: 2px solid #f1f6ff;
	background-color: #fffcfc;
	transition: all .05s ease-in-out;
}

.problemcategory,.report-description{
	color: #5f5c5c;
}

.last_problem_top,.last_problem{
	padding-right: 0;
}

.report-dep .reportdatatext.pull-right{
	padding-right: 10px;
}

.label.label-primary.Sustabdytas{
	background: red!important;
}

.label.label-primary.Išspręstas{
	background: green!important;
}

.label.label-primary.Naujas{
	background: blue!important;
}

.label.label-primary.Patvirtintas{
	background: yellow!important;
	color: #000;
}

nav[aria-label="Page navigation example"]{
	margin-left: 10px;
}

.list-group-item.actual_problem:hover{
	background-color: #eaeaea!important;
}

.evaluate{
	cursor: pointer;
}

.documents .report-dep{
	background: #fff;
}

.documents .report-dep a{
	display: inline-block;
	text-decoration: underline;
}

.error.label{
	color: #000;
	float: left;
	margin-left: 15px;
}

.mobilemenu .logo{
	margin-left: 0px;
	padding-left: 15px;
	padding-right: 80px;
	background: #fff;
	border-left: 1px solid #ddd;
	max-height: 40px;
}

#toast {
	visibility: hidden;
	max-width: 50px;
	height: 50px;
	/*margin-left: -125px;*/
	margin: auto;
	background-color: #155E95;
	color: #fff;
	text-align: center;
	border-radius: 2px;

	position: fixed;
	z-index: 1;
	left: 0;right:0;
	bottom: 30px;
	font-size: 14px;
	white-space: nowrap;
}
#toast #img{
	width: 50px;
	height: 50px;

	float: left;

	padding-top: 16px;
	padding-bottom: 16px;

	box-sizing: border-box;


	background-color: #155E95;
	color: #fff;
}
#toast #desc{


	color: #fff;

	padding: 16px;

	overflow: hidden;
	white-space: nowrap;
}

#toast.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes expand {
	from {min-width: 50px}
	to {min-width: 450px}
}

@keyframes expand {
	from {min-width: 50px}
	to {min-width: 450px}
}
@-webkit-keyframes stay {
	from {min-width: 450px}
	to {min-width: 450px}
}

@keyframes stay {
	from {min-width: 450px}
	to {min-width: 450px}
}
@-webkit-keyframes shrink {
	from {min-width: 450px;}
	to {min-width: 50px;}
}

@keyframes shrink {
	from {min-width: 450px;}
	to {min-width: 50px;}
}

@-webkit-keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 60px; opacity: 0;}
}

@keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 60px; opacity: 0;}
}


.comment.last_problem{
	padding-right: 15px;
}


.current-menu-item span, .current-menu-item a, .home-page a, .home-page span, .desktopmenuitem:hover span{
	color: #155E95 !important;
}

@media only screen and (max-width: 991px) {
	.desktopmenuitem .fa.fa-sign-in,.desktopmenuitem .fa.fa-sign-out{
		margin-top: 27px;
	}
	.last_problem_top, .last_problem{
		padding-right: 15px;
	}
	.mobilemenu{
		border-bottom: 1px solid #176197!important;
	}
}

.mainMenuIner{
	background: #fff;
}

.make-it-red{
	color: #e23636 !important;
}


#loginFormMain input{
	width: 50%;
	margin: auto;
}


.title.center{
	text-align: center;
	margin-top: 25px;
}

@media only screen and (min-width: 768px) {
	.logo{
		border-bottom: 1px solid #176197!important;
	}
}

#searchObject{
	height: 30px;
	padding-top: 4px;
}


.select2-container{
	z-index: 1040!important;
}


.table.datatable{
	border:1px solid #000;
}

.table.datatable thead{
	background: #eee;
}

#DataTables_Table_0_filter{
	float: left;
}

#DataTables_Table_0_wrapper{
	padding-top: 20px;
}


.dataTables_wrapper .dataTables_filter input{
	margin: 0px;
	font-weight: normal;
	margin-bottom: 15px;
}


.fix-head{
	text-align: left;
	margin-left: 20px;
	margin-top: 15px;
}


.row-pointer{
	cursor: pointer;
}

#menubar_item_right_Demo{
	color: #fff;
	cursor: pointer;
	display: block;
	margin-top: 3px;
	margin-right: 10px;
}

.menubar_item.selected{
	background: #0b3161;
	color: #ffffff;
}

.menubar_item{
	vertical-align: middle;
	display: inline-block;
	padding: 8px;
	padding-top: 10px;
    height: 40px;
}

.menubar_item.right{
	padding-top: 8px!important;
}

.menubar_item:not(.selected){
	color: #fff;
}

.menubar_item:hover{
	text-decoration: none;
}

#menubar_item_right_Demo:hover{
	text-decoration: none;
}

a.alignMiddle{
	margin-left: 15px;
	margin-right: 15px;
	vertical-align: middle;
}

.btn-primary{
	color: #fff;
	background-color: #1560bd;
	border: 1px solid #1254a6;
	border-radius: 2px !important;
}

.listViewEntries{
	color: #444444;
}

.icon-pencil{
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url('https://app.taskerium.com/libraries/bootstrap/img/glyphicons-halflings.png');
	background-repeat: no-repeat;
	margin-right: .3em;
	background-position: 0 -72px;
}

.icon-trash{
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url('https://app.taskerium.com/libraries/bootstrap/img/glyphicons-halflings.png');
	background-repeat: no-repeat;
	margin-right: .3em;
	background-position: -456px 0;
}

.listViewEntries a:hover{
	text-decoration: none;
}

.icon-plus{
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url('https://app.taskerium.com/libraries/bootstrap/img/glyphicons-halflings.png');
	background-repeat: no-repeat;
	margin-right: .3em;
	background-position: -408px -96px;
}

.btn-super{
	display: inline-block;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	*margin-left: .3em;
}

.addButton {
	background: #ffffff;
	text-shadow: none;
	border-radius: 0 !important;
}

input[type="email"].no-personal-code, input[type="password"].no-personal-code {
	width: 100%;
	padding: 5px;
	padding-left: 10px;
	border-radius: 4px;
	border: 1px solid #eee;
}

.btn-primary {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #006dcc;
	*background-color: #04c;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
	background-image: -webkit-linear-gradient(top,#08c,#04c);
	background-image: -o-linear-gradient(top,#08c,#04c);
	background-image: linear-gradient(to bottom,#08c,#04c);
	background-image: -moz-linear-gradient(top,#08c,#04c);
	background-repeat: repeat-x;
	border-color: #04c #04c #002a80;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	border: 1px solid #bbb;
	border-radius: 0px!important;
}

.btn{
	border-radius: 0px!important;
}

.error.label{
	display: none;
}

.error.label.make-it-red + input{
	background: #d2adad;
	color: #fff;
}

.error.label.make-it-red + textarea{
	background: #d2adad;
	color: #fff;
}

.btn-success {
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -ms-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(top, #62c462, #51a351);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #bbb;
	border-radius: 4px;
}

.medium, .table td.medium, .listViewEntries td.medium, td.listViewEntryValue.medium {
	padding: 5px 6px!important;
	vertical-align: middle;
	text-align: right;
}

.table tr td.medium:first-child{
	width: 220px;
}

.fieldLabel.medium input, .fieldLabel.medium textarea{
	max-width: 100%;
	float: left;
	border: none;
}

.table {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.table th, .table td {
	padding: 8px;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
}

.table th {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
	background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
	background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
	background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
	border-color: #f3f3f4 #f3f3f4 #cbcbcf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: 0px 1px #ffffff;
	color: #444444;
}

body{
	background-color: #eeeff2;
	background-image: -webkit-linear-gradient(top, #eeeff2, #eeeff2);
}

.table-white tbody{
	background: #fff;
}

.btn-danger{
	background: transparent;
	color: #d9534f;
	border: none;
	text-decoration: none;
}

.btn-danger:hover, .btn-danger:active:focus{
	background: transparent;
	color: #d9534f;
	border: none;
}

.select-group .caret{
	display: none!important;
}

body{
	font-size: 12px;
}

.row.mainContentIner{
	margin-top: 15px;
}

.list-group{
	max-height: calc(100vh - 230px);
	overflow: auto;
}

ul.products {
	display: block;
	width: 100%;
	text-align: center;
}

li.product {
	display: inline-block;
	width: 24%;
	font-size: 14px;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
}

.product .name{
	font-size: 30px;
	font-weight: 600;
	background-color: rgb(0, 93, 242);
	color: white;
	padding: 45px;
}

.product .name .product-name{
	display: block;
}

.product .name .product-desc{
	font-size: 13px;
	font-weight: 700;
	display: block;
}

.product .description{
	margin-bottom: 5px;
}

.product .price{
	font-size: 48px;
	color: rgb(32, 115, 255);
	margin-bottom: 5px;
	height: 140px;
	background: #fff;
}

.product .price .price-tiny{
	font-size: 18px;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
	color: rgb(32, 115, 255);
	margin: -10px;
}

#payment-form{
	background: #fff;
	margin-top: 20px;
	padding: 20px;
	margin-bottom: 20px;
}


.current_plan {
    font-size: 16px;
    background: rgb(0, 93, 242);
    padding: 20px;
    color: #fff;
    margin-bottom: 20px;
}