/*
Copyright (C) 2017 Aeonsoft
www.aeonsoft.it
All rights reserved.
*/
/* 
    Created on : Jul 14, 2016, 8:53:31 AM
    Author     : ramon
*/

body {
    /*padding-top: 50px;*/
    padding-bottom: 10px;
    overflow: auto !important;
}

a:hover, a:active {
    text-decoration: none;
}

.nowrap {
    white-space: nowrap;
}

#header_logo {
    margin: -7px -0px;
}

.select-dropdown {
    /*width: 100%;*/
}

.checkbox-lg {
    width: 16px;
    height: 16px;
}

.checkbox-xl {
    width: 22px;
    height: 22px;
}

.custom-control-label-lg::before,
.custom-control-label-lg::after {
    width: 1.25rem;
    height: 1.25rem;
}
.custom-control-label-xl::before,
.custom-control-label-xl::after {
    width: 1.5rem;
    height: 1.5rem;
}

/*
*/



.select-dropdown .dropdown-menu>li>a {
    white-space: normal;
}

.select-dropdown .btn {
    white-space: normal;
}

.select-dropdown-menu {
    z-index: 2000;
}

.dropdown-menu {
    padding: 5px 0;
}


.form-group-sm .dropdown-menu .search-input {
    font-size: .875rem;
}
.form-group-lg .dropdown-menu .search-input {
    font-size: 1.25rem;
}

.dropdown-menu .form-control.search-input {
    box-shadow: none;
}


.dropdown .btn {
    text-align: left;
    min-width: 150px;
}

.pagesize .dropdown-menu {
    min-width: 10px;
}

.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
}

.pagination-goto {
    margin-left: 5px;
}

.pagination-goto .goto-input {
    width: 80px;
}

#footer-left {
    text-align:left;
    float:left;
}

#footer-right {
    text-align:right;
}

#main-content {
    padding-top: 15px;
    /* margin-right: 30px; */
}

.text-div {
    padding-top: 7px;
}

.condensed hr,
.table-condensed hr,
.table-sm hr {
    margin-top: 5px;
    margin-bottom: 5px;
}



.user-profile  {
    height: 52px;
    font-size: 12px;
    width: 240px;
}
.user-profile .user-avatar {
    margin-right: 5px;
    float: left;
    position: relative;
    width: 52px;
    height: 52px;
}
.user-profile .user-avatar img {
    width: 52px;
    height: 52px;
}
.user-profile .user-info {
    float: left;
}

.label-success {
    background-color: #5cb85c;
}

.label-info {
    background-color: #428bca;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-danger {
    background-color: #d9534f;
}

.label-success, .label-info, .label-warning, .label-danger {
    font-size: 90%;
    line-height: 1.9em;
}


.navbar-inverse {
    background-color: #003366;
}



.panel-body {
    /* padding: 0px; */
}
.panel-compact{
    padding: 4px;
}

.table-borderless>tbody>tr>td {
    border-top-style: none;
}

.table-compact>tbody>tr>td {
    padding: 1px;
}

table .table-compact {
    margin-bottom: 0px;
    width: 0%;
}

table .table-center {
    margin: auto;
}

.td-button {
    width: 100px;
}



.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: pointer;
    display: block;
}

.card.bg-primary.dashboard-panel .card-header a {
    color: #191970;
}

