select {
    font-size: 15px;
}

a {
    color: rgb(120, 120, 120);
    font-weight: 400;
}

ul, ol {
    margin: 0;
    padding: 0;
}

th, td {
    white-space: nowrap;
}

.table th, .table td {
    border: medium none;
}

.text-center {
    text-align: center;
}

input:focus, button:focus {
    border: 1px solid #92bbed;
}

input, button, textarea, a {
    /*border-radius: 0 !important;*/
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

table a {
    color: rgb(56, 56, 56);
    font-weight: 600;
}

input[type="search"] {
    box-sizing: border-box !important;
    width: 100%;
}

.margins {
    margin: 0 10px;
}

label:focus, input:focus, textarea:focus {
    border: 1px solid #9abbf4;
}

select {
    color: #A9A9AC !important;
    -moz-appearance: none;
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    border-color: -moz-use-text-color -moz-use-text-color #ccc !important;
    border-image: none !important;
    font-weight: 500;
    text-indent: 1px;
    text-overflow: "";
    width: 100% !important;
}

    input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
        background-color: initial;
        cursor: auto;
    }

.nowrap-text {
    white-space: nowrap;
}

.trial img {
}

.trial span {
    color: #777 !important;
    line-height: 31px;
    margin: 0 20px;
    padding-top: 0;
}

.trial a {
    background: #ea282d none repeat scroll 0 0;
    border: 0 none;
    border-bottom: 2px solid #ff9ea1;
    color: #fff;
    margin-top: 0px;
    padding: 6px 20px;
    border-radius: 6px !important;
    transition: none;
    -webkit-transition: none;
}

.BtnSubscription {
    background: #ea282d none repeat scroll 0 0;
    border: 0 none;
    border-bottom: 2px solid #ff9ea1;
    padding: 6px 20px;
    border-radius: 6px !important;
    transition: none;
    -webkit-transition: none;
    width: 125px;
    margin: auto;
    margin-top: 10px;
}

    .BtnSubscription a {
        color: #fff;
    }

.trial a:hover {
    border-bottom: none;
    position: relative;
    top: 2px;
}

.trial .counter {
    background: rgba(0, 0, 0, 0) url("https://s3-eu-west-1.amazonaws.com/magniresources/Images/trial_icon.png") no-repeat scroll 0 0;
    color: #777;
    height: 27px;
    line-height: 30px;
    margin-top: 0.5px;
    padding-top: 2.5px;
    text-align: center;
    width: 26px;
}

.trial * {
    display: inline-block;
}

.box-style.margins {
    margin: 30px 0;
    padding-top: 50px;
}

.realign {
    clear: both;
    float: none;
    max-width: 1200px;
    margin: auto;
}

.timeline .box-style {
    background: rgb(245, 243, 240) none repeat scroll 0 0;
    border-left: 1px solid rgba(204, 204, 204, 0.25);
    border-radius: 5px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    padding: 2% 1%;
}

.metricTotal {
    color: rgb(114, 113, 110) !important;
    font-size: 24px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    vertical-align: bottom;
}

.metricLegend {
    color: #aaa;
    font-size: 13px;
    height: 20px;
    line-height: 14px;
    text-align: center;
}

.backoffice .no-margin-left {
    margin-left: 5px !important;
}

