.grey {
  color: #ADADAD !important;
}
.bold {
  font-weight: bold;
}
.blue {
  color: darkblue;
}
.red {
  color: darkred;
}
.top,
.top td {
  vertical-align: top;
}
.ellipsis,
.ellipsisCenter {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-binding: url('ellipsis.xml#ellipsis');
}
.noWrap {
  white-space: nowrap;
}
.ellipsisCenter {
  -moz-binding: url('ellipsis.xml#ellipsisCenter');
}
.enableCheckbox {
  float: left;
  margin: 7px 8px 0 0;
}
.italic {
  font-style: italic;
}
.overflow {
  overflow: auto;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.noSelection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.floatRight {
  float: right;
}
.floatLeft {
  float: left;
}
.noHover {
  background-color: inherit !important;
}
/* Highcharts tooltip overflow
----------------------------------------------------------*/

.highcharts-container {
  overflow: visible !important;
}
.highcharts-container svg {
  overflow: visible !important;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.checkbox {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -ms-user-select: none;
  position: relative;
  top: -1px;
}
.checkbox input {
  position: relative;
  top: 1px;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.hidden,
.treeview .hidden {
  display: none;
}
.alwaysHidden {
  display: none !important;
}
.centerBlock {
  position: relative;
  margin-left: auto !important;
  margin-right: auto !important;
}
.inline-block {
  display: inline-block;
}
.display-table {
  display: table;
}
.click {
  cursor: pointer !important;
}
.noClick {
  cursor: default !important;
}
/* Common disabled styles */

input[type="text"][disabled="disabled"],
input[type="password"][disabled="disabled"],
textarea[disabled="disabled"],
textarea[disabled="disabled"]:hover,
.disabled {
  color: #666;
  background-color: #F1F1F1;
  cursor: default;
  border-color: #C5C5C5;
}
.disabledText {
  color: #BBB;
  cursor: default;
  border-color: #C5C5C5;
}
/*----------------------------------------------------------
Captcha
----------------------------------------------------------*/

.captchaBlock {
  box-sizing: border-box;
  width: 100%;
  height: 66px;
  border: solid 1px #ccc;
  border-radius: 5px;
  background-color: #FFF;
}
.captchaBlock .captchaLink,
.captchaBlock .captchaImage {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
}
.captchaBlock .captchaImage {
  margin-top: 2px;
  height: 60px;
  max-width: 243px;
}
.captchaBlock .captchaLink {
  border-radius: 4px;
  height: 64px;
}
/* Common styles */

.inputIcon {
  background-color: #f1f1f1;
  display: table-cell;
  box-sizing: border-box;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: solid 1px #ccc;
  border-right: none;
  vertical-align: middle;
  padding: 5px 8px 0 8px;
  width: 1%;
}
.iconImage,
/* */ .iconTextImage,
/* Images in text table */ .iconListImage,
/* Singlerow items in objects list */ .iconListImage2,
/* Singlerow items in operations list */ .iconMultiRowListImage,
/* Multyrow item in list */ .iconButtonImage,
/* Images on buttons */ .iconButtonImageSmall/* Images on buttons without resize */ {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.iconTextImage {
  position: relative;
  top: 3px;
}
.iconListImage {
  margin: 0.2em 0.8em 0 0.2em;
  display: block;
  float: left;
}
.iconListImage2 {
  margin: 0.2em 0.4em 0 0.2em;
  display: block;
  float: left;
}
.iconMultiRowListImage {
  margin: 0 0.8em 0 0.2em;
  display: block;
  float: left;
}
.iconButtonImage {
  width: 18px;
  height: 18px;
  position: relative;
  top: 2px;
}
.iconMenu {
  background-image: url('/images/icons/menu.svg');
}
.iconMenu2 {
  background-image: url('/images/icons/menu3.svg');
}
.iconEmail {
  background-image: url('/images/icons/mail2.svg');
}
.iconKey {
  background-image: url('/images/icons/key2.svg');
}
.iconUser {
  background-image: url('/images/icons/user.svg');
}
.iconDeleteUser {
  background-image: url('/images/icons/deleteUser2.svg');
}
.iconLink {
  background-image: url('/images/icons/link.svg');
}
.iconPicture {
  background-image: url('/images/icons/picture.svg');
}
.iconPlatform {
  background-image: url('/images/icons/platform.svg');
}
.iconChangePlatform {
  background-image: url('/images/icons/platformChange.svg');
}
.iconAddPlatform {
  background-image: url('/images/icons/platformAdd.svg');
}
.iconDeletePlatform {
  background-image: url('/images/icons/platformDelete.svg');
}
.iconRestorePlatform {
  background-image: url('/images/icons/platformRestore.svg');
}
.iconLeavePlatform {
  background-image: url('/images/icons/platformLeave.svg');
}
.iconInfoPlatform {
  background-image: url('/images/icons/platformInfo.svg');
}
.iconHome {
  background-image: url('/images/icons/home.svg');
}
.iconBack {
  background-image: url('/images/icons/back.svg');
}
.iconSearch {
  background-image: url('/images/icons/search.svg');
}
.iconList {
  background-image: url('/images/icons/list.svg');
}
.iconChange {
  background-image: url('/images/icons/change.svg');
}
.iconLogin {
  background-image: url('/images/icons/login.svg');
}
.iconLogout {
  background-image: url('/images/icons/logout.svg');
}
.iconRegister {
  background-image: url('/images/icons/register.svg');
}
.iconLeft {
  background-image: url('/images/icons/left.svg');
}
.iconLeft2 {
  background-image: url('/images/icons/left2.svg');
}
.iconRight {
  background-image: url('/images/icons/right.svg');
}
.iconRight2 {
  background-image: url('/images/icons/right2.svg');
}
.iconAdd {
  background-image: url('/images/icons/add.svg');
}
.iconAdd2 {
  background-image: url('/images/icons/add2.svg');
}
.iconAdd3 {
  background-image: url('/images/icons/add3.svg');
}
.iconToRight {
  background-image: url('/images/icons/toRight.svg');
}
.iconDelete {
  background-image: url('/images/icons/delete2.svg');
}
.iconRestore {
  background-image: url('/images/icons/restore.svg');
}
.iconEdit {
  background-image: url('/images/icons/edit.svg');
}
.iconTags {
  background-image: url('/images/icons/tags.svg');
}
.iconAccount {
  background-image: url('/images/icons/account2.svg');
}
.iconInitialAmount {
  background-image: url('/images/icons/initialAmount.svg');
}
.iconCategory {
  background-image: url('/images/icons/category.svg');
}
.iconMoney {
  background-image: url('/images/icons/money.svg');
}
.iconEntity {
  background-image: url('/images/icons/entity.svg');
}
.iconComment {
  background-image: url('/images/icons/comment.svg');
}
.iconCalendar {
  background-image: url('/images/icons/calendar.svg');
}
.iconGiving {
  background-image: url('/images/icons/giving.svg');
}
.iconOk {
  background-image: url('/images/icons/ok.svg');
}
.iconCancel {
  background-image: url('/images/icons/cancel.svg');
}
.iconExpense {
  background-image: url('/images/icons/expense2.svg');
}
.iconIncome {
  background-image: url('/images/icons/income2.svg');
}
.iconTransfer {
  background-image: url('/images/icons/transfer.svg');
}
.iconColumns {
  background-image: url('/images/icons/columns2.svg');
}
.iconTable {
  background-image: url('/images/icons/table2.svg');
}
.iconExpenseColumns {
  background-image: url('/images/icons/expenseColumns.svg');
}
.iconIncomeColumns {
  background-image: url('/images/icons/incomeColumns.svg');
}
.iconPie1 {
  background-image: url('/images/icons/pie1.svg');
}
.iconPie2 {
  background-image: url('/images/icons/pie2.svg');
}
.iconName {
  background-image: url('/images/icons/name.svg');
}
.iconCurrency {
  background-image: url('/images/icons/currency.svg');
}
.iconCount {
  background-image: url('/images/icons/count.svg');
}
.iconEnable {
  background-image: url('/images/icons/enable.svg');
}
.iconBoxPlus {
  background-image: url('/images/icons/boxPlus.svg');
}
.iconBoxMinus {
  background-image: url('/images/icons/boxMinus.svg');
}
.iconDashboard {
  background-image: url('/images/icons/dashboard.svg');
}
.iconCalculation {
  background-image: url('/images/icons/calculation.svg');
}
.iconShow {
  background-image: url('/images/icons/show.svg');
}
.iconReport {
  background-image: url('/images/icons/report.svg');
}
.iconRefresh {
  background-image: url('/images/icons/refresh.svg');
}
.iconVisa {
  background-image: url('/images/icons/visa.svg');
}
.iconMasterCard {
  background-image: url('/images/icons/mastercard.svg');
}
.iconVisaMaster {
  background-image: url('/images/visamaster.png');
}
.iconLiqPay {
  background-image: url('/images/liqpay.png');
}
.iconCollaboration {
  background-image: url('/images/icons/collaboration.svg');
}
.iconPowerful {
  background-image: url('/images/icons/powerful.svg');
}
.iconReporting {
  background-image: url('/images/icons/reporting.svg');
}
.iconMobile {
  background-image: url('/images/icons/mobile.svg');
}
.iconExporting {
  background-image: url('/images/icons/exporting.svg');
}
.iconSecurity {
  background-image: url('/images/icons/security.svg');
}
.iconAbout {
  background-image: url('/images/icons/about.svg');
}
.iconInvitation {
  background-image: url('/images/icons/invitation.svg');
}
.iconTable {
  background-image: url('/images/tableIcon.png');
}
.iconNew {
  background-image: url('/images/icons/new.svg');
}
.iconHappy {
  background-image: url('/images/icons/happy.svg');
}
.iconHappyBlack {
  background-image: url('/images/icons/happyBlack.svg');
}
.iconSadBlack {
  background-image: url('/images/icons/sadBlack.svg');
}
.iconSad {
  background-image: url('/images/icons/sad.svg');
}
.iconPostponed {
  background-image: url('/images/icons/postponed.svg');
}
.iconPostponedBlack {
  background-image: url('/images/icons/postponedBlack.svg');
}
.iconCancelled {
  background-image: url('/images/icons/cancelled.svg');
}
.iconFacebookLogo {
  background-image: url('/images/icons/fblogo.svg');
}
.iconVkLogo {
  background-image: url('/images/icons/vklogo.svg');
}
.iconEmailLogo {
  background-image: url('/images/icons/emaillogo.svg');
}
.iconIncluded {
  background-image: url('/images/icons/included.svg');
}
.iconRepeat {
  background-image: url('/images/icons/repeat.svg');
}
.iconDownload {
  background-image: url('/images/icons/download.svg');
}
.iconMoveVertical {
  background-image: url('/images/icons/moveVertical.svg');
}
.iconPhone {
  background-image: url('/images/icons/phone.svg');
}
.iconWeb {
  background-image: url('/images/icons/web.svg');
}
.iconSkype {
  background-image: url('/images/icons/skype.svg');
}
.iconEye {
  background-image: url('/images/icons/eye.svg');
}
.iconGoal {
  background-image: url('/images/icons/goal.svg');
}
.iconLoan {
  background-image: url('/images/icons/loan.svg');
}
.iconPlan {
  background-image: url('/images/icons/plan.svg');
}
.iconBegin {
  background-image: url('/images/icons/begin.svg');
}
.iconEnd {
  background-image: url('/images/icons/end.svg');
}
.iconPeriod {
  background-image: url('/images/icons/period.svg');
}
.iconUserNote {
  background-image: url('/images/icons/userNote.svg');
}
.iconPlatformNote {
  background-image: url('/images/icons/platformNote.svg');
}
.iconSettings {
  background-image: url('/images/icons/settings.svg');
}
.iconCopy {
  background-image: url('/images/icons/copy.svg');
}
.iconIdea {
  background-image: url('/images/icons/idea.svg');
}
.iconLock {
  background-image: url('/images/icons/lock.svg');
}
/* Account styles */

.account .editor-field-input .textbox {
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.account .textbox {
  width: 100%;
}
.copyUrl {
  width: 456px;
  max-width: 100%;
}

/* HEADINGS   
----------------------------------------------------------*/

/*h1, h2, h3, h4, h5, h6 {
	color: #000;
}

h1 {
	font-size: 1.7em;
	padding: 0 0 10px 0;
}

h2 {
	font-size: 1.4em;
	padding: 0 0 10px 0;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5, h6 {
	font-size: 1em;
}*/

.refreshButton {
  background: url("/vendor/kendoui/styles/Default/sprite_2x.png") no-repeat;
  width: 25px;
  height: 25px;
  background-position: -69px -228px;
}
.refreshButtonSmall {
  background: url("/vendor/kendoui/styles/Default/sprite_2x.png") no-repeat;
  width: 25px;
  height: 25px;
  background-position: -69px -228px;
}
.lrequired {
  font-weight: bold;
}
input.k-invalid,
input.k-invalid:hover {
  background: url("/images/WarningInput.png") no-repeat scroll right center #FDF4CC;
}
.k-edit-field,
.editor-field {
  width: 100%;
}
.editor-field-tight {
  display: inline-block;
}
.editor-field-tight-checkbox {
  margin-top: 4px;
}
.editor-field-separator {
  margin-top: 4px;
}
.editor-field-separator-big {
  margin-top: 16px;
}
span.k-tooltip-validation {
  display: none !important;
}
.normalButton {
  min-width: 100px;
}
.largeButton {
  min-width: 150px;
}
.overflowHidden {
  overflow: hidden !important;
}
.offsetElement {
  position: absolute;
  top: -1000px !important;
  left: -1000px !important;
}
.inputIcon {
  height: 29px;
}
/*----------------------------------------------------------
Tooltip
----------------------------------------------------------*/

.toolTopBody {
  background: #FFF;
  font-family: arial;
  font-size: 12px;
  border: 1px solid #AAA;
  border-radius: 5px;
  padding: 5px;
  max-width: 300px;
}
.toolTopHeader {
  display: none;
}
/*----------------------------------------------------------
Dialogs
----------------------------------------------------------*/

.contentWindow {
  padding: 10px;
}
.windowContent {
  margin-left: auto !important;
  margin-right: auto !important;
  position: static;
  padding: 0.16em;
  -moz-box-sizing: border-box;
  overflow: auto;
}
.windowInlineContent {
  padding: 0.6em 0.6em 1em 0.6em;
}
.wc_small {
  width: 350px;
  padding-right: 20px;
}
.wc_medium {
  padding-left: 16px;
  padding-right: 16px;
}
/*----------------------------------------------------------
Captcha
----------------------------------------------------------*/

.captchaBlock .captchaLink:hover:after {
  position: absolute;
  display: block;
  background: url("/vendor/kendoui/styles/Default/sprite_2x.png") no-repeat;
  background-position: -69px -228px;
  width: 25px;
  height: 25px;
  bottom: 0;
  right: 0;
  content: "";
  left: 50%;
  top: 50%;
  margin-top: -13px;
  margin-left: -13px;
}
.captchaBlock .captchaLink:hover {
  background: rgba(110, 188, 55, 0.6);
}
/*----------------------------------------------------------
Currency block
----------------------------------------------------------*/

.currencyTextBoxLabel {
  display: inline-block;
  position: relative;
  top: 2px;
  min-width: 27px;
}
.transactionsCountLabel {
  font-weight: bold;
}
.expenseLabel {
  color: #000;
  font-weight: bold;
}
.expenseSummaryLabel {
  color: #000;
  font-weight: bold;
}
.incomeLabel {
  color: darkred;
  font-weight: bold;
}
.incomeSummaryLabel {
  color: darkred;
  font-weight: bold;
}
.attentionLabel {
  color: darkred;
  font-weight: bold;
}
/*----------------------------------------------------------
Loading panel
----------------------------------------------------------*/

#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  background-color: #fff;
  z-index: 12010;
  text-align: center;
}
#loading-image {
  top: 300px;
  z-index: 10011;
}
/*----------------------------------------------------------
Common
----------------------------------------------------------*/

.subheader {
  font-weight: bold;
  color: #000;
}
.mainIdea {
  margin-top: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}
.quote {
  font-style: italic;
}
.imgRight {
  float: right;
  margin-left: 10px;
}
.imgLeft {
  float: left;
  margin-right: 10px;
}
.splitter {
  border: none;
  background-color: transparent;
}
.dev_item {
  width: 130px;
  display: inline-block;
  font-weight: bold;
}
.formfield {
  margin-top: 20px;
}
.hf-editor-label {
  margin-top: 20px;
  margin-bottom: 5px;
}
.hf-editor-label-tight,
.hf-editor-label-tightShort,
.hf-editor-label-tightLarge {
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 4px;
  vertical-align: top;
  min-width: 160px;
}
.hf-editor-checkbox-left {
  margin-right: 60px;
}
.hf-editor-label-tightShort {
  min-width: 110px;
}
.hf-editor-label-tightLarge {
  min-width: 180px;
}
.dragdroparea {
  z-index: 12000 !important;
}
.develTable td {
  vertical-align: top;
  text-align: left;
  border: solid 1px #e8eef4;
  padding: 5px;
}
.inlineTips {
  font-size: 10px;
  font-style: italic;
  text-align: right;
  padding-right: 2px;
}
/*----------------------------------------------------------
Account Model
----------------------------------------------------------*/

.account .window {
  width: 500px;
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  padding-top: 2em;
  border-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px 4px 4px 4px;
  background-color: #fff;
  color: #2E2E2E;
}
.account .windowHeader {
  position: relative;
  margin-top: -27px;
}
.account .accountInfo {
  margin-top: 10px;
  margin-bottom: 10px;
}
.account .accountButton {
  float: right;
}
.account .textboxSmall {
  width: 280px;
}
.account .textboxSmall2 {
  width: 132px;
}
.account .addLineButton {
  width: 33px;
  height: 29px;
}
.account .addLineCheckbox {
  margin: 8px 12px;
  float: left;
}
.account .addButtonLabel {
  background: url('/vendor/kendoui/styles/Default/sprite.png') transparent no-repeat top left;
  background-position: -48px -64px;
  display: inline-block;
  width: 16px !important;
  height: 16px !important;
  margin-top: 4px;
  margin-left: 1px;
}
.account .includeButtonLabel {
  background: url('/vendor/kendoui/styles/Default/sprite.png') transparent no-repeat top left;
  background-position: -48px -32px;
  display: inline-block;
  width: 16px !important;
  height: 16px !important;
  margin-top: 4px;
  margin-left: 1px;
}
.account .excludeButtonLabel {
  background: url('/vendor/kendoui/styles/Default/sprite.png') transparent no-repeat top left;
  background-position: -48px -48px;
  display: inline-block;
  width: 16px !important;
  height: 16px !important;
  margin-top: 4px;
  margin-left: 1px;
}
.account .multipleList {
  font-size: 1em;
  font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
  padding: 0.322em 0.25em 0.34em 0.25em;
}
.account .multipleList:hover,
.account .multipleList:focus,
.account .multipleListSmall:hover,
.account .multipleListSmall:focus,
.account .multipleListSmallwButton:hover,
.account .multipleListSmallwButton:focus,
.account .multipleListSmall2:hover,
.account .multipleListSmall2:focus {
  background-color: #BCB4B0;
}
.account .multipleListSmall {
  width: 271px;
}
.account .multipleListSmallwButton {
  width: 234px;
}
.account .textboxSmallAdv {
  width: 246px;
}
.account .textareaSmall {
  width: 280px;
  height: 82px;
  padding: 6px;
}
.account .textarea {
  width: 100%;
  height: 82px;
  padding: 6px;
}
.account .dropdownSmall {
  width: 280px;
}
.account .dropdownSmallwButton {
  width: 243px;
}
.account .dropdown {
  width: 100%;
}
.account .forgotPasswordLink {
  display: inline-block;
  width: 110px;
  margin-top: 5px;
}
.account .registerLink {
  color: #E26B1D;
  font: 20px/1.6 arial, helvetica, sans-serif;
}
.account .mainResult {
  display: inline-block;
  margin-top: 10px;
  font-weight: bold;
  color: darkred;
}
.account .additionalInfo {
  display: inline-block;
  font-style: italic;
  margin-top: 10px;
}
.account .smallDate {
  width: 180px;
  margin-right: 8px;
}
.account .textareaBig {
  width: 444px;
  height: 75px;
}
/*----------------------------------------------------------
System
----------------------------------------------------------*/

/* Common */

.securityBlock {
  margin-top: 40px;
  text-align: center;
}
.secureTransfer {
  display: inline-block;
  width: 106px;
  height: 50px;
  background: url("/images/secureTransfer.gif") no-repeat;
  margin-left: 5px;
}
.secureData {
  display: inline-block;
  width: 76px;
  height: 50px;
  background: url("/images/secureData.png") no-repeat;
  margin-left: 5px;
}
.secureData2 {
  display: inline-block;
  width: 72px;
  height: 50px;
  background: url("/images/secureData2.png") no-repeat;
  margin-left: 5px;
}
.secureStorage {
  display: inline-block;
  width: 58px;
  height: 50px;
  background: url("/images/secureStorage.png") no-repeat;
  margin-left: 5px;
}
.secureBackup {
  display: inline-block;
  width: 79px;
  height: 50px;
  background: url("/images/secureBackup2.png") no-repeat;
}
.paymentImage {
  display: inline-block;
  float: right;
  margin-left: 5px;
}
.paymentImageLiqPay {
  height: 70px;
  width: 200px;
}
.paymentImageVisaMaster {
  height: 60px;
  width: 180px;
}
.paymentResultImage {
  width: 50px;
  height: 50px;
}
.iconButton {
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: inline-block;
}

jdiv.globalClass_ET,
div#jivo-iframe-container.jivo-iframe-container-top,
div#jivo-iframe-container.jivo-iframe-container-top:not(.jivo-c-mobile) {
  display: none !important;
}
jdiv#jvlabelWrap {
  display: none;
}
#jvlabelWrap {
  display: none;
}
/*----------------------------------------------------------
Common
----------------------------------------------------------*/

