:target:before {
    /*content:"";*/
    display:block;
    height:60px; /* fixed header height*/
    /*margin:-60px 0 0; !* negative fixed header height *!*/
}

.categoryOffice > span:before,
a.office > .icon:before {
    content: "\e02e";
    font-family: Simple-Line-Icons;
    font-style: normal;
}
.categoryStorage > span:before,
a.storage > .icon:before {
    content: "\e06a";
    font-family: Simple-Line-Icons;
    font-style: normal;
}
.categoryKPiR > span:before,
a.raeb > .icon:before {
    content: "\e034";
    font-family: Simple-Line-Icons;
    font-style: normal;
}
.categoryTills > span:before,
a.tills > .icon:before {
    content: "\e085";
    font-family: Simple-Line-Icons;
    font-style: normal;
}
.categoryInvoices > span:before,
a.invoices > .icon:before {
    content: "\e040";
    font-family: Simple-Line-Icons;
    height: auto;
    font-style: normal;
}
.categoryCRM > span:before,
a.crm > .icon:before {
    content: "\e05e";
    font-family: Simple-Line-Icons;
    font-style: normal;
}
.modules > span:before {
    content: "\e02d";
    font-family: Simple-Line-Icons;
    font-style: normal;
}
.categoryPeople > span:before {
    content: "\e001";
    font-family: Simple-Line-Icons;
    font-style: normal;
}
a.admin > .icon:before {
    content: "\e052";
    font-family: Simple-Line-Icons;
    font-style: normal;
}
a.home > .icon:before {
    content: "\e069";
    font-family: Simple-Line-Icons;
    font-style: normal;
}
a.logout > .icon:before {
    content: "\e065";
    font-family: Simple-Line-Icons;
    font-style: normal;
}
a.dashboard > .icon:before {
    content: "\e069";
    font-family: Simple-Line-Icons;
    font-style: normal;
}

.loginError {
    margin: -10px 0 30px 0 ;
    color: #e7505a !important;
}

.has-error .help-block {
    opacity: 1 !important;
}
#addCategoryDiv,
#addWorkerDiv {
    text-align: right;
}
.addWorker {
    margin-bottom: 10px !important;
}
.portlet-title {
    margin-top: 10px;
}

.portlet.box>.portlet-title>.tools>a.expand {
    background-image: url(/skin/frontend/metronic/images/portlet-expand-icon-white.png) !important;
    pointer-events: none;
}

.portlet>.portlet-title>.tools>a.collapse {
    background-image: url(/skin/frontend/metronic/images/portlet-collapse-icon-white.png)!important;
    pointer-events: none;
}

.marginLeft15{
    margin-left: 15px;
}

.btn.actionsButton:not(.btn-outline) {
    background-color: #ffffff !important;
}
@media only screen and (max-width: 768px) {
    #actionsColumn {
        height: 32px;
    }
    .categoryModules {
        height: 45px;
        padding-top: 12px !important;
    }
    .invoiceCorrectionTh > th,
    #invoiceAddTr > th {
        height:45px;
    }
    .invoiceProductDiv {
        display:inline-block !important;
    }
    #invoiceAddNewProductTable tr td {
        height:45px;
        text-align:center;
    }
    .invoiceProductDelete {
        text-align:center !important;
    }
    .correctionBefore,
    .correctionAfter,
    .correctionCorrection {
        vertical-align: middle;
    }
    .correctionLabel {
        padding-top: 11px !important;
    }
    .invoiceListName {
        padding: 0;
    }
    .invoiceProductDiv {
        float: left;
        padding: 0 !important;
    }
    #invoiceAddTr th {
        text-align: right !important;
    }
    #settingsProductsTable {
        padding-top: 5px;
    }
    #invoicePaymentsTable,
    #invoiceNumbersTable {
        padding-top: 35px;
    }
    .highRes,
    .highResAddedBy,
    .highResCrmCompany,
    .highResContrahent,
    .highResMasterData,
    .highResProductUnit,
    .commentsLabelHighRes,
    .commentsDescHighRes,
    .highResSettingsPaymentLabel,
    .highResNumerationNum,
    .highResNumerationType,
    .highResNumerationCompanyName,
    .highResModules,
    .highResCategoryDesc,
    .highResCategoryLabel,
    .highResProductUnit,
    .highResProductCategory,
    .highResProductName,
    .highResDesc,
    .highResNameSurname,
    .highResEmail,
    .highResInvoiceNumber,
    .highResBuyer,
    .invoiceCurrencyHide,
    .invoiceCorrectionTo,
    .invoiceCorrectionIn,
    .leftToPayHide,
    .issueDateToHide,
    #invoicesHead {
        display: none !important;
    }
    #highResCompany {
        display: none;
    }
    #smallResCompany {
        display: block !important;
    }
    .smallRes,
    .smallResAddedBy,
    .smallResCrmCompany,
    .smallResContrahent,
    .smallResMasterData,
    .smallResProductUnit,
    .smallResSettingsPaymentLabel,
    .smallResNumerationNum,
    .smallResNumerationType,
    .smallResNumerationCompanyName,
    .smallResModules,
    .smallResCategoryDesc,
    .smallResCategoryLabel,
    .smallResProductUnit,
    .smallResProductCategory,
    .smallResProductName,
    .smallResDesc,
    .smallResNameSurname,
    .smallResEmail,
    .smallResInvoiceNumber,
    .commentsLabelSmallRes,
    .commentsDescSmallRes
    .smallResBuyer {
        visibility: visible !important;
    }
    .crmListTh th {
        height: 55px;
        text-align: right !important;
        padding-top: 17px !important;
    }
    .addTaskFormBody {
        padding-top:0 !important;
    }
    .usersCompaniesTable tbody tr,
    /*.crmSalesTable tbody tr,*/
    .crmChancesTable tbody tr,
    .crmAllChancesTable tbody tr,
    .crmTasksTable tbody tr {
        display: block;
    }
    .usersCompaniesTable tbody tr td,
    /*.crmSalesTable tbody tr td,*/
    .crmChancesTable tbody tr td,
    .crmAllChancesTable tbody tr td,
    .crmTasksTable tbody tr td {
        width:100%;
        text-align: center !important;
    }
    .chanceStatus,
    .tasksStatus {
        width:100% !important;
    }
    .senderTitle{
        display: none;
    }
}
@media only screen and (min-width: 1456px) {
    .allSalesTr td {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}
@media only screen and (max-width: 1310px) {
    .crmSalesTable tbody tr td {
        display: block;
        border: none;
        width:100%;
        text-align: center !important;
    }
    .crmSalesTable tbody tr {
        display: block;
    }
    .crmPreviewSaleTbody tr .salesActions {
        padding-bottom: 20px !important;
        white-space: normal !important;
        border-bottom: 1px solid #e7ecf1 !important;
    }
}
.crmList tr td {
    height: 45px;
}
.smallRes,
.smallResAddedBy,
.smallResCrmCompany,
.smallResContrahent,
.smallResMasterData,
.smallResProductUnit,
.smallResSettingsPaymentLabel,
.smallResNumerationNum,
.smallResNumerationType,
.smallResNumerationCompanyName,
.smallResModules,
.smallResCategoryDesc,
.smallResCategoryLabel,
.smallResProductUnit,
.smallResProductCategory,
.smallResProductName,
#smallResCompany,
.commentsLabelSmallRes,
.commentsDescSmallRes,
.smallResDesc,
.smallResNameSurname,
.smallResInvoiceNumber,
.smallResNameSurname,
.smallResEmail,
.smallResBuyer {
    display:none;
}
.invoiceCorrectionTh > th {
    vertical-align: middle !important;
}
.tillsInvoiceAssign,
.invoiceProductDelete {
    text-align:center;
}
.smallMinWidth {
    min-width: 75px;
}
.dropdown-menu.pull-right.invoicesListUl {
    min-width: 160px;
}
.dropdown-menu.pull-right li a {
    padding: 10px 6px;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    left: -30px !important;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .invoicesListUl {
    left: -30px !important;
}
@media only screen and (max-width: 1599px) {
    .footerResponsive {
        width: 100% !important;
        text-align: center !important;
        padding: 0 !important;
    }
    #esLogo {
        display: block !important;
        margin: 0 auto !important;
        float: none !important;
    }
}
@media only screen and (max-width: 550px) {
    .crmListSearch {
        display:block !important;
    }
    .invoicesActionButtons,
    .crmListButton {
        display: block !important;
        float: none !important;
        text-align: center !important;
        margin:10px 0;
    }
    .crmSearchAndButtons {
        margin-bottom:10px;
    }
    .crmListSearch .crmListSearchDiv {
        width: 100% !important;
    }
    #calendarSearch .crmListSearchDiv,
    #previewSearch .crmListSearchDiv {
        width: 80% !important;
    }
    .activitiesSearchDiv {
        margin-bottom: 20px;
    }
    #calendarSearch,
    #previewSearch {
        position: inherit !important;
        top: auto !important;
        right: auto !important;
    }
    .calendarRow {
        margin-top: 20px;
    }
    .crmAllChancesTable {
        margin-top: 0 !important;
    }
    .prevCrmAbsolute {
        position: absolute;
        left: -25px;
        top: 0;
        right: initial;
    }
    .nextCrmAbsolute {
        position: absolute;
        right: 5px;
        top: 110px;
    }
}
@media only screen and (max-width: 450px) {
    #previewCrmArrows {
        position: relative !important;
        display:inline-block;
        top: inherit !important;
        right: inherit !important;
    }
    .nextCrmAbsolute,
    .prevCrmAbsolute {
        position: relative !important;
        display:inline-block;
        top: inherit !important;
        right: inherit !important;
        left: inherit !important;
    }
    .nextCrmAbsolute {
        float:right !important;
        margin-left: 10px;
    }
    .prevCrmAbsolute {
        float: left !important;
        margin-right: 10px;
    }
    .filterSearchArrows {
        float: right;
    }
}
#esLogo {
    float:right;
    margin: 0 35px 10px 0;
}​​​​​​​​​

 #saveEditUser,
 #saveModules,
 #saveCategory,
 #saveCorrection,
 #submitAddClient,
 #submitSale,
 #submitChance,
 #submitTask,
 #saveProduct,
 #saveUser,
 .saveUserAndGoToAvatarEdit,