.no-margin {
    margin: 0px 0px 0px 0px !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.padding-right-20 {
    padding-right: 40px;
}

.padding-left-10 {
    padding-left: 10px;
}

.center {
    clear: both;
    margin: auto;
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.showMobile {
    display: none;
}

.only-print {
    display: none;
}

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

.contentDocDownload {
    background-color: white;
}
/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background: #f9f6f1 none repeat scroll 0 0 !important;
}*/
.bootstrap-select.btn-group .dropdown-menu {
    height: auto;
}

.caret {
    display: block;
}

.input-append .add-on {
    height: 30px !important;
    padding: 5px 10px 5px 5px;
    position: absolute;
}

.input-append .add-on, .input-prepend .add-on, .vat-wrapper .add-on {
    font-size: 13px;
}

.main-content {
    margin: auto;
    max-width: 1200px;
}

.sep-border {
    height: 1px;
    margin: 0 -20px;
    width: calc(100% + 3em);
}

.nr-pages {
    color: #c4c4c4;
    font-size: 12px;
}

.h4 {
    color: #626262;
    font-size: 23px;
    font-weight: 100 !important;
    margin: 30px 0 0;
}

    .h4.glyphicons {
        color: #626262;
        padding: 0 0 0 30px !important;
    }

        .h4.glyphicons i::before {
            color: rgba(139, 139, 139, 0.75);
            font-size: 19px;
            padding-top: 2px;
        }

.glyphicons {
    display: inline-block;
}

.btn {
    display: inline-block;
}

table td:first-child {
    /*padding-left: 2%;*/
}

table td {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0.5%;
}

/*
table tr:nth-child(2n) {
    background: #f5f3f0 none repeat scroll 0 0;
}
*/

table.pivotconfigurationtable tr:nth-child(2n) {
    background: #f5f3f0 none repeat scroll 0 0;
}

table thead th {
    padding: 0 0.5% 0 0;
}

    table thead th input {
        margin-top: 11px;
        font-size: 12px;
    }

table thead tr {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}

table thead input {
    border: medium none !important;
    padding: 0 5px;
    vertical-align: top;
}

.boxHelper {
    float: right;
    position: relative;
    z-index: 500;
}

a.linkHelper {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border: 2px solid #f9f9f9;
    border-radius: 5px !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    color: #ffffff;
    font-family: "open sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 40px !important;
    margin-left: -40px;
    margin-top: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 40px;
}

table button.btn.btn-default {
    background: transparent none repeat scroll 0 0 !important;
    border: medium none;
}

.detailsBlock button.btn.btn-default {
    background: transparent none repeat scroll 0 0 !important;
}

.btn.disabled, .btn[disabled] {
    /* opacity: 1; */
}

.associated-transfers .listTotalBorderTop {
    border-top: 1px solid;
    font-weight: 800;
}

.associated-transfers .transfers-amount {
    padding-right: 0px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    min-height: 30px;
}

.associated-transfers .listTotal {
    font-size: 16px;
    margin-left: 5px;
}

.select-text-align-right {
    direction: rtl;
}

.padding-right-5px {
    padding-right: 5px;
}

.doc-search::before {
    content: url("https://d385xxgpk8p5zy.cloudfront.net/search_small.png");
    left: 10px;
    position: absolute;
    top: 6px;
}

.top-search::before {
    content: url("https://d385xxgpk8p5zy.cloudfront.net/search_big.png");
}

a.btn.btn-blue, div.btn.btn-blue, .btn.btn-blue.link, .btn.btn-blue.link span {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #4285f4;
    padding-left: 26px;
    position: relative;
}

.homepage.box-style.row-fluid.faq .h4 {
    float: none;
    display: block;
}

.homepage.box-style.row-fluid.faq .transfers {
    clear: both;
}


.login-wrapper .signin-btn.loading,
.register-wrapper .loading {
    position: relative;
}

    .login-wrapper .signin-btn.loading:before,
    .register-wrapper .btn.btn-cta.loading:before {
        position: absolute;
        content: url("https://d385xxgpk8p5zy.cloudfront.net/ajax-loader.gif");
        right: 50%;
        margin-right: -16px;
        top: 5px;
    }

.select2-drop.select2-display-none.select2-with-searchbox.select2-drop-active, .datetimepicker, .tooltip {
    transition: none;
}

.graph-bg #chart_forecast .flot-text {
    left: auto !important;
    position: relative !important;
    right: auto !important;
    text-align: center;
    width: 100%;
}

.graph-bg #chart_forecast .flot-text {
    margin-left: -6px;
}

.graph-bg #chart_situation .flot-text {
    margin-left: -15px;
}

.graph-bg #chart_invoiced_unreceived .flot-text {
    margin-left: -14px;
}

.graph-bg #chart_yearly_result .flot-text {
    margin-left: -16px;
}

.margin-bottom-30 {
    margin-bottom: 35px !important;
}

.margin-top-10px {
    margin-top: 10px;
}

.padding-top-5 {
    padding-top: 5px;
}

.pay-till {
    padding: 10px 30px 10px 30px;
}



.h3 {
    font-size: 20px;
}

/* css bank moviments*/
.label_addmoviments {
    font-size: 11px;
}

