/*
    Document   : elements
    Created on : Feb 6, 2013, 6:41:43 PM
    Description:
        Styles of page elements.
*/

img {
    max-width: 100%; /* fix img width */
}
table {
    border-collapse: collapse;
}
::-ms-clear {
    display: none;
}
button:focus {
    outline: none;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
input[type='text'], input[type="password"] {
    height: 14px;
    line-height: 14px;
}
.loginForm {
    padding: 7px;
    width: 250px;
    margin: 5% auto;
    border: 1px solid #94b032;
}
#resetPasswordForm {
    width: 410px;
}

.loginForm.resetPasswordContainer {
    width: 430px;
}
.loginForm .ui-messages-error, #checkAuthForm .ui-messages-error {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
.loginForm .ui-messages-error-summary, #checkAuthForm .ui-messages-error-summary {
    color: red;
    font-weight: normal;
}
body, html {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    background: #eef3dc;
    margin: 0;
    padding: 0;
    width: 100%;
    /*   height: 100%;*/
}
h2 {
    font-size: 18px;
    text-align: center !important;
    margin: 1px 0;
    padding: 0;
    font-weight: bold;
}
.mc-menuBar {
    margin-top: -6px;
}
.alignRight {
    float: right;
}
.alignRight button {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    height: 18px !important;
}
#headerForm {
    min-width: 1160px;
    height: 76px;
}
.headerContainer {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 20;
}
.alignLeft {
    float: left !important;
}
.clearBoth {
    clear: both;
}

#headerForm p {
    margin: 12px 0 0;
    width: auto;
}
#headerForm\:headerPanel_content>img {
    float: left;
    margin: 10px 15px 0 0;
}
#headerForm .ui-panel .ui-button-text-only, #contentForm .newButton.ui-widget.ui-button,
#contentForm button[type=button].newButton.ui-widget.ui-button.ui-state-default.ui-corner-all.ui-button-text-only,
.ui-wizard-nav-next, .ui-wizard-nav-back, .newButton {
    background: none !important;
    border: medium none !important;
    border-radius: 6px;
    color: #668f6c !important;
    font-size: 12px;
    font-weight: bold !important;
    height: 21px;
    margin: 0 15px 0 0 !important;
    text-align: right;
    text-shadow: 1px 1px 1px #fff !important;
}
.newButton:last-child, #contentForm .newButton.ui-widget.ui-button:last-child {
    margin-right: 0 !important;
}
/* Buttons Refresh, Close all, Update - start */
#headerForm .ui-button.button-close-all, #headerForm .ui-button.button-request,
#headerForm .ui-button.button-refresh,
.ui-fieldset-legend, .pageWithTable .ui-datatable-header .ui-button,
.pickListLegend, #contentForm .newButton.ui-widget.ui-button,
#contentForm button[type=button].newButton.ui-widget.ui-button.ui-state-default.ui-corner-all.ui-button-text-only,
.ui-wizard-nav-next, .ui-wizard-nav-back, #headerForm .ui-button.ui-state-disabled.button-request:hover,
.pageWithTable .ui-datatable-header .ui-button.ui-state-disabled:hover, .newButton {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFFF4), color-stop(1, #CED9A5)) !important;
    background-image: -o-linear-gradient(bottom, #FDFFF4 0%, #CED9A5 100%) !important;
    background-image: -moz-linear-gradient(bottom, #FDFFF4 0%, #CED9A5 100%) !important;
    background-image: -webkit-linear-gradient(bottom, #FDFFF4 0%, #CED9A5 100%) !important;
    background-image: -ms-linear-gradient(bottom, #FDFFF4 0%, #CED9A5 100%) !important;
    background-image: linear-gradient(to bottom, #FDFFF4 0%, #CED9A5 100%) !important;
    border: 3px solid #80a15a !important;
    box-shadow: none !important;
}
#headerForm .ui-button.button-close-all:hover, #headerForm .ui-button.button-request:hover,
#headerForm .ui-button.button-refresh:hover, .pageWithTable .ui-datatable-header .ui-button:hover,
#contentForm .newButton.ui-widget.ui-button:hover,
#contentForm button[type=button].newButton.ui-widget.ui-button.ui-state-default.ui-corner-all.ui-button-text-only:hover,
.ui-wizard-nav-next:hover, .ui-wizard-nav-back:hover, .newButton:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CED9A5), color-stop(1, #FDFFF4)) !important;
    background-image: -o-linear-gradient(bottom, #CED9A5 0%, #FDFFF4 100%) !important;
    background-image: -moz-linear-gradient(bottom, #CED9A5 0%, #FDFFF4 100%) !important;
    background-image: -webkit-linear-gradient(bottom, #CED9A5 0%, #FDFFF4 100%) !important;
    background-image: -ms-linear-gradient(bottom, #CED9A5 0%, #FDFFF4 100%) !important;
    background-image: linear-gradient(to bottom, #CED9A5 0%, #FDFFF4 100%) !important;
    border-color: #a2c57a !important;
}
/* Any disabled element will not change on hover */
.ui-state-disabled {
    pointer-events: none;
}
.newButton, .ui-wizard-nav-next, .ui-wizard-nav-back {
    height: 28px !important;
}
.ui-wizard-nav-next, .ui-wizard-nav-back {
    margin: 0 15px 15px !important;
}
.ui-tabs .ui-tabs-navscroller-btn-right, .ui-tabs .ui-tabs-navscroller-btn-left {
    height: 26px !important;
    border: none;
    width: 21px;
}
.ui-tabs .ui-tabs-navscroller-btn-left {
    background: url("/mobile/javax.faces.resource/css/images/arrow_left.png.xhtml?ln=default") no-repeat !important;
}
.ui-tabs .ui-tabs-navscroller-btn-right {
    background: url("/mobile/javax.faces.resource/css/images/arrow_right.png.xhtml?ln=default") no-repeat !important;
}
#headerForm .ui-button.button-request {
    width: 85px;
    padding: 0 0 22px;
}
.button-request .ui-c {
    background: url("/mobile/javax.faces.resource/css/images/request-ic.png.xhtml?ln=default") no-repeat scroll 5px 5px !important;
}
#headerForm .ui-button.button-close-all {
    padding: 0px 0px 22px 5px;
}
#headerForm .ui-button.button-refresh {
    padding: 0 0 22px 22px;
    margin-left: -21px !important;
}
.button-close-all .ui-c {
    background: url("/mobile/javax.faces.resource/css/images/close-all-ic.png.xhtml?ln=default") no-repeat !important;
    background-position: 2px 6px !important;
    padding-left: 17px !important;
}
.button-refresh .ui-button-text.ui-c {
    padding-left: 0;
}
.button-refresh span:before, .loadingMessage:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: url("/mobile/javax.faces.resource/images/ajaxStatusDefault.png.xhtml?ln=default") no-repeat;
}
.button-refresh span:before {
    left: 2px;
    top: 3px;
}
.loadingMessage {
    position: relative;
}
.loadingMessage:before {
    right: -22px;
    top: 2px;
}
.ajaxStatusProgress:before, .loadingMessage:before {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
/* Buttons Refresh, Close all, Update - end */
#headerForm .ui-panel .ui-button-text-only.ui-state-hover span {
    color: #4D6C52;
}
#headerForm .ui-panel .ui-button-text-only.ui-state-hover {
    box-shadow: none;
}
#headerForm .ui-panel-content.ui-widget-content {
    /* margin-top: -7px; */
}
.headerPanel__topBlock {
    overflow: hidden;
}
#headerForm\:contextsGroup, #headerForm\:routingsGroup{
    display: block;
    position: relative;
    top: 6px;
    right: 0;
    float: left;
    z-index: 9999;
}
#headerForm\:contextsGroup .chosen-container.chosen-with-drop,
#headerForm\:routingsGroup .chosen-container.chosen-with-drop {
    position: relative;
}
#headerForm\:contextsGroup .chosen-height {
    width: 110px;
    margin-right: 10px;
}
#headerForm\:routingsGroup .chosen-height {
    width: 150px;
}
#headerForm .ui-selectonemenu {
    height: 20px;
    width: 95px !important;
    margin-left: 30px;
}
#headerForm\:routingsGroup .ui-selectonemenu {
    width: 145px !important;
}
#headerForm .ui-selectonemenu label {
    color: #668F6C;
    font-size: 13px;
    line-height: 20px;
    padding: 0 3px;
}
#headerForm .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s {
    top: -3px;
}
#logout_link {
    background: #f4f8e1 !important;
    display: block;
    margin: 3px 0 0 10px;
    text-align: left;
    line-height: 21px;
    height: 22px;
    border-radius: 6px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
    border: 3px solid #80a15a;
    width: 76px;
    float: left;
}
#logout_link:hover {
    border-color: #a2c57a !important;
}
#logout_link a {
    background: url("/mobile/javax.faces.resource/css/images/logout-ic.png.xhtml?ln=default") no-repeat scroll 54px 4px;
    padding: .3em 50px .3em 1em;
    text-decoration: none;
    color: #668f6c;
    font-size: 12px;
}
#logout_link a:hover {
    color: #4D6C52;
}
#headerForm\:buttons {
    display: block;
    float:right;
    width: auto;
    margin-top: 7px;
}
#headerPanel {
    position: relative;
    z-index: 3;
    background: repeat-x url("/mobile/javax.faces.resource/css/images/toppanel_bg.png.xhtml?ln=default");
    padding: 0 22px;
    line-height: 30px;
}
#headerPanel a, #headerPanel>* {
    color: #668f6c;
}
#menuPanel {
    position: relative;
    z-index: 101;
    top: 0;
    height: 40px;
    background: repeat-x url("/mobile/javax.faces.resource/css/images/headpanel_bg.png.xhtml?ln=default");
    border-bottom: 1px solid #92bf73;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#menuPanel table td img {
    vertical-align: middle;
    position: relative;
    top: -4px;
}
#contentForm {
    padding-top: 155px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Submit button - start */
