/*Mostrar Borde sobre el rad seleccionado
div.RadWindow 
{
    box-shadow: 4px 4px 4px #888888;

}*/

/*Ocultar Borde del rad deseleccionado
/*En los casos donde el RadWindowManager -> RenderMode="Lightweight"  -> Evita transparencias entre ventanas
div.RadWindow.rwInactiveWindow {
    box-shadow: 0px 0px 0px;
    opacity: 1;
    filter: none;
}*/

/*En los casos donde el RadWindowManager -> RenderMode="Lightweight"  -> Evita transparencias entre ventanas
div.RadWindow.rwInactiveWindow .rwTitleBar 
{
    opacity: .5;
    filter: alpha(opacity=50);
}*/

/*Centra el icono del RadWindow*/
div.RadWindow .rwIcon {
    background-position:0px -1px !important;
}

/*Fuente el titulo del RadWindow*/
div.RadWindow .rwTitle{
    
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    text-rendering: optimizeSpeed !important;
    -webkit-font-smoothing: antialiased !important;
    font-size: 13px !important;
    font-weight:600;
}


/*RadModal Modal sin bordes. diseñado para ventanas modales sin titulo, ... */

.RadModalTransparent .rwCorner .rwTopLeft,
.RadModalTransparent .rwCorner .rwTopRight,
.RadModalTransparent .rwIcon,
.RadModalTransparent table .rwTopLeft,
.RadModalTransparent table .rwTopRight,
.RadModalTransparent table .rwFooterLeft,
.RadModalTransparent table .rwFooterRight,
.RadModalTransparent table .rwFooterCenter,
.RadModalTransparent table .rwBodyLeft,
.RadModalTransparent table .rwBodyRight,
.RadModalTransparent table .rwTitlebar,
.RadModalTransparent table .rwTopResize {
    display: none !important;
}

.RadModalTransparent.RadWindow 
{
    background-color: transparent !important;
    border-color: transparent !important;
    border: none;
    padding: 0;
}

.RadModalTransparent.RadWindow .rwTitleBar {
    margin: 0;
}
.RadModalTransparent.RadWindow .rwTitleRow {
    margin: 0;
    display: none;
}
.RadModalTransparent .rwTitleBar {
    display: none;
}
.RadModalTransparent .rwTitleRow {
    display: none;
}
.RadModalTransparent .rwStatusBar {
    display: none;
}
.RadModalTransparent.RadWindow .rwContent {
    border: none;
}

.RadModalTransparent .rwLoading {
    background-color: transparent !important;
    border-color: transparent !important;
}
.RadModalTransparent.RadWindow .rwLoading {
    background-color: transparent !important;
    border-color: transparent !important;
}



/*Modificar el tamaño y posicion del SVG del titulo*/
.radTitleSVG:before {
    position:absolute;
    font-size: 18px !important;
    top:8px;
    color: #000000 !important;
    cursor: default;
}

/*Posicion de la barra de titulo cuando */
.TitlewithSVB em {
    margin-left: 50px;
}


/*Mostrar Borde sobre el rad seleccionado*/
div.RadWindow 
{
    box-shadow: 8px 8px 8px #b1aeae;
    /*background-color: #2c2c2f;
    border-color: #2c2c2f;*/
}


/*Ocultar Borde del rad deseleccionado*/
/*En los casos donde el RadWindowManager -> RenderMode="Lightweight"  -> Evita transparencias entre ventanas*/
div.RadWindow.rwInactiveWindow {
    box-shadow: 4px 4px 4px #b1aeae;
    opacity: 1;
    filter: none;
}

/*En los casos donde el RadWindowManager -> RenderMode="Lightweight"  -> Evita transparencias entre ventanas*/
div.RadWindow.rwInactiveWindow .rwTitleBar 
{
    opacity: .5;
    filter: alpha(opacity=50);
}

    /*Centra el icono del RadWindow
div.RadWindow .rwIcon {
    background-position:0px -1px !important;
}*/

/*margen del texto. necesario al insertar svg como icono de la ventana
div.RadWindow .rwTable .rwTitlebarControls em 
{
    margin-left: 19px !important;
}*/



/*RadModal Modal sin bordes. diseñado para ventanas modales sin titulo, ... */