.moviment_input {
    font-size: 14px;
}

    .moviment_input select {
        font-size: 16px;
    }

.listrecords .box-style {
    padding: 20px;
    max-width: 260px;
}

#listrecords-title {
    width: 40px;
    display: inline-block;
    padding-right: 60px;
}

#listrecords-value {
    width: 90px;
    display: inline-block;
}

.listrecords .row-fluid, .listrecords .row {
    padding: 10px 0px 10px 0px;
    min-height: 44px;
}

.listrecords .col-xs-1, .listrecords .col-xs-2, .listrecords .col-xs-3, .listrecords .col-xs-4, .listrecords .col-xs-5, .listrecords .col-xs-6, .listrecords .col-xs-7, .listrecords .col-xs-8, .listrecords .col-xs-9, .listrecords .col-xs-10, .listrecords .col-xs-11, .listrecords .col-xs-12, .listrecords .col-sm-1, .listrecords .col-sm-2, .listrecords .col-sm-3, .listrecords .col-sm-4, .listrecords .col-sm-5, .listrecords .col-sm-6, .listrecords .col-sm-7, .listrecords .col-sm-8, .listrecords .col-sm-9, .listrecords .col-sm-10, .listrecords .col-sm-11, .listrecords .col-sm-12, .listrecords .col-md-1, .listrecords .col-md-2, .listrecords .col-md-3, .listrecords .col-md-4, .listrecords .col-md-5, .listrecords .col-md-6, .listrecords .col-md-7, .listrecords .col-md-8, .listrecords .col-md-9, .listrecords .col-md-10, .listrecords .col-md-11, .listrecords .col-md-12, .listrecords .col-lg-1, .listrecords .col-lg-2, .listrecords .col-lg-3, .listrecords .col-lg-4, .listrecords .col-lg-5, .listrecords .col-lg-6, .col-lg-7, .listrecords .col-lg-8, .listrecords .col-lg-9, .listrecords .col-lg-10, .listrecords .col-lg-11, .listrecords .col-lg-12 {
    padding: 0px;
}

#listrecords-dateinput {
    padding-top: 20px;
}

.input-group-addon {
    border: none;
    background-color: transparent;
}



@media (min-width: 1600px) {
    .main-content-large {
        max-width: 1600px;
    }

    .box-style-large {
        padding: 1% 2.5% !important;
    }
}

.documentClose {
    font-size: 11px;
    position: absolute;
    right: 25px;
    top: 5px;
    color: #fff;
}

    .documentClose:hover {
        color: #fff;
    }


.grid {
    display: block;
}

@media only screen and (max-width: 1230px) {
    .grid {
        display: grid;
    }
}

/* Content wrapper to hold menu and main content side by side */
.content-wrapper {
    display: flex;
    width: 100%;
    position: relative;
}

/* Ensure menu items are properly aligned with menu-box */
.content-wrapper .menu-items {
    margin-top: 0;
    left: 0;
    position: relative;
}

/* Main content container for proper layout with sidebar */
.main-content-container {
    flex: 1;
    position: relative;
    z-index: 700;
    padding: 0;
    box-sizing: border-box;
    overflow: visible;
    margin-top: 0;
}

/* Responsive adjustments for main content container */
@media only screen and (max-width: 992px) {
    .content-wrapper {
        flex-direction: column;
    }
    
    .main-content-container {
        width: 100%;
    }
}

/* Header container to group menu-box and top-box */
.header-container {
    display: flex;
    width: 100%;
    position: relative;
    clear: both;
}

/* Ensure menu-box is properly sized and positioned */
.header-container .menu-box {
    flex: 0 0 180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Ensure the top-box takes up the remaining width */
.header-container .top-box {
    flex: 1;
    width: auto;
    margin-right: 0;
}

/* Remove the gray margin on the right */
.header-container .row.no-margin-right {
    margin-right: 0 !important;
    width: 100%;
}

/* Fix for duplicate top bar issue */
.mainWrapper > .trial {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
}

/* Ensure proper spacing when trial bar is present */
.mainWrapper > .trial + .header-container {
    margin-top: 40px;
}

/* Ensure content is properly positioned */
.box-style {
    margin-top: 0;
}

.form-control-label{
    text-align: right;
}