#saveCompany,
#saveInvoice,
#previewActions,
#submitAndSave,
#submitAndPreview,
#loadMoreInvoices {
    float: right;
}
 #previewActions{
     margin-right: 35px;
 }
#submitAndPreview {
    margin: 0 5px;
}
#invoiceNewProductButton {
    text-align: right;
    padding-right:20px
}
.newIban {
    border-top: 1px solid #e7ecf1;
    margin-bottom: 8% !important;
}

.selectpicker {
    color: #c2cad8;
}
.glyphicon-ok:before {
    content: "\e013";
}
.glyphicon-remove:before {
    content: "\e014";
}
.glyphicon-user:before {
    content: "\e008";
}
.glyphicon-briefcase:before {
    content: "\e139";
}
.glyphicon-star:before {
    content: "\e006";
}

.bootstrap-select.form-control {
    border-bottom: 0 !important;
}
.msg {
    margin-top: 80px;
}

#addNumber,
#addProduct,
#addPayment,
#addComment,
#addInvoiceNumber,
#addNewIban {
    float: right;
}
.categoriesActionContainer .dropdown-menu {
    min-width: 82px;
}
.badge.badge-info-category {
    background-color: #9B59B6;
}
.badge.badge-settings {
    background-color: #E87E04;
}

#cookieFormError {
    position: absolute;
    margin: 18px 0 0;
    font-size: 13px;
}

textarea { resize:vertical ; }

