body {
  background-color: #eeeff3 !important;
}

a {
text-decoration:none !important;
color: gray !important;
}

.file {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  font-size:14px;
  color:gray;
}

  .file:hover{
    background-color: #EEE;
  }

  .file i {
    font-size: 24px;
    color: gray;
  }

.tag-doc {
  background-color: indianred;
  color: white;
  padding:2px 12px;;
  border-radius:3px;
  font-size:10px;
  margin:0px 10px;
}

.hide-for-cel {
}

.ctn-apps {
  width: 315px;
}

.bg-intro {
  background-image: url('../img/patt.png') !important;
}
/*
.t-modal iframe {
  border: 0;
  position: absolute;
  top: 5px;
  left: 5px;
}*/

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

  .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px;
  }

#top-menu {
  background-color: #222;
  /*color: white; */
  position: fixed;
  width: 100%;
  z-index: 1;
}

.cnt-content {
  margin-top:100px;
}

  #top-menu:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    height: 5px;
    bottom: -1px;
    background: linear-gradient(to right, #8BC34A 25%,#ffcd02 25%, #ffcd02 50%, #e84f47 50%, #e84f47 75%, #3b88c5 75%);
  }

#cnt-psw {
position: relative;
}

#cnt-validate-psw {
position: absolute;
top:5px;
right:10px;
}

#load_img {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 140px;
}

#login-frm input{
  border-radius:5px;
  padding-left:10px;
}

#view-intro {
  background-image: url('../img/bg_repo2.jpg');
  background-size: cover;
  background-position: 50%;
}

/* COLORES */
.t-blue {
  color: #007bff;
}
.t-steelblue {
  color: #64728a;
}
.gray { color:gray;}
.info { color: #17a2b8 }

.btn-active {
  background-color: #03A9F4 !important;
  color: white !important;
}

.t-table tr td, .t-table thead th {
  padding: 15px 5px;
  border-right: 1px solid #dee2e6 !important;
  font-weight:500 !important;
}

.t-table tr td:last-child {
  border-right: 0px solid #dee2e6 !important;
}

  .t-table thead th:last-child {
    border-right: 0px solid #dee2e6 !important;
  }
/*
.t-table tr:hover {
  background: #f1f1f1;
}
*/
.t-table tbody tr:hover {
  background: white;
  box-shadow: #00000033 0px 0px 15px;
  border-radius: 5px;
}

.t-table thead {
  background-color: #d8d9dc6e;
  color: #64728a;
}

.dataTables_filter input[type=search] {
  background: #d6d9e4 !important;
  border-radius: 15px !important;
  padding: 4px 5px !important;
  padding-left: 15px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 0px solid #979797 !important;
  background-color: #d6d9e4 !important;
  background: #d6d9e4 !important;
}

.table-bordered td {
  border: 1px solid #dee2e6 !important;
  }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.02) !important;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #d8d8d8;
}

.border-left-success {
  border-left: 5px solid #28a745 !important;
}

.border-left-warning {
  border-left: 5px solid #ffc107 !important;
}

.border-left-danger {
  border-left: 5px solid #dc3545 !important;
}

.error-label {
display:none;
}

#sidebar {
  /*background: #222337;*/
  background: linear-gradient(135deg, #171825 1%,#212231 100%);
  height: 100%;
  border-right: 1px solid rgba(0,0,0,0.12);
  top: 72px;
  z-index: 9;
  transition: all 0.2s;
  animation: sidebar 0.3s ease-in 1;
  width: 240px;
}

@keyframes sidebar {
  0% {
    left:-100%;
    opacity:0;
  }
  100% {
    left: 0%;
    opacity:1;
  }
}

  #sidebar ul li a {
    color: #b1bcce !important;
  }

    #sidebar ul li a:hover {
        color: #03A9F4 !important;
    }

    #sidebar h5 {
      color: #03A9F4;
    }

.p-7 {
  padding:7px !important;
}
.font-11 { font-size: 11px !important;}
.font-13 { font-size:13px !important;}
.font-14 { font-size: 14px !important;}
.font-16 {font-size: 16px !important;}
.font-18 {font-size: 18px !important;}
.font-21 {font-size: 21px !important;}
.font-28 {font-size: 28px !important;}
.font-36 {font-size: 36px !important;}

.bg-darkblue {
  background: #171825 !important;
}
.t-search {
  border: 0px;
  background: #f1f1f1;
  border-radius: 15px 0px 0px 15px;
  padding: 5px;
  padding-left: 15px;
  font-size:13px;
  width:80%;
}
#list-cat-doc {
  background-color: #fbfbfb;
  padding: 4px;
  border: 0px;
  font-size: 14px;
  border-radius: 4px;
}

#dropdown-cate {
padding:15px;
}

  #dropdown-cate a:hover {
    font-weight:bold;
  }

  .btn-t-search {
    border-radius: 0px 15px 15px 0px !important;
    background: #f1f1f1 !important;
    outline: 0;
  }

  .btn-t-search:hover {
    background-color: #e8e8e8 !important;
  }

.t-list {
  list-style: none;
}

.tree-files {
position: relative;
}
  .tree-files::after {
    content: '';
    position: absolute;
    border-left: 1px solid #b1bcce;
    left: 5px;
    height: 100%;
    top: 0;
  }

#input-v-doc {
  background-color: #e8e8e8;
  border-radius: 5px;
  padding: 15px;
  border-bottom: 0px solid gray;
}

#panel-login-loading{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:white;
  z-index:1;
  display:none;
}

@media(max-width:768px) {
  #sidebar {
    width:200px;
  }
}

  @media(max-width:32rem) {

    .hide-for-cel {
      display: none !important
    }

    .p-sm-10 {
      padding:10px !important;
    }

    .cnt-content {
      padding: 15px;
    }

    .m-r-0-sm {
      margin-right: 0px !important;
    }

    .ctn-apps {
      width: 220px;
    }

    #sidebar {
      top: 72px;
      margin-top: 0px;
    }

    .cnt-main {
      margin-left: 0% !important;
    }
  }