body {
  background-color: #f2f2f2;
  font-size: 0.85em;
  font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  color: #666;
  min-width: 800px;
}
a {
  color: #00008B;
}
a:link {
  text-decoration: underline;
  outline: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  outline: none;
}
hr {
  color: #ADADAD;
  border: none;
  border-bottom: solid 1px #CCC;
}
p,
ul {
  margin-bottom: 20px;
  line-height: 1.6em;
}
header,
footer,
nav,
section {
  display: block;
}
/* Common styles */

input[type="text"],
input[type="password"] {
  border: 1px solid #ccc;
  padding: 2px;
  color: #444;
  width: 200px;
}
.errorLabel {
  color: darkred;
  margin-top: 10px;
  font-weight: bold;
}
.forbidden {
  padding-top: 100px;
}
.logo {
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  background-image: url('/images/moneyhouse_80.png');
  width: 40px;
  height: 40px;
}
.iconButtonLarge {
  padding: 5px 15px 0 15px;
}
.iconRefresh {
  position: relative;
  top: 1px;
}
/*----------------------------------------------------------
GridView Model
----------------------------------------------------------*/

.gridview .zero {
  font-style: italic;
  color: #999;
}
.gridview .inRowButton {
  height: 22px;
}
/*----------------------------------------------------------
ListView Model
----------------------------------------------------------*/

