/*       ______________________________________
________|                                      |_______
\       |                 SISCOIN              |      /
\       |            Copyright © 2016          |     /
/       |______________________________________|     \
/__________)                                (_________\

*/

html{
    min-height:100%!important;
    position:relative!important;
    font-family: 'Open Sans', sans-serif;
}

body{

    font-size:13px!important;
    font-family: 'Open Sans', sans-serif;
    background: rgb(236, 239, 241);
}

body.bg2{
    background: #E5E5E5;
    min-height:100%!important;
}


/*--------------------------- PAGINA INDEX.HTML ---------------------------*/

#panel-login{

    margin-top: 25%;
    border: none;
    margin-bottom: 11%;
}

header{
    font-family: 'Open Sans';
    background-color: rgb(52, 73, 94);
    color:#ffffff;
    font-size: 33px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

header #logo img{

    width: 72px;
    height: 72px;
}

img{
    display: inline;
    max-width: 100%;
    height: auto;
}

footer{
    font-family: 'Open Sans';
    font-weight: 400;
}

.footer{
    padding-top:75px;
    height:0;
    width:0
}

.footer .footer-inner{
    text-align:center;
    position:absolute;
    z-index:auto;
    left:0;
    right:0;
    bottom:0
}

@media (min-width:768px) and (max-width:991px){
    .container .footer .footer-inner{
        left:auto!important;
        right:auto!important;
        margin-left:auto;width:744px
    }
}

@media (min-width:992px){
    .container .footer .footer-inner{
        left:auto!important;
        right:auto!important;
        width:964px}
}

@media (min-width:1200px){
    .container .footer .footer-inner{
        width:1164px
    }
}

.footer .footer-inner .footer-content{

    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    padding:2px;
    font-size: 12px;
    line-height:28px;/*36*/
    background-color:#eeeeee;
    border-top:3px double #DADFE1;
    color:#757575;
    font-weight:600;
}

.icon-footer{
    font-size: 15px;
}

#panel-login img {

    width: 45px;
    height: 45px;
    margin-top: -5px;

}

#panel-login #text-inicio-sesion {

    font-size: 26px;
}

#btn_sesion{
    margin-bottom: -20px!important;
}

.margin-body{
    margin-top: -15px!important;
}

input[type=text]{
    font-size:13.5px;/*border-color:#b5b5b5;*/        
}

textarea{
    font-size:13.5px!important;/*border-color:#b5b5b5;*/        
}

.input-group-addon{
    font-size:13.5px;
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size:13px
}
.form-control:-ms-input-placeholder {
    color: #999;
    font-size:13px
}
.form-control::-webkit-input-placeholder {
    color: #999;
    font-size:13px
}
.text-black{
    color:#000000!important;
}

#modal_acceso i{
    font-size: 150px;
}

.font_modal_acceso{
    font-size: 32px;
    color: #000000!important;
}
/*-------------------------------------------------------------------------*/

.center-block {
    display: block!important;
    margin-right: auto!important;
    margin-left: auto!important;
}


.text-bold{
    font-weight: bold!important;
}

.text-bold-700{
    font-weight: 700!important;
}

.text-bold-600{
    font-weight: 600!important;
}

.text-bold-500{
    font-weight: 500!important;
}

.text-bold-400{
    font-weight: 400!important;
}

.text-bold-300{
    font-weight: 300!important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#myProgress {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2000;
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    width: 300px;
    background: #ffffff;
    border: 1px solid #09afdf;
    overflow: hidden;
}




/************************* ESTILO ALERTAS MODALES *******************************/

@media (min-width: 768px) {
    .bootbox.bootbox-sm .modal-dialog {
        width: 300px;
    }
}

.bootbox .modal-footer {
    margin-top: 0;
}

.modal-alert{
    margin-top: 50px;
}

.modal-content{
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,.5);
    box-shadow:0 15px 30px rgba(0,0,0,.5)
}