#contentForm button[type='submit'],
#contentForm button[type="button"].ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
.ui-dialog .ui-button,
.ui-confirmdialog-no,
.ui-confirmdialog-yes,
.ui-fileupload-upload,
.ui-fileupload-choose,
.ui-fileupload-cancel {
    border-radius: 6px;
    border: none !important;
    color: #fff !important;
    font: bold 13px/30px Arial !important;
    height: 26px;
    cursor: pointer;
    width: auto;
    padding: 0 15px;
    position: relative;
    text-decoration: none;
    text-shadow: rgba(0,0,0,0.2) 0 1px 0;
    box-shadow: rgba(0,0,0,0.5) 0px 1px 0 0px;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 2px;
    margin-right: 2px;
}
.ui-fileupload-upload,
.ui-fileupload-choose,
.ui-fileupload-cancel {
    background: linear-gradient(top, #84B264 25%, #6C9352 75%) !important;
    background: -o-linear-gradient(top, #84B264 25%, #6C9352 75%) !important;
    background: -moz-linear-gradient(top, #84B264 25%, #6C9352 75%) !important;
    background: -webkit-linear-gradient(top, #84B264 25%, #6C9352 75%) !important;
    background: -ms-linear-gradient(top, #84B264 25%, #6C9352 75%) !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.25, #84B264),color-stop(0.75, #6C9352)) !important;
    -pie-background: linear-gradient(#84B264, #6C9352) !important;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5);
    height: 28px;
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 0;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    width: 135px;
    color: #fff !important;
}
.fileExportIcon {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display: block;
    background: url("/mobile/javax.faces.resource/css/images/export-ico.png.xhtml?ln=default") no-repeat;
}
.simpleButton_hours24 {
    display: inline-block;
    background: #F4F8E1;
    margin: 0 2px;
    padding: 0 10px;
    text-shadow: 1px 1px 1px #fff;
    border: 1px solid #a4ba83;
    height: 22px;
    line-height: 22px;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
}
.simpleButton_hours24:hover {
    border-color: #80a15a !important;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #D2DDAC),color-stop(1, #F7FAEA)) !important;
    background-image: -o-linear-gradient(bottom, #D2DDAC 0%, #F7FAEA 100%) !important;
    background-image: -moz-linear-gradient(bottom, #D2DDAC 0%, #F7FAEA 100%) !important;
    background-image: -webkit-linear-gradient(bottom, #D2DDAC 0%, #F7FAEA 100%) !important;
    background-image: -ms-linear-gradient(bottom, #D2DDAC 0%, #F7FAEA 100%) !important;
    background-image: linear-gradient(to bottom, #D2DDAC 0%, #F7FAEA 100%) !important;
}
.ui-state-disabled+.simpleButton_hours24:hover {
    background: #F4F8E1 !important;
    border-color: #a4ba83 !important;
}
.simpleButton_hours24 label {
    color: #3f6a45 !important;
}
.simpleButton_hours24 input {
    display: none;
}
.simpleButton_hours24 button {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    opacity: 0;
}
.ui-confirmdialog-no.ui-state-hover, .ui-confirmdialog-yes.ui-state-hover {
    border: inherit !important;
    color: #FFF !important;
}
.ui-confirmdialog-no.ui-state-hover .ui-button-text .ui-c, .ui-confirmdialog-yes.ui-state-hover .ui-button-text .ui-c {
    text-decoration: underline !important;
}
/* Submit button - end */
.simpleText {
    margin-left: 20px !important;
}
/* Author Yuriy Leshcnenko */
.outerPanel {
    background: none;
    margin: auto;
    text-align: center;
    width: 70%;
}
.outerPanel .ui-panel-titlebar {
    background: #E7ECD3;
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    line-height: 16px;
    padding: 10px !important;
    width: auto;
}
.outerPanel .ui-panel-titlebar .ui-panel-title {
    margin: 0 !important;
    padding: 0;
}
.outerPanel p {
    font: 15px/22px Arial;
    text-indent: 30px;
    text-align: justify;
}
.fieldsetCentered .ui-fieldset-content {
    text-align: center;
}
.outerPanel h1, .outerPanel h2 {
    text-align: center;
    margin: auto;
}
.outerPanel h4 {
    text-align: center;
    margin: 5px auto 0px;
    color: black;
}
.outerPanel img {
    display: block;
    margin: auto;
}
.contactsPanel {
    color: #000;
}
.contactsPanel p {
    width: 100%;
    font: 15px/22px Arial;
    text-align: center;
    margin: 0;
}
.contactsPanel .ui-fieldset {
    padding: 2px;
    margin-bottom: 20px;
}
.contactsPanel {
    margin-bottom: 30px;
}
.desCodesPanel {
    width: 100% !important;
    margin: 0px;
}
.desCodesPanel table {
    margin-bottom: 15px;
    text-align: left;
}
.desCodesPanel li {
    list-style-type: none;
}
.ajaxStatus {
    display: inline-block;
    left: 3px;
    position: relative;
    top: 5px;
    z-index: 3;
}
/* Modification of Primefaces structural theme elements */
textarea {
    border-radius: 0 !important;
}
.shortTextArea {
    min-width: 290px;
    max-width: 290px;
}
.middleTextArea {
    min-width: 450px;
    max-width: 450px;
}
.autoScrolls {
    overflow: auto !important;
}
.descriptionAreaStyle {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    overflow: hidden !important;
}
/* Event Editor */
.hidden_btn {
    visibility: hidden;
    position: absolute !important;
    width: 0px !important;
    height: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.prepare_tt {
    width: 800px;
}
.warningTypesBox td label {
    padding-left: 5px;
}
.price_upload_target {
    overflow: auto;
    width: 200px;
    height: 350px;
}
.panelGroupTimeZone {
    overflow: hidden;
}
.outputTimezoneValue {
    display: inline-block;
    float: left;
    width: 75px;
}
.slider {
    display: inline-block;
    float: left;
    width: 250px;
}
.error {
    color: #f00;
}
.finSummary {
    padding-top: 40px;
}
.newFinSummary .error {
    font-size: 13px;
    font-weight: bold;
}
#form\:loadingResult .finSummaryTimeoutError {
    padding: 5px;
    font-size: 12px;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #B94A48;
    display: block;
    margin-bottom: 10px !important;
}
.finSummaryLoading {
    color: #4d6c52;
    font-size: 18px;
}
.success {
    color: #206B15;
}
.fontBlue, .fontBlue td, .fontBlue a {
    color: #36f !important;
}
.fontRed, .fontRed td, .fontRed a {
    color: #f30 !important;
}
.fontGray, .fontGray td, .fontGray span, .fontGray a {
    color: #888;
}
.fontRedImportant, .fontGray td.fontRedImportant {
    color: #f30 !important;
}
.fontBlueImportant, .fontGray td.fontBlueImportant {
    color: #36f !important;
}
.negativeData, .tabsWrapper label.noData {
    color: #f00 !important;
    font-weight: bold !important;
}
.miniDialog {
    width: 320px !important;
}
/* PRICE CREATION*/
.availableTariffs, .allowedTariffs {
    width: 300px !important;
    height: 300px !important;
}
.panelInWizard {
    overflow: hidden;
}
.tariffsPickList .ui-picklist-button-add-all {
    display: none;
}
.tariffsPickList .ui-picklist-button-remove-all {
    display: none;
}

/* Ширина столбцов - start */

.report_table_inner table {
    table-layout: fixed;
}
.report_table_inner td {
    overflow: hidden;
}
.column-date-time {
    max-width: 65px;
}
.column-date-time-line {
    max-width: 9.5em !important;
    min-width: 9.5em !important;
}
/* Ширина столбцов - end */
tbody .column-centered-content, thead .column-centered-header {
    text-align: center !important;
}
.column-long-value .ui-selectonemenu {
    width: 6em !important;
}
.column-regexp {
    max-width: 14em;
    text-overflow: ellipsis;
}
.rtp-ip-text {
    font-size: 13px;
}
.checkboxWithLabel, .checkboxWithLabelLeft {
    width: auto !important;
}
.checkboxWithLabelLeft .ui-chkbox-label {
    margin-right: 10px !important;
}
.checkboxWithLabelLeft .ui-chkbox-box.ui-state-default {
    margin-right: 0 !important;
}
hr {
    width: 100%;
}
#contentForm\:accordion\:balanceTable .balanceName,
#contentForm\:balances .balanceName{
    max-width: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*Active Calls*/
tbody .activeCall-deltaPrice-not-valid td {
    color: #f30 !important;
}
tbody td.loop-call {
    background: #ffff00 !important;
}
/*Active Calls (END)*/

/* Incoming/Outgoing calls */
tbody .lowAsrAcd {
    background: red !important;
}
/* Incoming/Outgoing calls (END) */

/* Call path incoming/Outgoing */

.tp-withoutEnabledIp td {
    background: #E5E5E5 !important;
}
tbody .tpPrice-deltaPrice-notValid {
    background: #E98084 !important;
}
tbody .tp-disabled, tbody .tp-price-disabled {
    background: #E10B0B !important;
}
tbody .dpName-stopHunt-enabled {
    background: #ACAEA7 !important;
}
tbody .op-allowCalls-within-one-company, .op-allowCalls-within-one-company td {
    background: #DF0101 !important;
}
tbody .opPrice-deltaPrice-not-valid {
    background: #E98084 !important;
}
tbody .op-disabled {
    background: #E10B0B !important;
}
.op-tp-owned-by-one-company td {
    background: #DF0101 !important;
}
/* Call path incoming/Outgoing (END)*/

/* Price Creation */
.priceCreation-recentlyClosed {
    color: #00f;
}
.priceCreation-covered {
    color: #808080;
}
.priceCreation-notEnoughTariffs {
    color: #f00;
}
/* Price Creation (END) */

/* реконструкция форм */
.formsWrapperDiv {
    overflow: hidden;
    padding: .3em 5px;
}
.formCenter>.formsFloatDiv {
    margin-right: 10px;
}
.formsFloatDiv {
    float: left;
}
.formsFloatDivRight {
    float: right;
    margin-left: 10px;
}
.formsLabels, .formsLabelsLeft {
    padding: 5px 8px 5px 3px !important;
    display: block !important;
    margin-bottom: 3px;
    line-height: 14px !important;
}
.formsLabels {
    text-align: right;
}
.formsLabelsLeft {
    padding-left: 0px !important;
}
.twoLineLabel {
    padding: 0 8px 0 3px !important;
    line-height: 12px !important;
}
.formsInputElem, .formsInputElem input {
    margin-bottom: 3px;
    display: block;
}
.formsInputMin {
    width: 30px !important;
}
.formsInputLess {
    width: 40px !important;
}
.formsInputShort {
    width: 75px !important;
}
.amountPeriod .formsInputShort {
    width: 106px !important;
}
.formsInputMiddle input, .formsInputMiddle, .formsInputMiddleContainerOnly {
    width: 150px !important;
}
.formsInputLong {
    width: 252px !important;
}
.formsOneMenuWidth {
    width: 158px !important;
}
.formsOneMenuWidth.ui-selectmanymenu {
    width: 156px !important;
}
.formsOneMenuWidthLong {
    width: 260px !important;
}
.formsOneMenuWidthLongest{
    width: 100% !important;
}
.warningsDatePeriod {
    width: 220px !important;
    margin: 1px 0 0 !important;
}
.warningsDatePeriod+div {
    margin-top: 1px !important;
}
#contentForm\:warningsReport\:period {
    margin-top: 0 !important;
}
#contentForm\:accordion\:hosts, #contentForm\:hosts,
#contentForm\:activeCallsAccordion\:hosts, .ulHeight {
    height: auto;
}
#contentForm\:activeCallsAccordion\:detectLoopCalls {
    height: 22px;
    margin-right: 16px;
    float: right;
}
.formsLabelsNotif {
    width: auto;
    margin-left: 30px;
}
.formsTextAfterLongArea {
    margin-top: 58px;
}
.formsButton {
    display: block !important;
}
.formsButtonInDialog {
    margin: 3px 2px 6px 0 !important;
}
.formsChkBox {
    display: block;
}
.formsPickList {
    margin: 0 auto;
}
.hasDatepicker {
    margin-bottom: 3px !important;
    width: 142px !important;
}
.formsOneMenuWidthLong .hasDatepicker {
    width: 252px !important;
    background-position-x: 98% !important;
}
.formsInputMiddle .hasDatepicker {
    width: 150px !important;
}
.amountPeriod {
    width: 260px;
}
/**/
.datepicker-hideMinute .ui_tpicker_minute_label, .datepicker-hideMinute .ui_tpicker_minute {
    display: none;
}
/**/
/* Warning Reports */
.floatListBox {
    float: left;
    width: auto;
    margin-right: 20px;
}

/* New tabs in Call charts */
.tabsWrapper {
    width: 835px;
    border: 1px solid #B9B997;
    margin: 6px 0;
    text-align: center;
    padding: 10px 0 !important;
    height: auto !important;
    background: #dee6c6;
}
.tabsWrapper ul {
    background-color: #dee6c6;
    height: 24px;
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .2);
    padding: 6px 10px 1px !important;
    display: inline-block;
    left: -240px;
    position: relative;
}
.diagramsTabsWrapper ul {
    height: auto;
    left: 0;
}
#contentForm .tabsWrapper ul li {
    margin-right: 5px !important;
    border: none !important;
    height: 24px;
    margin-bottom: 0px !important;
}
#contentForm .tabsWrapper ul li:first-child {
    margin-left: 5px;
}
.tabsWrapper ul li a {
    padding: 5px 2em !important;
    color: #8B8A86 !important;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E8E7D3),color-stop(1, #CDCBBC)) !important;
    background-image: -o-linear-gradient(bottom, #E8E7D3 0%, #CDCBBC 100%) !important;
    background-image: -moz-linear-gradient(bottom, #E8E7D3 0%, #CDCBBC 100%);
    background-image: -webkit-linear-gradient(bottom, #E8E7D3 0%, #CDCBBC 100%) !important;
    background-image: -ms-linear-gradient(bottom, #E8E7D3 0%, #CDCBBC 100%) !important;
    background-image: linear-gradient(to bottom, #E8E7D3 0%, #CDCBBC 100%) !important;
    border: 1px solid #b2b3ae !important;
    border-radius: 5px 5px 0 0 !important;
    font-weight: bold !important;
    height: 13px !important;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, .15);
    -moz-box-shadow:    0px -2px 5px 0px rgba(0, 0, 0, .15);
    box-shadow:         0px -2px 5px 0px rgba(0, 0, 0, .15);
}
#contentForm .tabsWrapper ul li.ui-tabs-selected.ui-state-active {
    background: none !important;
    height: 24px;
    padding: 0px !important;
}
#contentForm .tabsWrapper ul .ui-tabs-selected.ui-state-active a,
#contentForm .tabsWrapper ul .ui-tabs-selected.ui-state-active a:link {
    background: none !important;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EEF3DC),color-stop(1, #CEDC91)) !important;
    background-image: -o-linear-gradient(bottom, #EEF3DC 0%, #CEDC91 100%) !important;
    background-image: -moz-linear-gradient(bottom, #EEF3DC 0%, #CEDC91 100%) !important;
    background-image: -webkit-linear-gradient(bottom, #EEF3DC 0%, #CEDC91 100%) !important;
    background-image: -ms-linear-gradient(bottom, #EEF3DC 0%, #CEDC91 100%) !important;
    background-image: linear-gradient(to bottom, #EEF3DC 0%, #CEDC91 100%) !important;
    border: 1px solid #d0e57b !important;
    color: #668F6C !important;
    text-shadow: 1px 1px 1px #fff;
    outline: none !important;
}
.tabsWrapper label {
    font: bold 12px/18px Arial;
    display: block;
    color: #668F6C !important;
}
.tabsWrapper table {
    text-align: left;
}
/* New tabs in Call charts end */
.testResultPanel .tableTitle,
.pageWithTable .tableTitle {
    background: url("/mobile/javax.faces.resource/images/toppanel_bg.png.xhtml?ln=primefaces-speedflow") bottom repeat;
    padding: 3px 5px;
    background-size: 100% 100%;
}
.pageWithTable .ui-datatable-header.ui-widget-header {
    background: #e7e7d3 !important;
    border-left: 1px solid #B9B998;
    border-right: 1px solid #B9B998;
    padding: 8px 20px !important;
    position: relative;
    min-height: 25px;
}
.ui-datatable-header.ui-widget-header .cannotAdd {
    font-size: 15px;
    text-align:center;
    width:100%;
    line-height: .8em;
    color: red;
    display: inline-block;
    vertical-align: middle;
}
.pageWithTable .formsChkBox {
    margin-bottom: 5px !important;
}
#contentForm .pageWithTable .ui-datatable-header .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
#contentForm .pageWithTable .ui-datatable-header .ui-button.ui-widget.ui-state-default.ui-state-disabled.ui-corner-all.ui-button-text-only:hover {
    border: 3px solid #80a15a !important;
    box-shadow: none !important;
    margin-left: 10px;
    height: 24px;
}
.pageWithTable .ui-datatable-header div.inlineElem {
    margin: -8px 0 3px;
}
.pageWithTable .ui-datatable-header div.ajaxStatus {
    margin: -3px 0;
}
.pageWithTable .ui-datatable-header div.inlineElem.formsOneMenuWidth,
.pageWithTable .ui-datatable-header div.inlineElem.formsOneMenuWidthLong {
    margin-top: 0px;
}
#contentForm .pageWithTable .ui-datatable-header .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover {
    border-color: #a2c57a !important;
}
.pageWithTable .ui-datatable-header .ui-button .ui-button-text,
.pageWithTable .ui-datatable-header .ui-button.ui-state-disabled:hover .ui-button-text {
    color: #668f6c !important;
    text-shadow: 1px 1px 1px #fff;
    padding: 0;
}
.pageWithTable .ui-datatable-header .ui-button:hover .ui-button-text, .newButton:hover span {
    color: #4d6c52 !important;
}
.pageWithTable .ui-treetable.ui-widget th {
    border-left: 1px solid !important;
    border-color: #B9B998 !important;
}
.pageWithTable .ui-treetable.ui-widget td {
    border-left: 1px solid #b9b998 !important;
    border-bottom: 1px solid #c6cdb6 !important;
    border-right: none;
}
.pageWithTable .ui-treetable.ui-widget td:last-child {
    border-right: 1px solid #b9b998 !important;
}
.pageWithTable .ui-treetable.ui-widget tr:last-child td {
    border-bottom: 1px solid #b9b998 !important;
}
.pageWithTable .error {
    color: red !important;
    text-align: left;
}
.tableTitle {
    display: block;
    text-align: center;
    font: 14px/18px Arial !important;
    color: white;
    font-weight: bold !important;
}
.tableSeparator {
    height: 22px;
    border-left: 1px solid #b9b997;
    border-right: 1px solid #b9b997;
    background: linear-gradient(#e9edd6, #dde5c1);
}
.pageTitle {
    color: #33692a;
}
.radioInTable {
    display: inline-block;
    width: auto !important;
}
.radioInTable td {
    background: transparent !important;
    padding: 0 1px !important;
}
.radioInTable td>div>div {
    margin: 0 !important;
    padding: 0;
}
.radioInTable td,
.radioInTable td:last-child,
.radioInTable tr:last-child td {
    border: none !important;
}
.radioInTable td label {
    margin: 0 6px !important;
}

/* Used in Min/Max Digits Change */
.twoRadioWide {
    padding-left: 94px;
}
.twoRadioWide td:nth-child(2) {
    width: 294px;
}
.searchAreaInTable {
    width: 128px !important;
    display: inline-block !important;
}
.searchAreaInPickLists {
    margin: 15px auto 0;
    width: 598px;
    padding: 0 2px;
}
.searchInputInPickLists {
    width: 236px !important;
}
.formCenter {
    margin: 0 auto 25px !important;
    display: table ;
}
.formNewStyle {
    background: #E8E7D3;
    border: 1px solid #B9B997;
    border-width: 0 1px 1px;
}
.formNewStyle .ui-accordion.ui-widget {
    border: none !important;
}
.formNewStyle button[type='submit']:not(.hidden_btn) {
    margin-bottom: 10px !important;
}
.formNewStyle>.ui-datatable-header {
    margin: 0 -1px;
}
.centeredContent {
    text-align: center;
}
.formsWidth {
    min-width: 1210px;
}
.eventEditorWidth {
    min-width: 1160px;
}
.dialpeersWidth {
    min-width: 1350px;
}
.gropsWidth {
    min-width: 1270px;
}
#contentForm .tableButton, .ui-colorpicker button {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.ui-colorpicker button {
    height: 27px !important;
}
.vertAlign {
    vertical-align: top;
}
.vertMiddle {
    vertical-align: middle !important;
}
.labelSearch {
    position: relative;
    top: -7px;
}
.inputMarginTop {
    margin-top: 5px;
}
.formDecor {
    background: #F3F3E9;
    border: 1px #dfdfdb;
    border-style: none solid solid;
    padding: 0 15px;
}
.formDecor>.ui-datatable-header.ui-widget-header {
    margin: 0 -16px 10px;
}
.emailsTextArea {
    height: 70px;
    overflow-y: scroll;
}
.banksRequisitesArea {
    height: 190px;
}
.pdfType {
    height: 66px;
}
.descriptionArea {
    height: 55px;
    max-width: 295px;
    overflow-y: scroll;
}
.smallDescription {
    height: 32px !important;
}
.descriptionLabel {
    height: 54px;
}
.smallDescriptionLabel {
    height: 44px;
}
.labelMargin {
    margin-top: 5px;
}
.companyNameHidden {
    width: 75px;
}
.boldLabel, .ui-treetable tr[data-prk="root"] .column-permission-name {
    font-weight: bold !important;
}
.divTwoCenterButtons {
    width: 300px;
    margin: 0px auto;
}
.divTwoCenterButtons div {
    width: 50%;
    float: left;
}
.divTwoCenterButtons div button {
    float: right;
}
.wideTable, .wideTable table {
    width: 100% !important;
}
.inlineElem {
    display: inline-block !important;
    vertical-align: top;
}
.emailInput input, .emailInput {
    width: 180px !important;
}
.acordwidthInner {
    max-width: 650px;
}
.backSlash {
    margin: 4px !important;
}
.jqplot-target {
    width: 970px;
    font-family: Arial !important;
}
.jqplot-xaxis, .jqplot-yaxis, .jqplot-point-label {
    font-size: 1em !important;
}
.chartContainer {
    background-color: #eee;
    border: 2px black solid;
    padding: 8px 32px;
}
.topRegionsChart .jqplot-table-legend,
.trafficShareChart .jqplot-table-legend {
    z-index: 0 !important;
    border: none;
    background: transparent;
    text-align: left;
}
.topRegionsChart div.jqplot-table-legend-swatch-outline,
.trafficShareChart div.jqplot-table-legend-swatch-outline {
    border: none;
}
.topRegionsChart div.jqplot-table-legend-swatch,
.trafficShareChart div.jqplot-table-legend-swatch {
    height: 12px;
    width: 12px;
    border: 2px rgba(0, 0, 0, 0.5) solid !important;
}
.topRegionsChart .jqplot-grid-canvas {
    top: -8px !important;
}
.topRegionsChart .jqplot-yaxis {
    top: -21px !important;
    width: 0 !important;
    left: 15px !important;
    text-align: left;
    color: black;
    z-index: 1;
}
.topRegionsChart .jqplot-yaxis-label {
    left: -30px !important;
}
.topRegionsChart .jqplot-yaxis-tick {
    left: 0;
}
.topRegionsChart .jqplot-xaxis,
.topRegionsChart .jqplot-point-label {
    color: #000;
    font-size: 14px;
    padding-top: 2px;
}
.topRegionsChart .jqplot-point-label {
    z-index: 1 !important;
}
.trafficShare {
    float: left;
    position: relative;
}
.trafficShare label {
    color: #000 !important;
    font: bold 16px Arial !important;
    text-transform: none;
}
.trafficShare .overlayText {
    position: absolute;
    left: 20px;
    top: 155px;
    z-index: 1;
}
.trafficShareChart {
    width: 385px;
    height: 420px;
}
.trafficShareChart .jqplot-table-legend {
    left: 10px !important;
}
.trafficShareChart .jqplot-data-label {
    font-size: 32px;
    font-weight: bold;
    display: none;
}
#contentForm .eventEditorAccord {
    border: 1px solid #B9B997 !important;
    margin: 0 15px !important;
    width: auto;
}
.techEmail {
    max-width: 20em;
}
.userAccord {
    width: 900px;
}
#contentForm\:usersAccordion\:permissionsTable .column-permission-name,
#contentForm\:usersAccordion\:permissionsTable .column-middle-value {
    width: 193px;
    max-width: 193px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#contentForm\:usersAccordion\:permissionsTable .column-checkbox {
    width: 16px;
}
#contentForm\:usersAccordion\:permissionsTable .column-checkbox .ui-chkbox.ui-widget {
    top: 2px;
}
.inputCenter {
    display: block !important;
    margin: 0 auto !important;
}
.subconditionFieldAnd {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
#contentForm .testDst.newButton.ui-widget.ui-button {
    margin: 0 0 3px 5px !important;
    height: 24px !important;
}
#contentForm .testDst span {
    line-height: 12px !important;
}
tbody .headerTop {
    vertical-align: top;
}
.noWrap {
    hyphens: none;
    white-space: nowrap;
}
.overflowHide {
    overflow: hidden;
}
.threeDots {
    text-overflow: ellipsis;
}
.scrollY {
    overflow-y: auto;
}
.fontBlack {
    color: #000;
}
/*Tables*/
.resultTable th, .resultTable td,  .finSummary td .resultTable td {
    vertical-align: top !important;
    font-size: 10px !important;
}
.resultTable .finSummarySeparator tfoot td {
    font-size: 11px !important;
}
.resultTable th {
    padding: 3px 4px !important;
    font-weight: bold !important;
}
.resultTable td {
    padding: 3px 4px !important;
}
.expandedTable {
    display: block !important;
}
.expandedTable .ui-datatable-header .ui-outputlabel {
    font-size: 11px !important;
    font-weight: bold !important;
}
.w210 {
    width: 210px;
}
.w230 {
    width: 230px;
}
.w300 {
    width: 300px;
}
.w370 {
    width: 370px;
}
.w400 {
    width: 400px;
}
.w430 {
    width: 430px;
}
.w440 {
    width: 440px;
}
.w460 {
    width: 460px;
}
.w470 {
    width: 470px;
}
.w550 {
    width: 550px;
}
.w700 {
    width: 700px;
}
.w750 {
    width: 750px;
}
.w780 {
    width: 780px;
}
.w800 {
    width: 800px;
}
.w880 {
    width: 880px;
}
.w900 {
    width: 900px;
}
.w970 {
    width: 970px;
}
.w1000 {
    width: 1000px;
}
.w1100 {
    width: 1100px !important;
}
.w1150 {
    width: 1150px;
}
.w1200 {
    width: 1200px;
}
.w13percent {
    width: 13%;
}
.w17percent {
    width: 17%;
}
.w20percent {
    width: 20%;
}
.w21percent {
    width: 21%;
}
.w24percent {
    width: 24%;
}
.w25percent {
    width: 25%;
}
.w33percent {
    width: 33%;
}
.w43percent {
    width: 43%;
}
.w45percent {
    width: 45%;
}
.w50percent {
    width: 50%;
}
.w75percent {
    width: 75%;
}
.w79percent {
    width: 79%;
}
.ui-dialog .ui-button.w99percent,
.w99percent {
    width:99%;
}
.w90percent {
    width: 90%;
}
.h75 {
    height: 75px;
}
.h135 {
    height: 135px;
}
.fieldSetOneHalf {
    width: 47%;
}
.fieldSetFree {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.proxyModeFieldSet {
    margin-top: -3px !important;
    width: 235px;
}
.dateHorizontal td:nth-child(odd) {
    width: 20px;
}
.dateHorizontal td:nth-child(even) {
    width: 60px;
}
.dateHorizontal {
    margin-top: -2px;
}
.paddingNone {
    padding: 0 !important;
}
.ui-datatable th.midRow {
    font-weight: bold !important;
    background-color: #eef3dc !important;
    border: #B9B998 solid !important;
    border-width: 4px 0 !important;
    padding: 5px !important;
    text-align: center !important;
}
.ui-datatable th.midRow:first-child {
    color: #6c9252 !important;
    border-left: 1px solid #B9B998 !important;
}
.ui-datatable th.midRow:last-child {
    border-right: 1px solid #B9B998 !important;
}
.bigHeader th.midRow:first-child,
.bigHeader td.midRow:first-child {
    text-align: center !important;
    border-left-width: 1px !important;
}
.bigHeader th.midRow:last-child,
.bigHeader td.midRow:last-child {
    border-right-width: 1px !important;
}
.ui-datatable th.midRow,
.ui-datatable td.midRow {
    font-weight: bold !important;
    padding: 5px !important;
    text-align: right !important;
}
.ui-datatable th.boldTopBorder {
    border: #B9B998 solid !important;
    border-width: 4px 0 0 0 !important;
}
.ui-datatable.bigHeader th {
    padding: 5px !important;
}
.bigHeader .centeredContent {
    text-align: center !important;
}
.balanceException {
    border-bottom: 1px solid #b9b998;
    color: red !important;
    font-weight: bold !important;
    font-size: 13px !important;
}
.pageWithTable .balanceException.ui-datatable-header.ui-widget-header {
    padding: 5px !important;
}
/*Price Upload*/
.priceUploadTable {
    width: auto;
    margin: 10px 25px;
    border: 1px solid #000;
}
.priceUploadTable th, .priceUploadTable td {
    font-size: 12px;
    border: 1px solid #ccc;
}
.priceUploadTable th {
    color: white;
    background-color: #3f6a45;
    padding: 0 5px;
}
.priceUploadTable td {
    background-color: #eef3dc;
}
#contentForm\:accordion\:dynamic_format_head th>span {
    display: block;
    width: 168px;
}
#contentForm\:accordion\:fileUpload table {
    width: 465px;
}
#contentForm\:accordion\:fileUpload table td {
    max-width: 320px;
    overflow: hidden;
}
/* designated codes tree*/
.disconCausesTree .ui-tree-container {
    word-wrap: normal !important;
    width: 600px;
}
.disconCausesTree .ui-tree-container li {
    text-align: left;
}
/*Price Upload end*/
.finSummary #form\:reportTable_data>tr {
    border-top: 2px solid #B9B998;
}
.finSummary td .resultTable td, .finSummary .resultTable th, .finSummary td {
    font-size: 11px !important;
}
.finSummary #form\:reportTable_data>tr:nth-child(even) {
    background: #f5f5eb !important;
}
.finSummary #form\:reportTable_data>tr:first-child {
    border-top: none;
}
.finSummary .ui-layout-unit {
    padding: 0 !important;
}
.finSummary #form\:reportTable_head>tr>th {
    font-size: 12px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.groupModifyInput {
    margin-top: 2px;
}
.groupModifyInput.ui-outputlabel {
    width: 12%;
}
.desCode {
    display: block;
    float: left;
    width: 470px;
    white-space: normal;
}
.sipH323 {
    width: 90px;
    float: right;
    text-align: left !important;
}
div.chosen-container-single .chosen-single {
    padding: 0 6px;
}
.shortItem .chosen-drop {
    width: 75px !important;
}
.fileUploadSingleFile .ui-button-icon-only {
    display: none !important;
}
.clearAfter:after {
    clear: both;
    content: '';
    display: block;
}
.wideChkBox {
    width: 100% !important;
    height: 100% !important;
}
/* Notifications */
#contentForm\:companies {
    margin: 0 auto;
    display: table;
}
#contentForm\:companies button, #contentForm\:accordion\:tariffsPickList button,
#contentForm\:swapDealAccordion .moveButtons button, #contentForm\:staffCompanies button {
    margin-left: 2px;
    margin-right: 0px;
}
#contentForm\:companies ul {
    font-size: 11px;
    height: 110px !important;
}
#contentForm\:companies ul li {
    overflow: hidden;
}
.pickListFieldset {
    padding: 6px 16px !important;
}
.pickListLegend {
    margin-left: 10px;
}
#contentForm .ui-picklist-item {
    border: 1px white;
    border-style: solid none;
}
#contentForm .ui-picklist-item.ui-state-hover, #contentForm .ui-picklist-item:hover {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E5EACE),color-stop(1, #D9E1BA));
    background-image: -o-linear-gradient(bottom, #E5EACE 0%, #D9E1BA 100%);
    background-image: -moz-linear-gradient(bottom, #E5EACE 0%, #D9E1BA 100%);
    background-image: -webkit-linear-gradient(bottom, #E5EACE 0%, #D9E1BA 100%);
    background-image: -ms-linear-gradient(bottom, #E5EACE 0%, #D9E1BA 100%);
    background-image: linear-gradient(to bottom, #E5EACE 0%, #D9E1BA 100%);
    color: black !important;
    border: 1px #80a15a;
    border-style: solid none;
}
#contentForm\:companies+.formsWrapperDiv {
    padding: .3em 25px;
}
.ui-datatable thead th.ui-state-active {
    padding:0 !important;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FAFCEF),color-stop(1, #D4DEAF)) !important;
    background-image: -o-linear-gradient(bottom, #FAFCEF 0%, #D4DEAF 100%) !important;
    background-image: -moz-linear-gradient(bottom, #FAFCEF 0%, #D4DEAF 100%);
    background-image: -webkit-linear-gradient(bottom, #FAFCEF 0%, #D4DEAF 100%) !important;
    background-image: -ms-linear-gradient(bottom, #FAFCEF 0%, #D4DEAF 100%) !important;
    background-image: linear-gradient(to bottom, #FAFCEF 0%, #D4DEAF 100%) !important;
}
.ui-datatable thead th.ui-state-active .ui-icon-carat-2-n-s.ui-icon-triangle-1-n {
    padding:4px 10px;
    display: block !important;
    height: 100%;
    width:100% !important;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    float:none !important;
    right:0;
    margin:0 !important;
}
.ui-datatable thead th.ui-state-active .ui-icon-carat-2-n-s.ui-icon-triangle-1-s {
    padding:4px 10px;
    display: block !important;
    height: 100%;
    width:100% !important;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    float:none !important;
    right:0;
    margin:0 !important;
}
.ui-datatable thead th.ui-state-active .ui-icon-carat-2-n-s.ui-icon-triangle-1-s:before {
    background: url("/mobile/javax.faces.resource/images/sortIcon.png.xhtml?ln=primefaces-speedflow") no-repeat  -7px 50%;
    width:8px;
    height: 8px;
    position: absolute;
    left:2px;
    top:50%;
    margin-top:-4px;
    content: " ";
}
.ui-datatable thead th.ui-state-active .ui-icon-carat-2-n-s.ui-icon-triangle-1-n:before {
    background: url("/mobile/javax.faces.resource/images/sortIcon.png.xhtml?ln=primefaces-speedflow") no-repeat 0 50%;
    width:8px;
    height: 8px;
    position: absolute;
    left:2px;
    top:50%;
    margin-top:-3px;
    content: " ";
}
.skipOneLine {
    margin-top: 27px;
}
.littleLeftSpace, .littleLeftSpace input {
    margin-left: 5px !important;
}
.bottomSpace {
    margin-bottom: 10px;
}
.largeBottomSpace {
    margin-bottom: 20px;
}
.paddingWideTable {
    padding: 0 10px;
}
.tableWithoutGreenRow {
    border-top: 1px solid #b9b998;
}
.newFinSummary {
    margin: 0 auto;
}
.marginLeft10 {
    margin-left: 10px !important;
}
table.newFinSummary {
    border-top: 1px solid #B9B998;
}
.newFinSummary table {
    width: 100%;
}
.newFinSummary tr.finSummarySeparator {
    border-bottom: 2px solid #B9B998;
}
.newFinSummary tr.finSummarySeparator:last-child {
    border-bottom: none;
}
.newFinSummary th {
    font-size: 12px !important;
    font-weight: bold !important;
    border: 1px solid #B9B998 !important
}
.newFinSummary table th {
    font-size: 11px !important;
}
.newFinSummary tfoot td, .finSummarySeparator tfoot td {
    background: #d2d9bc !important;
    text-transform: uppercase;
}
.newFinSummary td .centeredContent {
    text-align: center;
    display: block;
}
#contentForm td.column-modify {
    padding: 0px !important;
}
/* MANUAL */
.manualTabsWrapper {
    width: 1200px !important;
    height: 100% !important;
}
.manualTabsWrapper ul {
    left: 0px !important;
}
.manualPagesTabsWrapper {
    height: 100%;
}
.manualPagesTabsWrapper .ui-accordion-content.ui-helper-reset.ui-widget-content {
    background: none;
}
/*====================*/
.column-modify a, .column-modify .ui-icon {
    margin: 0 auto;
}
.column-modify .ui-row-editor {
    text-align: center;
}
.column-modify {
    white-space: nowrap;
}
.column-modify .ui-icon-check {
    margin-right: 4px;
}
/* Fin Summary Report Start*/
.fs-pointName {
    width: 80px;
    text-overflow: ellipsis;
}
.fs-destination {
    width: 61px;
}
.lang-ru .fs-destination {
    width: 74px;
}
.fs-country {
    width: 185px;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.fs-opPrice {
    width: 39px;
}
.fs-tpPrice {
    width: 39px;
}
.fs-duration {
    width: 46px;
}
.lang-ru .fs-duration {
    width: 85px;
}
.fs-calcDuration {
    width: 56px;
}
.lang-ru .fs-calcDuration {
    width: 100px;
}
.fs-attempts {
    width: 49px;
}
.fs-asr {
    width: 43px;
}
.fs-ner {
    width: 43px;
}
.fs-acd {
    width: 43px;
}
.fs-pdd {
    width: 43px;
}
.selectLimitUnit {
    width: 55px;
    margin-left: 3px;
}
.fs-sa {
    width: 68px;
}
.fs-sc {
    width: 43px;
}
.lang-es .fs-sc {
    width: 50px;
}
.fs-opSum, .fs-tpSum {
    width: 40px;
}
.lang-ru .fs-opSum, .lang-ru .fs-tpSum {
    width: 58px;
}
.finSummary-tpSum {
    width: 40px;
}
.fs-deltaPrice {
    width: 37px;
}
.fs-deltaProfit {
    width: 37px;
}
.lang-es .fs-deltaProfit {
    width: 50px;
}
/* Fin Summary Report End*/

/* Currency Exchange Rate History Start */
.ui-dialog .currenciesHistory .ui-datatable-tablewrapper {
    max-height: 100%;
    overflow: visible;
    padding: 10px;
}
.currenciesHistory th {
    text-align: center !important;
    white-space: nowrap;
    font-weight: bold;
}
.currenciesHistory td {
    text-align: left !important;
}

.currenciesHistory td.courseChanged{
    font-weight: bold !important;
}
/* Currency Exchange Rate History End */

.centerButtonWrap {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

/* Warnings Report Start */
#warningsReportByCompany .companyName {
    font-weight: bold !important;
    vertical-align: top;
}
#warningsReportByCompany th {
    text-align: left;
    font-weight: normal;
}
#warningsReportByCompany tr, #warningsReportByCompany td, #warningsReportByCompany th {
    border: 1px solid black;
    border-color: #b9b998;
    font: 11px Arial !important;
    padding: 3px 5px;
}
#warningsReportByCompany td:last-child a {
    color: black;
}
#warningsReportByCompany td:nth-child(odd) {
    background: #f3f3e9;
}
#warningsReportByCompany th:nth-child(odd) {
    background-image: linear-gradient(to bottom, #dbe3c2 0%, #d3d9bd 100%);
}
#warningsReportByCompany td:nth-child(even) {
    background: #e2e7d0;
}
#warningsReportByCompany th:nth-child(even), #warningsReportByCompany th:first-child {
    background-image: linear-gradient(to bottom, #eef1e0 0%, #dde5c2 100%);
}
#warningsReportByCompany #emptyMessageCell {
    color: #f00;
    font-weight: bold !important;
}
/* Warnings Report End */

.centerBlock {
    margin: 0 auto !important;
}
.centerBlockVerticalSpace {
    margin: 2px auto;
}
.presetWrap li {
    display: inline-block;
}
.borderBottomHack {
    border-bottom: 1px solid #b9b998;
}
.borderBottomHack.ui-datatable tr:last-child td {
    border-bottom: 0 !important;
}
/* Help / Manual */
.manualTabsWrapper, .manualTabsWrapper .ui-tabs-bottom, .manualTabsWrapper .ui-tabs-top {
    text-align: center;
    background: transparent none;
}
.manualTabsWrapper.ui-tabs .ui-tabs-panel {
    margin: 0;
    padding: 0;
}
.manualTabsWrapper .ui-tabs-nav {
    display: inline-block !important;
    width: 90%;
    margin-top: 20px !important;
    height: 45px;
}
.manualTabsWrapper .ui-tabs-panels .ui-tabs-nav {
    margin: 0 0 0 5px !important;
}
.manualTabsWrapper.ui-tabs .ui-tabs-nav li {
    border: 0 !important;
    padding: 3px 2px !important;
    margin-top: 5px !important;
    position: relative;
}
.manualTabsWrapper .ui-tabs-nav .ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top {
    height: 36px !important;
    padding-left: 2px !important;
    background: transparent none !important;
    border: none !important;
    box-shadow: none !important;
}
.manualTabsWrapper.ui-tabs .ui-tabs-nav li a {
    outline: none;
    color: #8B8A86 !important;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E8E7D3),color-stop(1, #CDCBBC)) !important;
    background-image: -o-linear-gradient(bottom, #E8E7D3 0%, #CDCBBC 100%) !important;
    background-image: -moz-linear-gradient(bottom, #E8E7D3 0%, #CDCBBC 100%);
    background-image: -webkit-linear-gradient(bottom, #E8E7D3 0%, #CDCBBC 100%) !important;
    background-image: -ms-linear-gradient(bottom, #E8E7D3 0%, #CDCBBC 100%) !important;
    background-image: linear-gradient(to bottom, #E8E7D3 0%, #CDCBBC 100%) !important;
    border: 1px solid #b2b3ae !important;
    border-radius: 5px 5px 0 0 !important;
    height: 25px !important;
    line-height: 25px;
    padding: 0 10px !important;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow:    0px 0px 3px 1px rgba(0, 0, 0, .15);
    box-shadow:         0px 0px 3px 1px rgba(0, 0, 0, .15);
}
.manualTabsWrapper .ui-tabs-nav .ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top a {
    background: #EEF3DC !important;
    height: 36px !important;
    position: relative;
    color: #427049 !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #EEF3DC !important;
}
.manualTabsWrapper .ui-tabs-nav .ui-state-active:before {
    content: " ";
    position: absolute;
    right: -7px;
    bottom: -1px;
    border: 4px solid #EEF3DC;
    border-top: 0;
    border-right: 0;
    width: 10px;
    height: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    z-index: 10;
}
.manualTabsWrapper .ui-tabs-nav .ui-state-active:after {
    content: " ";
    position: absolute;
    left: -7px;
    bottom: -1px;
    border: 4px solid #EEF3DC;
    border-top: 0;
    border-left: 0;
    width: 10px;
    height: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    z-index: 10;
}
.manualTabsWrapper .ui-tabs-nav .ui-state-active a:before {
    content: " ";
    position: absolute;
    right: -11px;
    bottom: 0px;
    border: 1px solid #B2B3AE;
    border-top: 0;
    border-right: 0;
    width: 10px;
    height: 10px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    z-index: 11;
}
.manualTabsWrapper .ui-tabs-nav .ui-state-active a:after {
    content: " ";
    position: absolute;
    left: -11px;
    bottom: 0px;
    border: 1px solid #B2B3AE;
    border-top: 0;
    border-left: 0;
    width: 10px;
    height: 10px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    z-index: 11;
}
.manualTabsWrapper .ui-tabs-nav .ui-state-active:first-child a:after,
.manualTabsWrapper .ui-tabs-nav .ui-state-active:first-child:after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 0;
    bottom: -4px;
}
.manualTabsWrapper .manualPagesTabsWrapper .ui-tabs-nav .ui-state-active:before,
.manualTabsWrapper .manualPagesTabsWrapper .ui-tabs-nav .ui-state-active:after,
.manualTabsWrapper .manualPagesTabsWrapper .ui-tabs-nav .ui-state-active a:before,
.manualTabsWrapper .manualPagesTabsWrapper .ui-tabs-nav .ui-state-active a:after
{
    display: none;
}
.manualTabsWrapper .manualPagesTabsWrapper .ui-tabs-nav {
    border: 1px solid #B2B3AE !important;
    height: auto !important;
    background: #EEF3DC none;
    top: 2px;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 6px !important;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow:    0px 0px 3px 1px rgba(0, 0, 0, .15);
    box-shadow:         0px 0px 3px 1px rgba(0, 0, 0, .15);
}
.manualTabsWrapper .ui-tabs-panel:first-child .ui-tabs-nav {
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
}
.manualTabsWrapper .manualPagesTabsWrapper .ui-tabs-nav .ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top {
    padding: 0;
    background: transparent none;
    border: 0;
    height: auto !important;
}
.manualTabsWrapper.ui-tabs .manualPagesTabsWrapper .ui-tabs-nav li {
    margin: 0 !important;
    padding: 4px 0 0 0 !important;
    height: 25px !important;
    overflow: hidden;
    display: block !important;
}
.manualTabsWrapper.ui-tabs .manualPagesTabsWrapper .ui-tabs-nav li a {
    border: 0 !important;
    border-left: 1px dotted #B2B3AE !important;
    background: transparent none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 20px !important;
    line-height: 20px !important;
}
.manualTabsWrapper.ui-tabs .manualPagesTabsWrapper .ui-tabs-nav .ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top a {
    height: 20px !important;
    line-height: 20px !important;
}
.manualTabsWrapper.ui-tabs .manualPagesTabsWrapper .ui-tabs-nav li:first-child a {
    border: 0 !important;
}
.manualTabsWrapper.ui-tabs .manualPagesTabsWrapper .ui-tabs-nav li a:hover {
    color: #427049 !important;
}
.manualPagesTabsWrapper .ui-accordion-content.ui-helper-reset.ui-widget-content {
    border: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto;
    width: 90% !important;
    margin-top: 15px;
}
.manualTabsWrapper.ui-tabs .manualPagesTabsWrapper .ui-tabs-nav .ui-state-active a {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
.manualTabsWrapper.ui-tabs .ui-tabs-nav {
    z-index: 10;
    position: relative;
}
.manualTabsWrapper.ui-tabs .manualPagesTabsWrapper .ui-tabs-nav {
    z-index: 1;
}
.manualTabsWrapper .manualPagesTabsWrapper .ui-tabs-nav .ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top {
    padding: 4px 0 !important;
}
.manualTabsWrapper.ui-tabs .manualPagesTabsWrapper .ui-state-default a,.manualTabsWrapper.ui-tabs .manualPagesTabsWrapper .ui-state-default a:link
,.manualTabsWrapper.ui-tabs .manualPagesTabsWrapper .ui-state-default a:visited {
    margin: 0 !important;
}
.manualPagesTabsWrapper .ui-accordion .ui-accordion-header {
    font-weight: bold;
    color: #000;
}
.manualTabsWrapper .ui-state-default a, .manualTabsWrapper .ui-state-default a:link, .manualTabsWrapper .ui-state-default a:visited {
    margin-top: 0 !important;
}
/*
 * Header Nav Menu Scrolling
 */
#menuPanel .ui-menu {
    position: relative;
    width: 5000px;
}
#tabForm .ui-tabs {
    min-width: 100% !important;
    position: relative;
}
#tabForm .ui-tabs-nav a {
    max-width: 285px;
    text-overflow: ellipsis;
    overflow: hidden;
}
#menuPanel ul.ui-menu-list, #tabForm .ui-tabs-nav {
    display: inline-block;
}
.ui-menubar .ui-menu-child {
    left: 0 !important;
    top: 40px !important;
    position: absolute !important;
}
#menuPanel ul.ui-menu-list ul {
    display: none;
}
#menuPanel .menu-navscroller-btn,#tabForm .tab-navscroller-btn {
    position: absolute;
    height: 26px;
    width: 21px;
    top: 50%;
    z-index: 1000;
    cursor: pointer;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
#menuPanel .menu-navscroller-btn.ui-state-disabled {
    cursor: default;
}
#menuPanel .menu-navscroller-btn-left, #tabForm .tab-navscroller-btn-left {
    background: transparent url("/mobile/javax.faces.resource/css/images/arrow_left.png.xhtml?ln=default") no-repeat -2px 0;
    left: 0;
}
#menuPanel .menu-navscroller-btn-right, #tabForm .tab-navscroller-btn-right {
    background: transparent url("/mobile/javax.faces.resource/css/images/arrow_right.png.xhtml?ln=default") no-repeat  0 0;
    right: 0;
}
.tab-navscroller-box {
    width: 100%;
    overflow: auto;
}
.tab-navscroller-box-top {
    height: 33px;
    overflow: hidden;
}
.ui-menu .ui-menu-parent.lastLiItem .ui-menu-child {
    left: auto !important;
    right: 0;
}
#menuPanel ul.ui-menu-list .hideSubMenuItem ul {
    display: none !important;
}
/* Header Nav Menu Scrolling end */

