TFS_ANTIGUO/SInCathay/ULA.Cathay.Credito/Content/dashboard.css

669 lines
No EOL
15 KiB
CSS

body {
background-color: #f6f6f6;
font-size: 12px;
}
.jumbotron {
background-color: #f6f6f6;
padding-bottom: 0;
margin-bottom: 0;
}
.infoUltimus {
text-align: right;
color: black;
font-size: 14px;
}
.label {
font-size: 100% !important;
}
/*#region Controles */
.btn-default {
background-image: url(../Images/crossword.png);
background-repeat: repeat;
}
.control-separator {
border-left-width: 1px;
border-left-style: solid;
border-left-color: silver;
}
.ControlsForms {
padding-left: 0 !important;
padding-right: 0.5em !important;
text-align: right;
}
/*#endregion */
.l-wrapper {
padding: 20px 10px 20px 10px;
background-image: url(../Images/white_wall_hash.png);
background-repeat: repeat;
}
@media (min-width: 992px) {
.container {
width: 1005px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.starter-template {
text-align: left;
padding: 146px 0 0 0; /*120px 0 0 0;*/
}
.l-footer {
position: relative;
padding-top: 60px;
margin-top: -40px;
/*background-color: #f6f6f6;*/
padding-bottom: 20px;
}
.MenuBar {
background-color: #c5b154;
}
.btn-sm {
padding: 5px 10px 5px 5px !important;
font-size: 13px !important;
}
.MenuBarContent {
padding-right: 0;
padding-left: 0;
}
.tamanio {
border-right: 0;
width: 40px;
}
.l-main > .l-wrapper {
border: 1px solid;
border-color: #2354A2;
position: relative;
zoom: 1;
z-index: 10;
}
.h3-xs {
margin-top: 0;
margin-bottom: 0;
}
.tooltip {
z-index: 50;
}
.radio, .checkbox {
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .checkbox {
text-align: left;
padding-top: 1px;
}
.form-control {
font-size: 12px;
/*border-radius: 4px !important;*/
}
.panel-title {
font-size: 14px;
font-weight: bold;
}
.form-group {
margin: 1px 1px 1px 1px !important;
;
padding: 1px 1px 1px 1px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
min-height: 1px;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
padding-top: 1px;
text-align: right;
}
control-CheckBox {
padding-top: 1px;
text-align: left;
}
.imput-xs {
height: 25px;
padding-top: 0;
padding-bottom: 0;
}
.inputCapitalizeFirstLetter {
text-transform: capitalize;
}
.inputWarningAgendar {
background-position: right;
background-repeat: no-repeat;
border-color: #f6b94d;
/*background: rgba(161, 208, 255, 0.26);*/
}
.inputWarning {
background-image: url(../Images/Warning_Icon_Red.png);
background-position: right;
background-repeat: no-repeat;
border-color: #f6b94d;
/*background: rgba(161, 208, 255, 0.26);*/
}
select.inputWarning {
background-position-x: 95%;
}
.labelHighlight {
font-size: 16px;
color: green;
}
.ControlHighlight {
color: green;
border-color: green;
}
.controlUppercase {
text-transform: uppercase;
}
.HeaderToggle {
padding: 1px 10px 1px 10px !important;
background-image: none !important;
background-color: #c5b154 !important;
color: white !important;
border-color: #c5b154 !important;
}
.inputSuccess {
border-color: #335D89;
background: rgba(161, 208, 255, 0.26);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
background-image: none;
}
.selectWarning {
background-image: url(../Images/Warning_Icon_Red.png);
background-position: left;
background-repeat: no-repeat;
}
select.selectWarning {
background-position-x: 95% !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: white !important;
font-size: 12px;
color: black;
}
.Identificacion {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
width: 25%;
height: 30px;
padding-top: 0;
padding-bottom: 0;
}
.scroll-header {
z-index: 100;
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.panel-body {
padding: 8px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: not-allowed;
font-size: 12px;
}
.well-sm {
border-radius: 3px;
margin-bottom: 10px;
background-color: white;
border: 1px solid rgba(0,0,0,.075);
}
.badge-red {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #DD1515;
border-radius: 10px;
}
.breadcrumb > .active {
color: black;
font-weight: bold;
}
a {
color: #428bca;
text-decoration: none;
font-weight: bold;
}
.block-copyright {
float: left;
width: 80%;
color: black;
font-size: 0.9em;
font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
line-height: 2em;
}
.input-group-addon {
font-weight: bold !important;
padding: 1px 10px !important;
font-size: 12px !important;
}
hr {
margin-bottom: 10px;
margin-top: 10px;
}
.BaseHeader {
padding-top: 0px !important;
padding-bottom: 5px !important;
}
.navbar-nav {
font-size: 10pt !important;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
}
.nav a {
color: white;
border-right: 1px solid;
color: #fff;
font-weight: bold;
padding: 5px 10px;
text-shadow: none;
border-color: #167030;
}
.nav a:hover {
background-color: white !important;
color: #4aa1c5 !important;
}
.nav a:active {
background-color: white !important;
color: #4aa1c5 !important;
}
.nav-active {
background-color: white !important;
color: black !important;
}
.bs .toast-top-right {
top: 10px !important;
}
.btn {
font-weight: bold !important;
}
#toast-container > div {
filter: alpha( opacity = 100 ) !important;
opacity: 100 !important;
}
#toast-container > .toast-default {
}
.toast-default {
background-color: #2f96b4;
}
.toast-top-right {
top: 10px !important;
}
/*calendario*/
.ll-skin-cangas {
font-size: 100%;
}
.ll-skin-cangas .ui-widget {
font-family: "Helvetica Neue","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
background: #f0f4f7;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.ll-skin-cangas .ui-datepicker {
padding: 0;
z-index: 2000 !important;
}
.ll-skin-cangas .ui-datepicker-header {
border: none;
background-color: #b42b0c;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI3Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI3Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.27) 0%, rgba(255,255,255,.27) 100%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.27) 0%, rgba(255,255,255,.27) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.27) 0%, rgba(255,255,255,.27) 100%);
background-image: linear-gradient(bottom, rgba(0,0,0,.27) 0%, rgba(255,255,255,.27) 100%);
}
.ll-skin-cangas .ui-datepicker-header .ui-state-hover {
background: #b42b0c;
border-color: transparent;
cursor: pointer;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.ll-skin-cangas .ui-datepicker .ui-datepicker-next span,
.ll-skin-cangas .ui-datepicker .ui-datepicker-prev span {
background-image: url(images/ui-icons_ffffff_256x240.png);
background-position: -32px -16px;
}
.ll-skin-cangas .ui-datepicker .ui-datepicker-prev span {
background-position: -96px -16px;
}
.ll-skin-cangas .ui-datepicker table {
margin: 0;
}
.ll-skin-cangas .ui-datepicker th {
font-size: 9px;
color: #6c7173;
font-size: 9px;
text-shadow: 0 1px 0 rgba(255,255,255,.55);
text-transform: uppercase;
font-weight: normal;
border: none;
border-top: 1px solid rgba(186,194,200,.6);
border-bottom: 1px solid rgba(186,194,200,.6);
background-color: #e6ebf0;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.38);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.38);
box-shadow: inset 0 1px 0 rgba(255,255,255,.38);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YzVjNSIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+CjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNjOWM1YzUiIHN0b3Atb3BhY2l0eT0iMC4zMyIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4zMyIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(bottom, rgba(201,198,198,.33) 0%, rgba(201,198,198,.33) 0.76%, rgba(255,255,255,.33) 100%);
background-image: -o-linear-gradient(bottom, rgba(201,198,198,.33) 0%, rgba(201,198,198,.33) 0.76%, rgba(255,255,255,.33) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(201,198,198,.33) 0%, rgba(201,198,198,.33) 0.76%, rgba(255,255,255,.33) 100%);
background-image: linear-gradient(bottom, rgba(201,198,198,.33) 0%, rgba(201,198,198,.33) 0.76%, rgba(255,255,255,.33) 100%);
}
.ll-skin-cangas .ui-datepicker td {
border: none;
border-top: 1px solid #e7e9ea;
border-right: 1px solid #e7e9ea;
padding: 0;
background: #eee;
}
.ll-skin-cangas .ui-datepicker tr:first-child td {
border-top: none;
}
.ll-skin-cangas .ui-datepicker td:last-child {
border-right: none;
}
.ll-skin-cangas td .ui-state-default {
border: 1px solid transparent;
text-align: center;
padding: .7em 0;
margin: 0;
font-size: 12px;
font-weight: bold;
background: #f5f8fa;
color: #6c7173;
text-shadow: 0 1px 0 rgba(255,255,255,.55);
}
.ll-skin-cangas td.ui-state-disabled .ui-state-default {
text-shadow: none;
opacity: .8;
color: #6c7173;
}
.ll-skin-cangas td .ui-state-active,
.ll-skin-cangas td .ui-state-hover {
border: 1px solid #b42b0c;
background: #b42b0c;
color: #fff;
text-shadow: 0 -1px 0 #30332a;
}
/*fin calendario*/
textarea {
resize: none;
}
.text-left {
text-align: left !important;
}
.text-txt {
color: #aaaaaa;
}
.HandCursor {
cursor: pointer;
}
.HandCursorFecha {
cursor: pointer !important;
}
.HiddenAttacment {
height: 1px !important;
width: 1px !important;
}
.ButtonSwitch-toggle-container .btn-group .active {
background-color: #c14734;
color: white;
}
.ButtonSwitch-toggle-container .btn-group-vertical .active {
background-color: #c14734;
color: white;
}
.ButtonSwitch-error-container {
display: inline-block;
vertical-align: middle;
}
.ButtonSwitch-toggle-error-label {
display: inline-block;
width: 30px;
height: 15px;
align-content: center;
}
.Vertical-Top {
vertical-align: top !important;
}
.Vertical-Middle {
vertical-align: middle !important;
}
.Vertical-Bottom {
vertical-align: bottom !important;
}
table.dataTable {
width: 100% !important;
}
.btn-success, .btn-info {
background-color: #BF311A !important;
border-color: none !important;
color: #fff !important;
}
.Text_UpperCase {
text-transform: uppercase;
}
input:disabled, select:disabled {
color: black !important;
}
.btn-medium {
height: 25px !important;
padding-top: 2% !important;
}
.btn-calendar {
height: 25px !important;
width: 10px !important;
padding-left: 2px !important;
padding-top: 0 !important;
}
.btn-margin-catalogo {
margin-left: 2% !important;
}
.TextBoxCatalogo {
height: 25px !important;
border-bottom-left-radius: 4px !important;
border-top-left-radius: 4px !important;
}
.hasDatepicker:read-only {
cursor: pointer;
}
.text-center {
background-color: #BF311A !important;
border-color: none !important;
}
.dataTables_scrollHeadInner {
width: 100% !important;
}
.TextBoxFramework {
border-radius: 4px !important;
}
#txtCodigoClienteBP {
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.btn-success_aprobado {
background-color: green !important;
border-color: none !important;
color: #fff !important;
}
.hasDatepicker {
padding-left: 10px !important;
margin-left: 0 !important;
}
.dataTables_scrollBody {
height:100% !important
}