.RadModalTransparent .rwCorner .rwTopLeft,
.RadModalTransparent .rwCorner .rwTopRight,
.RadModalTransparent .rwIcon,
.RadModalTransparent table .rwTopLeft,
.RadModalTransparent table .rwTopRight,
.RadModalTransparent table .rwFooterLeft,
.RadModalTransparent table .rwFooterRight,
.RadModalTransparent table .rwFooterCenter,
.RadModalTransparent table .rwBodyLeft,
.RadModalTransparent table .rwBodyRight,
.RadModalTransparent table .rwTitlebar,
.RadModalTransparent table .rwTopResize {
    display: none !important;
}

.RadModalTransparent.RadWindow 
{
    background-color: transparent !important;
    border-color: transparent !important;
    border: none;
    padding: 0;
}

.RadModalTransparent.RadWindow .rwTitleBar {
    margin: 0;
}
.RadModalTransparent.RadWindow .rwTitleRow {
    margin: 0;
    display: none;
}
.RadModalTransparent .rwTitleBar {
    display: none;
}
.RadModalTransparent .rwTitleRow {
    display: none;
}
.RadModalTransparent .rwStatusBar {
    display: none;
}
.RadModalTransparent.RadWindow .rwContent {
    border: none;
}

.RadModalTransparent .rwLoading {
    background-color: transparent !important;
    border-color: transparent !important;
}
.RadModalTransparent.RadWindow .rwLoading {
    background-color: transparent !important;
    border-color: transparent !important;
}

.RadModalTransparent.RadWindow {
    box-shadow: 0px 0px 0px;
} 



/*Modificar el tamaño y posicion de la imagen SVG del titulo de los RadWindow*/
.radTitleSVG:before {
    position: absolute;
    font-size: 20px !important;
    top: 8px;
    color: #000000 !important;
    cursor: default;
}

/*Modificar el tamaño y posicion de la imagen SVG del titulo de los RadWindow*/
.radTitleSVG18:before {
    position: absolute;
    font-size: 18px !important;
    top: 10px;
    color: #000000 !important;
    cursor: default;
}

/*#########################################*/
/*Clase para los DIV de tipo Bootstrap. Modificaciones necesarias para combinar con RadWindow*/
.radwindow-divcontent {
    height: calc(100vh);
    max-height: calc(100vh);
    border-radius: 0;
    border: none;
}

.radwindow-divbody 
{
    height: calc(100vh - 65px);
    position: relative;
    overflow:auto;
}

.radwindow-divfooter {
    height: 65px;
    min-height: 65px;
    position: relative;
}
/*#########################################*/



.radTitleSVG.icon-11:before {
    content: "\e920";
    position: absolute;
    font-size: 26px !important;
    top: 4px !important;
}



.svgTabDiario.icon-11:before {
    content: "\e920";
    position: relative;
    font-size: 24px !important;
    top: 2px !important;
    left: -2px !important;
}


.radTitleSVG.icon-transport-aereo:before {
    content: "\e920";
    position: absolute;
    font-size: 26px !important;
    top: 4px !important;
}



.svgTabDiario.icon-transport-aereo:before {
    content: "\e920";
    position: relative;
    font-size: 24px !important;
    top: 2px !important;
    left: -2px !important;
}


.radTitleSVG.icon-transport-type:before {
    content: "\e9b2";
    position: absolute;
    font-size: 26px !important;
    top: 6px !important;
}

/*.radTitleSVG.icon-order:before {
    content: "\e9bb";
    position: absolute;
    font-size: 22px !important;
    top: 8px !important;
}*/


/*El panel izquierdo "tabPages" requiere de establecer el ancho maximo.
En caso contrario los tab con atributo "display:inline" cogen mas ancho.
   Solo ocurre con aquellos tabs que se ocultan/muestran (como el tab de polizas de una aseguradora).
*/
.rtsVertical {
    max-width: 45px !important;
}




/*#########################################*/
/*Propiedades genericas para los RadTreeView*/
.RadTreeView {
    font-family: Calibri;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    text-rendering: optimizeSpeed !important;
    -webkit-font-smoothing: antialiased !important;
    font-size: 15px !important;

    border-style: solid;
    border-width: 1px;
    border-color: #80bdff;
    border-radius: 5px;
}

.RadTreeView:focus {
    border-color: #80bdff;
    outline: 0;
    border-radius: 5px;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.RadTreeView.required-border {
border: 1px solid #dc3545;
border-radius: 1px;
}

.RadTreeView.required-border:focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 204, 208, 1);
}

/*#########################################*/