.modal-header{

    background: #28a745;

    background: linear-gradient(0deg, rgba(0,105,217,1) 0%, rgba(0,117,241,1) 35%, rgba(194,223,255,1) 100%);

    color:white;

    padding-top:5px;

    padding-bottom:5px;

}

.btn {

  background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.15) 51%, rgba(0,0,0,0.05));

  background-repeat: repeat-x;

}

a.active {

  background: #28a745;

  background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.15) 51%, rgba(0,0,0,0.05));

  background-repeat: repeat-x;

  

}

#ui_notifIt{

  background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.15) 51%, rgba(0,0,0,0.05));

  background-repeat: repeat-x;

}

.modal-lg{

    width: 90%

}

html{

    /* for demo purposes only */

    margin: 2em;

}

input[type="text"],

select.form-control {

    background: white;

    border: none;

    border-bottom: 1px solid #d7d7d7;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 1 1 1 1;

}

input[type="text"]:focus,

select.form-control:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

    background:#f1ffbe

}

th { font-size: 12px; }

td { font-size: 12px; }

.btnaddon:hover{

    cursor:pointer;

}

.table td, .table th{

    padding:.10rem;

    

}

.table td, .table th{

    padding-left:5px;

    

}

.show {

    transition: opacity 0ms;

}

.tablasinfoerror {

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    border-collapse: collapse;

    width: 100%;

}

.tablasinfoerror td, .tablasinfoerror th {

    border: 1px solid #ddd;

    padding: 8px;

}

  

.tablasinfoerror tr:nth-child(even){background-color: #f2f2f2;}

  

.tablasinfoerror tr:hover {background-color: #ddd;}

  

.tablasinfoerror th{

    padding-top: 12px;

    padding-bottom: 12px;

    text-align: left;

    background-color: #FF3030;

    color: white;

}



  /* Absolute Center Spinner */

  .loading {

    position: fixed;

    z-index: 99999;

    height: 2em;

    width: 2em;

    overflow: visible;

    margin: auto;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

  }

  /* Transparent Overlay */

  .loading:before {

    content: '';

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,0.2);

  }

  /* :not(:required) hides these rules from IE9 and below */

  .loading:not(:required) {

    /* hide "loading..." text */

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0;

  }

  .loading:not(:required):after {

    content: '';

    display: block;

    font-size: 10px;

    width: 1em;

    height: 1em;

    margin-top: -0.5em;

    -webkit-animation: spinner 1500ms infinite linear;

    -moz-animation: spinner 1500ms infinite linear;

    -ms-animation: spinner 1500ms infinite linear;

    -o-animation: spinner 1500ms infinite linear;

    animation: spinner 1500ms infinite linear;

    border-radius: 0.5em;

    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;

    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;

  }

  /* Animation */

  @-webkit-keyframes spinner {

    0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

    }

  }

  @-moz-keyframes spinner {

    0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

    }

  }

  @-o-keyframes spinner {

    0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

    }

  }

  @keyframes spinner {

    0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

    }

  }