#contentForm\:addEventForm .ui-selectoneradio td:nth-child(even),
#contentForm\:editEventForm .ui-selectoneradio td:nth-child(even) {
    width: 130px;
}
#contentForm\:editEventForm li {
    overflow: hidden;
}
/**/
#headerForm {
    height: 65px !important;
    min-width: 320px !important;
}
#tabForm .ui-tabs-bottom, #tabForm .ui-tabs-top {
    top: 0 !important;
}
/* move pickLists buttons */
.moveButtons button {
    position: relative;
}
.moveButtons .ui-picklist-button-remove {
    top: -33px;
}
.moveButtons .ui-picklist-button-remove-all {
    top: 17px;
}
.moveButtons .ui-picklist-button-add-all {
    top: 50px;
}
/* move pickLists buttons end */

/* FinSummary tables */
.finSummary .ui-outputlabel, .finSummarySeparator .ui-outputlabel {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color:#000 !important;
    font-weight: normal;
}
.pageWithTable.w1100 {
    min-width: 1100px;
    width: auto;
}
.TdCompanyName {
    width: 100px;
}
.finSummarySeparator table th {
    border-top: 1px solid #B9B998;
}
.finSummary table+label {
    margin-top: 20px;
}
.finSummaryFilterForm .w21percent {
    width: 21.2%;
}
.finSummaryFilterForm .w79percent {
    width: 78.8%;
}
/* FinSummary tables end */