.listView {
  border: none;
}
.listViewItem,
.listViewEditItem,
.listViewSpecialItem {
  border-radius: 5px;
  margin: 0px 0 5px 0;
  padding: 11px 9px;
}
.listViewItem {
  background: #F2F2F2;
  border: solid 1px #C5C5C5;
}
.listViewItem:hover div.functionListItem {
  display: inline-block;
}
.listViewEditItem {
  background: #F2F2F2;
  border: solid 1px #F0713A;
}
.listViewSpecialItem {
  background: #F2F2F2;
  border: solid 1px #F0713A;
}
.listViewItem .strictLabel,
.listViewEditItem .strictLabel,
.listViewSpecialItem .strictLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listViewDeleteLabel {
  margin-right: 5px;
  font-size: 0.9em;
  position: relative;
  top: 1px;
}
.listViewPager {
  border-radius: 5px 5px 5px 5px;
  line-height: 1.6em;
  padding: 2px 0;
}
.listViewPager .k-pager-wrap {
  border: none;
  margin-top: 0px;
}
.listViewSummary {
  margin-top: 7px;
  padding: 6px 20px 4px 0;
  text-align: right;
}
.dragdroparea {
  z-index: 12000 !important;
}
/*----------------------------------------------------------
Advertising
----------------------------------------------------------*/

