general.css 5.17 KB
Newer Older
Billy Larru committed
1 2
btn-green{
    background-color: #26A69A;
3
}
4 5 6

.label-left{
    text-align: left;
7
    font-size: 13px;
8 9 10 11 12 13 14 15 16 17
}

.bg-jade{
    background-color: #26A69A;
    border-color: #26A69A;
    color: #fff;
}

.border-left-jade{
    border-left-color: #26A69A;
18 19 20 21
}

.text-migration{
    color: #36F;
22 23 24 25
}

.table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > td {
    padding: 6px 10px;
26 27 28
}


29 30 31 32
.text-azul{
    color: blue;
    /*font-weight: bold;*/
}
33 34


35
/******/
36
.fix-label{
37 38 39 40
    width: 100%;
    text-align: left;
    font-size: 13px; 
    font-weight: 500;
41 42 43 44
}

/* PAGE-HEADER */
.page-title{
45
    padding: 16px 36px 16px 0;
46 47 48 49
}

/* ACTIVE LINK */
.navigation > li > ul li:first-child{
50
    padding-top: 0;
51 52 53 54
}

/* ACTIVE LINK */
.navigation > li > ul li:last-child{
55
    padding-bottom: 0;
56 57 58
}

.navbar-header{
59
    width: 200px;
60 61 62
}

.media-left, .media > .pull-left{
63
    padding-right: 0;
64 65 66 67
}

/* USER CONTENT */
.tp-sidebar-category-content{
68 69 70 71 72 73
    display: flex;
    flex-direction: column;
    text-align: center;
    background: url("../img/user_background.jpg") no-repeat center;
    background-size: cover;
    box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75)
74 75 76 77 78 79 80 81 82 83 84

}


/*.header-highlight .navbar-header:not([class*=bg-]){
  box-shadow: none;
  background-color: var(--primary-color-dark);
}*/

/* SIDEBAR NAVIGATION */
.navigation > li ul li a{
85 86
    padding: 8px 52px;
    min-height: 36px;
87 88 89
}

.navigation > li > a{
90 91
    padding: 8px 20px 8px 16px;
    min-height: 36px;
92 93 94
}

.navigation .navigation-header{
95
    padding: 10px 16px;
96 97 98
}

.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus{
99
    background-color: var(--primary-color);
100 101 102 103
}

/* PANELES */
.panel-heading{
104
    padding: 9px 15px;
105 106 107 108 109 110 111 112 113 114
}

/* SIDEBAR */
/*.sidebar{
  background-color: var(--primary-color-dark);
  box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75);
}*/

/* NAVBAR */
.navbar-inverse{
115 116
    background-color: var(--primary-color-dark);
    border: none;
117 118 119 120
}

/* TABLA */
.table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td{
121
    padding: 2px 10px;
122 123 124
}

.table tr, .table th, .table td, .htContextMenu td, .ranges ul li{
125
    height: 30px;
126 127 128
}

.datatable-header{
129
    padding-top: 0px;
130 131 132 133
}

/* BOTONES */
.btn{
134
    padding: 5px 8px;
135 136 137 138
}

/* HEADING ELEMENTS */
.heading-elements{
139
    margin-top: -16px;
140 141 142
}

@media only screen and (max-width: 768px){
143 144 145 146 147 148
    .panel-heading .visible-elements{
        margin: 15px -15px 0 -15px;
    }
    .panel .visible-elements{
        padding: 8px;
    }
149

150 151 152
    .sidebar-mobile-main .sidebar-main, .sidebar-mobile-secondary .sidebar-secondary, .sidebar-mobile-opposite .sidebar-opposite, .sidebar-mobile-detached .sidebar-detached > .sidebar{
        width: 100%;
    }
153

154 155 156
    .sidebar-user + .sidebar-category .navigation{
        padding-bottom: 0;
    }
157

158 159 160
    .sidebar-content{
        padding-bottom: 0px;
    }
161 162 163 164
}

/* BREADCRUMBS */
.breadcrumb{
165
    padding: 7px 0;
166 167 168
}
/* MODALES */
.modal-header[class*=bg-]{
169
    padding: 9px 15px;
170 171 172 173
}

/* MEDIA OBJECTS */
.media-left, .media > .pull-left{
174
    padding-right: 15px;
175 176
}

177
/*JQUERY CONFIRMATION*/ 
178
.jconfirm .jconfirm-box.jconfirm-type-blue{
179
    border-top: solid 7px #3ba4ce;
180 181
}
.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{
182
    color: #3ba4ce !important;
183 184
}

185
/*HEADER*/ 
186
.tp-header-right-table-button{
187
    width: 180px;
188 189
}
.tp-header-right-table-button > i{
190
    font-size: 20px;
191 192 193
}

@media only screen and (min-width: 769px) {
194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221
    .sidebar{
        width: 200px;
    }
    .navbar-header{
        min-width: 200px;
    }

    .sidebar-xs .sidebar-main .navigation > li > a > span{
        background-color:var(--primary-color);
        border: 1px solid var(--primary-color);
        right: -200px;
        width: 200px;
        padding: 7px 20px;
    }

    .sidebar-xs .sidebar-main .navigation > li.active > ul{
        position: absolute;
        top: 36px;
        width: 200px;
        right: -200px;
    }

    .sidebar-xs .sidebar-main .navigation > li > ul{
        position: absolute;
        top: 36px;
        width: 200px;
        right: -200px;
    }
222 223 224 225 226 227 228 229 230
}
/*
@media only screen and (max-width: 768px) {
  .sidebar{
    width: 200px;
  }
  .navbar-header{
    min-width: 100%;
  }
231 232 233
}*/

table.display tbody tr:hover td {
234
    background-color: #B0B8B7 !important;
235 236 237
}

.datatable-scroll{
238 239
    border-top:  1px solid #bbbbbb9c;
    border-bottom:  0px;
240 241
}
.dataTables_info {
242 243 244
    float: left;
    padding: 13px 0;
    margin-bottom: 0px;
245 246
}
.dataTables_paginate {
247
    margin: 5px 0 5px 0;
248 249
}
.table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td {
250
    padding: 3px 15px;
251 252 253
}

.table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > td {
254
    padding: 5px 15px;
255 256
}
.table{
257
    width: 100% !important;
258 259 260
}

.dataTable thead .sorting_asc:after {
261
    content: '' !important; 
262 263 264 265
}

.datepicker{z-index:9999 !important}
.daterangepicker{z-index:9999 !important}