﻿/*.main-header > .navbar {
    min-height: 75px;
}

.main-header .logo {
    height: 75px;
}

.main-sidebar, .left-side
{
padding-top: 75px;
}

.main-header .sidebar-toggle {
    height: 75px;

}*/

.bg-esmeralda, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: #009775 !important;
    color: white !important;
}

.box.box-solid.box-esmeralda {
    border: 1px solid #009775;
    border-top-color: #009775;
}

    .box.box-solid.box-esmeralda > .box-header {
        color: #ffffff;
        background: #009775;
        background-color: #009775;
    }

        .box.box-solid.box-esmeralda > .box-header a,
        .box.box-solid.box-esmeralda > .box-header .btn {
            color: #ffffff;
        }


.box.box-success {
    border-top-color: #009775;
}


box.box-solid.box-purple {
    border: 1px solid #605ca8;
}

.box.box-solid.box-purple > .box-header {
    color: #ffffff;
    background: #605ca8;
    background-color: #605ca8;
}

    .box.box-solid.box-purple > .box-header a,
    .box.box-solid.box-purple > .box-header .btn {
        color: #ffffff;
    }


box.box-solid.box-aqua {
    border: 1px solid #00c0ef;
}

.box.box-solid.box-aqua > .box-header {
    color: #ffffff;
    background: #00c0ef;
    background-color: #00c0ef;
}

    .box.box-solid.box-aqua > .box-header a,
    .box.box-solid.box-aqua > .box-header .btn {
        color: #ffffff;
    }



/*Redifinir el ancho del menú izquierdo*/
/*.main-header > .navbar {
  margin-left: 170px;
}

.main-header .logo {
  width: 170px;
}
.main-sidebar, .left-side {
    width:170px;
}
.content-wrapper, .right-side, .main-footer {
    margin-left: 170px;
}*/

.circle-icon {
    /*background: #ffc0c0;*/
    padding: 8px;
    border-radius: 50%;
}

.circle-icon2 {
    /*background: #ffc0c0;*/
    padding: 20px;
    border-radius: 50%;
}

.circle-icon-small {
    padding: 4px;
    border-radius: 50%;
}

.spin {
    -webkit-animation: spin 3s infinite linear;
    -moz-animation: spin 3s infinite linear;
    -o-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear;
    -webkit-transform-origin: 50% 58%;
    transform-origin: 50% 58%;
    -ms-transform-origin: 50% 58%; /* IE 9 */
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.size-21 {
    font-size: 21px;
}

.size-24 {
    font-size: 24px;
}

.size-36 {
    font-size: 36px;
}

.size-48 {
    font-size: 48px;
}

.size-60 {
    font-size: 60px;
}

.size-72 {
    font-size: 72px;
}

/*.login-page
{
    background-color: #FFFFFF;
}
.login-box-body
{
    background:#f7f7f7; 
}*/

div.user-header {
    margin: 0 auto;
    width: 150px;
    padding: 10px;
    /*border: 3px solid #d2d6de;*/
}

.sidebar-menu > li > a > i {
    padding-right: 10px;
}

box.box-solid.box-gold {
    border: 1px solid #C3A57C;
}

.box.box-solid.box-gold > .box-header {
    color: #ffffff;
    background: #C3A57C;
    background-color: #C3A57C;
}

    .box.box-solid.box-gold > .box-header a,
    .box.box-solid.box-gold > .box-header .btn {
        color: #ffffff;
    }
/* COIN icons8-cuenta */
.bg-brown {
    background-color: #882023 !important;
    color: white !important;
}

.bg-gold, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: #C3A57C !important;
    color: white !important;
}

.bg-gold, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: #C3A57C !important;
    color: white !important;
}

.box.box-solid.box-annex {
    border: 1px solid #1e2a41;
    border-top-color: #1e2a41;
}

    .box.box-solid.box-annex > .box-header {
        color: #ffffff;
        background: #1e2a41;
        background-color: #1e2a41;
    }

        .box.box-solid.box-annex > .box-header a,
        .box.box-solid.box-annex > .box-header .btn {
            color: #ffffff;
        }


.box.box-solid.box-form {
    border: 1px solid #0073b7;
    border-top-color: #0073b7;
}

    .box.box-solid.box-form > .box-header {
        color: #ffffff;
        background: #0073b7;
        background-color: #0073b7;
    }

        .box.box-solid.box-form > .box-header a,
        .box.box-solid.box-form > .box-header .btn {
            color: #ffffff;
        }


box.box-solid.box-green {
    border: 1px solid #009500;
}

.box.box-solid.box-green > .box-header {
    color: #ffffff;
    background: #009500;
    background-color: #009500;
}

    .box.box-solid.box-green > .box-header a,
    .box.box-solid.box-green > .box-header .btn {
        color: #ffffff;
    }


.bg-green, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: #009500 !important;
    color: white !important;
}

.bg-green, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: #009500 !important;
    color: white !important;
}

.bg-check, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: #ff7161 !important;
    color: white !important;
}

.btn-green {
    background-color: #009500;
    border-color: #009500;
    color: white;
}

