@font-face {
    font-family: DDOC;
    src: url('../res/circular std book.otf') format('opentype');
}
 
@font-face {
    font-family: DDOCB;
    font-weight: bold;
    src: url('../res/circular std bold.otf') format('opentype');
}

body {
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: rgb(48, 106, 152);
    font-family: DDOC;
}

* {
    outline: 0;
}

.main-container {
    background: url(../img/Security/left_corner_bottom.png) bottom -2px left 0px no-repeat;
    
    background-size: 11%;
}

.ddoc-version {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 100%;
    font-size: x-small;
    text-align: right;
    color: rgb(45, 41, 79);
}

form label {
    color: white;
    font-size: 13px;
}

form input.field-error,
form select.field-error {
    background-color: rgb(255, 77, 77);
    color: white;
}

.ui-widget-overlay.ui-front {
    opacity: 0.9;
    background-color: gray;
}

.main-menu,
.menu-bar,
.grid-title,
.no-select {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Elementos con imagen de fondo */

button span.button-icon,
.image-button {
    background: url("../img/ddoc_graphics.png") no-repeat center scroll;
}

.main-menu,
.menu-bar,
.main-sub-menu {
    background: url("../img/bar.png") repeat-x;
}

/* Menu prinicpal */

.main-menu {
    background: rgb(45, 41, 79) url(../img/bar.png);
    cursor: default;
    list-style-type: none;
}

    .main-menu .logo {
        background: transparent url("../img/Welcome/d_doc.png") no-repeat scroll center;
        background-size: 100px;
    }

    .main-menu li {
        font-size: 14px;
/*        font-weight: bold;*/
        list-style: none;
        outline: 0;
    }

        .main-menu li:hover {
            background-color: rgb(206, 219, 255);
            border-radius: 3px;
        }

    .main-menu,
    .main-menu a {
        color: rgb(255, 255, 255);
        text-decoration: none;
        transition: color 0.4s ease;
    }

        .main-menu li:hover,
        .main-menu a:hover {
            color: rgb(48, 106, 152);
        }

        .main-menu .current-user {
            color: white;
            cursor: pointer;
            text-align: center;
            transition: color 0.4s ease;
        }

        .main-menu .current-user-icon {
            background: transparent url("../img/user.png") no-repeat scroll center;
        }

.main-sub-menu li {
    background: rgb(45, 41, 79) url(../img/bar.png);
    border-radius: 5px;
}

.main-sub-menu li {
    font-size: 14px;
/*    font-weight: bold;*/
    list-style: none;
    outline: 0;
    color: white;
    transition: color 0.4s ease;
}

    .main-sub-menu li a {
        color: white;
        text-decoration: none;
        transition: color 0.4s ease;
    }

    .main-sub-menu li:hover {
        background-color: rgb(255, 255, 255);
        border-radius: 3px;
    }

    .main-sub-menu li:hover,
    .main-sub-menu a:hover {
        color: rgb(48, 106, 152);
    }

/* Arbol de Navegacion */

#tree-view {
    background-color: rgb(47, 84, 152);
}

ul.fancytree-container {
    background-color: rgb(47, 84, 152);
    border: 0;
}

.fancytree-plain span.fancytree-title {
    color: white;
    font-family: DDOC;
/*    font-weight: bold;*/
}

.fancytree-plain span.fancytree-active span.fancytree-title,
.fancytree-plain span.fancytree-selected span.fancytree-title {
    color: rgb(0, 255, 0);
    background-color: transparent;
    border: 0;
}

.fancytree-plain.fancytree-container.fancytree-treefocus
span.fancytree-active
span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus
span.fancytree-selected
span.fancytree-title {
    background-color: transparent;
    border: 0;
}

.fancytree-plain span.fancytree-node:hover span.fancytree-title {
    background-color: transparent;
    border: 0;
    color: lightgreen;
}

.fancytree-exp-cdl span.fancytree-expander,
.fancytree-exp-cdl span.fancytree-expander:hover,
.fancytree-exp-cl span.fancytree-expander,
.fancytree-exp-cl span.fancytree-expander:hover,
.fancytree-exp-cd span.fancytree-expander,
.fancytree-exp-cd span.fancytree-expander:hover,
.fancytree-exp-c span.fancytree-expander,
.fancytree-exp-c span.fancytree-expander:hover {
    background: url("../img/expand.png") no-repeat scroll center center;
}