/* header */
.headerContainer .logo {
    width:159px;
    height:33px;
    margin: 10px 15px 0 0;
    overflow: hidden;
}
.headerContainer .logo img {
    width:159px;
    max-width:159px !important;
    height:33px;
}
#headerForm\:buttons {
    float:left;
    margin-top: 3px;
}
#headerForm\:buttons .ajaxStatus {
    display: inline;
    position: absolute;
    left:6px;
    top:6px;
}
#headerForm .ui-button.button-request,
#headerForm .ui-button.button-refresh,
#headerForm .ui-button.button-close-all {
    float:left;
    margin: 0 10px 0 0 !important;
}
.btn-refresh-box {
    float:left;
    position:relative;
    cursor: pointer;
}
.headerFormNavBox {
    position: fixed;
    top:0;
    right:0;
    padding: 0 10px 0 180px;
    width:100%;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index: 99;
}
.btn-ShowHeaderFormNavBox,.btn-ShowMenuPanel {
    display: none;
}
#contentForm {
    margin-top: 0;
    padding-top:155px;
}
.headerContainer {
    z-index: 1001;
}

#contentForm\:accordionPanel\:codecs {
    width: 120px;
    overflow-y: hidden;
    height: auto;
}
#contentForm\:accordionPanel\:codecs .ui-selectlistbox-listcontainer, #contentForm\:accordionPanel\:ip_table .ui-selectlistbox-listcontainer {
    overflow: hidden;
}
#contentForm\:accordionPanel\:date {
    height: 24px;
}
#contentForm\:accordionPanel\:ip_table .ui-selectmanymenu {
    overflow-y: hidden;
    height: auto;
}
.littlePickList ul {
    height: 140px !important;
}
.littlePickList {
    display: inline-table !important;
}
.littlePickList.ui-picklist .ui-picklist-buttons, .tariffsPickList.ui-picklist .ui-picklist-buttons {
    width: auto;
    padding: 0 3px;
}
.superCombobox {
    position: relative;
    display: inline-block;
    height: 22px;
    width: 157px;
    background: white;
    margin-bottom: 1px;
    margin-right: 1px;
    border-radius: 3px;
}
.superCombobox textarea {
    border-radius: 3px !important;
    background: none !important;
    height: 13px;
    overflow: hidden;
    resize: none;
    position: absolute;
    top: 0;
    left: 0;
    margin:0;
    width: 130px !important;
    cursor: pointer;
}
.superCombobox textarea.ui-inputfield {
    padding-right: 20px !important;
}
.superCombobox textarea:focus {
    height: 5em;
    overflow-y: auto;
    background: white !important;
    cursor: auto;
    z-index: 100;
}
.superCombobox textarea:focus i {
    display: none;
}
.superCombobox i {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 3px 5px 2px;
    border-radius: 3px;
    border: 1px solid #b1b1b1;
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff 0%, #ddd 49%, #898989 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(49%,#ddd), color-stop(100%,#898989)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff 0%,#ddd 49%,#898989 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff 0%,#ddd 49%,#898989 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff 0%,#ddd 49%,#898989 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff 0%,#ddd 49%,#898989 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#898989',GradientType=0 ); /* IE6-9 */
}
#contentForm\:filters\:pointRadio {
    margin-top: -4px;
}
#contentForm\:filters\:pointRadio tr {
    height: 27px;
}
#contentForm\:companiesTable .ui-datatable-header .inlineElem {
    vertical-align: baseline;
}
.nowrapTableHeader .ui-datatable-header {
    white-space: nowrap;
}
th.nowrapColumnHeader {
    white-space: nowrap;
}
/* correct invoices */
.correctPriceDialogPopUp .ui-inputfield {
    width: 118px !important;
}
.selectPopUpInvoices {
    width: 394px;
}
#contentForm\:outgoingInvoices .ui-editable-column.column-long-value .chosen-height,
#contentForm\:outgoingInvoices .chosen-container {
    width: 110px !important;
}
#contentForm\:pointsPanel {
    padding-left: 153px;
}
#contentForm .ui-accordion-content .ui-fieldset.swapDealPanel {
    width: 577px !important;
    font-size: 12px;
    margin-right: 9px;
    float: right;
}
#contentForm .ui-accordion-content .swapDealPanel {
    width: auto !important;
}
#contentForm .ui-accordion-content .swapDealPanel .ui-panel-content {
    padding: 0 !important;
    overflow: hidden;
    clear: both;
}
#contentForm .ui-accordion-content .swapDealPanel .ui-panel-content label {
    width: 17%;
}
.ownersSettingsForms {
    width: 295px;
}
.ownersSettingsForms .formsOneMenuWidthLongest {
    width: 291px !important;
}
/*
 * Login Page
  */