.modal-alert .modal-header,
.modal-alert .modal-title,
.modal-alert .modal-body,
.modal-alert .modal-footer {
    background: none;
    border: none;
    margin: 0;
    padding: 0 20px;
    text-align: center !important;
}

@media (min-width: 480px) {
    .modal-alert .modal-dialog {
        width: 350px;
        text-align: center;
        margin: auto;
        margin-top: 3%;
    }
}

.modal-alert .modal-header {
    color: #fff;
    margin-bottom: 20px;
    padding: 60px 0 25px 0;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
    border-bottom: 4px solid rgba(0, 0, 0, 0.08);
}

.modal-alert .modal-header .fa {
    font-size: 70px;
    margin-top: -30px;
}

.modal-alert .modal-title {
    font-size: 14px;
    font-weight: 700;
    opacity: 0.9;
    margin-bottom: 3px;
}

.modal-alert .modal-body {
    color: #757575;
    font-weight: 400;
}

.modal-alert .modal-footer {
    margin: 25px 0 20px 0;
}

.modal-alert.modal-info .modal-header {
    background: #5bc0de;
}

.modal-alert.modal-danger .modal-header {
    background: #e66454;
}

.modal-alert.modal-warning .modal-header {
    background: #f4b04f;
}

.modal-alert.modal-success .modal-header {
    background: #5ebd5e;
}

.no-radius {
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}

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