.treeAdvBlock {
  height: 255px;
  border-top: 1px solid #C5C5C5;
}
@media screen and (min-height: 701px) {
  .treeCalendarBlock {
    min-height: 255px;
  }
}
.treeTopBlock {
  height: 40px;
  border-bottom: 1px solid #C5C5C5;
}
/*----------------------------------------------------------
Calendar
----------------------------------------------------------*/

.dateBlock {
  padding-top: 10px;
  padding-bottom: 8px;
  color: #AAA;
  font-size: 1.4em;
  text-align: center;
}
.fullCalendar {
  width: 300px;
  position: relative;
  left: -1px;
  border-bottom: none;
}
@media screen and (max-height: 700px) {
  .fullCalendar {
    display: none;
  }
}
/*----------------------------------------------------------
System
----------------------------------------------------------*/

.lineLabel {
  margin: 0 4px 0 4px;
}
.summaryLabel {
  font-weight: bold;
  color: #777;
}
.system .header {
  height: 40px;
  background-color: #EEE;
  min-width: 1000px;
}
.system .title {
  float: left;
  color: #FAD4C3;
  font-weight: bold;
  margin-left: 10px;
  text-shadow: 1px 1px 2px #111;
  font-size: 2.2em;
}
.system .headerLabel .text {
  color: #696969;
  text-decoration: none;
  outline: none;
}
.system .logoffButton {
  position: absolute;
  width: 100px;
  right: 5px;
  margin: 5px;
}
.system .toSiteButton {
  position: absolute;
  width: 120px;
  right: 110px;
  margin: 5px;
}
.system .headerDelimiter {
  margin-left: 10px;
  border-left: solid 1px #ADADAD;
}
.system .userName {
  margin: 3px 10px 0 20px;
  padding-left: 10px;
  font-size: 1em;
  float: left;
}
.system .yourRole {
  color: #999999;
}
.system .timePeriodControl .timePeriod {
  display: inline-block;
  margin: 0px 0px 0px 5px;
  border: solid 1px #C5C5C5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #000;
}
.system .timePeriodControl .timePeriod .leftIcon {
  float: left;
  background-image: url("/Images/left.png");
  background-position: center;
  background-repeat: no-repeat;
  border-right: solid 1px #C5C5C5;
  height: 28px;
  width: 30px;
}
.system .timePeriodControl .timePeriod .rightIcon {
  float: right;
  background-image: url("/Images/right.png");
  background-position: center;
  background-repeat: no-repeat;
  border-left: solid 1px #C5C5C5;
  height: 28px;
  width: 30px;
}
.system .timePeriodControl .timePeriod .timeLabel {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  padding: 6px 5px 0 5px;
  height: 22px;
  width: 162px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
}
.system .timePeriodControl .timePeriod .leftIcon:hover,
.system .timePeriodControl .timePeriod .rightIcon:hover,
.system .timePeriodControl .timePeriod .timeLabel:hover {
  background-color: #A99F9A;
}
.system .timePeriodControl .label {
  position: relative;
  top: -11px;
}
.system .exportToExcelButton,
.system .exportToPdfButton,
.system .exportToPdfChartButton,
.system .printButton {
  background-position: center;
  background-repeat: no-repeat;
  height: 30px;
  width: 35px;
  margin-left: 5px;
  float: right;
}
.system .exportToExcelButton {
  background-image: url("/Images/ExportToExcel.png");
}
.system .exportToPdfButton,
.system .exportToPdfChartButton {
  background-image: url("/Images/ExportToPdf.png");
}
.system .printButton {
  background-image: url("/Images/PrintData.png");
}
.system .backButton {
  width: 60px;
  height: 30px;
}
.loginAuditView,
.paymentListView,
.tariffsListView {
  height: 338px;
}
.paymentListView .iconImage {
  height: 20px;
  width: 20px;
  position: relative;
  top: 3px;
}
.noPayments {
  margin-top: 150px;
  text-align: center;
  font-size: 1.3em;
  font-style: italic;
}
/*----------------------------------------------------------
Selectable list view
----------------------------------------------------------*/