.loginPage {
    margin:0;
    padding:0;
}
.loginPage header {
    text-align:center;
    padding:10px 0;
    border-bottom:  1px solid #103315;
    background: rgb(101,142,107); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(101,142,107,1) 0%, rgba(101,143,107,1) 50%, rgba(60,104,68,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,142,107,1)), color-stop(50%,rgba(101,143,107,1)), color-stop(100%,rgba(60,104,68,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(101,142,107,1) 0%,rgba(101,143,107,1) 50%,rgba(60,104,68,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(101,142,107,1) 0%,rgba(101,143,107,1) 50%,rgba(60,104,68,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(101,142,107,1) 0%,rgba(101,143,107,1) 50%,rgba(60,104,68,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(101,142,107,1) 0%,rgba(101,143,107,1) 50%,rgba(60,104,68,1) 100%); /* W3C */
}
.loginForm {
    background: #fff;
}
.loginForm .error {
    font-size:14px;
    text-align:center;
    padding: 0 0 5px 0;
}
.loginFormLabelBox {
    float:left;
    clear: left;
    width:40px;
    text-align:center;
    height: 40px;
    line-height: 40px;
}
.loginFormLabelBox img {
    display: inline-block;
    margin:0;
    padding:0;
    width:50%;
    vertical-align: middle;
}
.loginFormInputBox {
    height: 40px;
    line-height: 40px;
    float:left;
    clear: right;
    width: 200px;
}
.loginFormInputBox input, .loginFormInputBox input[type="text"], .loginFormInputBox input[type="password"] {
    width: 168px !important;
    height: 15px;
    line-height: 15px;
    padding: 7px 15px !important;
    border-radius: 0;
}
#resetPasswordContainer {
    text-align: center;
}
#resetPasswordContainer .formsLabels {
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 100%;
    line-height: 1em;
    padding: 0 !important;
    margin: 0;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block !important;
    text-align: right;
}
#resetPasswordContainer input[type="text"],
#resetPasswordContainer input[type="password"] {
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 100% !important;
    height: 30px;
    line-height: 30px !important;
    padding: 0 10px !important;
    margin: 0;
    font-size: 14px !important;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}