/*BLUE COLOR START*/
.form-group.form-md-line-input.system-blue .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-blue .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.system-blue .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.system-blue .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.system-blue .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-blue .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.system-blue .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-blue .form-control.focus:not([readonly]) ~ .form-control-focus:after {
    background: #5C9BD1; }

.form-group.form-md-line-input.system-blue span.help-block {
    color: #5C9BD1;
}
/*BLUE COLOR END*/

/*PURPLE COLOR START*/
.form-group.form-md-line-input.system-purple .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-purple .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.system-purple .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.system-purple .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.system-purple .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-purple .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.system-purple .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-purple .form-control.focus:not([readonly]) ~ .form-control-focus:after {
    background: #9B59B6; }

.form-group.form-md-line-input.system-purple span.help-block {
    color: #9B59B6;
}
/*PURPLE COLOR END*/

/*ORANGE COLOR START*/
.form-group.form-md-line-input.system-orange .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-orange .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.system-orange .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.system-orange .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.system-orange .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-orange .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.system-orange .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-orange .form-control.focus:not([readonly]) ~ .form-control-focus:after {
    background: #E87E04; }

.form-group.form-md-line-input.system-orange span.help-block {
    color: #E87E04;
}
/*ORANGE COLOR END*/

/*GREEN COLOR START*/
.form-group.form-md-line-input.system-green .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-green .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.system-green .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.system-green .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.system-green .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-green .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.system-green .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.system-green .form-control.focus:not([readonly]) ~ .form-control-focus:after {
    background: #44b6ae; }

.form-group.form-md-line-input.system-green span.help-block {
    color: #44b6ae;
}
/*GREEN COLOR END*/

/*HAS-ERROR*/
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after {
    background: #e73d4a !important; }
.form-group.form-md-line-input.has-error span.help-block {
    color: #e73d4a !important;
}
.font-red {
    color: #e73d4a !important;
}


#password-error,
#login-error {
    color: #e7505a !important;
}
.activityCategoryCircle,
#crmList,
#productsList,
#invoiceList,
#adminCategories,
#adminWorkers,
.invoiceExtend,
.usersExtend,
#crmSalesSection,
#crmAllUsedChances,
#crmAllLostChances,
#crmActiveChances,
.usersIbansTitle,
#crmCompaniesSection,
#crmChancesSection,
#crmUsedChancesSection,
#crmLostChancesSection,
#crmContrahentTasksSection,
#crmUserHistoryTasksSection,
#crmUserUsedChancesSection,
#crmUserLostChancesSection,
#crmTasksSection,
#crmTasksHistorySection,
#settingsNumbersSection,
#settingsCommentsSection,
#settingsPaymentSection,
#settingsHeaderFooterSection {
    cursor: pointer;
}
.user-login-5 .form-group.registerPassword.has-error,
.user-login-5 .form-group.email.has-error {
    border-bottom:none !important;
}
@media only screen and (max-width: 1805px) {
    .activitiesFilterButtons {
        float: none !important;
        text-align: center !important;
        width: 100% !important;
        padding-bottom: 6px;
    }
}
@media only screen and (max-width: 767px) {
    .activityModuleLabel {
        margin: 1px !important;
    }
    #forgotPasswordAndLogin {
        text-align: center;
        margin-bottom:20px;
    }
    #loginEmail {
        margin-right: 0 !important;
    }
    .addAvatarButton,
    .calendarAddTask,
    .calendarWorkers {
        top: 60px !important;
    }
    #cookieFormError {
        margin: 83px 0 0;
    }
    .avatarButtonsRow {
        margin-top: 10px;
    }
    .uploadAvatar {
        float: left;
    }
    .saveAvatar {
        margin-right: 10px !important;
    }
    .newMessageButtonNavbar {
        margin-right: 72px !important;
    }
    .addTaskFromNavbar {
        margin-right: 84px !important;
    }
}
@media only screen and (max-width: 415px) {
    .addAvatarButton {
        top: 100px !important;
    }
}
@media only screen and (max-width: 1023px) {

    #backButton {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    #leftToPayTable,
    .crmList tr td,
    .invoicesList tr td,
    .productsBody table tbody tr td,
    .invoicesBody table tbody tr td,
   .adminWorkersBody table tbody tr td {
       text-align: center;
   }
    .invoicesPaymentName,
    .invoicesPayment {
        height: 60px !important;
    }
    #invoiceCommentTr th,
    .commentsTr td {
        height: 35px !important;
    }
    .productsTable {
        height: 90px;
    }
    #invoiceInfo{
        height: 39px;
    }
    #invoiceActions {
        height: 32px;
    }
    .productsCategoryTd {
        height: 45px;
    }
    .productsListTr td {
        min-width: 95px;
        text-align: center !important;
        padding: 5px 13px !important;
    }
    .storageDiscount {
        text-align:right !important;
    }
    .actionProductsContainer > .dropdown-menu {
        left: -30px !important;
    }
    .invoiceLabels {
        line-height: 23px !important;
    }
    .crmList tr td {
        height: 55px;
        padding: 17px 12px 5px 12px !important;
        width: 99px;
    }
    .invoicesList tr td {
        height: 65px;
        padding: 17px 12px 5px 12px !important;
        width: 99px;
    }
    #invoicesHead tr th {
        height: 45px;
        padding-top: 11px;
        text-align:right !important;
    }
    .flip-scroll th {
        text-align: center;
    }
    .categoriesTr td {
        text-align:center;
        padding: 5px 16px 5px 16px !important;
    }
    #userFormatTr th,
    #adminCategoriesTr th,
    #adminWorkersTr th,
    #invoiceCommentTr th,
    #invoicePaymentTr th,
    #productsListHeaders th {
        text-align: right !important;
    }
    .centerSelect {
        padding-right: 0;
    }
    .commentsTr td,
    .paymentTr td,
    .workersTr td {
        padding: 5px 13px 5px 13px !important;
    }
    .userFormat td {
        padding: 5px 16px 5px 16px !important;
    }
    #leftToPayTable,
    .invoiceRow td {
        text-align: center !important;
    }
    .dropdown-menu.pull-right li a {
        padding: 5px 6px;
    }
    .contractorProducts tr td,
    .assignedProducts tr td,
    .assignedInvoices tr td,
    .contractorInvoices tr td,
    .contractorChances tr td,
    .assignedChances tr td,
    .modalAssignedChancesActions,
    .modalAssignedInvoicesActions {
        text-align: center !important;
    }
    .contractorProducts tr td,
    .assignedProducts tr td,
    .assignedInvoices tr td,
    .contractorInvoices tr td,
    .contractorChances tr td,
    .assignedChances tr td {
        padding: 5px 10px !important;
    }
    .showInvoicesModalButton,
    .showSalesModalButton {
        margin-bottom: 15px;
    }
    tr td.grossValueSummary {
        padding: 0 5px !important;
        border-top: 1px solid #e7ecf1 !important;
        overflow-y: scroll;
        width: auto !important;
        overflow-x: hidden;
        text-align: left !important;
    }
    tr td.leftToPaySummary {
        padding: 0 5px !important;
        border-bottom: 1px solid #e7ecf1 !important;
        overflow-y: scroll;
        width: auto !important;
        overflow-x: hidden;
        text-align: left !important;
    }
    .smallResSummaryText {
        display: block;
    }
}
@media only screen and (max-width: 991px) {
    .invoiceAddBuyer {
        float:right;
    }
    .newIban > .form-group > div > .deactivateIban,
    .newIban > .form-group > div > .deleteIban {
        position: absolute;
        top: -35px;
        right: 15px;
    }
    #fieldPayIban,
    #fieldPayIbanLabel,
    #modalAmount,
    #modalDate,
    #modalSettlementType {
        text-align:center;
    }
    #checkboxType {
        width: 160px;
        margin: 0 auto;
    }
    .modalActions {
        padding: 5px;
        border: none !important;
    }
    .invoiceProductDiv,
    #modalBody {
        padding: 0;
    }
    #invoicesFiltersDiv > .col-md-2 {
        display: inline-block;
    }
    .correctionSecondInput,
    .invoiceFormatNumber {
        padding-top:25px;
    }
    .invoiceAddBuyer {
        position: absolute;
        right: 15px;
        top: -35px;
    }
    .form-group.form-md-line-input {
        margin: 0 0 10px !important;
    }
    h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .modalDate {
        margin: 0 0 10px !important;
        padding-top: 5px !important;
    }
    #correctionOther,
    #correctionBuyer {
        padding: 15px 0;
    }
    .portlet.light.portlet-fit>.portlet-title {
        padding: 0 20px 0;
    }
    #addInvoiceCompanyExpand {
        margin-top: 25px;
    }
    .buttonStyle {
        text-align:right !important;
    }
    .userPreviewEditIban,
    .crmPreviewEdit {
        right: 25px !important;
        left: auto !important;
    }
    .sectionScroll {
        max-height: 500px;
        overflow: auto;
        overflow-x: hidden;
    }
    .inner-circle {
        margin-top: 50px !important;
    }
    .closeChanceText {
        padding-bottom: 10px !important;
    }
    .chanceDateFormGroup,
    .taskDateFormGroup {
        margin: 0 0 10px !important;
    }
    .userSidebarCompanyName {
        text-align: center !important;
    }
    .addTaskResponsibleButtons {
        top: 45px !important;
    }
}
#modalSettlementType {
    padding-top: 1px !important;
}
.invoicesBody .form-body div div .form-group,
.productsBody .form-body div div .form-group {
    clear: both;
}
#productsListHeaders th,
.crmList tr td,
.invoicesList tr td,
.invoiceListActions {
    vertical-align: middle !important;
    text-align:center;
}
#payInvoiceHistory {
    margin: 0;
}
#payInvoiceHistory tr td {
    vertical-align: middle !important;
}
#myModalLabel {
    color: white;
    padding: 11px;
    margin: 0;
    height: 39px;
    font-weight: bold;
    font-size: 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#myModalLabel button {
    margin-top:5px;
}
.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}
#sumHolder {
    float: left;
}
.label {
    font-size: 13px;
}
.invoicesListDiv {
    margin: 15px 0 0 5px;
}
.dateFromTo {
    width:115px !important;
}
#invoicesFiltersDiv > input {
    font-family: FontAwesome;
    margin:5px 0;
}
#invoicesFiltersDiv > .col-md-2 > .form-group.form-md-line-input {
    padding-top: 12px;
}
.modalDate {
    position: relative;
    margin: 0 0 35px;
    padding-top: 20px;
}
.form-control[readonly].modalDateInput {
    background-color: #ffffff !important;
}
.selectBorderError {
    border: 1px solid red !important;
}
.modalActions {
    border: 1px solid #e7ecf1;
    padding: 0 10px;
    border-radius: 6px;
}
.modalActions > p {
    margin: 5px 0;
}
#modalDelete {
    text-align: right;
    padding: 8px 5px;
}
#modalBody {
    padding-top: 0;
}
#modalBody .form-group {
    padding-top: 30px;
}
#modalBankType {
    padding-top:6px;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-systemgreen {
    color: #fff;
    background: #44b6ae;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-systempurple {
    color: #fff;
    background: #9B59B6;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-systemred {
    color: #fff;
    background: #D91E18;
}
#sumHolder {
    margin-right: 20px;
}

