/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body { background-color: #f8f8f8; font-size: 13px; }
h1{ font-size: 32px; }
h2{ font-size: 26px; }
#wrapper { width: 100%; }
#page-wrapper { padding: 0 15px; min-height: 568px; background-color: #fff; }
.navbar-top-links { margin-right: 0; }
.navbar-top-links li { display: inline-block; }
.navbar-top-links li:last-child { margin-right: 15px; }
.navbar-top-links li a { padding: 15px; min-height: 50px; }
.navbar-top-links .dropdown-menu li { display: block; }
.navbar-top-links .dropdown-menu li:last-child { margin-right: 0; }
.navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; }
.navbar-top-links .dropdown-menu li a div { white-space: normal; }

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
    background-color: #eee;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}



.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.login-panel {
    margin-top: 25%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}


/***************** CUSTOM **********************/

/* BASICOS */
a { color: #0039cc; }
.left{ text-align: left; }
.center{ text-align: center; }
.right{ text-align: right; }
.fleft{ float: left; }
.fright{ float: right; }
.red{ color: red; }
.orange{ color: orange; }
.yellow{ color: yellow; }
.borderyellow{ border:1px solid black; }
.btn{ padding: 4px 12px; }
.btn-primary { background-color: #be0048; border-color: #840032; }
.table-right tr td input{ text-align: right; width: 100%; }

/*
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    padding: 0px 4px 0px 4px; 
    vertical-align: middle;
    line-height: 25px;
}
*/

.volverlink{ font-size: 24px; padding: 25px 10px 0 0; }

.acciones{ float: right; padding: 0px 0 10px 0; }

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #be0048; /* #337ab7; */
    border-color: #be0048; /* #337ab7; */
}

#obra_activa{
    line-height: 20px;
    padding-top: 15px;
    margin-right: 10px;
}

.seg_estado{ float: left; padding: 5px;  padding: 10px 20px 10px 20px; text-align:center; }
.seg_separator{ float: left; padding: 16px 0 0 8px; width: 7px; }

.seg_estudio{ background-color: #ac8fff; border-right:1px solid #7a1ef8; }
.seg_pinicial{ background-color: #9ce375; border-right:1px solid #4fb417; }
.seg_pactiva{ background-color: #dfb16a; border-right:1px solid #e18f0d; }
.seg_seg{ background-color: #759ae3; border-right:1px solid #044fe1; }

#flashMessage{
	padding: 10px;
    text-align: left;
    background: #f7e4cb;
    color: black;
    border: 1px solid #d78716;
    margin-left: 0;
    margin-bottom: 20px;
    display: inline-block;
    right: 30px;
    margin-top: 20px;
    position: absolute;
}

.superopcion {
    position: absolute;
    top: -7px;
    left: 140px;
    color: white !important;
    background-color: #f47421;
    border: 1px solid white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 5px;
}

.navbar-brand { padding: 2px 15px; }
.dataTable th{ background-color: #be0048 !important; color: white; } 
.row-margin{ margin: 0 0 20px 0; }

.table-tree td:first-child{
    border-right: 1px solid #337AB7;
}

.nav-tabs>li>a{ background-color: #d5d5d5; }
.nav-tabs>li.active>a{ background-color: #be0048; color: white; } 

.dataTables .filarellena{ background-color: #798EEA; color: white; }
.dataTables .filarellena h3{ margin: 10px 0; }
.dataTables .totales{ border-top: 2px solid grey;}

.tab-content{
    padding: 10px 20px;
    min-height: 150px;
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #D3D3D3 #D3D3D3;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}

.volver{
    float: right;
    position: relative;
    margin-top: -60px;
}

.page-header { margin: 20px 0 20px; }

.panel-body.panel-liketable{
    padding:0px !important;
}
.panel-body.panel-liketable > .row > [class*='col-']{
    padding:15px 25px !important;
    border-left: 1px solid #337AB7;
    min-height: 200px;
}
.panel-body.panel-liketable > .row > [class*='col-']:first-child{
    border-left:0px;
}

#page-wrapper{
    /* padding-top:30px !important; */
    padding-top: 0px;
}

#contenido .tab-pane{
    padding-top:15px;
}

/**** SUPER CUSTOM ********/
.cierre_separador{ margin-bottom: 10px; }
.cierre_anchotd{ width: 20px; }

/****************PANEL CAPITULO****************/
.panel-cap, .panel-cap > .panel-heading{
    border-radius:0px;
       
}
.panel-cap .tabs-cap{
    padding: 10px 0px 0px;
}

.tabs-cap > .tab-content{
    border:0px;
}
.tabs-cap > ul.nav-tabs{
    border-bottom: 1px solid rgb(188, 232, 241);
    padding-left: 10px;

}
.tabs-cap > ul.nav-tabs > li > a{
    border-radius: 0px;
    border-color: rgb(188, 232, 241) rgb(188, 232, 241) transparent;
}
.tabs-cap > ul.nav-tabs > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #D9EDF7;
}


.tabs-cap .dataTable th{ 
    background-color: #D9EDF7 !important; 
    color: #337AB7;
    border-bottom-color:#337AB7; 
    }
.p-tree .jstree{
    min-height: 170px;
    overflow: auto;
}    
.open-mod-btn{
    text-align: center; 
    padding: 20px;
}

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


.modal-primary .modal-header{
    border-bottom: 1px solid rgb(51, 122, 183);
    background: rgb(51, 122, 183) none repeat scroll 0% 0%;
    color: white;
}


.input-group-glue {
  width: 0;
  display: table-cell;
}

.input-group-glue + .form-control {
  border-left: none;
}


/**********************************************/
/*            FIN CUSTOM                      */
/***********************************************/

/************ RESPONSIVE ***********************/


@media(min-width:768px) {
    
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
    
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
        margin-top: 51px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}