
.fontSize15 {
    font-weight: bold;
    font-size: 15px;
}

.fontBold {
    font-weight: bold;
}

.bg-facebook {
  color: #fff !important;
  background-color: #335397;
  border-color: #335397;
}

.panel-facebook
{
    border-color: #335397;
}

.bg-aqua
{
    color: #fff;
    background: #3c8dbc;
    border-color: #3c8dbc;
}

.panel-aqua
{
    border-color: #3c8dbc;
}

.bg-aqua-active
{
    color: #fff;
    background-color: #00a7d0 !important;
}

.bg-yellow
{
    color: #fff;
    background-color: #f39c12 !important;
}

.box-success
{
    color: #fff;
    background: #00a65a;
    background-color: #00a65a;
}

.box-warning
{
    color: #fff;
    background: #f39c12;
    background-color: #f39c12;
}

.box-danger
{
    color: #fff;
    background: #dd4b39;
    border-color: #dd4b39;
}


.margin {
    margin: 10px;
}

.pad {
    padding: 10px;
}


.custom-badge-up{
    position: absolute !important;
    top: -5px !important;
    /*right: 20px;*/
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
}

@media (min-width: 992px){
 .modal-lg {
  width: 900px;
 }
}

.modal-dialog75 {
    width: 75% !important;
}

.tableCenter th
{
    text-align:center!important;
}

.text-black {
    color: #1b1e24!important;
}

.custom-radio input[type="radio"]
{
   margin-left: 15px;
   margin-right: 5px;
}

.custom-radio label {
    display: inline-block;
    padding: 0px 5px;
    top: -3px;
    position: relative;
}

.panel-inner
{
    /* margin-bottom: 0px; */
}

.transp
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */;
}
.mid
{
    position: fixed;
    top: 25%;
    left: 38%;
    min-width: 25%;
    min-height: 25%;
}

.modalbackground
{
    background-color: #5c677c;
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */;
}

.modalBg
{
    background-color:#000000;
    filter:alpha(opacity=80);
    opacity:0.8;
}

.modal-danger{
    background-color: #d45659;
    color:#FFFFFF;
    overflow:hidden;
}
.modal-danger:before{
    position:absolute;
    top:-40px;
    right:-20px;
    content:"\f057";
    color:#f75e63;
    font-size:140px;
    font-family:"FontAwesome";
}
.modal-danger > .modal-header{
    border-radius: 6px 6px 0 0;
    border-color: #cd4f52;
}
.modal-danger > .modal-body{
    border-top:solid 1px #e26165;
    padding:20px;
}
.modal-danger > .modal-footer,
.modal-warning > .modal-footer,
.modal-info > .modal-footer,
.modal-success > .modal-footer{
    background:#ffffff;
    border-radius: 0 0 6px 6px ;
}

.modal-info {
    background-color: #5dcff3;
    color: #FFFFFF;
    overflow: hidden;
}
.modal-info:before {
    position: absolute;
    top: -50px;
    right: -20px;
    content: "\f05a";
    color: #81daf6;
    font-size: 140px;
    font-family: "FontAwesome";
}
.modal-info > .modal-header {
    border-radius: 6px 6px 0 0;
    border-color: #3cc5f1;
}
.modal-info > .modal-body {
    border-top: solid 1px #6ed4f4;
    padding: 20px;
}
.modal-warning {
    background-color: #fcc44d;
    color: #FFFFFF;
    overflow: hidden;
}
.modal-warning:before {
    position: absolute;
    top: -55px;
    right: -20px;
    content: "\f071";
    color: #fdd073;
    font-size: 140px;
    font-family: "FontAwesome";
}
.modal-warning > .modal-header {
    border-radius: 6px 6px 0 0;
    border-color: #fbb82a;
}
.modal-warning > .modal-body {
    border-top: solid 1px #fcca5f;
    padding: 20px;
}

.modal-success {
    background-color: #89cb4e;
    color: #FFFFFF;
    overflow: hidden;
}
.modal-success:before {
    position: absolute;
    top: -50px;
    right: -20px;
    content: "\f058";
    color: #9bd36a;
    font-size: 140px;
    font-family: "FontAwesome";
}
.modal-success > .modal-header {
    border-radius: 6px 6px 0 0;
    border-color: #80c740;
}
.modal-success > .modal-body {
    border-top: solid 1px #9bd36a;
    padding: 20px;
}

.autocompleteList {
    position: absolute;
    overflow:auto;
    padding: 0px;
    margin: 2px 0 0;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}
.autocompleteItem {
    color: #191919;
    padding: 5px 5px 5px 10px;
}
.autocompleteHighlighted {
    color: #fff;
    background-color: #4c5566;
    padding: 5px 5px 5px 10px;
    cursor:pointer;
}