@media only screen and (max-width: 430px) {
    .newIban > .form-group > div > .deactivateIban,
    .newIban > .form-group > div > .deleteIban {
        top: -66px !important;
    }
    #ibanPlaceholder div .form-group.form-md-line-input input {
        font-size: 12px !important;
    }
}
.inactive {
    color: #999999 !important;
    text-decoration: line-through !important;
}
.inactive:hover {
    color: #999999;
    text-decoration: line-through;
}
.inactive > .searchArrow,
.inactive .searchArrow {
    color: #999999 !important;
}
.selectMaxLength {
    width: 100% !important;
}

.summaryIcon {
    padding: 0;
    border-bottom: 1px solid #e7ecf1 !important;
    background-color: #e7ecf1 !important;
}
.summaryIcon > i {
    padding: 0 3px 0 10px;
}
#finalGrossAll,
#gross_value,
#net_value,
#advanceCorection,
#vat_value,
#total {
    border-bottom: none;
    padding-left: 10px;
    background-color: #e7ecf1;
}
#advance {
    padding-left: 10px;
}
#invoiceAddTr th {
    vertical-align: middle;
    text-align: center;
}
.autocomplete-suggestions {
    background-color: white;
    cursor: pointer;
    line-height: 23px;
    border: 1px solid rgb(230, 230, 230);
    padding: 0;
    font-family: "Open Sans", sans-serif;
    max-height: none !important;
}
.autocomplete-suggestions div {
    padding: 5px;
}
.autocomplete-suggestions div:hover {
    background-color: #f6f6f6;
}
#invoicePreviewBackground {
    background-color: #ffffff;
}
#invoicePreview {
    overflow: auto;
}
#headLogoA {
    text-decoration: none;
    padding-top: 7px;
}
#headLogoA > .logo-default {
    color: white;
    font-size: 23px;
}

.disabledLabel {
    color: #c2cad8 !important;
}
#correctionRefers {
    padding: 7px;
}
.correctionLabel {
    vertical-align: middle !important;
    text-align:center;
}
.correctionBefore {
    color: white;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    padding: 4px 8px;
}
.correctionAfter {
    color: white;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    padding: 4px 18px;
}
.correctionCorrection {
    color: white;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    padding: 4px 4px;
}
.dropzoneNote {
    cursor: pointer !important;
}
.headerFooterTr td {
    text-align: center;
}
#navbarTop {
    z-index: 1000;
}
#formContent {
    margin-top: 12%;
}
/*.page-header.navbar .top-menu {*/
    /*background-color: #747F8C;*/