.txt-color-green-dsgn{color:#4CAF50!important}
.txt-color-greenDark-dsgn{color:#2E7D32!important}
.txt-color-greenLight-dsgn{color:#43A047!important}
.txt-color-purple-dsgn{color:#9C27B0!important}
.txt-color-pink-dsgn{color:#E91E63!important}
.txt-color-pinkDark{color:#AD1457!important}
.txt-color-blue-dsgn{color:#2196F3!important}
.txt-color-blueLight-dsgn{color:#03A9F4!important}
.txt-color-blueDark-dsgn{color:#1565C0!important}
.txt-color-teal-dsgn{color:#009688!important}
.txt-color-yellow-dsgn{color:#FFEB3B!important}
.txt-color-orange-dsgn{color:#FF9800!important}
.txt-color-orangeDark-dsgn{color:#E65100!important}
.txt-color-red-dsgn{color:#F44336!important}
.txt-color-redLight-dsgn{color:#FF5252!important}
.text-primary-dsgn{color:#3F51B5!important}
.text-success-dsgn{color:#00C853!important}
.text-danger-dsgn{color:#C62828!important}
.text-warning-dsgn{color:#FF5722!important}
.text-info-dsgn{color:#607D8B!important}
.text-default{color:#616161!important}
.text-perdido{
    color:#FF1744!important;
}

.text-corinto{

    color:#D50000;
}.text-white{

    color:#ffffff;
}


.text-indigo{
    color:#1A237E;
}

.text-cyan{

    color:#006064;
}

.text-teal{
    color:#004D40;
}
.text-amber{
    color:#FF6F00;
}
.text-orange{
    color:#E65100;
}
.text-blue-gray{
    color:#263238;
}
.text-green-sea{
    color:#16a085;
}
.text-pumpkin{
    color:#d35400;
}

.text-facebook{
    color:#3b5999;
}

.text-twiter{
    color:#55acee;
}

.text-skype{
    color:#00AFF0;
}

.text-wordpress{
    color:#21759b;
}

.text-linkedin{
    color:#0077B5;
}

.text-tumblr{
    color:#34465d;
}
.text-vk{
    color:#4c75a3;
}
.text-slide-share{
    color:#0077b5;
}
.text-instragram{
    color:#3f729b;
}
.text-google-plus{
    color:#DC4E41;
}
.text-youtube{
    color:#e52d27;
}

.text-yellow{
    color:#FBC02D;
}
.bg-yellow{
    background:#FBC02D;
}

.text-yellow2{
    color:#FFF176;
}

.bg-yellow2{
    background:#FFFF00;
}
.form-control {
    font-size: 16px;
}
textarea{font-size:200px}
.white-bg{
    background: #ffffff!important;
    
}

.navbar-text{
    font-size: 16px;
    margin-left: -10px;
    margin-top: 17px;
    color:#000000;
    font-weight:bold;
    text-align: center;
}

#img-user{
    width: 34px;
    height: 32px;
    margin-top: -6px;
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}

#menu-usuario-img{
    width: 43px;
    height: 40px;
    margin-top: -2px;
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
}

#cerrar-sesion{
    font-weight: bold;
    font-size: 13px;
}

#cambio_rol{
    font-weight: bold;
    font-size: 13px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 1rem;
    color: #373a3c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

#panel-acceso{

    margin-top: 20%;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius: 7px;
    border: none;
}

#panel-acceso img{
    width: 115px;
    height: 80px;
    margin-top: 5px;
}

#panel-acceso .panel-footer{
    background-color: #f5f5f5;
}

select{
    font-size: 13.4px!important;
}



.imagenes-menu{
    width: 19px;
    height: 19px;
    margin-top:-3px;
}

.padding_footer{
    padding-top: 20px;
    padding-bottom: 20px;
}

.vivid_red{
    background-color: #c82727;
}
.red{
    background-color: #dc5b5b;
}
.light_blue{
    background-color: #09afdf;
}
.cool_green{background-color: #21bb9d;}

.lbl-form-roles{
    opacity:0.9;
    font-size:20px;
    color:#34495e;
}

@media (min-width: 768px) and (max-width: 991px) {
    .tnt_center{
        text-align: center;
    }
    .center-block2 {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .tnt_center{
        text-align: center;
    }
    .center-block2 {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

.icono_key{
    font-weight: 500;
    height:200px;
    width:200px;
    text-align: center;
    display:block;
    color:white;
    border:5px solid #ecf0f1;
    border-radius:170px;
    box-shadow:0 0 5px #444;
    box-sizing:content-box;
    font-family: FontAwesome;
    content: "\f084";
    background-color:#21759b;
}


.name-widget{

    font-size: 12px;
    font-weight: 700;
    padding-bottom: 1px;
}

.notification .name-widget-right {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    padding-bottom: 1px;
    top: 50%;
    right: 0;
    margin: -15px 30px 0 0;
    font-size: 12px;
}

.name-widget-right2 {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    padding-bottom: 1px;
    top: 50%;
    right: 0;
    margin: -15px 30px 0 0;
    font-size: 12px;
}

.hover-blanco:hover{
    color:#ffffff;
    background-color: #fff;
}

.text-permisos-usuario{
    opacity:0.8;
    font-size:20px
}

#icono-user{
    font-size:110px;margin-top:100px
}
#icono-key{
    font-size:60px;margin-left:-25px;
}


.widget-notifications .notification {
    position: relative;
    padding: 7px 12px;
}
.widget-notifications .notification + .notification {
    border-top: 1px solid #e4e4e4;
}
.widget-notifications .notifications-list {
    overflow: hidden;
    position: relative;
}
.widget-notifications .notification-title,
.widget-notifications .notification-description,
.widget-notifications .notification-ago {
    display: block;
    margin-right: 35px;
}
.widget-notifications .notification-title {
    font-size: 11px;
    font-weight: 700;
    padding-bottom: 1px;
}
.widget-notifications .notification-description {
    font-size: 11px;
    color: #666;
}
.widget-notifications .notification-ago {
    font-size: 11px;
    font-style: italic;
    color: #bbb;
}
.widget-notifications .notification-icon {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    margin: -13px 12px 0 0;
    font-size: 14px;
}
.widget-notifications .notifications-link {
    text-align: center;
    padding: 8px 0 !important;
    border-top: 1px solid #e4e4e4;
    display: block;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 800;
    color: #999;
    line-height: 18px !important;
    height: auto !important;
}
.widget-notifications .notifications-link:hover {
    background: #f4f4f4;
    color: #555555;
}

.btns {
    padding: 6px 17px;
    font-size: 14px;
    line-height: 1.4666666667;
    border-radius: 3px;
    margin: 0!important;
}


.table-instagram table{
    border-top-color:#174E66!important
}

.table-instagram .table-header,
.table-instagram thead,
.table-instagram thead th,
.table-instagram thead tr{
    border-color:#174E66!important;
    color:#fff
}

.table-instagram .table-header,
.table-instagram tfoot,
.table-instagram tfoot th,
.table-instagram tfoot tr
{
    border-color:#174E66!important;
    color:#fff;
}

.table-instagram thead th,
.table-instagram thead tr{
    background:#174E66
}

.table-instagram .table-header{
    background:#174E66
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    border-top-color: #e4e4e4;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th {
    font-weight: 600;
}
.table tbody + tbody {
    border-top-color: #e4e4e4;
}
.table-bordered {
    border-color: #e4e4e4;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-color: #e4e4e4;
}
.table-header {
    background: #fff;
    position: relative;
    border: 1px solid #e4e4e4;
    margin-bottom: -1px;
    padding: 10px 15px 10px 15px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
.table-header .table-caption {
    font-size: 19px;
    line-height: 24px;
    font-family:sans-serif;
    font-weight: 600;
    margin: 0;
    padding-bottom: 15px;
    padding-top:   10px;
}
.table-header .table-caption2 {
    font-size: 19px;
    line-height: 24px;
    font-family:sans-serif;
    font-weight: 600;
    margin: 0;
    padding-bottom: 15px;
    padding-top:   10px;
}
.table-light,
.table-success,
.table-danger,
.table-warning,
.table-info,
.table-primary {
    margin-bottom: 20px;
}
.table-light table {
    border-top-color: #dbdbdb !important;
}
.table-light thead,
.table-light thead tr,
.table-light thead th,
.table-light .table-header {
    border-color: #dbdbdb !important;
    color: #555555;
}
.table-light thead tr,
.table-light thead th {
    background: #ebebeb;
}
.table-light .table-header {
    background: #fafafa;
}
.table-success table {
    border-top-color: #518d51 !important;
}
.table-success thead,
.table-success thead tr,
.table-success thead th,
.table-success .table-header {
    border-color: #518d51 !important;
    color: #ffffff;
}
.table-success thead tr,
.table-success thead th {
    background: #53a953;
}
.table-success .table-header {
    background: #5ebd5e;
}
.table-danger table {
    border-top-color: #ca4433 !important;
}
.table-danger thead,
.table-danger thead tr,
.table-danger thead th,
.table-danger .table-header {
    border-color: #ca4433 !important;
    color: #ffffff;
}
.table-danger thead tr,
.table-danger thead th {
    background: #d95342;
}
.table-danger .table-header {
    background: #e66454;
}
.table-warning table {
    border-top-color: #de9328 !important;
}
.table-warning thead,
.table-warning thead tr,
.table-warning thead th,
.table-warning .table-header {
    border-color: #de9328 !important;
    color: #ffffff;
}
.table-warning thead tr,
.table-warning thead th {
    background: #e9a23b;
}
.table-warning .table-header {
    background: #f4b04f;
}
.table-info table {
    border-top-color: #3da1bf !important;
}
.table-info thead,
.table-info thead tr,
.table-info thead th,
.table-info .table-header {
    border-color: #3da1bf !important;
    color: #ffffff;
}
.table-info thead tr,
.table-info thead th {
    background: #4bb1d0;
}
.table-info .table-header {
    background: #5bc0de;
}


 .table-primary table{
    border-top-color:#23638c!important
}

 .table-primary .table-header,
 .table-primary thead,
 .table-primary thead th,
 .table-primary thead tr{
    border-color:#23638c!important;
    color:#fff
}

 .table-primary .table-header,
 .table-primary tfoot,
 .table-primary tfoot th,
 .table-primary tfoot tr
{
    border-color:#23638c!important;
    color:#fff;
}

 .table-primary thead th,
 .table-primary thead tr{
    background:#2175ac
}

 .table-primary .table-header{
    background:#1d89cf
}
/****/

 .table-blue-gray table{
    border-top-color:#34465d!important
}

 .table-blue-gray .table-header,
 .table-blue-gray thead,
 .table-blue-gray thead th,
 .table-blue-gray thead tr{
    border-color:#34465d!important;
    color:#fff
}

 .table-blue-gray .table-header,
 .table-blue-gray tfoot,
 .table-blue-gray tfoot th,
 .table-blue-gray tfoot tr
{
    border-color:#34465d!important;
    color:#fff;
}

 .table-blue-gray thead th,
 .table-blue-gray thead tr{
    background:#455A64
}

 .table-blue-gray .table-header{
    background:#546E7A
}

/****/

 .table-night-blue table{
    border-top-color:#273647!important
}

 .table-night-blue .table-header,
 .table-night-blue thead,
 .table-night-blue thead th,
 .table-night-blue thead tr{
    border-color:#273647!important;
    color:#fff
}

 .table-night-blue .table-header,
 .table-night-blue tfoot,
 .table-night-blue tfoot th,
 .table-night-blue tfoot tr
{
    border-color:#273647!important;
    color:#fff;
}

 .table-night-blue thead th,
 .table-night-blue thead tr{
    background:#34465d
}

 .table-night-blue .table-header{
    background:#455E7A
}
/****/

 .table-facebook table{
    border-top-color:#314B7F!important
}

 .table-facebook .table-header,
 .table-facebook thead,
 .table-facebook thead th,
 .table-facebook thead tr{
    border-color:#314B7F!important;
    color:#fff
}

 .table-facebook .table-header,
 .table-facebook tfoot,
 .table-facebook tfoot th,
 .table-facebook tfoot tr
{
    border-color:#314B7F!important;
    color:#fff;
}

 .table-facebook thead th,
 .table-facebook thead tr{
    background:#3b5999
}

 .table-facebook .table-header{
    background:#4569B2
}

 .table-instagram table{
    border-top-color:#174E66!important
}

 .table-instagram .table-header,
 .table-instagram thead,
 .table-instagram thead th,
 .table-instagram thead tr{
    border-color:#174E66!important;
    color:#fff!important
}

 .table-instagram .table-header,
 .table-instagram tfoot,
 .table-instagram tfoot th,
 .table-instagram tfoot tr
{
    border-color:#174E66!important;
    color:#fff!important;
}

 .table-instagram thead th,
 .table-instagram thead tr{
    background:#1C617F!important
}

 .table-instagram .table-header{
    background:#227193!important
}

.table-pa-purple table {
    border-top-color: #666567 !important;
}
.table-pa-purple thead,
.table-pa-purple thead tr,
.table-pa-purple thead th,
.table-pa-purple .table-header {
    border-color: #666567 !important;
    color: #ffffff;
}
.table-pa-purple thead tr,
.table-pa-purple thead th {
    background: #756c7e;
}
.table-pa-purple .table-header {
    background: #857198;
}

ul.pagination li.disabled{
    color: #000000;
}

.btn-xs1 {
    padding: 2px 7px!important;
    font-size: 12px!important;
    line-height: 1.4!important;
    border-radius: 3px!important;
}


#myBar {
    position: absolute;
    width: 1%;
    height: 100%;
    background-color: #09afdf;
}
#label {
    text-align: center;
    margin-top: -4px;/* If you want to center it */
    line-height: 25px; /* Set the line-height to the same as the height of the progress bar container, to center it vertically */
    color: white;
}

#text-progress{
    text-align: center;
    margin-top: 40px;/* If you want to center it */
    line-height: 25px; /* Set the line-height to the same as the height of the progress bar container, to center it vertically */
    color: white;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

.degradado_tabs{

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); 
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.degradado_sucursal{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.degradado{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+0,f6f6f6+11,ededed+30,ededed+37,f7f7f7+47,ededed+62,ededed+63,f7f7f7+71,f6f6f6+78,ededed+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 30%, rgba(237,237,237,1) 37%, rgba(247,247,247,1) 47%, rgba(237,237,237,1) 62%, rgba(237,237,237,1) 63%, rgba(247,247,247,1) 71%, rgba(246,246,246,1) 78%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 0%,rgba(246,246,246,1) 11%,rgba(237,237,237,1) 30%,rgba(237,237,237,1) 37%,rgba(247,247,247,1) 47%,rgba(237,237,237,1) 62%,rgba(237,237,237,1) 63%,rgba(247,247,247,1) 71%,rgba(246,246,246,1) 78%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 0%,rgba(246,246,246,1) 11%,rgba(237,237,237,1) 30%,rgba(237,237,237,1) 37%,rgba(247,247,247,1) 47%,rgba(237,237,237,1) 62%,rgba(237,237,237,1) 63%,rgba(247,247,247,1) 71%,rgba(246,246,246,1) 78%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.table.table-colored {
    border-bottom-color: #546E7A!important;
}

.table-colored > thead > tr > th {
    border-color:#546E7A!important;
    background-color: #607D8B;
    color: #ffffff;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc!important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}


.bg-color-greenDark{background:#2E7D32!important}
.bg-color-greenLight{background:#43A047!important}
.bg-color-purple{background:#9C27B0!important}
.bg-color-magenta{background:#A0F!important}
.bg-color-pink{background:#E91E63!important}
.bg-color-pinkDark{background:#AD1457!important}
.bg-color-blue{background:#2196F3!important}
.bg-color-blueLight{background:#03A9F4!important}
.bg-color-blueDark{background:#1565C0!important}
.bg-color-teal{background:#009688!important}
.bg-color-yellow{background:#FFEB3B!important}
.bg-color-orange{background:#FF9800!important}
.bg-color-orangeDark{background:#E65100!important}
.bg-color-red{background:#F44336!important}
.bg-color-redLight{background:#FF5252!important}
.bg-default{background:#F5F5F5!important}


.table-footer {
    min-height: 40px;
    margin-top: -19px;
    position: relative;
    border: 1px solid #e4e4e4;
    line-height: 20px;
    padding: 10px 15px 10px 15px;
    background: #fafafa;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.table-footer2 {
    min-height: 40px;
    margin-top: 1px;
    position: relative;
    border: 1px solid #e4e4e4;
    line-height: 20px;
    padding: 10px 15px 10px 15px;
    background: #fafafa;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.tbl-tr-white{
    
    background: #FFFFFF;
}

.degradado_tabs{

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); 
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.degradado_sucursal{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.degradado{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+0,f6f6f6+11,ededed+30,ededed+37,f7f7f7+47,ededed+62,ededed+63,f7f7f7+71,f6f6f6+78,ededed+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 30%, rgba(237,237,237,1) 37%, rgba(247,247,247,1) 47%, rgba(237,237,237,1) 62%, rgba(237,237,237,1) 63%, rgba(247,247,247,1) 71%, rgba(246,246,246,1) 78%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 0%,rgba(246,246,246,1) 11%,rgba(237,237,237,1) 30%,rgba(237,237,237,1) 37%,rgba(247,247,247,1) 47%,rgba(237,237,237,1) 62%,rgba(237,237,237,1) 63%,rgba(247,247,247,1) 71%,rgba(246,246,246,1) 78%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 0%,rgba(246,246,246,1) 11%,rgba(237,237,237,1) 30%,rgba(237,237,237,1) 37%,rgba(247,247,247,1) 47%,rgba(237,237,237,1) 62%,rgba(237,237,237,1) 63%,rgba(247,247,247,1) 71%,rgba(246,246,246,1) 78%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.label-teal{
    background:#EC407A!important
}

.label-brown{
    background:#8D6E63!important
}