.fancytree-exp-edl span.fancytree-expander,
.fancytree-exp-edl span.fancytree-expander:hover,
.fancytree-exp-el span.fancytree-expander,
.fancytree-exp-el span.fancytree-expander:hover,
.fancytree-exp-e span.fancytree-expander,
.fancytree-exp-e span.fancytree-expander:hover {
    background: url("../img/collapse.png") no-repeat scroll center center;
}

span.fancytree-custom-icon.root {
    background: url("../img/rootCol.png") no-repeat scroll center center;
}

.fancytree-exp-edl span.fancytree-custom-icon.root,
.fancytree-exp-el span.fancytree-custom-icon.root {
    background: url("../img/rootColOpen.png") no-repeat scroll center center;
}

span.fancytree-custom-icon.folder {
    background: url("../img/folder.png") no-repeat scroll center center;
}

.fancytree-exp-edl span.fancytree-custom-icon.folder,
.fancytree-exp-el span.fancytree-custom-icon.folder {
    background: url("../img/folderOpen.png") no-repeat scroll center center;
}

span.fancytree-custom-icon.document {
    background: url("../img/documents.png") no-repeat scroll center center;
}

.fancytree-ext-filter-hide
span.fancytree-node.fancytree-match
span.fancytree-title,
.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title {
    color: lightblue;
}

.fancytree-ext-filter-hide
span.fancytree-node.fancytree-match.fancytree-active
span.fancytree-title,
.fancytree-ext-filter-hide
tr.fancytree-match.fancytree-active
span.fancytree-title {
    font-weight: bold;
}

.fancytree-plain.fancytree-container.fancytree-treefocus
span.fancytree-focused
span.fancytree-title {
    border: 0;
}

/* Acciones R�pidas */

#quickActions {
    background-color: rgb(45, 41, 79);
    /* box-shadow: inset 0 0 10px 5px black; */
}

    #quickActions span {
        background-image: url('../img/addDocument.png');
    }

/* Submenu */
.submenu {
    font: normal 11px "Segoe UI", Arial, Sans-serif;
    background-color: rgb(47, 84, 152);
}

    .submenu a {
        color: #ffffff;
        text-decoration: none;
        font-size:12px;
    }

        .submenu a:hover {
            text-decoration: none;
        }

    .submenu li {
        cursor: pointer;
        font-weight: bold;
    }

.submenu-icon.area-icon {
    background: transparent url("../img/toolbarbutton-viewthumbnail.png") no-repeat scroll;
}
.submenu-icon.user-icon {
    background: transparent url("../img/userGroup.png") no-repeat scroll;
}

.submenu-icon.storage-icon {
    background: transparent url("../img/storageMgmt.png") no-repeat scroll;
}

.submenu-icon.collection-icon {
    background: transparent url("../img/colMgmt.png") no-repeat scroll;
}

.submenu-icon.security-icon {
    background: transparent url("../img/securityMgmt.png") no-repeat scroll;
}

.submenu-icon.alert-icon {
    background: transparent url("../img/alertMgmt.png") no-repeat scroll;
}
.submenu-icon.azuread-icon {
    background: transparent url("../img/azureEntraID.png") no-repeat scroll;
}
.submenu-icon.connections-icon {
    background: transparent url("../img/connectionMgmt.png") no-repeat scroll;
}

.submenu-icon.templates-icon {
    background: transparent url("../img/templates.png") no-repeat scroll;
}

.submenu-icon.reports-icon {
    background: transparent url("../img/recordOk.png") no-repeat scroll;
}

.submenu-icon.catalogs-icon {
    background: transparent url("../img/reportsCatalogs.png") no-repeat scroll;
}

span.password-icon,
span.password-confirmation-icon {
    display: inline-block;
}

/* Pie de pagina */

.app-footer {
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
}

/* Barra de menu */

.menu-bar {
    background-color: rgb(223, 224, 225);
    color: black;
    font-size: 9px;
}

    .menu-bar li {
        background-color: rgb(45, 41, 79);
        border-radius: 3.5px;
        color: white;
        cursor: pointer;
/*        font: bold;*/
        font-size: 13px;
        list-style: none;
        font-family:DDOC;
/*        font-weight:bold;*/
    }

        .menu-bar li a {
            color: white;
            text-decoration: none;
        }

            .menu-bar li a:hover {
                color: black;
                text-decoration: none;
            }

        .menu-bar li:hover {
            background-color: rgb(223, 224, 225);
            color: black;
            border-radius: 4px;
        }

        .menu-bar li.red-item {
            background-color: rgb(191, 27, 27);
        }

            .menu-bar li.red-item:hover {
                background: rgb(191, 27, 27) url("../img/bar_inverted.png");
            }

    .menu-bar button {
        font-size: 14px;
    }