#resetPasswordContainer .w50percent {
    text-align: left;
    padding: 2px 5px;
    height: 35px;
    line-height: 30px !important;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
#resetPasswordContainer .ui-chkbox-box.ui-state-default {
    margin-top: 3px !important;
}
#resetPasswordContainer button.submitBtn,
.loginForm #resetPasswordContainer input.submitBtn {
    margin: 15px 0 5px 0;
    font-size: 14px;
    -webkit-border-radius: 5px;
}
#resetPasswordContainer .ui-messages-error {
    margin: 0;
    padding: 0 0 10px 0;
}
/* notifications */
#notifications_block {
    float: left;
    width: 60px;
    height: 27px;
    color: red;
    margin-right: 5px;
    margin-top: 10px;
}
#notifications_block button {
    margin: 0;
    padding: 0;
    width: 60px;
    position: relative;
}
#notifications_block button span {
    position: absolute;
    right: 22px;
    top: 50%;
    height: 24px;
    line-height: 25px  !important;
    margin-top: -15px;
    font-size:16px;
    padding: 0 8px;
    background: #91ae8f;
    color: #436e4a;
    border: 2px solid #436e4a;
    text-shadow: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
#notifications_block .ui-overlaypanel {
    position: fixed;
    left: auto !important;
    right: 15px !important;
    top: 155px !important;
    background: #e8e7d3;
    width: 300px;
}
#notifications_block .ui-shadow {
    box-shadow: none;
}
#notifications_block .ui-overlaypanel-content {
    padding: 0;
}
#notifications_block .ui-datalist-data {
    border: 1px solid #b9b997;
    padding: 8px;
}
#notifications_block .ui-overlaypanel-close {
    right: 20px;
    top: 10px;
    border-radius: 0;
}
.notificationsPanelTitle {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 30px 7px 10px;
    text-align: center;
    margin: 0;
    border-bottom: 1px solid #103315;
    background: rgb(101,142,107); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(101,142,107,1) 0%, rgba(101,143,107,1) 50%, rgba(60,104,68,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,142,107,1)), color-stop(50%,rgba(101,143,107,1)), color-stop(100%,rgba(60,104,68,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(101,142,107,1) 0%,rgba(101,143,107,1) 50%,rgba(60,104,68,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(101,142,107,1) 0%,rgba(101,143,107,1) 50%,rgba(60,104,68,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(101,142,107,1) 0%,rgba(101,143,107,1) 50%,rgba(60,104,68,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(101,142,107,1) 0%,rgba(101,143,107,1) 50%,rgba(60,104,68,1) 100%); /* W3C */
}
#notifications_block .ui-panel {
    color: #000 !important;
    padding: 10px !important;
    min-height: 30px;
    margin: 5px 0;
    position: relative;
    cursor: pointer;
    border: 1px solid #D2D9BC;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: .3em 5px !important;
    background: #F3F3E9;
    border-bottom-color: #e7e7d3;
    border-right-color: #e7e7d3;
    -webkit-box-shadow: 1px 1px 2px 0px #fff, inset 1px 1px 1px 0px #777;
    -moz-box-shadow: 1px 1px 2px 0px #fff, inset 1px 1px 1px 0px #777;
    box-shadow: 1px 1px 2px 0px #fff, inset 1px 1px 1px 0px #777;
}
#notifications_block .ui-panel .ui-panel-title {
    font-size: 14px;
    display: block;
    padding: 10px 20px 0 0;
}
#notifications_block .ui-panel-titlebar {
    padding: 0 0 0 30px !important;
    min-height: 30px;
    line-height: 1.4em;
    position: relative;
}
#notifications_block .ui-panel-titlebar:before, #notifications_block button:before, #notifications_block button.ui-state-disabled:before {
    background: url("/mobile/javax.faces.resource/css/images/ico-6.png.xhtml?ln=default") no-repeat 50% 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    display: block;
    content: " ";
}
#notifications_block button:before, #notifications_block button.ui-state-disabled:before {
    left: auto;
    right: -10px;
}
#notifications_block button.ui-state-disabled {
    opacity: 1;
}
#notifications_block button.ui-state-disabled span {
    opacity: .35;
}
#notifications_block .iconType1 .ui-panel-titlebar:before {
    background: url("/mobile/javax.faces.resource/css/images/!_red.png.xhtml?ln=default") no-repeat 50% 50%;
}
#notifications_block .iconType2 .ui-panel-titlebar:before {
    background: url("/mobile/javax.faces.resource/css/images/!_orange.png.xhtml?ln=default") no-repeat 50% 50%;
}
#notifications_block .iconType3 .ui-panel-titlebar:before, #notifications_block button:before {
    background: url("/mobile/javax.faces.resource/css/images/ico-7-3.png.xhtml?ln=default") no-repeat 50% 50%;
    margin-top: -16px;
}
#notifications_block .ui-panel .ui-panel-titlebar-icon {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}
#headerForm #notifications_block  .ui-panel-content.ui-widget-content {
    margin-top: 5px;
    border-top: 1px solid #b9b997;
}
.callsChartsList ul {
    background-color: transparent;
    box-shadow: none;
    margin: 0 !important;
    padding: 0 5% 15px 5% !important;
    left: 0  !important;
    height: auto !important;
    display: block !important;
}
.callsChartsList ul:after, .callsChartsList ul:before {
    content: " ";
    display: block;
    clear: both;
}
.callsChartsList ul li, #contentForm .tabsWrapper .callsChartsList ul li:first-child, #contentForm .tabsWrapper .callsChartsList ul li,
.topTenCountriesLegend li {
    width: 25% !important;
    margin: 0 !important;
    padding: 5px 5px 5px 20px !important;
    position: relative;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    float: left;
}
#contentForm .tabsWrapper.smsActivityChart .callsChartsList ul li {
    width: auto !important;
}
.callsChartsList ul li div, .topTenCountriesLegend li div {
    width: 13px;
    height: 13px;
    position: absolute;
    left: 2px;
    top: 4px;
    border: 1px solid #000;
}
.callsChartsList ul li.summaryActiveCalls div {
    height: 3px;
    top: 10px;
}
.callsChartsList ul li.connectedCalls div {
    height: 2px;
    top: 19px;
}
.callsChartsList ul li.summaryASR div {
    height: 16px;
    left: 0;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 16px;
    border-color: #fff;
}
.summaryASR .b1 {
    background: none repeat scroll 0 0 #c1d389;
    border-right: 1px solid #939e73;
    border-top: 1px solid #939e73;
    display: block;
    float: left;
    height: 7px;
    margin: 7px 0 0 2px;
    width: 3px;
}
.summaryASR .b2 {
    background: none repeat scroll 0 0 #98bc96;
    border-right: 1px solid #7d8a79;
    border-top: 1px solid #7d8a79;
    display: block;
    float: left;
    height: 13px;
    margin: 1px 0 0;
    width: 3px;
}
.summaryASR .b3 {
    background: none repeat scroll 0 0 #cbdda1;
    border-right: 1px solid #adb492;
    border-top: 1px solid #adb492;
    display: block;
    float: left;
    height: 11px;
    margin: 3px 0 0;
    width: 3px;
}
#contentForm .tabsWrapper .callsChartsList.summaryCallsByIp ul li {
    width: 100% !important;
}
.callsChartsList.summaryCallsByIp ul li div {
    position: relative;
    display: inline-block;
}
.callsChartsList.summaryCallsByIp .summaryCallsbyIp__totalCalls__icon {
    height: 3px;
    top: -1px;
    left: 0;
    margin: 0 4px 0 35px;
}
.callsChartsList.summaryCallsByIp .summaryCallsbyIp__connectedCalls__icon {
    height: 1px;
    top: -2px;
    left: 0;
    margin: 0 4px 0 35px;
}
.summaryActiveCallsList, .asrFieldset {
    float: left;
}
.summaryActiveCallsList {
    margin-left: 40px;
    margin-top: 18px;
    width: 170px;
}
.asrFieldset, .callsFieldset {
    height: 80px;
}
.asrFieldset {
    width: 290px;
    margin-left: 60px;
}
.callsFieldset {
    float: right;
    width: 120px;
    margin-right: 20px;
    text-align: left;
}
.callsFieldset .ui-fieldset-content {
    padding-left: 20px;
}
.callsFieldset+label {
    padding-top: 20px;
}
.asrFieldset legend {
    text-align: left;
}
.summaryActiveCallsList ul {
    padding: 15px 8px 0 !important;
}
#contentForm .tabsWrapper .callsChartsList.summaryActiveCallsList ul li {
    width: auto !important;
}
#contentForm .tabsWrapper .callsChartsList.asrList ul li {
    width: 33% !important;
}
.asrList.callsChartsList ul {
    padding: 0 15px !important;
}
.callsFieldset span {
    display: block;
}
@media print {
    .formCenter {
        display: block;
    }
    tfoot {
        display: table-row-group;
    }
}
button.submitBtn, .loginForm input.submitBtn {
    width:100% !important;
    max-width: 200px;
    height: 35px;
    line-height: 35px;
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
    color:#4c4c4c ;
    border:1px solid #929292 !important;
    font-weight: normal;
    background: rgb(239,239,239) !important; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(224,224,224,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(224,224,224,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(224,224,224,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(224,224,224,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(224,224,224,1) 100%) !important; /* W3C */
    -webkit-border-radius: 0;
}
.loginForm input.submitBtn {
    line-height: 1em;
}
button.submitBtn:hover, .loginForm input.submitBtn:hover {
    color:#4c4c4c  !important;
    background: rgb(224,224,224)  !important; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(239,239,239,1) 100%)  !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(239,239,239,1)))  !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 100%)  !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 100%)  !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 100%)  !important; /* IE10+ */
    background: linear-gradient(to bottom, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 100%)  !important; /* W3C */
}
button.submitBtn span {
    font-weight: 500;
    height: 1.2em;
    padding: .1em .7em !important;
}
.ui-datatable thead#contentForm\:clientsTable_head th {
    border-width: 1px !important;
    border-bottom-width: 4px !important;
}
.ui-datatable-tablewrapper th .ui-icon-triangle-1-n, .ui-datatable-tablewrapper th .ui-icon-triangle-1-s,
.ui-datatable-tablewrapper th .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {
    display: inline-block !important;
    text-indent: 0 !important;
    width: auto !important;
    position: relative;
    background: transparent none;
    float: none !important;
    height: auto !important;
}
.dataExporter {
    text-align: left;
}
.userLogoutBtn, .userBblockBtn {
    width:20px;
    height: 20px;
    position: relative;
    text-align: left;
    text-indent: -10000em;
    display: block;
}
.userLogoutBtn:before {
    content: "\f08b";
    font-family: 'FontAwesome';
    position: absolute;
    width:20px;
    height: 20px;
    line-height: 20px;
    text-align:center;
    font-size:16px;
    color:#4c6c08;
    text-indent:0;
    left:0;
    top:0;
}
.userBblockBtn:after {
    content: "\f007";
    font-family: 'FontAwesome';
    position: absolute;
    width:20px;
    height: 20px;
    line-height: 20px;
    text-align:center;
    font-size:12px;
    color:#000;
    text-indent:0;
    left:0;
    top:0;
    z-index: 1;
}
.userBblockBtn:before {
    content: "\f05e";
    font-family: 'FontAwesome';
    position: absolute;
    width:20px;
    height: 20px;
    line-height: 20px;
    text-align:center;
    font-size:16px;
    color: #DF0101;
    text-indent:0;
    left:0;
    top:0;
    z-index: 2;
}
.ui-dialog {
    display: none;
    z-index: -1;
}
.ui-dialog.ui-overlay-visible {
    display: block;
}
.ui-dialog .ui-datatable-tablewrapper {
    max-height: 400px;
    overflow: auto;
}
#ui-datepicker-div {
    z-index: 8000 !important; /* fix datepicker z-index for bug MCD-225 */
}
.hide-column-names table thead tr {
    display: none;
}
.dataExporter a img {
    vertical-align: middle;
}
#contentForm button[type="submit"].btnIconPdf, #contentForm button[type="submit"].btnIconXls, #contentForm button[type="submit"].btnIconCsv,
.btnIconCurr, .btnIconPdf, .btnIconXls, .btnIconCsv {
    position: relative !important;
    height: 34px;
    width: 55px  !important;
    cursor: pointer;
}
.btnIconCurr:before, .btnIconPdf:before, .btnIconXls:before, .btnIconCsv:before {
    content: "";
    position: absolute;
    left:0;
    top:0;
    height: 32px;
    width: 55px;
}
.btnIconCurr:before {
    background: url("/mobile/javax.faces.resource/css/images/curr_icon.png.xhtml?ln=default") 50% 50% no-repeat;
}
.btnIconPdf:before {
    background: url("/mobile/javax.faces.resource/images/pdf.png.xhtml?ln=default") 50% 50% no-repeat;
}
.btnIconXls:before {
    background: url("/mobile/javax.faces.resource/images/excel.png.xhtml?ln=default") 50% 50% no-repeat;
}
.btnIconCsv:before {
    background: url("/mobile/javax.faces.resource/images/csv.png.xhtml?ln=default") 50% 50% no-repeat;
}
.btnIconCurr span, .btnIconPdf span, .btnIconXls span, .btnIconCsv span {
    display: none !important;
}