/*}*/
.productsDiscount,
.addInvoiceDiscount {
    text-align:right;
}
.textAlignCenter {
    text-align: center;
}
.textAlignRight {
    text-align: right;
}
.textAlignLeft {
    text-align: left;
}
#settingsModulesTr th,
.settingsModulesList,
#userProductsTr th,
.userProducts,
#userFormatTr th,
.userFormat td,
#systemFormatTr th,
.systemFormat,
#invoiceCommentTr th,
.invoicesComments,
#systemPaymentTr th,
.systemPayment,
#invoicePaymentTr th,
.paymentTr td,
.commentsTr td,
#adminCategoriesTr th,
.categoriesTr,
.workersTr,
#adminWorkersTr th {
    text-align:center;
}
.userTypeFont {
    font-family: "Open Sans",sans-serif;
}
.portlet.light>.portlet-title>.caption>.caption-subject {
    font-size: 21px;
}
.label {
    padding: 7px 11px;
}
.centerSelect.btn-group .dropdown-toggle .filter-option {
    text-align: center;
}
#productsButtonsDiv {
    text-align:right;
    padding: 0 0 15px 0;
}
.page-container-bg-solid .page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
    border-color: transparent #fff transparent transparent;
}
.noMargin {
    margin: 0 !important;
}
#noPaddingTop {
    padding-top: 0;
}
.smallMarginTop {
    margin-top: 20px;
}
.smallPaddingLeft {
    padding-left: 17px;
}
.noMarginTop {
    margin-top: 0;
}
.smallPaddingTop {
    padding-top: 5px !important;
}
#invoicesFiltersDiv div .form-group.form-md-line-input {
    padding-top: 12px;
    margin: 0 0 15px !important;
}
.buttonStyle {
    display: block;
}
#saveModulesDiv {
    position: absolute;
    right: 20px;
    top: 430px;
}
#settingsPageContent {
   padding-bottom: 40px !important;
}
.HTUActionButton {
    color: #6f6f6f;
    /*background-color: #f3f4f6;*/
    padding: 7px 6px;
}
.HTUActionButton:hover {
    text-decoration: none;
    color: #3e3e3e;
}
.HTUButtons p {
    margin: 10px 0 !important;
}
.smallPaddingBottom {
    padding-bottom: 15px;
}
.additionalInformation h4 {
    padding-top: 0;
    padding-bottom: 0;
}
.paddingTopFive {
    padding-top: 5px;
}
.HTUWidth {
    width: 31%;
}
td .note {
    margin: 0;
}
.mediumFontSize {
    font-size: 18px !important;
}
#smallResCompany > div > #addInvoiceCompanyExpand {
    margin-top: 0;
}
.standardFontSize {
    font-size: 18px;
}
.minWidth {
    min-width: 150px;
}
.filtered {
    position: absolute;
    font-size: 18px;
    vertical-align: middle;
}
.filteredSpan {
    margin-top: 5px;
}
.smallResModalLi {
    display: none;
}
.filtersInfoTr th,
.lpRowspan,
.nameRowspan {
    vertical-align: middle !important;
}
.modal .input-icon>i {
    z-index: 9998;
}
.normalFontWeight {
    font-weight: normal !important;
}
.paddingTopBottom {
    padding-top: 10px;
}
.naturalPersonSection {
	padding-top: 4px !important;
}
#saveInvoicePayment > input {
    font-family: FontAwesome,"Open Sans",sans-serif;
}
.payTypeBank {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -4px;
}
.payTypeMoney {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    opacity: .65;
}
.registerButton {
    margin-right: 10px;
    border-radius: 4px !important;
}
.loginButton {
    border-radius: 4px !important;
}
.positionAbsolute {
    position: absolute;
}
.crmSearchInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #5C9BD1;
}
.crmSearchInput::-moz-placeholder { /* Firefox 19+ */
    color: #5C9BD1;
}
.crmSearchInput:-ms-input-placeholder { /* IE 10+ */
    color: #5C9BD1;
}
.crmSearchInput:-moz-placeholder { /* Firefox 18- */
    color: #5C9BD1;
}
.inlineBlock {
    display: inline-block;
}
.absoluteRight {
    position: absolute;
    right: 0;
    margin-right: 37px;
}
.chancetaskDateLabel,
.taskDateLabel {
    padding-top: 5px;
    font-size: 14px;
    color: #888;
}
.borderedAddon {
    border-bottom: 1px dashed #c2cad8 !important;
}
.xsmallFont {
    font-size: x-small !important;
}
.profilePadding {
    padding: 15px 0 15px 15px !important;
}
.verticalAlignMiddle {
    vertical-align: middle !important;
}
.noBorderTop {
    border-top: none !important;
}
.noBorderBottom {
    border-bottom: none !important;
}
.companyNamePaddingLeft {
    padding-left: 15px;
}
.crmPreviewColor {
    color: #5a7391;
}
.crmPreviewBGColor {
    background-color: #5a7391;
    color:white;
}
.crmPreviewBGColor,
.crmPreviewBGColor:hover {
    background-color: #445d7b;
    color:white;
}
.font-size-90 {
    font-size: 90px;
}
.font-size-20 {
    font-size: 20px;
}
.font-size-13 {
    font-size: 13px;
}
.margin-top-50 {
    margin-top: 50px
}
.previewSaleDate,
.previewChanceResult,
.previewTaskDate {
    padding-left: 35px;
}
.margin-left-22 {
    margin-left: 22px !important;
}
.margin-left-5 {
    margin-left: 5px;
}
.no-margin-bottom {
    margin-bottom: 0 !important;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-35 {
    font-size: 35px;
}
.contrahentHistoryActions {
    padding: 9px 10px;
    margin-top: 6px;
}
.width-9 {
    width: 9%;
}
.width-10 {
    width: 10%;
}
.width-15 {
    width: 15%;
}
.width-20 {
    width: 20%;
}
.width-33 {
    width: 33%;
}
.width-50 {
    width: 50%;
}
.width-25 {
    width: 25%;
}
.width-80 {
    width: 80%;
}
.width-85 {
    width: 85%;
}
.width-83 {
    width: 83%;
}
.width-79 {
    width: 79%;
}
.width-75 {
    width: 75%;
}
.width-49 {
    width: 49%;
}
.tasksStatus,
.chanceStatus {
    background-color: #5C9BD1;
    width: 120px;
    height: 25px;
    padding: 2px 15px;
}
.noPadding {
    padding: 0 !important;
}
.width-68 {
    width: 68%;
}
.padding-top-10 {
    padding-top:10px !important;
}
.profile-sidebar-portlet {
    padding-top: 0 !important;
}
.inner-circle {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
.border-tasks {
    border: 1px solid #5C9BD1;
    border-right: dashed;
    border-left: dashed;
}
.border-chances {
    border: 1px solid #e73d4a;
    border-right: dashed;
    border-left: dashed;
}
.border-sales {
    border: 1px solid #5a7391;
    border-right: dashed;
    border-left: dashed;
}
@media only screen
and (min-width: 991px)
and (max-width: 1145px) {
   .inner-circle {
       width: 125px;
       height: 125px;
       border-radius: 50%;
       display: block;
       margin: 0 auto;
       font-size: 70px !important;
   }
    .crmCountDesc {
        top: -40px !important;
        padding-left: 15px;
    }
}
.crmCountDesc {
    position: relative;
    top: -36px;
}
@media only screen
and (min-width: 991px)
and (max-width: 1375px) {
    .feeds li .col1>.cont {
        margin-right: 0 !important;
    }
    .allSalesSaleName,
    .allSalesInstitution {
        width: 15%;
    }
    .salesActions {
        white-space: normal !important;
        border-bottom: 1px solid #e7ecf1 !important;
    }
}
@media only screen
and (min-width: 991px)
and (max-width: 1310px) {
    .usersCompaniesTable tbody tr td,
    .crmAllChancesTable tbody tr td,
    .crmTasksTable tbody tr td,
    .crmChancesTable tbody tr td {
        display: block;
        border: none;
        width:100%;
        text-align: center !important;
    }
    .chanceStatus,
    .tasksStatus {
        width:100% !important;
    }
    .companiesActions,
    .tasksActions,
    .chancesActions {
        white-space: normal !important;
        border-bottom: 1px solid #e7ecf1 !important;
    }
    .sectionScroll {
        max-height: 500px;
        overflow: auto;
        overflow-x: hidden;
    }
}
.userPreviewEditIban {
    position: absolute;
    left: 287px;
    font-size: 18px;
    top: 333px;
}
.crmPreviewEdit {
    position: absolute;
    left: 287px;
    font-size: 18px;
    top: 9px;
}
.profile-usertitle {
    margin-top: 5px;
}
.workerProfile i,
.profileAddInvoice i,
.profileAddTask i,
.profileAddChance i,
.profileAddSale i {
    font-size: 15px;
}
.floatRightImportant {
    float: right !important;
}
.noMarginBottom > .dashboard-stat {
    margin-bottom: 0 !important;
}
.portfolio-content .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    background-color: #5C9BD1 !important;
    border-color: #5C9BD1 !important;
}
.overflow-visible {
    overflow: visible !important;
}
.crmListActions > li,
.crmListActions {
    z-index: 1000;
}
.elementHeight {
    height: 175px;
}
.padding-top-75 {
    padding-top:75px !important;
}
.font-size-16 {
    font-size: 16px;
}
.crmListButtonRed {
    color: #fff;
    background-color: #d64635 !important;
    border-color: #d64635;
}
.crmListButtonRed:focus,
.crmListButtonRed:hover {
    color: #fff !important;
}
.crmListButtonRed:hover {
    color: #fff !important;
    background-color: #ea4635 !important;
    border-color: #ea4635 !important;
}
.cbp-caption-activeWrap {
    background-color: #2D5F8B !important;
}
.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
    height: 62px !important;
}
.cbp-caption-activeWrap {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.font-size-21 {
    font-size: 21px;
}
.addAvatarButton,
.calendarAddTask,
#calendarSearch,
#previewSearch {
    position: absolute;
    right: 20px;
    top: 65px;
}
#previewCrmArrows {
    position: absolute;
    right: 45px;
    top: 65px;
}
#calendarSearch .crmListSearchDiv,
#previewSearch .crmListSearchDiv {
    display: inline-block;
}
.text-decoration-none {
    text-decoration: none !important;
}
.crmNameSurnamePreview {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
@media only screen and (max-width: 1080px) {
    .crmNameSurnamePreview {
        display: none;
    }
}
.margin-top-6 {
    margin-top: 6px;
}
button.crmShowMore:hover {
    color: #5a7391 !important;
}
.taskStatusModal {
    padding-top: 2px;
}
.chanceStatusModal,
.taskStatusModal {
    background-color: #5C9BD1;
    height: 25px;
}
.cbp-item-z-index {
    z-index: 2 !important;
}
@media only screen and (min-width: 1135px) {
    .portfolio-content .captionBody .btn {
        padding: 6px 10px !important;
        width: 35px;
    }
}
@media only screen
and (min-width: 991px)
and (max-width: 1155px) {
    .portfolio-content .captionBody .btn {
        padding: 6px 9px !important;
        width: 32px;
    }
}
@media only screen
and (min-width: 560px)
and (max-width: 991px) {
    .portfolio-content .captionBody .btn {
        padding: 6px 9px !important;
        width: 32px;
    }
}
@media only screen
and (min-width: 510px)
and (max-width: 560px) {
    .portfolio-content .captionBody .btn {
        padding: 6px 7px !important;
        width: 29px
    }
}
@media only screen and (max-width: 510px) {
    .portfolio-content .captionBody .btn {
        padding: 6px 12px !important;
        width: 38px;
    }
}
.captionBody {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0;
}
.profile-usermenu {
    padding-bottom: 8px !important;
}
.taskCategory1 {
    background: #44b6ae!important;
}
.taskCategory3 {
    background: #E08283!important;
}
.taskCategory4 {
    background: #E87E04!important;
}
.taskCategory5 {
    background: #9B59B6!important;
}
.taskCategory6 {
    background: #2C3E50!important;
}
/*chance lost*/
.chanceResult5 {
    background: #e7505a!important;
}
/*chance used*/
.chanceResult6 {
    background: #44b6ae!important;
}
/*chance analysis*/
.chanceResult8 {
    background: #E87E04!important;
}
/*chance prepared*/
.chanceResult9 {
    background: #9B59B6!important;
}
/*chance confirmation*/
.chanceResult10 {
    background: #f3c200!important;
}
/*chance realization*/
.chanceResult11 {
    background: #26C281!important;
}
.padding-top-2 {
    padding-top: 2px;
}
.cbp-l-grid-projects-title {
    margin-top: 5px !important;
}
.portlet.calendar.light .fc-button.fc-state-active, .portlet.calendar.light .fc-button.fc-state-hover {
    border-bottom: 2px solid #5C9BD1;
}
.portlet.calendar .fc-event {
    background-color: #5C9BD1;
}
.fc-toolbar button {
    position: static;
}
.portlet.calendar.light .fc-button {
    padding-bottom: 0;
    margin-bottom: 25px;
}
.calendarWorkers div .dropdown-menu {
    left: -102px;
    text-align: right;
}
.calendarWorkers div .dropdown-menu ul li {
    min-width: 197px;
}
.portlet.calendar .mobile .fc-button {
    background-color: #fff;
}
.portlet.calendar .mobile .fc-button.fc-state-active, .portlet.calendar .mobile .fc-button.fc-state-hover {
    background-color: #fff;
}
.portlet.calendar .mobile .fc-button.fc-state-disabled {
    background-color: #fff;
    opacity: 1;
}
.portlet.calendar .mobile .fc-content {
     margin-top: 0;
}
span.subject,
span.message {
    margin-left: 0 !important;
}
.calendarWorkers {
    position: absolute;
    top: 65px;
    right: 125px;
}
.fc-center div,
.fc-center div h2 {
    display: inline-block;
}
.fc-toolbar {
    min-height: 67px;
}
@media only screen and (max-width: 523px) {
    .fc-toolbar {
        min-height: 126px;
    }
}
@media only screen and (min-width: 991px) {
    .previewEmailLength {
        font-size: 12px !important;
    }
    .dashboard-activities {
        min-height: 570px;
    }
}
@media only screen and (max-width: 385px) {
    .previewEmailLength {
        font-size: 12px !important;
    }
}

#loader_square{
    position:fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width:100%;
    height:100%;
    /*background-color:#666;*/
    background-image:url('../icons/squares.gif');
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
    opacity: 0.8;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.border_error {
    border-bottom: 1px solid #e73d4a !important;
}
.halfOpacity {
    opacity: .3;
}
.lostChanceComment {
    display: none;
}
.closeChanceIcon {
    vertical-align: top;
    padding-top: 8px;
}
.noPaddingTop {
    padding-top: 0 !important;
}
.previewUserBorderBottom {
    border-bottom: 1px solid #e7ecf1 !important;
}
.ibansListPreview.profile-usertitle-name,
.noMarginBottom.table {
    margin-bottom: 0;
}
.tooltip {
    z-index: 10501 !important;
}
@media only screen and (max-width: 1200px) {
    .nip-information {
        margin-bottom: 20px !important;
    }
    .nip-top-page {
        padding-top: 0 !important;
    }
}
@media only screen and (max-width: 1196px) {
    .calendarWorkers {
        right: 85px;
    }
}
.portlet.light>.portlet-title>.actions.previewWorkerButton .btn-icon-only {
    width: 40px;
}
.textAlignRightImportant {
    text-align: right !important;
}
.assignSaleTr td {
    font-size: 13px;
}
.width-23 {
    width: 23%;
}
.display-block {
    display: block;
}
.padding-bottom-30 {
    padding-bottom: 30px !important;
}
.border-radius-4 > button {
    border-radius: 4px !important;
}
.cont {
    margin-right: 0 !important;
}
@media only screen
and (min-width: 1200px)
and (max-width: 1500px) {
    .previewTaskDate,
    .previewChanceResult,
    .previewSaleDate {
        padding-left: 0;
    }
}
.noWrap {
    white-space: nowrap;
}
.width90 {
    width: 90%;
}
.previewHeader {
    margin: 5px 30px 5px 15px;
}
#image {
    max-width: 100%;
}
.cropper-view-box,
.cropper-face {
    border-radius: 50%;
}
.avatarSize {
    width: 29px;
    height: 29px;
}
.display-inline-block {
    display: inline-block;
}
.profilePicSize {
    width: 149px !important;
    height: 149px !important;
}
.width-74 {
    width: 74%;
}
a.whiteTag {
    color: #ffffff;
}
.padding-top-7 {
    padding-top: 7px;
}
@media only screen and (max-width: 1730px) {
    .crmContrahentListButton {
        display: block !important;
        float: none !important;
        text-align: center !important;
        padding-top: 25px;
    }
    .allContrahentsFilterButtons {
        float: none;
        text-align: center;
        width: 100%;
    }
}
@media only screen and (min-width: 1580px) {
    .activityActions {
        padding-top: 0 !important;
    }
}
@media only screen and (max-width: 1580px) {
    .invoicesFilterButtons {
        float: none;
        text-align: center;
        width: 100%;
    }
    .invoicesListButton {
        display: block !important;
        float: none !important;
        text-align: center !important;
        padding-top: 25px;
    }
    .activitiesFilterButtons,
    .activityActions {
        text-align: center !important;
        width: 100% !important;
        float: none;
        padding-top: 6px !important;
    }
}
@media only screen and (max-width: 1350px) {
    .crmAllChancesMargin,
    .crmAllSalesMargin {
        margin-top: 25px !important;
    }
    .allTasksFilterButtons,
    .allChancesFilterButtons,
    .allSalesFilterButtons {
        float: none;
        text-align: center;
        width: 100%;
    }
    .invoicesListButton,
    .crmTasksListButton,
    .crmChancesListButton,
    .crmSaleListButton {
        display: block !important;
        float: none !important;
        text-align: center !important;
        padding-top: 25px;
    }
}
@media only screen and (max-width: 1675px) {
    .crmContrahentTasksListButton,
    .crmContrahentSaleListButton,
    .crmContrahentChancesListButton,
    .usersSaleListButton,
    .usersChancesListButton,
    .crmUserTasksListButton {
        display: block !important;
        float: none !important;
        text-align: center !important;
        padding-top: 25px;
    }
    .contrahentTasksFilterButtons,
    .contrahentSalesFilterButtons,
    .contrahentChancesFilterButtons,
    .userSalesFilterButtons,
    .userChancesFilterButtons,
    .userTasksFilterButtons {
        float: none;
        text-align: center;
        width: 100%;
    }
    .contrahentTasksFilterButtons .tag.label,
    .contrahentSalesFilterButtons .tag.label,
    .contrahentChancesFilterButtons .tag.label,
    .userSalesFilterButtons .tag.label,
    .userChancesFilterButtons .tag.label,
    .userTasksFilterButtons .tag.label {
        display: inline-block;
        margin-top: 10px;
    }
    .filtersResetButtonContrahentTasks,
    .filtersResetButtonContrahentSales,
    .filtersResetButtonContrahentChances,
    .filtersResetButtonUsersSales,
    .filtersResetButtonUserChances,
    .filtersResetButtonUserTasks {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 1347px) {
    .filtersResetButtonActivities,
    .filtersResetButtonTills,
    .filtersResetButtonInvoices {
        margin-top: 10px;
    }
    .invoicesFilterButtons > .tag.label {
        display: inline-block;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 1170px) {
    .tag.label {
        display: inline-block;
        margin-top: 10px;
    }
    .activitiesReset,
    .filtersResetButtonAllTasks,
    .filtersResetButtonAllSales {
        margin-top: 10px;
    }
}
.padding-left-5 {
    padding-left: 5px;
}
.activitiesFilterButtons > .tag.label:hover,
.invoicesFilterButtons > .tag.label:hover,
.contrahentTasksFilterButtons > .tag.label:hover,
.contrahentSalesFilterButtons > .tag.label:hover,
.contrahentChancesFilterButtons > .tag.label:hover,
.userSalesFilterButtons > .tag.label:hover,
.userChancesFilterButtons > .tag.label:hover,
.userTasksFilterButtons > .tag.label:hover,
.allContrahentsFilterButtons > .tag.label:hover,
.allTasksFilterButtons > .tag.label:hover,
.allSalesFilterButtons > .tag.label:hover,
.allChancesFilterButtons > .tag.label:hover {
    background-color: rgba(155, 89, 182, 0.8)!important;
    transition: background-color 200ms linear;
}
.tagPadding {
    padding: 5px 11px !important;
}
.addTaskFromNavbar {
    margin-right: 95px;
}
.newMessageButtonNavbar {
    margin-right: 80px;
}
.no-margin-top {
    margin-top: 0 !important;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-important {
    padding: 0 !important;
}
@media only screen and (max-width: 580px) {
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:before {
        margin-right: 78px;
    }
    .nav.pull-right>li>.dropdown-menu, .nav>li>.dropdown-menu.pull-right {
        right: 75px;
    }
}
@media only screen and (max-width: 460px) {
    .modalFilterButtons {
        text-align: center !important;
    }
    .modalFilterButtons > button {
        float: none;
        margin-top:5px !important;
    }
}

@media only screen and (min-width: 1310px) {
    .companyNip {
        margin-right: 25px;
    }
}
@media only screen
and (max-width: 1310px)
and (min-width: 991px) {
    .companyNip {
        margin-right: 16px;
        margin-left: 16px;
    }
}
@media only screen
and (max-width: 991px)
and (min-width: 768px) {
    .companyNip {
        margin-right: 25px;
    }
}
@media only screen and (max-width: 768px) {
    .companyNip {
        margin-right: 16px;
        margin-left: 16px;
    }
}
.profileAddInvoice {
    padding: 6px 15px;
}

@media only screen and (min-width: 768px) {
    .remindersSenderInfo {
        position: absolute;
        left: 40%;
        top: 57px;
    }
}

@media only screen and (min-width: 768px) {
    .changeCompanyDiv {
        position: absolute;
        right: 20px;
        top: 65px;
    }
}
.changeCompanyDiv div .dropdown-menu {
    left: -45px;
}
.invoiceSummaryLeftSideClear {
    border-left: 1px solid white !important;
    border-bottom: 1px solid white !important;
}
.invoiceSummaryRightSideClear {
    border-right: 1px solid white !important;
    border-bottom: 1px solid white !important;
}
@media only screen and (max-width: 436px) {
    .invoiceShowMorePrint {
        text-align: center;
    }
    .invoicePrintList,
    #loadMoreInvoices {
        float: none;
    }
    .invoicePrintList {
        margin-top: 10px;
    }
}
@media only screen and (min-width: 768px) {
    .leftToPaySummary,
    .grossValueSummary {
        text-align: right !important;
    }
}
.prevCrmAbsolute {
    position: absolute;
    right: 245px;
    top: 0;
}
.nextCrmAbsolute {
    position: absolute;
    right: -25px;
    top: 0;
}
.addTaskResponsible > .select2-container {
    border: 1px solid #c2cad8;
    border-radius: 4px;
    width:100% !important;
    padding-right: 68px;
}
.taskTypeIndividual {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.taskTypeGroup {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -4px;
}
.buttonIconWidth,
.taskTypeIconWidth {
    width: 15px;
}
.opacity-65 {
    opacity: 0.65;
}
.addTaskResponsibleButtons {
    position: absolute;
    right: 20px;
    top: 16px;
    z-index: 50;
}
.checksColor {
    color: #979797;
}
@media only screen and (max-width: 1790px) {
    .taskTypeInfo {
        margin-top: 10px !important;
    }
}
@media only screen
and (max-width: 1790px)
and (min-width: 1199px) {
    .taskTypeInputGroup {
        width: 35% !important;
    }
    .taskTypeInfo {
        width: 100% !important;
    }
}

a.selected {
    z-index:100;
}

.messagepop {
    background-color:#FFFFFF;
    border: 1px solid #eee;
    cursor:default;
    display:none;
    margin-top: 26px;
    margin-bottom: 21px;
    position:absolute;
    text-align:left;
    border-radius: 4px;
    min-width:205px;
    z-index:50;
    padding: 5px 10px 5px;
    box-shadow: 5px 5px rgba(102,102,102,.1);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

/*label {*/
    /*display: block;*/
    /*margin-bottom: 3px;*/
    /*padding-left: 15px;*/
    /*text-indent: -15px;*/
/*}*/

.messagepop p, .messagepop.div {
    border-bottom: 1px solid #EFEFEF;
    margin: 8px 0;
    padding-bottom: 8px;
}
.closeMore {
    margin-left: 15px;
}
.responsibleMore {
    margin-top: 5px !important;
}
.taskHistoryMarginBottom {
    margin-bottom: 150px;
}
.responsible_error {
    border: 1px solid #e73d4a !important;
}
.listStyleTypeNone {
    list-style-type: none;
}
.responsibleAllList {
    margin:5px 5px;
}
.addTaskResponsibleButtonsModal {
    position: absolute;
    right: 20px;
    top: 25px;
    z-index: 50;
}
.contrahentTasksFilterButtons > .tag.label,
.allTasksFilterButtons  > .tag.label {
    display: inline-block !important;
    margin-top: 5px;
}
.taskFilterReset {
    display: inline-block;
    margin: 5px 0;
}
.padding-left-40 {
    padding-left: 40px !important;
}
.disabledBorderBottom {
    border-bottom: 1px dashed #c2cad8 !important;
}
.display-none-important {
    display: none !important;
}
.line-through {
    text-decoration: line-through;
}
.inactiveColor {
    color: #999999 !important;
}
.width-8 {
    width: 8%;
}
.height-40 {
    height: 40px;
}
.activityBG1 {
    background: #5C9BD1!important;
}
.activityBG2 {
    background: #E87E04!important;
}
.activityBG3 {
    background: #e7505a!important;
}
.activityBG4 {
    background: #9B59B6!important;
}
.activityBG5 {
    background: #E08283!important;
}
.activityBG6 {
    background: #67809F!important;
}
.activityBG7 {
    background: #2f353b!important;
}
.activityBG8 {
    background: #e1e5ec!important;
}
.activityBG76 {
    background: #e1e5ec!important;
}
.activityBG9 {
    background: #32C5D2 !important;
}
.activityBG10 {
    background: #5C9BD1!important;
}
.activityBG11 {
    background: #E87E04!important;
}
.activityBG12 {
    background: #e7505a!important;
}
.activityBG13 {
    background: #5C9BD1!important;
}
.activityBG14 {
    background: #E87E04!important;
}
.activityBG15 {
    background: #e7505a!important;
}
.activityBG16 {
    background: #5C9BD1!important;
}
.activityBG17 {
    background: #E87E04!important;
}
.activityBG18 {
    background: #e7505a!important;
}
.activityBG19 {
    background: #1BA39C!important;
}
.activityBG20 {
    background: #5C9BD1!important;
}
.activityBG21 {
    background: #E87E04!important;
}
.activityBG22 {
    background: #f2784b!important;
}
.activityBG23 {
    background: #29b4b6!important;
}
.activityBG24 {
    background: #5C9BD1!important;
}
.activityBG25 {
    background: #E87E04!important;
}
.activityBG26 {
    background: #e7505a!important;
}
.activityBG27 {
    background: #67809F!important;
}
.activityBG28 {
    background: #2f353b!important;
}
.activityBG29 {
    background: #67809F!important;
}
.activityBG30 {
    background: #2f353b!important;
}
.activityBG31 {
    background: #5C9BD1!important;
}
.activityBG32 {
    background: #E87E04!important;
}
.activityBG33 {
    background: #BFBFBF!important;
}
.activityBG34 {
    background: #1BBC9B!important;
}
.activityBG35 {
    background: #5C9BD1!important;
}
.activityBG36 {
    background: #E87E04!important;
}
.activityBG37 {
    background: #e7505a!important;
}
.activityBG38 {
    background: #5C9BD1!important;
}
.activityBG39 {
    background: #E87E04!important;
}
.activityBG40 {
    background: #e7505a!important;
}
.activityBG41 {
    background: #5C9BD1!important;
}
.activityBG42 {
    background: #E87E04!important;
}
.activityBG43 {
    background: #e7505a!important;
}
.activityBG44 {
    background: #67809F!important;
}
.activityBG45 {
    background: #2f353b!important;
}
.activityBG46 {
    background: #5C9BD1!important;
}
.activityBG47 {
    background: #E87E04!important;
}
.activityBG48 {
    background: #32C5D2 !important;
}
.activityBG49 {
    background: #67809F!important;
}
.activityBG50 {
    background: #2f353b!important;
}
.activityBG51 {
    background: #e7505a!important;
}
.activityBG52 {
    background: #5C9BD1!important;
}
.activityBG53 {
    background: #E87E04!important;
}
.activityBG54 {
    background: #32C5D2 !important;
}
.activityBG55 {
    background: #e7505a!important;
}
.activityBG56 {
    background: #E87E04!important;
}
.activityBG57 {
    background: #5C9BD1!important;
}
.activityBG58 {
    background: #5C9BD1!important;
}
.activityBG59 {
    background: #E87E04!important;
}
.activityBG60 {
    background: #BFBFBF!important;
}
.activityBG61 {
    background: #1BBC9B!important;
}
.activityBG62 {
    background: #5C9BD1!important;
}
.activityBG63 {
    background: #E87E04!important;
}
.activityBG64 {
    background: #e7505a!important;
}
.activityBG65 {
    background: #e7505a!important;
}
.activityBG66 {
    background: #1BA39C!important;
}
.activityBG67 {
    background: #e1e5ec!important;
}
.activityBG68 {
    background: #f3c200!important;
}
.activityBG69 {
    background: #5C9BD1!important;
}
.activityBG70 {
    background: #5C9BD1!important;
}
.activityBG71 {
    background: #E87E04!important;
}
.activityBG72 {
    background: #e7505a !important;
}
.activityBG73 {
    background: #1BBC9B!important;
}
.activityBG74 {
    background: #5C9BD1!important;
}
.activityBG75 {
    background: #e7505a!important;
}

.activeLog {
    border-color: #3782c3 !important;
}
.activityColor1 {
    color: #5C9BD1!important;
}
.activityColor2 {
    color: #E87E04!important;
}
.activityColor3 {
    color: #e7505a!important;
}
.activityColor4 {
    color: #9B59B6!important;
}
.activityColor5 {
    color: #E08283!important;
}
.activityColor6 {
    color: #67809F!important;
}
.activityColor7 {
    color: #2f353b!important;
}
.activityColor8 {
    color: #e1e5ec!important;
}
.activityColor76 {
    color: #e1e5ec!important;
}
.activityColor9 {
    color: #32C5D2 !important;
}
.activityColor10 {
    color: #5C9BD1!important;
}
.activityColor11 {
    color: #E87E04!important;
}
.activityColor12 {
    color: #e7505a!important;
}
.activityColor13 {
    color: #5C9BD1!important;
}
.activityColor14 {
    color: #E87E04!important;
}
.activityColor15 {
    color: #e7505a!important;
}
.activityColor16 {
    color: #5C9BD1!important;
}
.activityColor17 {
    color: #E87E04!important;
}
.activityColor18 {
    color: #e7505a!important;
}
.activityColor19 {
    color: #1BA39C!important;
}
.activityColor20 {
    color: #5C9BD1!important;
}
.activityColor21 {
    color: #E87E04!important;
}
.activityColor22 {
    color: #f2784b!important;
}
.activityColor23 {
    color: #29b4b6!important;
}
.activityColor24 {
    color: #5C9BD1!important;
}
.activityColor25 {
    color: #E87E04!important;
}
.activityColor26 {
    color: #e7505a!important;
}
.activityColor27 {
    color: #67809F!important;
}
.activityColor28 {
    color: #2f353b!important;
}
.activityColor29 {
    color: #67809F!important;
}
.activityColor30 {
    color: #2f353b!important;
}
.activityColor31 {
    color: #5C9BD1!important;
}
.activityColor32 {
    color: #E87E04!important;
}
.activityColor33 {
    color: #BFBFBF!important;
}
.activityColor34 {
    color: #1BBC9B!important;
}
.activityColor35 {
    color: #5C9BD1!important;
}
.activityColor36 {
    color: #E87E04!important;
}
.activityColor37 {
    color: #e7505a!important;
}
.activityColor38 {
    color: #5C9BD1!important;
}
.activityColor39 {
    color: #E87E04!important;
}
.activityColor40 {
    color: #e7505a!important;
}
.activityColor41 {
    color: #5C9BD1!important;
}
.activityColor42 {
    color: #E87E04!important;
}
.activityColor43 {
    color: #e7505a!important;
}
.activityColor44 {
    color: #67809F!important;
}
.activityColor45 {
    color: #2f353b!important;
}
.activityColor46 {
    color: #5C9BD1!important;
}
.activityColor47 {
    color: #E87E04!important;
}
.activityColor48 {
    color: #32C5D2 !important;
}
.activityColor49 {
    color: #67809F!important;
}
.activityColor50 {
    color: #2f353b!important;
}
.activityColor51 {
    color: #e7505a!important;
}
.activityColor52 {
    color: #5C9BD1!important;
}
.activityColor53 {
    color: #E87E04!important;
}
.activityColor54 {
    color: #32C5D2 !important;
}
.activityColor55 {
    color: #e7505a!important;
}
.activityColor56 {
    color: #E87E04!important;
}
.activityColor57 {
    color: #5C9BD1!important;
}
.activityColor58 {
    color: #5C9BD1!important;
}
.activityColor59 {
    color: #E87E04!important;
}
.activityColor60 {
    color: #BFBFBF!important;
}
.activityColor61 {
    color: #1BBC9B!important;
}
.activityColor62 {
    color: #5C9BD1!important;
}
.activityColor63 {
    color: #E87E04!important;
}
.activityColor64 {
    color: #e7505a!important;
}
.activityColor65 {
    color: #e7505a!important;
}
.activityColor66 {
    color: #1BA39C!important;
}
.activityColor67 {
    color: #e1e5ec!important;
}
.activityColor68 {
    color: #f3c200!important;
}
.activityColor69 {
    color: #5C9BD1!important;
}
.activityColor70 {
    color: #5C9BD1!important;
}
.activityColor71 {
    color: #E87E04!important;
}
.activityColor72 {
    color: #e7505a!important;
}
.activityColor73 {
    color: #1BBC9B!important;
}
.activityColor74 {
    color: #5C9BD1!important;
}
.activityColor75 {
    color: #e7505a!important;
}

.width-65 {
    width: 65%;
}
.font-bold {
    font-weight: bold;
}
.cursor-not-allowed {
    cursor: not-allowed !important;
}
#loaderContainer {
    position:absolute;
    background-color: #ffffff;
    width:100%; height:100%;
    top:0; left:0; bottom:0; right:0;
    text-align:center; vertical-align:middle;
    z-index: 100;
}
.previewPrintButton {
    position: absolute;
    top: 65px;
    right: 20px;
}
.padding-10-important {
    padding: 10px !important;
}
.activityButton {
    margin: 0 5px 0 0 !important;
}
.tillInvoiceTr td {
    padding: 8px !important;
}
.invoiceTillModalCurrency {
    text-align: right;
}
.margin-0 {
    margin: 0;
}

.companyRight{
     float: right !important;
     max-width: 360px !important;
 }

.company60{
    max-width: 60% !important;
}