/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

.background-active {
    background-color: #586474;
}

.no-overflow-x {
    overflow-x: inherit !important;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.checker {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

p > .error {
    border: #a94442 1px solid;
}

p > div > div > .error {
    border: #a94442 1px solid;
}


p > .errorMessage {
    color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

p > div > div > .errorMessage {
    color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.ms-container {
    width: inherit !important;
    margin: 0 15px !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.page-header.navbar .page-logo {
    background-color: transparent !important;
    padding-left: 10px;
}

    .page-header.navbar .page-logo .logo-default {
        margin: 0 !important;
    }

.logo-default {
    width: 195px !important;
    height: 67px !important;
    padding: 1px;
    background-color: #536372;
}

.imagen-de-cliente {
    text-align: center;
    margin-bottom: 10px;
}

    .imagen-de-cliente:hover .editar-logo {
        display: inline;
    }

.editar-logo {
    display: none;
    position: relative;
    left: 12px;
    bottom: 50px;
}

.boton-zoom-imagen-cliente {
    position: absolute;
    bottom: 58px;
    left: 173px;
}

.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;
        background: red;
        cursor: inherit;
        display: block;
    }

.page-header.navbar .page-logo {
    padding-left: 0 !important;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    font-size: 14px !important;
    line-height: 3 !important;
}

.ui-sortable {
    cursor: n-resize;
}

    .ui-sortable > .ms-hover {
        cursor: n-resize !important;
    }

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.cursor-pointer {
    cursor: pointer;
}



.fontawesome-icon-list {
    margin-top: 22px;
}

    .fontawesome-icon-list .fa-hover a {
        display: block;
        color: #222222;
        line-height: 32px;
        height: 32px;
        padding-left: 10px;
        border-radius: 4px;
    }

        .fontawesome-icon-list .fa-hover a .fa {
            width: 32px;
            font-size: 14px;
            display: inline-block;
            text-align: right;
            margin-right: 10px;
        }

        .fontawesome-icon-list .fa-hover a:hover {
            background-color: #536372;
            color: #ffffff;
            text-decoration: none;
        }

.active a {
    background-color: #536372;
    color: #ffffff !important;
    text-decoration: none;
}

    .active a .fa {
        font-size: 28px !important;
        vertical-align: -6px;
    }

/*.active .fa {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}*/


.fontawesome-icon-list .fa-hover a:hover .fa {
    font-size: 28px;
    vertical-align: -6px;
}

.fontawesome-icon-list .fa-hover a:hover .text-muted {
    color: #bbe2d5;
}

.ms-optgroup-label {
    background-color: lightslategray !important;
    color: #fff !important;
    font-weight: 700;
    padding: 5px 0 5px 5px !important;
}

.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}

span.input-group-addon.primary input.checkbox .input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}

.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}

.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}

.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}

.modal-header {
    background-color: #EFEFEF!important;
}

.modal-title {
    color: #4db3a4 !important;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
}

.close {
    opacity: 1;
    background-image: none!important;
    font-size: 30px;
  line-height: .5;
    width: auto;
    height: auto;
    text-indent: initial!important;
}