/*Se tiene que cargar antes la hoja de estilo APLayout.css que esta*/
/*
@reference ../APLayout.css
*/

#divPagina {
    direction: ltr;
}
/*El ultimo elemento hijo dento de un panel-row no tendra margin-right , de esta forma caben mejor los elementos en el div*/
.panel-row > div:last-child, .panel-row-inlineflex > div:last-child {
    margin-right: 0px;
}

/**   2/2/2018    
       La clase estaba de la siguiente forma panel-row > div se modifica a panel-row > div:not(:last-child) 
       ya que en principio se piensa que no es necesario que afecte al ultimo div
*/
.panel-row > div:not(:last-child), .panel-row-top0 > div:not(:last-child), .panel-row-inlineflex > div:not(:last-child) {
    margin-right: 40px;
}

.ngrid-col > .panel-row, .ngrid-col > .panel-row-top0 {
    margin-right: 30px;
}

.panel-general-frames .apl-divTabs, .panel-tree-tabs .apl-divTabs {
    /*En Persa sera 0*/
    margin-left: 397px;
}

.panel-frames-content, .panel-tree-tabs-content {
    left: 391px;
    right: 0px;
}

/***** Estilos para los dialogos Alert y Confirm *****/

.apc-modal-content {
    direction: ltr;
}

.apc-modal-close {
    float: right;
}

.apc-modal-footer {
    text-align: right;
}

    .apc-modal-footer button:not(:last-child) {
        margin-right: 30px;
    }

.panel-botonera-menu {
    margin-right: 20px;
}
/***** FIN Estilos para los dialogos Alert y Confirm *****/
.panel-left-10
{
    margin-left:10px;
}
.panel-left-20 {
    margin-left: 20px;
}

.panel-right-20 {
    margin-right: 20px;
}

.panel-left-30 {
    margin-left: 30px;
}

.panel-proceso .panel-row > div:not(:last-child) {
    margin-right: 20px;
}

.ngrid-row > .ngrid-col:not(:last-child) {
    padding-right: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

/*Esto alinea la columna que se quiera a la derecha*/
.ngrid-col-right {
    text-align: right;
}

.ngrid-col-padding > div, .panel-padding-right {
    padding-right: 25px;
}

.panel-title-label-col {
    margin-left: 30px;
    margin-right: 0px;
}

.no-margin-right { /*En algunos sitios hay un boton al lado de un div por ejem. checkboxList y el boton se tiene que quedar al lado de este para que quede bien alineado y con pequeña separacion se puede utilizar esta clase*/
    margin-right: 0 !important;
}

.no-padding-right { /*En algunos sitios hay un boton al lado de un div por ejem. checkboxList y el boton se tiene que quedar al lado de este para que quede bien alineado y con pequeña separacion se puede utilizar esta clase*/
    padding-right: 0 !important;
}

.no-padding-left { /*En algunos sitios hay un boton al lado de un div por ejem. checkboxList y el boton se tiene que quedar al lado de este para que quede bien alineado y con pequeña separacion se puede utilizar esta clase*/
    padding-left: 0 !important;
}

/*SAMPLE Alinea un boton respecto a un radiobuttonlist o checkboxlist y que este mas pegado ejem. Se esta aplicando en la pagina BPM_TareasClases_Crear.aspx control rblFormulario*/
.alignButton > div:first-child {
    margin-right: 0 !important;
}

    .alignButton > div:first-child label:last-child, .no-padding-right {
        padding-right: 0 !important;
    }

    .alignButton > div:first-child .apc-link {
        top: -3px;
    }


/* ------------------------------------------------------------  BASEINTERFACE*/
/* Los estilos que estaban en BaseInterface*/
.head_pad-R {
    padding-right: 12px;
}

.head_pad3-R {
    padding-right: 3px;
}

.float-L {
    float: left;
}

.float-R {
    float: right;
}

.clear-L {
    clear: left;
}

/* ------------------------------------------------------------ FIN BASEINTERFACE*/

/*-------------- estilos para la barra divMenu, todo el resto está en Default.css--------------------*/
.barrasup nav ul li {
    float: left;
}

    .barrasup nav ul li:first-child {
        border-left: none;
        margin-left: 28px;
    }

/*Pagina de estructura, direccion para que se vea bien en persa*/
.apl-container {
    direction: ltr;
}

/*Se usa en las ventanas que tienen una barra Tab y otra normar ejemplo ConfigurableGrid_Create.aspx*/
.panel-border-content-tab .apl-divTabs td:first-child {
    padding-left: 15px;
}

/************************************ PAGINA CON TABS SIN ARBOL ************************************/
.panel-tree-tabs-noleft > div > .apl-divTabs {
    margin-left: 0px;
    padding-left: 0px;
}

/************************************ Estilos Tooltip ***********************************************/
.tooltiptext{
    direction:ltr;
}

.tooltiptext.headerInfo {
    right: 60px;
}

    .tooltiptext.headerInfo .enum {
        padding-left: 1.1rem;
    }

.tooltiptext.inUse {
    right: 80px;
}

.tooltiptext.ttt-right {
    left: 5px;
}

.tooltiptext.ttt-left {
    right: 5px;
}

.tooltiptext.ttt-menuSup {
    left: 0px;
}

.tooltiptext.ttt-auto {
    margin-left: -10px;
}
.tooltiptext.SubOption {
    position: absolute !important;
    padding: 0 4px;
    width: auto !important;

}
.tooltiptext.ttt-subOpRight {
    left: 80%;
}

.tooltiptext.ttt-subOpLeft {
    right: 80%;
}

#header-icon-info-img.correctMargins, #header-icon-info-img.correctMargins:hover {
    margin: 9px 0px 9px 20px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipheader .inUse {
    text-align: left;
    padding-left: 25px;
    top: -7px;
    right: 85px;
    min-width: 420px;
}

#divCenterPanel:not(subOption) .apl-divTabs td td:first-of-type {
    border: 0px;
    padding-left: 20px !important;
    padding-right: 0px;
}