.selectableList .listView {
  /*width: 278px;*/
  height: 338px;
  border: solid 1px #ADADAD;
  overflow: auto;
}
.selectableList .listView .item {
  padding: 3px 3px 4px 3px;
  white-space: nowrap;
}
.selectableList .separator {
  margin: 5px 0 5px 10px;
  color: #ADADAD;
  font-style: italic;
}
.listContainer {
  height: auto;
  overflow-x: auto;
  max-height: 48px;
  z-index: 2;
}
.listContainer .stubArea {
  width: 1px;
}
.listContainer .selectableArea {
  padding-left: 5px;
  padding-right: 5px;
  line-height: 20px;
  min-height: 20px;
}
.listContainer .selectableArea .k-item {
  padding: 1px 4px;
  margin-right: 1px;
  cursor: pointer;
  border-radius: 2px;
  white-space: nowrap;
}
/*----------------------------------------------------------
List window
----------------------------------------------------------*/

.listWindow {
  height: 300px;
  overflow: auto;
}
.listWindow .label,
.listWindow .labelEdit {
  position: relative;
  top: 6px;
}
.gridCommandLine {
  padding: 5px;
}
.gridCommandLine .addOperationButton,
.gridCommandLine .addOperation2Button {
  width: 140px;
  height: 30px;
}
.gridCommandLine .addOperationButton {
  margin-right: 1px;
}
.gridCommandLine button .text {
  margin-left: 3px;
  position: relative;
  top: -3px;
}
.gridCommandLine .iconButton {
  position: relative;
  top: 3px;
  left: -2px;
}
/*----------------------------------------------------------
Categories window
----------------------------------------------------------*/

.categoriesView.allowSorting .tree .k-in {
  cursor: pointer;
}
.categoriesView .tree {
  width: 270px;
  height: 330px;
  margin-right: 30px;
  overflow: auto;
  border: solid 1px #C5C5C5;
}
.categoriesView .tree .k-state-focused {
  background: none;
  border: solid 1px transparent;
}
.categoriesView .tree .k-state-hover {
  background: #DADADA;
  border: solid 1px #A99F9A;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.categoriesView .name {
  max-width: 200px;
  float: left;
  display: block;
}
.categoriesView .k-bot:hover .name,
.categoriesView .k-top:hover .name,
.categoriesView .k-mid:hover .name,
.categoriesView .k-in:hover .name {
  max-width: 150px;
  float: left;
  display: block;
}
.categoriesView .k-bot:hover .buttons,
.categoriesView .k-top:hover .buttons,
.categoriesView .k-mid:hover .buttons,
.categoriesView .k-in:hover .buttons {
  display: inline-block;
}
.categoriesView .list .item .transactionCount {
  font-style: italic;
}
/*----------------------------------------------------------
Sortable list window
----------------------------------------------------------*/

.sortableListView .list {
  width: 270px;
  height: 330px;
  margin-right: 30px;
  overflow: auto;
  border: solid 1px #C5C5C5;
}
.sortableListView .list .item {
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent;
}
.sortableListView .list .item .roName,
.sortableListView .list .item .name {
  width: 235px;
  display: inline-block;
  margin: 3px 5px 0 5px;
}
.sortableListView .list .item .move {
  display: none;
}
.sortableListView .list .item .transactionCount {
  font-style: italic;
}
.sortableListView .list .item:hover {
  background-color: #DADADA;
  border-top: solid 1px #DADADA;
  border-bottom: solid 1px #DADADA;
}
.sortableListView .list .item:hover .name {
  width: 200px;
}
.sortableListView .list .item:hover .buttons {
  position: relative;
  top: 3px;
  left: -5px;
  display: inline-block;
  float: right;
}
.sortableListView.allowSorting .list .item .name {
  margin: 3px 5px 0 0;
}
.sortableListView.allowSorting .list .item .move {
  cursor: pointer;
  display: inline-block;
}
.sortableListView.allowSorting .list .item .roName,
.sortableListView.allowSorting .list .item .name {
  width: 225px;
}
.sortableListView.allowSorting .list .item:hover .name {
  width: 185px;
}
/* Public list */

.sortableListView .list.publicList .item .key {
  margin-left: 4px;
}
.sortableListView .list.publicList .item .key.hidden {
  display: none;
}
.sortableListView .list.publicList .item .name {
  width: 210px;
}
.sortableListView .list.publicList .item:hover .name {
  width: 170px;
}
.sortableListView.allowSorting .list.publicList .item .key {
  margin-left: 0px;
}
.sortableListView.allowSorting .list.publicList .item .name {
  width: 200px;
}
.sortableListView.allowSorting .list.publicList .item:hover .name {
  width: 165px;
}
/*----------------------------------------------------------
Treeview control
----------------------------------------------------------*/

