@charset "utf-8";
body {background-color: #F1F1F1;font-size: 10px !important;background-attachment: fixed;background-image: url(../bgr/background.jpg);-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%; background-size: 100% 100%;-moz-border-image: url(../background.jpg) 0;}
#fondologin {color: #000;position: absolute;height: 400px;margin-top: -250px;width: 300px;margin-left: -150px;left: 50%;top: 50%;z-index: 1;}
#ventanalogin {
    color: #000;
    /* background: rgba(0, 0, 0, 0.5); */
    border: 1px solid #FFF;
    position: absolute;
    height: 300px;
    width: 300px;
    z-index: 1;
    border-radius: 2px 2px;
    box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    -moz-box-shadow: 1px 1px 3px #000;

    backdrop-filter: blur(9px) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #c3c3c3 !important;
}

#panelmenu {/*overflow-y: auto;*/ color: #000; background: rgba(0, 0, 0, 0.4);border: 1px solid #000;position: absolute;z-index: 1;height:100%;width: 18%;box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;-moz-box-shadow: 1px 1px 3px #000;}
.cabecera_menu{color: #FFF; width:82%;position: absolute; right:0px;}
.btn-respaldo {border-radius: 3px 3px; cursor: pointer}
::-webkit-scrollbar{
    width: 5px;
    background: #000;
}

::-webkit-scrollbar-thumb {
    background: #ffffff;
    border: 1px solid #000;
    cursor: pointer;
}
 
::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
    cursor: pointer;
}
/*#contenido{right: -100%; position:fixed; height: 95%;  width:82%}*/


#contenedor_reloj
{
width: 150px;
height: 150px;
}

#imagen
{
position: relative;
z-index: 0;
border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;o-border-radius:50%;
}

#aguja_segundos
{
position: relative;
z-index: 2;
}

#aguja_minutos
{
position: relative;
z-index: 2;
}

#aguja_horas
{
position: relative;
z-index: 2;
}
.lineas-diagonales{
    background: repeating-linear-gradient(
      134deg,
      rgba(0, 0, 0, 0) 10px,
      rgba(0, 0, 0, 0) 20px,
      #f5f5f5 20px,
      #f5f5f5 30px
    );
    /* border: 1px solid #CCC; */
}

.attFiles {
    border-bottom: 1px solid #e7e7e7ea;
    padding-bottom: 5px;
    font-size: 10px;
    margin-top: 4px;
    cursor: 'default'
}

.ajs-message {
    font-size: 12 !important;
}

.alertify-notifier .ajs-message.ajs-warning{
    background-color: #f0ad4e !important;
}

.file-share {
    color:#000;
    cursor:pointer;
    background:rgba(255, 255, 255, 1);
    box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    -moz-box-shadow: 1px 1px 3px #000;
    border: 1px solid #FFF;
    border-radius:3px 3px;
    padding: 5px;
}



.ajs-message {
    font-size: 14px !important;
    width: 328px !important;
    right: 325px !important;
}

.custom-sidebar {
    background:rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    -moz-box-shadow: 1px 1px 3px #000;

    backdrop-filter: blur(6px) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.dat_repre {
    font-size: 14px;
    color: #647582;
    border: 1px solid #cccccc;
    border-radius: 4px 4px;
    padding: 12px;
}

.text-dark{
    color: #000000;
}

.collapse.in{
    display:revert;
}

.content-div {
    /* background: rgba(0, 0, 0, 0.5); */
    border: 1px solid #FFF;
    margin-top: 20px;
    border-radius: 2px 2px;
    box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    -moz-box-shadow: 1px 1px 3px #000;

    backdrop-filter: blur(9px) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #c3c3c3 !important;
}

.icon-back{
    position: absolute;
    right: 30px;
    top: 16px;
    cursor: pointer;
}

.table-condensed {
    color: #000000 !important;
    font-size: 14px !important;
}

.custom-literal{
    font-weight: bold;
    background-color: #ac2925;
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 4px 4px;
}