/* Botones */

button,
.button-like {
    background-color: rgb(45, 41, 79);
    border: solid 1px #2d294f;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    cursor: pointer;
/*    font: bold 16px Arial;*/
    text-decoration: none;
}

    button:hover,
    .button-like:hover {
        background-color: rgb(223, 224, 225);
        color: rgb(45, 41, 79);
    }

    button:active,
    .button-like:active,
    button.toggle-on,
    .button-like.toggle-on {
        /*  */
    }

    button:active,
    .button-like:active,
    button.toggle-on,
    .button-like.toggle-on {
        /* background: linear-gradient(rgb(70, 161, 8), rgb(140, 203, 86)); */
    }

    button span.button-icon.ok-icon,
    span.image-button.ok-icon {
        background-position: -40px -64px;
    }

    button span.button-icon.cancel-icon,
    span.image-button.cancel-icon {
        background-position: -40px -80px;
    }

    button span.button-icon.next-icon,
    span.image-button.next-icon {
        background-position: -34px -192px;
    }

    button span.button-icon.prev-icon,
    span.image-button.prev-icon {
        background-position: -18px -192px;
    }

    button span.button-icon.check-icon,
    span.image-button.check-icon {
        background-position: -40px -128px;
    }

    button span.button-icon.approve-icon,
    span.image-button.check-icon {
        background: url("../img/accept.png") no-repeat center scroll;
    }

    button span.button-icon.reject-icon, {
        background: url("../img/reject.png") no-repeat center scroll;
    }

    button span.button-icon.custom-icon,
    span.image-button.custom-icon {
        background: transparent url("../img/toolbarButton-custom.png") no-repeat center scroll;
    }

span.image-button {
    cursor: pointer;
}

.button-Delete {
    background-color: rgb(191, 27, 27);
    border: solid 1px #2d294f;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-family:DDOC;
    padding:3px 10px;
    /*    font: bold 16px Arial;*/
/*    text-decoration: none;*/
}

.button-Delete:hover{
    background-color:red;
    color:white;
}

.button-SaveChange {
    background-color: rgb(10, 191, 27);
    border: solid 1px #2d294f;
    border-radius: 10px;
    color: black;
    cursor: pointer;
    font-family: DDOC;
    padding: 3px 10px;
}

    .button-SaveChange:hover {
        background-color: green;
        color:white;
    }
    /* Campos */
    input,
    select,
    textarea {
        border: 5;
        color: black;
        font: 13px Verdana;
        vertical-align: middle;
    }

    select[disabled] {
        background-color: #e0e1e3;
        border: 0;
    }

    input.loading,
    select.loading {
        background: white url("../img/ajax-loader.gif") no-repeat scroll left center;
        color: white;
    }

span.loading {
    background: transparent url("../img/ajax-loader.gif") no-repeat scroll left center;
}

.menu-bar .menu-title {
    /* background: transparent url('../img/menu_header.png') no-repeat left center scroll; */
}

    .menu-bar .menu-title .menu-title-content {
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.PageNumberInfo {
    font-size: 12px;
    color: white;
    display: block;
}

/**
	Estilos para el cotenedor de reportes.
*/

.submenu-reports {
    background-color: #003366;
    background-color: rgba(0, 51, 102, 0.5);
    font: normal 11px "Segoe UI", Arial, Sans-serif;
}

    .submenu-reports a {
        color: #ffffff;
        text-decoration: none;
    }

    .submenu-reports li {
        cursor: pointer;
        font-weight: bold;
    }

/* Lists */

.list-action {
    background: transparent url(../img/ddoc_graphics.png) no-repeat scroll 0 0;
}

/* Toast Notifications */

.toast {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 400px;
    padding: 6px;
    background: #cccccc;
    color: #333333;
    font-family: sans-serif;
    text-align: center;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s, top 0.2s, visibility 0.2s;
}

.toast--visible {
    top: 20px;
    opacity: 1;
    visibility: visible;
    z-index: 99999;
}

.toast--info {
    background: #0000ff;
    border-color: #0000bb;
    color: #ffffff;
}

.toast--success {
    background: #00c02b;
    border-color: #009d23;
    color: #ffffff;
}

.toast--warning {
    background: #ffff00;
    border-color: #cccc00;
    color: #000000;
}

.toast--error {
    background: #d50000;
    border-color: #ba0000;
    color: #ffffff;
}

.text-search {
    display: none !important;
}