div.k-treeview {
  overflow: visible;
}
.treeview .k-item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 30px;
}
.treeview > .k-group > .k-item {
  padding: 0;
}
.treeview .k-image {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 17px;
}
.treeViewPanel {
  padding: 5px;
}
.searchViewPanel {
  padding: 5px 5px 5px 10px;
  overflow: hidden !important;
}
.mainTreeTabStrip {
  border: none;
}
.mainTreeTabStrip .k-link .normalTab {
  background: url('/vendor/kendoui/styles/Default/sprite.png') transparent no-repeat top left;
  background-position: -80px -32px;
  display: inline-block;
  width: 16px !important;
  height: 16px !important;
}
.mainTreeTabStrip .k-link .searchTab {
  background: url('/vendor/kendoui/styles/Default/sprite.png') transparent no-repeat top left;
  background-position: -49px -240px;
  display: inline-block;
  width: 16px !important;
  height: 16px !important;
}
.mainTreeTabStrip .searchButton {
  float: right;
  margin-right: 5px;
}
.mainTreeTabStrip .k-content {
  margin: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
  overflow: hidden;
}
.mainTreeTabStrip .boxSeparator {
  display: inline-block;
  margin-left: 2px;
  margin-right: 1px;
}
.mainTreeTabStrip .k-state-active {
  border-color: #c5c5c5;
}
.mainTreeTabStrip .k-tabstrip-items .k-item {
  border-top-width: 0px;
}
.mainTreeTabStrip .k-tabstrip-items .k-link {
  padding: 6px 15px 0 15px;
}
.mainTreeTabStrip > .k-content {
  padding: 0px;
}
/*----------------------------------------------------------
Widgets dashboard
----------------------------------------------------------*/

.widgetStub {
  float: left;
  min-width: 280px;
  max-width: 500px;
  min-height: 120px;
  margin: 10px;
  padding: 13px 18px 8px 18px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: dashed 2px #DADADA;
}
.widget {
  float: left;
  min-width: 280px;
  max-width: 500px;
  min-height: 120px;
  margin: 10px;
  padding: 15px 20px 10px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: rgba(240, 113, 58, 0.3);
}
.widget div.edit {
  position: absolute;
  text-align: right;
  max-width: 500px;
}
.widget .name {
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  padding-bottom: 10px;
  white-space: nowrap;
}
.widget .labelItem {
  margin-bottom: 2px;
}
.widget .label {
  display: inline-block;
  width: 110px;
  color: #777;
}
.widget .currency {
  font-weight: bold;
  color: #777;
}
.widget .valueOne {
  margin-top: 15px;
}
.widget .valueOne .value {
  font-size: 2em;
  font-weight: normal;
}
.widget .valueTwo .value {
  font-size: 2em;
  font-weight: normal;
}
.widget .valueThree {
  height: 24px;
}
.widget .valueThree .value {
  font-size: 1.5em;
  font-weight: normal;
}
.widget .valueFour {
  height: 18px;
}
.widget .valueFour .value {
  font-size: 1.1em;
  font-weight: bold;
  font-weight: normal;
}
.widget .valueFive .value {
  font-size: 1em;
  font-weight: bold;
  font-weight: normal;
}
.widget .recalculationIsNeeded {
  margin-top: 15px;
  font-size: 1.6em;
  display: inline-block;
}
.widget .recalculationIsNeededTotal {
  margin-top: 40px;
  font-size: 1.6em;
  display: inline-block;
}
.widget:hover div.edit {
  display: inline-block;
}
.dashBoardNoItems {
  text-align: center;
  vertical-align: middle;
  padding: 20px;
  min-width: 250px;
  max-width: 500px;
  border-radius: 10px;
  background-color: #EFEFEF;
  border: solid 1px #CCC;
}
/*----------------------------------------------------------
Goals dashboard
----------------------------------------------------------*/

.goalBase {
  margin: 10px 10px 10px 10px;
  padding: 15px 20px 15px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  float: left;
}
.goalStub {
  width: 366px;
  height: 266px;
  border: dashed 2px #DADADA;
}
.achievedGoalStub {
  width: 216px;
  height: 266px;
  border: dashed 2px #DADADA;
}
.goal {
  width: 370px;
  height: 270px;
  -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: rgba(240, 113, 58, 0.3);
}
.goal .name {
  margin-bottom: 10px;
}
.goal .label {
  display: inline-block;
  margin-left: 10px;
}
.goal .valueItem {
  display: inline-block;
  width: 130px;
}
.goal .item {
  font-weight: bold;
}
.goal div.edit {
  position: absolute;
  text-align: right;
  width: 370px;
}
.goal .chart {
  float: left;
  width: 80px;
  height: 250px;
}
.goal .infoTable tr td {
  padding-right: 10px;
}
.goal .recalculationIsNeeded {
  margin-top: 45px;
  font-size: 1.6em;
  display: inline-block;
}
.goal .separator {
  height: 6px;
}
.goal:hover div.edit {
  display: inline-block;
}
.goal .name {
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  white-space: nowrap;
}
.achievedGoal {
  float: left;
  width: 220px;
  height: 270px;
  -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: rgba(240, 113, 58, 0.3);
}
.achievedGoal .name {
  margin-bottom: 5px;
}
.achievedGoal .achievedGoalLabel {
  margin-top: 70px;
  font-size: 1.3em;
  display: inline-block;
}
.achievedGoal div.edit {
  position: absolute;
  text-align: right;
  width: 220px;
}
.achievedGoal .recalculationIsNeeded {
  margin-top: 45px;
  font-size: 1.5em;
  display: inline-block;
}
.achievedGoal:hover div.edit {
  display: inline-block;
}
.achievedGoal .name {
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  white-space: nowrap;
}
/*----------------------------------------------------------
Reports
----------------------------------------------------------*/

@media screen and (max-width: 1130px) {
  .system .timePeriodControl .timePeriod .timeLabel {
    width: 72px;
  }
}
.periodBlock .period_dropdown {
  width: 140px;
}
.periodBlock .delimiter {
  display: inline-block;
  width: 60px;
  text-align: center;
}
.chartCommandLine {
  padding: 5px;
  background-color: #FFF;
}
.chartCommandLine .imageButton {
  width: 38px;
  height: 30px;
}
.chartCommandLine .iconBoxPlus,
.chartCommandLine .iconBoxMinus {
  display: none;
}
@media screen and (min-width: 1245px) {
  .chartCommandLine {
    padding: 5px;
    background-color: #FFF;
  }
  .chartCommandLine .imageButton {
    width: 50px;
    height: 30px;
  }
  .chartCommandLine .endOfBlock {
    margin-right: 0;
  }
  .chartCommandLine .iconBoxPlus,
  .chartCommandLine .iconBoxMinus {
    display: inline-block;
    margin-left: -3px;
    width: 10px;
  }
}
@media screen and (min-width: 1360px) {
  .chartCommandLine .imageButton {
    width: 64px;
    height: 30px;
  }
  .chartCommandLine .endOfBlock {
    margin-right: 6px;
  }
  .chartCommandLine .iconBoxPlus,
  .chartCommandLine .iconBoxMinus {
    margin-left: 0;
    width: 21px;
  }
}
.chartCommandLine .showAccountsInfo .iconButton {
  position: relative;
  top: 2px;
}
.chartCommandLine .iconButton {
  position: relative;
  top: 2px;
}
/*----------------------------------------------------------
Search
----------------------------------------------------------*/