.slaask-button {
    z-index: 9999999;
    position: fixed;
    bottom: 20px;
    /* right: 30px; */
    width: 48px;
    height: 48px;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.07);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.07);
    box-shadow: 0 0 10px rgba(0,0,0,.07);
    border-radius: 50%;
    left: 15px;
}



#divBotttomRightFlujos {
    width: 78px;
    height: 79px;
    position: fixed;
    bottom: 10%;
    right: 0%;
    font-size: 60pt;
    z-index: 995;
}


.iconoAnadirFlujo {
    position: absolute;
    top: 15px;
    left: 12px;
    z-index: 999;
    color: white;
    font-size: 19pt;
}


#divBotttomRight {
    width: 78px;
    height: 79px;
    position: fixed;
    bottom: 10%;
    right: 0%;
    font-size: 60pt;
    z-index: 995;
}

.fondoAnadir {
    color: white;
    position: absolute;
    z-index: 998;
    font-size: 37pt;
    -webkit-filter: drop-shadow( 0px 5px 4px #808080 );
    filter: drop-shadow( 0px 5px 4px #808080 ); /* Same syntax as box-shadow */
}

.iconoAnadir {
    position: absolute;
    top: 15px;
    left: 12px;
    z-index: 999;
    color: white;
    font-size: 30pt;
    padding: 8px;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ic8 {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bg-track, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: rgb(168, 0, 87) !important;
    color: white !important;
}

.bg-track, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: rgb(168, 0, 87) !important;
    color: white !important;
}

.bg-annex, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: #1e2a41 !important;
    color: white !important;
}

.bg-annex, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: #1e2a41 !important;
    color: white !important;
}

/*Control Pestañas aplicaciones bordes*/
/*.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus {
    border-left-color: #da291c;
    border-bottom-color: #da291c;
}*/
/*Control Pestañas aplicaciones selectores*/
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
    background: #181f23;
    color: #b8c7ce;
}

/*Control Pestañas aplicaciones*/
.control-sidebar-dark, .control-sidebar-dark + .control-sidebar-bg {
    background: rgba(34, 45, 50, 0.84);
}

.control-sidebar-dark {
    color: #b8c7ce;
}

.alert {
    padding: 5px !important;
    padding-top: 15px !important;
    margin-bottom: 5px !important;
}

.close {
    right: 10px !important;
    /*top:8px !important;*/
}



.modal {
    /*background-image: url('images/Link_login_v1.png');*/
    background-repeat: no-repeat;
    background-size: cover;
}

input[type="radio"] + label {
    margin-left: 5px;
}

.filaPrincipal {
    background-color: #f9f9f9;
}

.sw-btn-next {
    margin-left: 2px;
}



/* LINK icons8-workflow */
a > .bg-orange {
    background-color: #fd6732 !important;
    color: white !important;
}

/* TASK icons8-clipboard */
a > .bg-esmeralda {
    background-color: #019676 !important;
    color: white !important;
}

/* SIGN icons8-agreement */
a > .bg-red {
    background-color: #c81c03 !important;
    color: white !important;
}

/* TRACK icons8-marker */
a > .bg-track {
    background-color: #a80057 !important;
    color: white !important;
}

/* SALE icons8-meeting */
a > .bg-gold {
    background-color: #baa47d !important;
    color: white !important;
}

/* QUOTE icons8-calculator */
a > .bg-green {
    background-color: #00940e !important;
    color: white !important;
}

/* LIVE icons8-escudo */
a > .bg-light-blue {
    background-color: #91a7d0 !important;
    color: white !important;
}

/* FORM icons8-survey */
a > .bg-blue {
    background-color: #0055b4 !important;
    color: white !important;
}

/* ANNEX icons8-attach */
a > .bg-annex {
    background-color: #1e2a41 !important;
    color: white !important;
}

/* CHECK icons8-accede-redondea-hacia-arriba  */
a > .bg-aqua {
    background-color: #6599d3 !important;
    color: white !important;
}

/* BVS icons8-an-lisis-de-la-palma */
a > .bg-yellow {
    background-color: #ffc000 !important;
    color: white !important;
}

/* STORE icons8-encuadernador */
a > .bg-fuchsia {
    background-color: #ffa2b1 !important;
    color: white !important;
}

/* DEVICE icons8-smartphone-con-pantalla-t-ctil */
a > .bg-gray-light {
    background-color: #c2c2c2 !important;
    color: white !important;
}

/* COIN icons8-cuenta */
a > .bg-brown {
    background-color: #882023 !important;
    color: white !important;
}

.bg-check, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: #ff7161 !important;
    color: white !important;
}

/* LOBBY icons8-recepci-n */
.bg-lobby {
    background-color: #C18F46 !important;
    color: white !important;
}

.width100 {
    width: 100%;
}


.label-green, .modal-green .modal-body {
    background-color: #009500 !important;
    color: white !important;
}

.txtInfo {
    border: none;
    margin-left: 10px;
    resize: none;
}

.linkInfo {
    margin-left: 15px;
    vertical-align: inherit;
}

.sinOferta {
    background-color: lightgray;
    color: red;
    font-weight: bold;
    font-size: 14px;
}