@media only screen and (max-width: 460px) {
    .loginForm.resetPasswordContainer {
        width: 250px !important;
    }
    #resetPasswordForm {
        width: 80%;
        height: auto;
    }
}
.topTenCountriesDiagram {
    margin: 0 40px;
}
.topTenCountriesRightBlock {
    text-align: left;
    position: relative;
}
.column-country {
    width: 160px;
}
.topTenCountriesRightBlock .column-cost {
    width: 120px;
}
.topTenCountriesRightBlock .column-delta-price {
    width: 120px;
}
.topTenCountriesSummaryAsr {
    position: absolute;
    top: 480px;
    width: 100%;
}
.topTenCountriesRightBlock .topTenCountriesLegend {
    background: #e9edd6;
    box-shadow: none !important;
    list-style: none;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #b9b997;
    margin: 0;
    padding: 4px 0 4px 37px !important;
}
#contentForm ul.topTenCountriesLegend li {
    width: 131px !important;
    margin-right: 0 !important;
}
#contentForm\:startPageCharts {
    width: 1394px;
    min-width: 1394px;
    margin: 0 auto 20px;
    position: relative;
}
#contentForm\:startPageCharts .ui-fieldset-content {
    background: #ebe9d1;
}
.startPageChart {
    float: left;
    display: inline-block;
    width: 460px;
    height: 460px;
    margin: 1px;
    border-radius: 10px;
    background: #d2caab;
    background: linear-gradient(to bottom, #d2caab, #ebe9d1);
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.startPageChart:nth-child(-n+3) {
    background: linear-gradient(to top, #d2caab, #ebe9d1);
}
.callsChartsImgBox {
    position: relative;
    padding: 0 0 20px 20px;
    display: inline-block;
}
.tabsWrapper .callsChartsImgLabel {
    width: 100%;
    height: 20px;
    line-height: 1em;
    font-size: 13px;
    font-weight: normal;
    color: #000000 !important;
    position: relative;
    padding-left: 10px;
}
.tabsWrapper .callsChartsImgLabelLeft {
    width: 20px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    text-align: right;
    vertical-align: middle;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: center center 0;
    -moz-transform-origin: center center 0;
    -ms-transform-origin: center center 0;
    -o-transform-origin: center center 0;
    transform-origin: center center 0;
}
.tabsWrapper .callsChartsImgLabelLeft span {
    position: absolute;
    left:100%;
    top:50%;
    display: block;
    white-space: nowrap;
    padding-left: 10px;
    text-align: center;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* for picklists from PF 5.1.9 */
.ui-picklist {
    display: table;
}
.ui-picklist .ui-picklist-buttons {
    width: 63px;
}
.ui-picklist > div {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.errorMessagesInResultTable .ui-panel {
    position: relative;
    margin: 8px -20px -8px;
    padding: 10px 35px 10px 15px !important;
    background-color: #eed3d7 !important;
    border: 1px solid #eed3d7;
    color: #b94a48;
    display: block;
}
.errorMessagesInResultTable .messError {
    font-weight: bold;
    color: #b94a48;
}
.errorMessagesInResultTable .ui-commandlink {
    position: absolute;
    right: 17px;
    top: 10px;
}
.resultNoPadding {
    padding: 0 !important;
}
.resultNoPadding>.ui-panel-content {
    padding: 0 !important;
}
#contentForm\:companiesTable\:pnl .ui-widget-overlay {
    position: absolute !important;
    background-color: #e7e7d3;
    opacity: .5;
}
.fieldsetCenteredChkBox .ui-chkbox-box.ui-state-default {
    margin: 2px 0 -1px 10px !important;
}
.ui-accordion-content .fieldsetCenteredChkBox .ui-chkbox.ui-widget {
    margin-right: 15px;
}
.littleRightMargin {
    margin-right: 10px;
}
#contentForm\:accordion\:destsToTest {
    min-height: 256px;
}
#contentForm\:accordion\:customRadio {
    margin-left: 75px;
}
#contentForm\:accordion\:customRadio td:nth-child(even) {
    width: 135px;
}
#contentForm\:tariffs\:jurisdictionalType {
    margin-bottom: 0 !important;
}
.jurisdictionalTypeSelect {
    width: 115px !important;
}
/* autoTest */
#contentForm\:accordion\:testResultDialog .ui-dialog-content {
    padding: 5px 20px 6px 10px;
}
#contentForm\:accordion\:testResultDialog .testResultPanel {
    background-color: #e7e7d3 !important;
    background-image: none;
    padding: 0 !important;
}
.testResultPanel {
    margin-bottom: 10px;
}
.testResultPanel .ui-panel-content {
    padding: 0 !important;
    border-style: solid;
    border-color: #b9b998;
    border-width: 0 1px;
}
.testResultInfo {
    margin: 20px;
    display: inline-table;
}
.testCalls .ui-datatable-tablewrapper {
    max-height: none;
    border: none;
}
.testCalls th:first-child, .testCalls td:first-child {
    border-left: none !important;
}
.testCalls th:last-child, .testCalls td:last-child {
    border-right: none !important;
}
.goodCallYes, .goodCallNo {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("/mobile/javax.faces.resource/images/yesNo.png.xhtml?ln=default");
    background-size: cover;
    margin: 0 auto;
}
.goodCallYes {
    background-position: 0 0;
}
.goodCallNo {
    background-position: 0 20px;
}
.audio audio {
    display: none;
}
.audio a:hover {
    text-decoration: none;
}
.audio a {
    font-size: 13px;
    color: #436e4a;
    background: #D2D9BC;
    border: 2px solid  #436e4a;
    border-radius: 5px;
    display: block;
    width: 11px;
    height: 12px;
    padding: 4px 10px;
    margin: 0 auto;
}
.label-with-asterisk {
    position: relative;
}
.hideTestResultLinks {
    display: inline-table;
    vertical-align: top;
    margin-top: 23px;
}
.hideTestResultLinks a {
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
}
#contentForm\:preloader-box {
    left: 50% !important;
    top: 50% !important;
    width: 150px;
    margin-left: -75px;
    background: #EEF3DC;
    z-index: 99999 !important;
}
.exportTariffDialog .ui-dialog-title {
    white-space: nowrap;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.financialSettingsModificationBox {
    padding: 0.3em;
}
#contentForm\:tpSelect, #contentForm\:opSelect {
    padding-bottom: 4px;
}
table#contentForm\:tariffs\:tariffType {
    display: inline-block;
    width: auto !important;
    position: relative;
    top: -1px;
    vertical-align: middle;
}
table#contentForm\:tariffs\:tariffType tr {
    height: 21px;
}
table#contentForm\:tariffs\:tariffType td {
    border: none !important;
    background: none;
    font-size: 12px !important;
    padding: 0 10px 0 0 !important;
}
table#contentForm\:tariffs\:tariffType td label {
    margin: 2px 0 !important;
}
table#contentForm\:tariffs\:tariffType .ui-radiobutton {
    display: block;
    margin: 0;
}
div#contentForm\:tariffs .ui-inputfield,
div#contentForm\:tariffs .inlineElem {
    vertical-align: middle !important;
}
table#contentForm\:tariffs\:tariffType .ui-radiobutton-box {
    margin: 0 10px 0 0;
}
#contentForm\:editTariffsLinks2 .ui-datatable-scrollable-header-box,
#contentForm\:selectedCompaniesEmails .ui-datatable-scrollable-header-box {
    margin-right: 0 !important;
}
.complexAutocompletePanel {
    overflow: hidden;
}
.autocompletePreviousBtn, .autocompleteNextBtn {
    width: 100%;
    background: #F4F8E1 !important;
    border: 1px solid #a4ba83 !important;
    color: #3f6a45 !important;
    border-radius: 0;
    text-align: left;
    height: auto;
}
.autocompletePreviousBtn .ui-button-text, .autocompleteNextBtn .ui-button-text {
    padding: 4px 5px;
    font-size: 12px;
}
.autocompletePreviousBtn.ui-state-hover, .autocompleteNextBtn.ui-state-hover {
    color: #3f6a45 !important;
}
#contentForm\:exportCsvByCompany:before {
    display: block;
    content: '';
    width: 24px;
    height: 32px;
    background: url("/mobile/javax.faces.resource/images/csv.png.xhtml?ln=default") no-repeat 50% !important;
}
.labelAfterTypeExportTariffs {
    margin-top: 51px;
}
.exportTariffType label {
    text-align: left;
}
#contentForm\:confirmDeletingCurrency {
    z-index: 91002 !important;
}
#contentForm\:confirmDeletingCurrency_modal {
    z-index: 91001 !important;
}
.labelAfterTypeExportTariffsWithTalkshop {
    margin-top: 75px;
}
.minMaxAvg {
    position: absolute;
    right: 20px;
    margin-top: 5px;
}
.minMaxAvg span {
    margin-right: 15px;
}
/* start styling for Start Page */
/* spc - Start Page Chart */
.startPageChart label {
    color: #23572a;
    font-size: 20px;
    text-align: center;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.spc_box {
    position: relative;
    margin-bottom: 10px;
    font-weight: bold;
}
.spc_box div {
    display: inline-block;
    line-height: 26px;
    vertical-align: middle;
}
.spc_text {
    width: 40%;
    background: white;
    background: linear-gradient(#F6F7F4 40%, #cacdc8 75%);
    position: relative;
    height: 26px;
    margin-left: 10px;
    /*text-transform: capitalize;*/
    padding-left: 18px;
    box-sizing: border-box;
    z-index: 2;
}
.spc_text, .spc_line {
    box-shadow: inset 1px -2px 1px rgba(255, 255, 255, .5), -1px 1px 1px rgba(0, 0, 0, .3);
}
.spc_text:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
    width: 26px;
    height: 26px;
    border-radius: 15px;
    box-shadow: 0 1px 3px #fff;
}
.spc_color_0 .spc_text:before {
    background: #e38472;
    background: radial-gradient( circle farthest-corner at 5px 5px, #fff 10%, #e38472 100%);
}
.spc_color_0 .spc_acd, .spc_color_0 .spc_asr {
    border-color: #e38472;
}
.spc_color_1 .spc_text:before {
    background: #ffbcac;
    background: radial-gradient( circle farthest-corner at 5px 5px, #fff 10%, #ffbcac 100%);
}
.spc_color_1 .spc_acd, .spc_color_1 .spc_asr {
    border-color: #ffbcac;
}
.spc_color_2 .spc_text:before {
    background: #f9c87c;
    background: radial-gradient( circle farthest-corner at 5px 5px, #fff 10%, #f9c87c 100%);
}
.spc_color_2 .spc_acd, .spc_color_2 .spc_asr {
    border-color: #f9c87c;
}
.spc_color_3 .spc_text:before {
    background: #deeaac;
    background: radial-gradient( circle farthest-corner at 5px 5px, #fff 10%, #deeaac 100%);
}
.spc_color_3 .spc_acd, .spc_color_3 .spc_asr {
    border-color: #deeaac;
}
.spc_color_4 .spc_text:before {
    background: #c0d280;
    background: radial-gradient( circle farthest-corner at 5px 5px, #fff 10%, #c0d280 100%);
}
.spc_color_4 .spc_acd, .spc_color_4 .spc_asr {
    border-color: #c0d280;
}
.spc_color_5 .spc_text:before {
    background: #90bc99;
    background: radial-gradient( circle farthest-corner at 5px 5px, #fff 10%, #90bc99 100%);
}
.spc_color_5 .spc_acd, .spc_color_5 .spc_asr {
    border-color: #90bc99;
}
.spc_country, .spc_client {
    /* text-transform: capitalize; */
    text-overflow: ellipsis;
    overflow: hidden;
    height: 30px;
    white-space: nowrap;
    width: 100%;
    padding-right: 9px;
    box-sizing: border-box;
}
.spc_acd, .spc_asr {
    position: absolute;
    width: 40px;
    height: 36px;
    background: #9ea29b;
    border-radius: 20px;
    top: -5px;
    text-align: center;
    line-height: 12px !important;
    box-sizing: border-box;
    z-index: 3;
    background: radial-gradient( circle farthest-corner at 5px 5px, #fff 10%, #9ea29b 100%);
    border: 1px solid transparent;
}
.spc_acd span, .spc_asr span {
    font-size: 10px;
    line-height: 10px;
}
.spc_acd {
    right: -75px;
    padding: 7px 0;
}
.spc_acd span {
    display: block;
}
.spc_asr {
    right: -32px;
    padding: 11px 0;
}
.spc_line_box {
    height: 26px;
    position: absolute;
}
.spc_line {
    height: 26px;
    padding-left: 80px;
    position: absolute;
    z-index: 1;
}
.creditLimitCheck .spc_line {
    padding-left: 5px;
    white-space: nowrap;
}
.spc_line span {
    position: absolute;
}
.spc_line .spc_line_grad {
    height: 26px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.7) 50%,rgba(255,255,255,0) 100%);
    box-shadow: 0px 1px 0px 0 rgba(0,0,0,.3);
    position: absolute;
    left: 0;
}
.spc_styling, .spc_styling:before {
    width: 18.4px;
    height: 18.4px;
    position: absolute;
}
.spc_styling {
    transform: rotate(225deg);
    top: 4px;
    right: -9px;
    box-shadow: inset 2px 1px 1px rgba(255, 255, 255, .5), -1px -1px 1px rgba(0, 0, 0, .5);
}
.spc_styling:before {
    content: '';
    background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,.7) 50%,rgba(255,255,255,0) 100%);
}
#contentForm .startPageChart .spc_button {
    background: transparent !important;
    color: black !important;
    margin: 0 0 0 30px !important;
    padding: 0;
    z-index: 2;
    box-shadow: none;
}
#contentForm .startPageChart .spc_button span {
    padding: 5px 25px 5px 5px;
    background: white url("/mobile/javax.faces.resource/images/send_icon.png.xhtml?ln=default") 99% 50% no-repeat;
    border-radius: 5px 0 0 5px;
    box-shadow: inset 3px -6px 6px rgba(0,0,0,.2), inset 0px -5px 3px rgba(255, 255, 255, .8), -2px 2px 3px rgba(0, 0, 0, .5);
}
.spc_box_button {
    display: inline-block;
    position: relative;
}
#contentForm .startPageChart .spc_button span:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    transform: rotate(225deg);
    background: white;
    right: -9px;
    top: 4px;
    z-index: -1;
    box-shadow: inset 4px 3px 4px rgba(0,0,0,.2), inset 0px 2px 1px rgba(255, 255, 255, 1), -1px -2px 3px rgba(0, 0, 0, .5);
}
.startPageSelectOneButtonBox {
    position: absolute;
    left: 0;
    top: calc(50% - 30px);
    width: 100%;
    margin: 0;
    z-index: 19;
    text-align: center;
}
.startPageSelectOneButton {
    background-color: #ebe9d1;
}
.startPageSmsSelectOneButton {
    background-color: #ebe9d1;
}
.startPageSelectOneButton .ui-button-text-only {
    height: auto;
    border-radius: 0;
    background: linear-gradient(to top, #FFFFFF 0%, #236F46 25%, #236F46 75%, #78B970 100%) !important;
    border: 3px solid #80b564 !important;
}
.startPageSelectOneButton .ui-button-text-only:first-child {
    border-right: none !important;
    margin-right: 2px;
}
.startPageSelectOneButton .ui-button-text-only:last-child {
    border-left: none !important;
}
.startPageSelectOneButton .ui-button-text-only .ui-button-text {
    padding: 15px;
    font-size: 15px;
    border: 2px solid #207548;
}
.startPageSelectOneButton .ui-button-text-only:first-child .ui-button-text {
    border-right: none;
}
.startPageSelectOneButton .ui-button-text-only:last-child .ui-button-text {
    border-left: none;
}
.startPageSelectOneButton .ui-button-text-only.ui-state-active {
    color: #9db591;
    border-color: #a4bf84 !important;
    background: linear-gradient(to top, #90c267 0%, #5c9256 25%, #5c9256 75%, #85b04f 100%) !important;
}
.startPageSelectOneButton .ui-button-text-only.ui-state-active .ui-button-text {
    border-color: #64995a;
}
.startPageSelectOneButton .ui-state-disabled {
    opacity: 1;
}
.underBtns label {
    margin-top: 30px;
}
.startPageChart .jqplot-target {
    margin: 20px auto 0;
}
.startPageChart .jqplot-target canvas:last-child {
    border-right: 2px solid #C3C2B6;
}
.startPageChart .jqplot-xaxis-tick {
    display: none;
}
.startPageChart .circleDiagram {
    width: 420px;
    margin: 0 auto;
}
#contentForm\:startPageCharts .ui-widget-overlay {
    position: absolute !important;
    background: rgba( 43, 41, 34, .4);
    z-index: 10 !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
#contentForm\:startPageCharts .ui-blockui-content {
    z-index: 18 !important;
    background: #ebe9d1;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin: 0 !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}
.spc_box.spc_color_0 .spc_styling:after, .spc_box.spc_color_0 .spc_line_grad:after {
    background-color: #e38472;
}
.spc_box.spc_color_1 .spc_styling:after, .spc_box.spc_color_1 .spc_line_grad:after  {
    background-color: #ffbcac;
}
.spc_box.spc_color_2 .spc_styling:after, .spc_box.spc_color_2 .spc_line_grad:after  {
    background-color: #f9c87c;
}
.spc_box.spc_color_3 .spc_styling:after, .spc_box.spc_color_3 .spc_line_grad:after  {
    background-color: #deeaac;
}
.spc_box.spc_color_4 .spc_styling:after, .spc_box.spc_color_4 .spc_line_grad:after  {
    background-color: #c0d280;
}
.spc_box.spc_color_5 .spc_styling:after, .spc_box.spc_color_5 .spc_line_grad:after  {
    background-color: #90bc99;
}
.wrap-btm-export {
    display: inline-block;
    position: relative;
}
.wrap-btm-export.disabled:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #eef3dc;
    opacity: .7;
}

#headerForm\:connectionStatus {
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background: red;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -100px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    font-weight: bold;
    z-index: 9999;
}
#headerForm\:connectionStatus.active {
    top: 0;
}
.ui-menu .ui-menuitem-link.menu-separator {
    border-top:2px solid #b5c583 !important;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.ui-selectmanycheckbox.fieldsToDisplay {
    padding: .5em .3em !important;
}
/*.ui-selectmanycheckbox.ui-grid {
    font-size: 11px;
}*/
.ui-selectmanycheckbox.ui-grid .ui-grid-row div {
    position: relative;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-selectmanycheckbox .ui-chkbox,
.ui-selectmanycheckbox.ui-grid .ui-grid-row .ui-chkbox {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ui-selectmanycheckbox td .ui-chkbox {
    left: 5px !important;
}
.ui-selectmanycheckbox .ui-chkbox div,
.ui-selectmanycheckbox.ui-grid .ui-grid-row .ui-chkbox div {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ui-selectmanycheckbox label,
.ui-selectmanycheckbox.ui-grid label {
    padding: 6px 0 6px 22px;
    margin: 0 !important;
    vertical-align: middle;
    align-self: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    line-height: .95em;
}
.ui-selectmanycheckbox td label {
    margin: 0 !important;
    padding: 5px 0 5px 22px;
}
#auth_form {
    border: 1px solid #177947;
    width: 90%;
    max-width: 660px;
    margin: 0 auto;
    padding: 20px 10px;
    background: #f9fee6;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    position: absolute;
    left: 50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 20px;
    text-align: center;
}
#auth_form #message {
    display: block;
    text-align: center;
    font-size: 1.17em;
    font-weight: bold;
    padding-bottom: 10px;
}
#checkAuthForm\:labelAuthCode {
    font-size: 14px;
    width: 70px;
    margin: 5px 5px 5px 0;
}
#checkAuthForm\:authPhrase {
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 430px;
    margin: 5px;
    height: 30px;
    line-height: 1;
    border: 1px solid #a9a9a9;
    background: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}
#checkAuthForm\:checkAuthButton {
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 90px;
    margin: 5px 0 5px 5px;
    height: 30px;
    border-radius: 0;
    text-transform: capitalize;
    font-size: 14px;
}

@media only screen and (max-width: 736px) {
    #auth_form {
        max-width: 420px;
    }
    #checkAuthForm\:authPhrase {
        width: 100%;
        display: block;
        margin: 5px auto;
    }
    #checkAuthForm\:checkAuthButton {
        display: block;
        width: 100%;
        height: 35px;
        margin: 5px auto;
    }
}
#contentForm\:vatHistoryLink {
    text-decoration: underline;
    padding-left: 5px;
    padding-top: 2px;
    line-height: 1.7em !important;
    color: #000
}
#contentForm\:vatHistoryLink:hover {
    text-decoration: none;
}