@media (max-height: 770px) {
  .searchLeftBlock {
    display: inline-block;
    width: 138px;
    margin-right: 5px;
  }
  .searchRightBlock {
    display: inline-block;
    width: 138px;
  }
  .searchLeftBlock .hf-editor-label-tight,
  .searchRightBlock .hf-editor-label-tight {
    width: 132px;
  }
  .account .searchLeftBlock .multipleListSmall2,
  .account .searchRightBlock .multipleListSmall2 {
    width: 123px;
  }
}
.platformNotes .textarea {
  height: 305px;
  width: 100%;
  max-width: 100%;
}
.platformNotes .infoLabel {
  margin-top: 5px;
  font-style: italic;
  color: #999;
  font-size: 0.9em;
}
.userNotes .textarea {
  height: 305px;
  width: 100%;
  max-width: 100%;
}
.iconButtonImageSmall {
  position: relative;
  top: 2px;
  left: -2px;
}
/*----------------------------------------------------------
Edit operation
----------------------------------------------------------*/

.categoriesList .listContainer {
  width: 444px;
}
/*----------------------------------------------------------
Month analysis
----------------------------------------------------------*/

.monthAnalysis .columnSection {
  max-width: 800px;
}
.monthAnalysis .columnSection .summary {
  margin-top: 5px;
  padding-top: 5px;
  padding-right: 10px;
  border-top: 1px solid #BBB;
  text-align: right;
}
.monthAnalysis .columnSection .summary .total {
  font-weight: bold;
}
.monthAnalysis .pieSection .summary {
  max-width: 1000px;
  margin-top: 5px;
  padding-top: 5px;
  padding-right: 10px;
  border-top: 1px solid #BBB;
  text-align: right;
  margin-left: auto;
  margin-right: auto;
}
.monthAnalysis .pieSection .summary .total {
  font-weight: bold;
}
.monthCommandLine {
  padding: 5px;
}
.monthCommandLine .chartButton {
  width: 70px;
  height: 30px;
}
.dateSelector {
  border: solid 1px #c5c5c5;
  border-radius: 4px;
  overflow: hidden;
  height: 27px;
}
.dateSelector span.dtpWithButtons {
  width: 216px;
  border-radius: 0;
}
.dateSelector span.dtpWithButtons .k-picker-wrap {
  border: none;
  border-radius: 0;
}
.dateSelector .leftIcon {
  float: left;
  background-image: url("/Images/left.png");
  background-position: center;
  background-repeat: no-repeat;
  border-right: solid 1px #C5C5C5;
  height: 28px;
  width: 30px;
}
.dateSelector .rightIcon {
  float: right;
  background-image: url("/Images/right.png");
  background-position: center;
  background-repeat: no-repeat;
  border-left: solid 1px #C5C5C5;
  height: 28px;
  width: 30px;
}
/*----------------------------------------------------------
Budget
----------------------------------------------------------*/