#divCenterPanel .apl-divTabs td td:last-of-type {
    border: 0px;
    padding-right: 20px;
    padding-left: 00px;
    min-width: 0px;
}

.submenu-popup ul li > span {
    padding-right: 10px;
}

.div-margin-right-21 {
    margin-right: 21px !important;
}

.div-margin-right-20 {
    margin-right: 20px !important;
}

.div-margin-right-15 {
    margin-right: 15px !important;
}

.div-margin-right-10 {
    margin-right: 10px !important;
}

.div-margin-right-5 {
    margin-right: 5px !important;
}
.div-padding-right-30 {
    padding-right: 30px !important;
}
.div-padding-right-25 {
    padding-right: 25px !important;
}

.div-padding-right-20 {
    padding-right: 20px !important;
}

.div-padding-right-15 {
    padding-right: 15px !important;
}

.div-padding-right-10 {
    padding-right: 10px !important;
}

.div-padding-right-5 {
    padding-right: 5px !important;
}

.panel-flex > div:not(:first-child) {
    padding-left: 2px;
}

.repeater_div_bola {
    right: -5px;
    float: right;
}

.barraBotonera > .panel-basico >div:first-child
{
    margin-right:20px;
}


.col-120-right
{
    position:absolute;
    right:210px;
}

.paddingLeft30
{
    padding-left:30px!important;
}
.paddingRight40
{
    padding-right:40px!important;
}
.paddingLeft25 {
    padding-left: 25px !important;
}
.paddingLeft10 {
    padding-left: 10px !important;
}
.paddingLeft20 {
    padding-left: 20px !important;
}

.lbtnExitTree > div {
    margin-left: 15px;
}

/**
    * Diseño para tarjetas
**/
.ap-card-StandartTextDescription {
    text-align: left!important;
}
/**
    * Fin Diseño para tarjetas
**/

/*Pagina estructura*/
.conf-container {
    direction: ltr;
}

.conf-divBlock-content > div > div, .conf-divBlock-content-twocol > .conf-body > div {
    padding: 0 10px 0 0;
}

.conf-divBlock-content > div:not(.conf-body), .conf-divBlock-content-twocol > .conf-body > div {
    margin-right: 10px;
}

    .conf-divBlock-content-twocol > div:nth-child(2) {
        padding-left: 20px;
    }

.conf-divBlock-twocol > .conf-divBlock-title > div:nth-child(2) {
    padding-left: 18px;
}

.conf-winemergent .apl-divBlock-title {
    direction: ltr;
}

.conf-winemergent .conf-winemergent-list
{
    direction:ltr;
}
/*Pagina estructura*/

.apl-img-screenresolution {
    background-image: url("/cassette.axd/file/Styles/Comun/ScreenResolutionDetection/Devices-bfb4da89655478b03885bd100cb9fc683a620169.svg");
}

.apl-txtWithToggle {
    padding-right: 15px;
    padding-left: 5px;
}

.submenu-popup .closeDivSubMenu { /*para hacer más amplia la zona del hover*/
    position: relative;
    top: -13px;
    right: -19px;
}

.apl-marginless-25 {
    margin-right: -25px;
}