.dashboard-panel-title {
    font-size: 17px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/*
PAGINATION
*/

.pagination {
    margin: 0px 0;
}

.btn-pagination-toolbar {
    margin-left: -5px;
}

@media (max-width: 767px){
    .erp-form-fullwidth {
        width: auto;
    }
}

@media (min-width: 768px){
    .erp-form-fullwidth {
        width: 100%;
    }
}

.form-inline .erp-form-fullwidth input, .form-inline .erp-form-fullwidth textarea {
    width: 100%;
}

/*
BOOTSTRAP START
*/
form.form-inline .form-group>.select-dropdown {
    vertical-align: middle;
}

.form-inline .form-group,
.form-inline.form-group,
/*form.form-inline .form-group>.btn,*/
form.form-inline>.btn,
.inline>.btn {
    margin-bottom: 6px;
}

.form-inline .form-group-sm,
.form-inline.form-group-sm,
/*form.form-inline .form-group-sm>.btn-sm,*/
form.form-inline>.btn-sm,
.inline>.btn-sm {
    margin-bottom: 5px;
}

.form-inline .form-group-lg,
.form-inline.form-group-lg,
/*form.form-inline .form-group-lg>.btn-lg,*/
form.form-inline>.btn-lg,
.inline>.btn-lg {
    margin-bottom: 8px;
}

/*
//I comment this out, because I think you don't need it'
.form-control-plaintext i,
.form-control-static i {
    vertical-align: middle;
}

.form-control-plaintext a,
.form-control-static a {
    text-decoration: none;
}
*/

.form-group.form-inline.condensed {
    margin: 0px;
}

.form-group.form-inline.condensed label,
.form-group.form-inline.condensed p {
    padding: 0px;
}
.form-group.form-inline.condensed input {
    margin-top: 3px;
    margin-bottom: 3px;
}

table.table-condensed i.fa-lg {
    line-height: 1.2;
}
table.table-sm i.fa-lg {
    line-height: 1.5rem;
}

.fa-1x {
    font-size: 1.5em;
}

.alert {
    /* margin-top: 8px; */
    /* margin-right: 30px; */
}

.alert-sm {
    padding: .35rem .75rem;
    margin-bottom: 0.25rem;
}

/*
BOOTSTRAP END
*/

#cmsModal .modal-body {
}

.modal-open #dataConfirmModal .modal-header,
.modal-open #dataConfirmModal .modal-body {
    /*color: #FFF;*/
}

/*
//I don't know why I just didn't use the default bootstrap css'
.modal-open #dataConfirmModal .modal-body {
    font-size: 16px;
}

#dataConfirmModal .close {
    float: right;
    font-size: 30px;
    line-height: 1.2;
    color: #FFF;
    text-shadow: none;
    opacity: 1;
}

#dataConfirmModal .close:hover {
    color: #FFF;
    opacity: 0.5;
}
*/


/****************************************************************************/

/* JQuery fix for datepicker */
.ui-datepicker{
    z-index: 9999 !important;
}


/****************************************************************************/

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 25% white with
   our animation centered, and no-repeating */
.working-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    opacity:    0.5;
    background-image: radial-gradient(rgba(255, 255, 255) 1%, rgba(255, 255, 255, .25) 99%);
}

.working-modal-gif {
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .25 )
        url('images/waiting.gif')
        50% 50%
        no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
/*body.loading {*/
/* overflow: hidden; */
/*}*/

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .working-modal {
    display: block;
}

/****************************************************************************/


h1 .badge, h2 .badge, h3 .badge, h4 .badge,h5 .badge, h6 .badge {
    /*vertical-align:middle;
    margin-top: -0.25em;*/
}

.badge-status {
    min-width: 12rem;
    padding: 0.4rem;
    margin-bottom: 0.2rem;
}

.positive-amount {
    color: darkgreen;
}

.negative-amount {
    color: darkred;
}


/* JQuery fix for datepicker */
.ui-datepicker{
    z-index: 9999 !important;
}

/****************************************************************************/

.alarm-alert {
    color: Crimson ;
}

.alarm-warning {
    color: darkorange;
}

.alarm-notification {
    color: darkorange;
}

.cms-alarm {
    margin-bottom: 2px;
}

/*
SOCIAL
*/

.btn-linkedin {
    color: white;
    background-color: #0077B5;
}

.btn-facebook {
    color: white;
    background-color: #3b5998;
}

.btn-google {
    color: white;
    background-color: grey;
}

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

.btn-social:hover {
    color: #333333;
}

.btn-social-login {
    width: 240px;
}

@media (min-width: 480px) {
    .btn-social-login {
        width: 300px;
    }
}

.btn-social .fa-lg {
    vertical-align: 0;
}



/* YOUTUBE VIDEO */

.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


.breadcrumb {
    margin-bottom: 0px;
    padding: 0.75rem 1rem;
}