.gridview.k-grid td.budgetValCont {
  vertical-align: top;
  cursor: default;
}
.gridview.k-grid .titleMonth {
  text-align: center;
  border-bottom: solid 1px #CCC;
  padding-bottom: 3px;
  margin-bottom: 2px;
}
.gridview.k-grid .titleRest {
  cursor: pointer;
  border-bottom: 1px dotted #000;
}
.gridview.k-grid .titlePlan {
  float: right;
  cursor: pointer;
  border-bottom: 1px dotted #000;
}
.gridview.k-grid .titleFact {
  float: left;
  cursor: pointer;
  border-bottom: 1px dotted #000;
}
.gridview.k-grid .disabledTitle {
  color: #CCC;
}
.gridview.k-grid .center {
  clear: both;
  text-align: center;
}
.budgetCtrl .viewBox {
  white-space: nowrap;
}
.budgetCtrl .viewBox .limitValue {
  cursor: pointer;
  border-bottom: 1px dotted #000;
  min-width: 20px;
  text-align: center;
  display: inline-block;
}
.budgetCtrl .viewBox .separator {
  clear: both;
  border-bottom: dashed 1px #CCC;
  padding-top: 3px;
}
.budgetCtrl .viewBox .planValue {
  display: inline-block;
  width: 45%;
  text-align: right;
}
.budgetCtrl .viewBox .factValue {
  display: inline-block;
  width: 50%;
}
.budgetCtrl .viewBox .restValue {
  text-align: center;
}
.budgetCtrl .viewBox .attention {
  border: dotted 1px #999;
}
.budgetCtrl .viewBox .moveIcon {
  float: right;
  cursor: pointer;
}
.budgetCtrl .viewBox .moveIcon .iconEnd {
  width: 17px;
  height: 17px;
  position: relative;
  top: 3px;
  left: 3px;
  margin-left: 8px;
}
.budgetCtrl .viewBox .moveIcon .iconCancelled {
  width: 11px;
  height: 11px;
  position: relative;
  top: 0;
  margin-top: 6px;
  margin-left: 12px;
}
.budgetCtrl .editBox .addLineButton {
  width: 26px;
  height: 30px;
  min-width: 0px;
  margin-right: 0;
  float: right;
}
.budgetCtrl .editBox .iconCancelled {
  left: -4px;
  top: 3px;
}
.budgetCtrl .editBox .iconEnd {
  width: 24px;
  height: 24px;
  left: -7px;
  top: 0;
}
.budgetCtrl .copyBox {
  margin-top: 4px;
}
.budgetCtrl .copyBox .copyLeftButton,
.budgetCtrl .copyBox .copyRightButton {
  width: 56px;
  height: 22px;
  min-width: 0px;
  margin: 0;
}
.budgetCtrl .copyBox .copyLeftButton {
  float: left;
}
.budgetCtrl .copyBox .copyRightButton {
  float: right;
}
.budgetCtrl .copyBox .buttonCopyLeft,
.budgetCtrl .copyBox .buttonCopyRight {
  top: -1px;
}
.iconMoveYear.iconEnd {
  width: 22px;
  height: 22px;
  position: relative;
  top: 0;
  left: 5px;
  float: right;
}
.iconMoveYear.iconCancelled {
  width: 17px;
  height: 17px;
  position: relative;
  top: 0;
  left: 2px;
  float: right;
}
.iconMoveYear.iconSettings {
  width: 16px;
  height: 16px;
  position: relative;
  top: 0;
  left: 2px;
  float: right;
}
.iconMoveYear.iconCalendar {
  width: 16px;
  height: 16px;
  position: relative;
  top: 0;
  left: 2px;
  float: right;
}
.budgetCommandLine .saveBudgetButton,
.budgetCommandLine .cancelBudgetButton,
.budgetCommandLine .editBudgetButton,
.budgetCommandLine .copyBudgetButton,
.budgetCommandLine .clearBudgetButton {
  width: 140px;
  height: 30px;
}
.budgetCommandLine .saveBudgetButton {
  margin-right: 1px;
}
.budgetCommandLine button .text {
  margin-left: 3px;
  position: relative;
  top: -1px;
}
.budgetCommandLine .iconButton {
  position: relative;
  width: 19px;
  height: 19px;
  top: 3px;
  left: -2px;
}
.listFooter {
  padding: 0.92em;
}
.listFooter .label {
  font-weight: bold !important;
  text-align: right;
  margin-right: 120px;
}
.listFooter .item {
  text-align: right;
}
.selectDate {
  display: inline-block;
  padding: 8px 5px 5px 5px;
}
.periodSeparator {
  width: 20px;
  display: inline-block;
}
.dayOfMonthPlaceHolder {
  display: block;
}
.periodPlaceHolder,
.dayOfMonthPlaceHolder {
  display: inline-block;
}
.periodBoxHolder {
  display: inline-block;
  border: solid 1px #CCC;
  border-radius: 8px;
  margin-top: 8px;
  text-align: left;
  position: relative;
}
.yearPeriodHolderList {
  display: block;
  min-height: 45px;
}
.boxLabel {
  position: absolute;
  background-color: #FFF;
  padding: 0 3px;
  top: -8px;
  left: 25px;
  font-size: 12px;
}
.periodBox,
.selectedDates {
  display: inline-block;
  padding: 8px 5px 5px 4px;
}
.periodBox .base,
.selectedDates .base {
  display: inline-block;
  text-align: center;
  padding: 6px 0 5px 0;
  cursor: pointer;
  border: solid 1px transparent;
  border-radius: 8px;
}
.periodBox .selectedDate,
.selectedDates .selectedDate {
  display: inline-block;
  text-align: center;
  padding: 6px 0 5px 0;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-left: 4px;
  border: solid 1px #CCC;
  width: 50px;
}
.periodBox .period,
.selectedDates .period {
  display: inline-block;
  text-align: center;
  padding: 6px 0 5px 0;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, 0);
  border-radius: 8px;
  min-width: 21px;
  padding-right: 1px;
}
.periodBox .dayPeriod,
.selectedDates .dayPeriod {
  display: inline-block;
  text-align: center;
  padding: 6px 0 5px 0;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, 0);
  border-radius: 8px;
  min-width: 32px;
}
.periodBox .monthPeriod,
.selectedDates .monthPeriod {
  display: inline-block;
  text-align: center;
  padding: 6px 0 5px 0;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, 0);
  border-radius: 8px;
  min-width: 25px;
  padding-right: 1px;
}
.periodBox .period.selected,
.selectedDates .period.selected,
.periodBox .dayPeriod.selected,
.selectedDates .dayPeriod.selected,
.periodBox .monthPeriod.selected,
.selectedDates .monthPeriod.selected {
  cursor: default;
  font-weight: bold;
  border: solid 1px #CCC;
  border-radius: 8px;
}
.periodBox .period:hover:not(.k-state-disabled),
.selectedDates .period:hover:not(.k-state-disabled),
.periodBox .dayPeriod:hover:not(.k-state-disabled),
.selectedDates .dayPeriod:hover:not(.k-state-disabled),
.periodBox .monthPeriod:hover:not(.k-state-disabled),
.selectedDates .monthPeriod:hover:not(.k-state-disabled) {
  border: solid 1px #CCC;
}
.periodBox .dayPeriod.selected,
.selectedDates .dayPeriod.selected,
.periodBox .monthPeriod.selected,
.selectedDates .monthPeriod.selected {
  cursor: pointer;
}
.periodBox .period.disabled,
.selectedDates .period.disabled,
.periodBox .dayPeriod.disabled,
.selectedDates .dayPeriod.disabled,
.periodBox .monthPeriod.disabled,
.selectedDates .monthPeriod.disabled {
  cursor: default;
  color: #CCC;
  background: none;
}
.dayOfWeekPlaceHolder .periodBox {
  padding: 8px 6px 5px 5px;
}
.selectedDates {
  max-height: 88px;
  overflow-y: auto;
}
.periodOperation .leftPanel {
  width: 365px;
  float: left;
}
.periodOperation .rightPanel {
  float: right;
  border-left: solid 1px #CCC;
  padding-left: 20px;
}

/* Kendo UI fixes */

.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
  height: 1.64em;
}
.k-list-container ul {
  background-color: #e9e9e9;
}
.k-list-container ul li {
  background-color: #e9e9e9;
}
.k-list-container .k-list .k-item.disabledItem span {
  text-decoration: line-through;
  background-color: transparent !important;
  color: #999 !important;
}
.k-pager-numbers .k-link {
  line-height: 22px;
  border: solid 1px transparent;
  padding: 0 7px;
}
.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-state-disabled .k-input,
.k-state-disabled:active,
.k-other-month .k-link,
.k-dropzone em,
.k-tile-empty strong,
.k-slider .k-draghandle {
  color: #999;
}
.k-state-disabled .k-link:hover,
.k-state-disabled .k-button:hover,
.k-state-disabled .k-input:hover {
  color: #999;
  background-color: #E9E9E9 !important;
  border-color: #C5C5C5;
}
.delete-link {
  width: 12px;
  height: 12px;
  background: transparent url("/Images/close.png") no-repeat 50% 50%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  margin: 2px 0 0 3px;
  -webkit-border-radius: 5px;
  -mox-border-radius: 5px;
  border-radius: 5px;
}
.k-window-title {
  margin-top: -2px;
}
div.k-window-content {
  overflow: hidden;
}
.gridview tbody tr:hover {
  color: #2e2e2e;
  border-color: #bcb4b0;
  background-color: #bcb4b0;
  background-image: url('textures/highlight.png');
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: none, -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: none, -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  cursor: pointer;
}
.gridview.k-grid td {
  padding: 0.3em 0.6em;
}
.gridview.k-grid td .k-dirty {
  margin-top: -0.3em;
}
.gridview .k-grid-content .km-scroll-container {
  overflow: auto;
}
/* Bug in Google Chrome with long drop down list */

.k-list-scroller {
  overflow: auto;
}
.fullCalendar .k-today {
  opacity: 0.7;
}
.fullCalendar .k-content .k-state-selected {
  opacity: 1;
}