.seccionPrincipal{ background:#0080FF; }
.seccionCoordinacion{ background:#FF8000; }
.seccionAplicacion{ background:#04B404; }
.seccionModulo{ background:#642EFE; }
.seccionTopico{ background:#E02222; }

.statusEntrada, .statusRecibido, .statusProceso, .statusFinalizado, .statusCancelado, .statusPendiente, .PrioridadNA, .PrioridadBaja, .PrioridadMediana, .PrioridadAlta{
    padding:5px;
    color:#ffffff;
}
.statusEntrada{background:#57b5e3;}
.statusRecibido{background:#1c6d94;}
.statusProceso{background: #222222;}
.statusPendiente{background:#d3d350;}
.statusFinalizado{background:#3cc051;}
.statusCancelado{background:#e02222;}

.PrioridadNA, .PrioridadBaja, .PrioridadMediana, .PrioridadAlta{color:#4f4f4f; }

.PrioridadNA{border-left:solid 10px #CCCCCC;}
.PrioridadBaja{border-left:solid 10px #57b5e3;}
.PrioridadMediana{border-left:solid 10px #d3d350;}
.PrioridadAlta{border-left:solid 10px #e02222;}

.gvBtnActivar, .gvBtnDesactivar, .gvBtnEditar, .gvBtnDisponible, .gvBtnDisposicionfinal, .gvBtnAsignado, .gvBtnBaja{
    padding:5px;
    color:#ffffff;
    display:initial;
}
.gvBtnActivar{ background:#3cc051;}
.gvBtnActivar:hover{background:#147d26;}

.gvBtnEditar{ background:#57b5e3;}
.gvBtnEditar:hover{background:#1c6d94;}

.gvBtnDesactivar{ background:#c0c0c0; }
.gvBtnDesactivar:hover{ background:#a6a6a6;}

.gvBtnDisponible{background:#3cc051;}
.gvBtnDisponible:hover{ background:#147d26;}

.gvBtnDisposicionfinal{background:#f7bc29;}
.gvBtnDisposicionfinal:hover{background:#b99845;}

.gvBtnBaja{background:#e02222;}
.gvBtnBaja:hover{background:#920b0b;}

.gvBtnAsignado{background:#45b6af;}
.gvBtnAsignado:hover{background:#498984;}

a.gvBtnActivar:link,
a.gvBtnDesactivar:link ,
a.gvBtnEditar:link
{color: #FFFFFF; text-decoration: none;}


a.gvBtnActivar:visited,
a.gvBtnDesactivar:visited,
a.gvBtnEditar:visited
{color: #FFFFFF; text-decoration: none;}


a.gvBtnActivar:hover,
a.gvBtnDesactivar:hover,
a.gvBtnEditar:hover
{color: #FFFFFF; text-decoration: none;}


a.gvBtnActivar:active,
a.gvBtnDesactivar:active,
a.gvBtnEditar:active
{color: #FFFFFF; text-decoration: none;}


/* ==================================================================================================== */
/* Estatus de los articulos */
.gvBtnAsignado, .gvBtnBaja, .gvBtnCancelado, .gvBtnDisponible, .gvBtnDisposicionfinal, .gvBtnDuplicado, .gvBtnRobo, .gvBtnTemporal
{
    /*display:initial;*/

    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff !important;
    font-weight: 500;
    list-style-type: none;
    padding: 1px 5px;
    text-align: center;
    vertical-align: middle;
    width:350px;
}

.gvBtnAsignado{background:#45b6af;}
.gvBtnAsignado:hover{background:#498984;}

.gvBtnBaja{background:#e02222;}
.gvBtnBaja:hover{background:#920b0b;}

.gvBtnCancelado{ background:#A4A4A4; }
.gvBtnCancelado:hover{ background:#848484;}

.gvBtnDisponible{background:#3cc051;}
.gvBtnDisponible:hover{ background:#147d26;}

.gvBtnDisposicionfinal{background:#FE9A2E;}
.gvBtnDisposicionfinal:hover{background:#FF8000;}
/*.gvBtnDisposicionfinal{background:#f7bc29;}
.gvBtnDisposicionfinal:hover{background:#b99845;}*/

.gvBtnDuplicado{background:#2E9AFE;}
.gvBtnDuplicado:hover{background:#0080FF;}

.gvBtnRobo{background:#424242;}
.gvBtnRobo:hover{background:#2E2E2E;}

.gvBtnTemporal{background:#BE81F7;}
.gvBtnTemporal:hover{background:#AC58FA;}

/*.gvBtnActivar{ background:#3cc051;}
.gvBtnActivar:hover{background:#147d26;}

.gvBtnEditar{ background:#57b5e3;}
.gvBtnEditar:hover{background:#1c6d94;}

.gvBtnDesactivar{ background:#c0c0c0; }
.gvBtnDesactivar:hover{ background:#a6a6a6;}*/
/* ==================================================================================================== */

.text-justify
{
    text-align:justify;
}

.fullscrn
{
    margin:0 !important;
    padding:0 !important;
    height:100% !important;
}
.customModal
{
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    border-radius: 4px;
    background:rgba(0,0,0,.5);
    z-index:1000;
    cursor:wait;
}
.customModalPreloader
{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 40px;
    max-width: 40px;
    opacity:0.7;
}
table.borderless td,table.borderless th{
     border: none !important;
}

.customPager
{
    background:#f9f9f9;
    font-family:Arial;
}

.customPager table
{
    margin: 10px;
    margin-left:auto;
    border-spacing:0px;
    border-left: 1px solid #ddd;
}
.customPager table td
{
    padding:0px !important;
    border-top:none !important;
}
.customPager table:hover
{
    background:none;
}
.customPager a
{
    color: #08c;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.customPager span
{
    color: #999999;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.customPager a:hover
{
    color: #2a6496;
    background-color: #eeeeee;
}
.fieldValidation{
    font-size:85%;
}
.relative
{
    position:relative;
}
.radioMargin label
{
  margin-right: 15px;
}


.black-wrapper
{
    background:#1c1f25;
    padding:0 20px 20px 0px;
    border-collapse: collapse;
    border-spacing: 0;
    position: relative;
    height: 100%;
    width: 100%;
}
.dashboard-wrapper {
  background: #f3f5f9;
    height: 100%;
    width: 100%;
  border: 1px solid #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-top-left-radius: 10px;
  padding: 10px;
  -webkit-box-shadow: 0 0 20px #A7B4CD inset;
  -moz-box-shadow: 0 0 20px #A7B4CD inset;
  box-shadow: 0 0 20px #A7B4CD inset;
}


.corner-top-left{border-top-left-radius: 10px;}