/*!
* Ext JS Library 4.0
* Copyright(c) 2006-2011 Sencha Inc.
* licensing@sencha.com
* http://www.sencha.com/license
*/

html {
    height:100%
}



#center {
        z-index:1;
}

/* FONTS LATO */
@font-face {
    font-family: 'latobold';
    src: url('/resources/fonts/lato/lato-black-webfont.eot');
    src: url('/resources/fonts/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/lato/lato-black-webfont.woff2') format('woff2'),
         url('/resources/fonts/lato/lato-black-webfont.woff') format('woff'),
         url('/resources/fonts/lato/lato-black-webfont.ttf') format('truetype'),
         url('/resources/fonts/lato/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latosemibold';
    src: url('/resources/fonts/lato/lato-bold-webfont.eot');
    src: url('/resources/fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/lato/lato-bold-webfont.woff2') format('woff2'),
         url('/resources/fonts/lato/lato-bold-webfont.woff') format('woff'),
         url('/resources/fonts/lato/lato-bold-webfont.ttf') format('truetype'),
         url('/resources/fonts/lato/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato';
    src: url('/resources/fonts/lato/lato-regular-webfont.eot');
    src: url('/resources/fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/lato/lato-regular-webfont.woff2') format('woff2'),
         url('/resources/fonts/lato/lato-regular-webfont.woff') format('woff'),
         url('/resources/fonts/lato/lato-regular-webfont.ttf') format('truetype'),
         url('/resources/fonts/lato/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('/resources/fonts/lato/lato-regular-webfont.eot');
    src: url('/resources/fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/lato/lato-regular-webfont.woff2') format('woff2'),
         url('/resources/fonts/lato/lato-regular-webfont.woff') format('woff'),
         url('/resources/fonts/lato/lato-regular-webfont.ttf') format('truetype'),
         url('/resources/fonts/lato/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight';
    src: url('/resources/fonts/lato/lato-light-webfont.eot');
    src: url('/resources/fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/lato/lato-light-webfont.woff2') format('woff2'),
         url('/resources/fonts/lato/lato-light-webfont.woff') format('woff'),
         url('/resources/fonts/lato/lato-light-webfont.ttf') format('truetype'),
         url('/resources/fonts/lato/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latohairline';
    src: url('/resources/fonts/lato/lato-hairline-webfont.eot');
    src: url('/resources/fonts/lato/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/lato/lato-hairline-webfont.woff2') format('woff2'),
         url('/resources/fonts/lato/lato-hairline-webfont.woff') format('woff'),
         url('/resources/fonts/lato/lato-hairline-webfont.ttf') format('truetype'),
         url('/resources/fonts/lato/lato-hairline-webfont.svg#latohairline') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, .x-body {
    background-image: url('/resources/global/images/desktop/wallpapers/16_9.jpg')!important;
    background-position: bottom right;
    background-size: cover;
    height: 100%;
}

.lluvia{
    background-image: url('/resources/global/images/desktop/wallpapers/lluvia_16_9.jpg')!important;
    background-position: bottom right;
    background-size: cover;
    height: 100%;
}



.x-panel-body-default {
    background: none !important;
}

#poweredby {
    position: absolute;
    bottom: 40px;
    right: 30px;
    z-index: 15000;

    /* IE 5-7 */
    filter: alpha(opacity=70);
    /* Netscape */
    -moz-opacity: 0.7;
    /* Safari 1.x */
    -khtml-opacity: 0.7;
    /* Good browsers */
    opacity: 0.7;
}

#poweredby div {
    position: relative;
    width: 150px;
    height: 25px;
    /*background-image: url(../images/powered-by-ext-js.png);*/
    background-repeat: no-repeat;
}

/* The simple background image PNG does not work in IE6-8, but does in IE9 
.x-ie6 #poweredby div,
.x-ie7 #poweredby div,
.x-ie8 #poweredby div {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/powered-by-ext-js.png', sizingMethod='scale');
}
*/
/*----------------------------------------------------
    Start Button
*/
.cursor-pointer {
    cursor:pointer !important;
}

.ux-start-button .x-btn-arrow {
    background: url(/resources/images/FLECHA-AR.png) no-repeat center center;
    background-size: contain; 
}

.x-btn-menu-active .x-btn-arrow {
    background: url(/resources/images/FLECHA-AB.png) no-repeat center center !important;
    background-size: contain !important; 
}
.ux-start-button-icon {
    background: none !important;
}


.ux-start-button .x-btn-inner{
    background-color: #e60c0b !important;
    color: white !important;
    font: normal 14px lato,tahoma,arial,verdana,sans-serif !important;
    padding-left: 0px !important;
}


.ux-start-button .x-btn-arrow-right:after {
    background-image: none !important;
    content: none !important;
}

.ux-taskbar .x-btn-default-toolbar-small-pressed {
    background-image: none !important;
    background-color: #e60c0b !important;
}

.ux-taskbar .x-btn-default-toolbar-small-over {
    background-image: none !important;
    background-color: #e60c0b !important;
}

.ux-taskbar {
    padding-left: 4px !important;
    background-color: transparent !important;
}








/*----------------------------------------------------
    Start Menu
*/

.ux-start-menu-toolbar .x-btn-inner {
    text-align: center;
    padding-left: 0px !important;
}

.ux-start-menu {
    border: 2px;
    border-style: solid;
    border-color: #e60c0b !important;
    background-image: none !important;
    background-color: #e60c0b !important;
}

.ux-start-menu .x-menu-body {
    background-color: #e60c0b !important;
    border: none !important;
}

.ux-start-menu .x-panel {
    width: 200px !important;
    background-color: #e60c0b !important;
    border-color: #e60c0b !important;
}

.ux-start-menu .x-panel-body {
    width: 195px !important;
}

.ux-start-menu .x-menu-icon-separator {
    background-color: #e60c0b !important;
    border: 0 !important;
}

.ux-start-menu .x-menu-item-indent-default {
    left: 0 !important;
    margin-left: 0 !important;
    width: 196 !important;
}

.ux-start-menu .x-menu-item {
    background-image: none !important;
    background-color: #e60c0b !important;
    color: white !important;
    text-align: center;
    border-bottom: thin solid #d0d0d0 !important;
    font: normal 14px lato,tahoma,arial,verdana,sans-serif !important;
}

.x-menu-username {
    color: #8e8e8e !important;
    font: normal 25px lato,tahoma,arial,verdana,sans-serif !important;
    position: absolute !important;
}

.ux-start-menu .x-menu-item-focus {
    border-color: #e60c0b !important;
    border-bottom: thin solid #d0d0d0 !important;
    background-image: none !important;
    background-color: #ae1f23 !important;
    color: white !important;
    text-align: center;
    text-decoration: none;
    font: normal 14px lato,tahoma,arial,verdana,sans-serif !important;
}

.x-menu-item-active .x-menu-item-link{
    padding: 6px 2px 4px 0px !important;
    background-image: none !important;
    background-color: #ae1f23 !important;
    text-decoration: underline;
    color: white !important;
    border-color: #e60c0b !important;
    border-bottom: thin solid #d0d0d0 !important;
    cursor: hand;
}



.ux-start-menu .x-menu-item .x-menu-item-link{
    padding: 6px 2px 4px 0px !important;
    background-image: none !important;
    /*text-decoration: underline;*/
    /*border-color: #e50c0c !important;*/
    border-bottom: thin solid #d0d0d0 !important;
    color: white !important;
    margin-left: 0px !important;
    cursor: hand;
}

.ux-start-menu .x-menu-item .x-menu-item-text, .x-menu-item-text-default{
    background-image: none !important;
    background-color: #e60c0b !important;
    color: white !important;
    border-color: #e60c0b !important;
    text-align: center;
    margin-left: 0px !important;
    font: normal 14px lato,tahoma,arial,verdana,sans-serif !important;
}

.x-menu-avatar-image {
    position: absolute !important;
    z-index: 50 !imporant;
}


.x-menu-username{
    position: absolute !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    z-index: 200 !important;
    text-align: center !important;
}

.x-menu-avatar-mask {
    position: absolute !important;
    z-index: 100 !important;
}

.ux-start-menu-toolbar {
    padding: 4px !important;
}

.ux-start-menu .x-menu-item-active .x-menu-item-text{
    background-color: #ae1f23 !important;
    cursor: hand !important;
}

/*----------------------------------------------------
    TaskBar
*/

.x-ie6 .ux-taskbar .x-toolbar {
    border-color: #d3e1f1;
}

.ux-desktop-windowbar .x-btn-inner,
.x-nbr .ux-desktop-windowbar .x-btn-icon-text-left button {
    text-align: left !important;
    color: white !important;
}

.x-toolbar-default {
    padding: 0 !important;
}

.ux-taskbar {
    height: 40px;
    padding: 0;
    background: rgba(0, 0, 0, 0.28) none !important;
    border-color: transparent !important;
    position: absolute !important;
    bottom: 0 !important;
}

.x-toolbar .x-toolbar {
    position: absolute !important;
    bottom: 0 !important;
    background: transparent none !important;
    border-color: transparent !important;
    position: absolute !important;
    bottom: 0 !important;
}

.x-toolbar-separator-horizontal {
    border: 0 !important;
}

.ux-taskbar .x-btn {
    background-image: none !important;
    background-color: transparent !important;
    color: white !important;
    border: 0 !important;
    padding: 0 !important;
}

.x-btn-button-default-toolbar-small {
    padding: 0 !important;
}


/* PONGO AL FINAL PARA ASEGURAR QUE PISE OTROS BOTONES */
.ux-taskbar .ux-start-button {
    background-image: none !important;
    background-color: #e60c0b !important;
    border-color: #e60c0b !important;
    color: white !important;
    top: 9px !important;
    width: 200px !important;
    font: normal 14px lato,tahoma,arial,verdana,sans-serif !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    min-height: 18px !important;
    padding: 7px 7px 7px 7px !important;
}

.ux-taskbar .ux-start-button .x-btn-over{
    background-color: #ae1f23 !important;
}



/*----------------------------------------------------
    Tray Clock
*/

.ux-desktop-trayclock {
    text-align: center;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
}


/*----------------------------------------------------
    VENTANAS
*/
.x-window-default {
    border-radius: 0px !important;
    z-index: 9999999999 !important;

}

.x-window-header-title-default .x-title-icon-wrap-default.x-title-icon-left {
    width: 40px !important;
}

.x-window-header-title {
    /*top: -5px;*/
    font-size: 30px !important;
    font-family: lato,'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
}
.x-title-icon-default {
    width: 33px !important;
    height: 33px !important;
}


/*----------------------------------------------------
    Desktop DataView
*/

/*Es la div del desktoip, donde estan los iconos y se meten las windows*/
/*
.desktop-dataview {
    columns:80px;
    -webkit-columns:80px; 
    -moz-columns:80px; 
}
*/

.ux-wallpaper {
    background-color: #3d71b8;
}

.ux-wallpaper-tiled {
    background-repeat: repeat;
}

.ux-desktop-shortcut {
    cursor: pointer;
    text-align: center;
    /*margin: 16px;*/
    width: 70px;
    /* ICONOS HORIZONTALES */
    display: inline-block !important;
    /*background-color: rgba(232,232,232,0.5);*/
    height: 90px;
    vertical-align: top;
}

.ux-desktop-shortcut-icon {
    width: 56px;
    height: 56px;
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.ux-desktop-shortcut-text {
    text-align: center;
    font-family: 'lato';
    font-size: 13px;
    text-decoration: none 
    padding-top: 5px;
    color: white;
    overflow-wrap: break-word;
}



.x-view-over .ux-desktop-shortcut {
    cursor: hand;
    background-color: rgba(232,232,232,0.5);

}


.x-view-over .ux-desktop-shortcut-text{
    text-decoration: none;
    cursor: hand;
    color: white;
    z-index: 9999
}
/*
.x-view-over {
    background-color:rgba(255,255,255,0.2);
}*/

/*
.x-view-over:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:#ffffff;
    opacity:0.4;
    filter:alpha(opacity=40);
}*/


/*----------------------------------------------------
    Various icon classes
*/

.accordion-shortcut {
    background-image: url(../images/im48x48.png);
}

.cpu-shortcut {
    background-image: url(../images/statusLarge.png);
}

.grid-shortcut {
    background-image: url(../images/grid48x48.png);
}

.notepad-shortcut {
    background-image: url(../images/notepadLarge.png);
    width: 46px;
    height: 46px;
}

.x-ie6 .accordion-shortcut {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/im48x48.png', sizingMethod='scale');
}

.x-ie6 .cpu-shortcut {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/statusLarge.png', sizingMethod='scale');
}

.x-ie6 .grid-shortcut {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/grid48x48.png', sizingMethod='scale');
}

.x-ie6 .notepad-shortcut {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/notepadLarge.png', sizingMethod='scale');
}

.video {
    background-image: url(../images/gears.gif);
}

.bogus {
    background-image: url( ../images/bogus.png ) !important;
}

.notepad {
    background-image: url( ../images/bogus.png ) !important;
}

.logout {
    background-image: url(/resources/global/images/icons/key.png ) !important;
}

.settings {
    background-image: url( ../images/gears.gif ) !important;
}


.icon-grid {
    background-image:url( ../images/grid.png ) !important;
}
.add {
    background-image:url(/global/images/icons/add.gif) !important;
}
.option {
    background-image:url(/global/images/icons/plugin.gif) !important;
}
.remove {
    background-image:url(/global/images/icons/delete.gif) !important;
}
.save {
    background-image:url(../../shared/icons/save.gif) !important;
}
.accordion {
    background-image:url(../images/accordian.gif) !important;
}
.tabs {
    background-image:url(../images/tabs.gif) !important;
}

/*----------------------------------------------------
    IM window icons
*/

.user {
    background-image:url( /resources/global/images/icons/user.png ) !important;
}

.user-add {
    background-image:url(/resources/global/images/icons/user_add.png) !important;
}

.user-delete {
    background-image:url(/resources/global/images/icons/user_delete.png) !important;
}

.connect {
    background-image:url(/resources/global/images/icons/connect.png) !important;
}

.user-girl {
    background-image:url(/resources/global/images/icons/user_female.png) !important;
}

.user-kid {
    background-image:url(/resources/global/images/icons/user_green.png) !important;
}

.user-suit {
    background-image:url(/resources/global/images/icons/user_suit.png) !important;
}

/*----------------------------------------------------------------------
DESKTOPCLOCK
-------------------------------------------------------------------*/
.ux-desktop-desktopclock {
    padding-right: 30px;
    padding-top: 15px;

}


.ux-desktopclock-dayofweek {
    font-family: 'latolight' !important;
    color: white !important;
}

.ux-desktopclock-dayofweek .x-form-display-field{
    /*line-height: 30px;*/
    font-size: 35px;
    font-family: 'latolight' !important;
    color: white !important;
    /*margin-bottom:10px;*/
}

.ux-desktopclock-date .x-form-display-field{
    /*line-height: 30px !important;*/
    font-size: 50px;
    font-family: 'latolight' !important;
    color: white !important;
    margin-bottom:10px;
}

.ux-desktopclock-time .x-form-display-field{
    /*line-height: 60px !important;*/
    font-size: 100px;
    font-family: 'latolight' !important;
    color: white !important;
}






/*----------------------------------------------------------------------
DESKTOPWEATHER
-------------------------------------------------------------------*/

.ux-desktopweather-temp .x-form-display-field{
    color: white !important;
    line-height: 30px !important;
    font: 100 40px lato,tahoma,arial,verdana,sans-serif;
}

.ux-desktopweather-icon {
    padding-right: 10px
}
.ux-desktop-desktopweather {
    padding-right: 30px;
    padding-top: 15px
}


/*----------------------------------------------------------------------
DESKTOPSTATUS
-------------------------------------------------------------------*/
.ux-desktop-status {
    padding-right: 30px;
    padding-top: 15px;
    color: white !important;
    line-height: 20px !important;
    font: 100 20px lato,tahoma,arial,verdana,sans-serif;
    background-color: rgba(51, 51, 51, 0.4);
    border: 0;
    padding: 11px 10px;
    
}

.ux-desktop-desktopstatus .x-btn-over {
    background-color: rgba(51, 51, 51, 0.4) !important; 
 }
.ux-desktop-desktopstatus.x-panel-default { 
    border:0;
}

.mail {
    background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#fff" d="M0 3v18h24v-18h-24zm6.623 7.929l-4.623 5.712v-9.458l4.623 3.746zm-4.141-5.929h19.035l-9.517 7.713-9.518-7.713zm5.694 7.188l3.824 3.099 3.83-3.104 5.612 6.817h-18.779l5.513-6.812zm9.208-1.264l4.616-3.741v9.348l-4.616-5.607z"/></svg>');
    background-size: 16px 16px;
    background-repeat: no-repeat;
   
   
}

.mail33x33 {
    background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#fff" d="M0 3v18h24v-18h-24zm6.623 7.929l-4.623 5.712v-9.458l4.623 3.746zm-4.141-5.929h19.035l-9.517 7.713-9.518-7.713zm5.694 7.188l3.824 3.099 3.83-3.104 5.612 6.817h-18.779l5.513-6.812zm9.208-1.264l4.616-3.741v9.348l-4.616-5.607z"/></svg>');
    background-size: 33px 33px;
    background-repeat: no-repeat;     
}
.x-btn-icon-el-default-toolbar-small.mail33x33 {     
    background-size: 16px 16px;
    background-repeat: no-repeat; 
}

.msgBlod * {
    
    font-weight:bold;   
}



/*----------------------------------------------------------------------
FIBERCORPCLIENTE
#f1553c
-------------------------------------------------------------------*/
#FibercorpCliente .x-window-header-default .x-tool-img,
#FibercorpCliente, 
#FibercorpCliente .x-window-header,
#FibercorpCliente-ghost, 
#FibercorpCliente-ghost .x-window-header{
    border-color: #f1553c  !important;
    background-color: #f1553c  !important;
}

#FibercorpCliente .x-window-header-default .x-tool-img{
    background-color: #f1553c !important;
}

#FibercorpCliente-body,#FibercorpCliente-ghost-body {
    border-color: #f1553c !important;
}

/*----------------------------------------------------------------------
FIBERCORPFACTURA
#f1553c
-------------------------------------------------------------------*/
#FibercorpFactura .x-window-header-default .x-tool-img,
#FibercorpFactura, 
#FibercorpFactura .x-window-header,
#FibercorpFactura-ghost, 
#FibercorpFactura-ghost .x-window-header{
    border-color: #f1553c  !important;
    background-color: #f1553c  !important;
}

#FibercorpFactura .x-window-header-default .x-tool-img{
    background-color: #f1553c !important;
}

#FibercorpFactura-body,#FibercorpFactura-ghost-body {
    border-color: #f1553c !important;
}


/*----------------------------------------------------------------------
FIBERCORBASEINSTALADA
#f1553c
-------------------------------------------------------------------*/
#FibercorpBaseInstalada .x-window-header-default .x-tool-img,
#FibercorpBaseInstalada, 
#FibercorpBaseInstalada .x-window-header,
#FibercorpBaseInstalada-ghost, 
#FibercorpBaseInstalada-ghost .x-window-header{
    border-color: #f1553c  !important;
    background-color: #f1553c  !important;
}

#FibercorpBaseInstalada .x-window-header-default .x-tool-img{
    background-color: #f1553c !important;
}

#FibercorpBaseInstalada-body,#FibercorpBaseInstalada-ghost-body {
    border-color: #f1553c !important;
}

/*----------------------------------------------------------------------
USERACCOUNT
#f1553c
-------------------------------------------------------------------*/
#UserAccount .x-window-header-default .x-tool-img,
#UserAccount, 
#UserAccount .x-window-header,
#UserAccount-ghost, 
#UserAccount-ghost .x-window-header{
    border-color: #f1553c  !important;
    background-color: #f1553c  !important;
}

#UserAccount .x-window-header-default .x-tool-img{
    background-color: #f1553c !important;
}

#UserAccount-body,#UserAccount-ghost-body {
    border-color: #f1553c !important;
}

/*----------------------------------------------------------------------
FIBERCORPUSERACCOUNT
#f1553c
-------------------------------------------------------------------*/
#FibercorpUserAccount .x-window-header-default .x-tool-img,
#FibercorpUserAccount, 
#FibercorpUserAccount .x-window-header,
#FibercorpUserAccount-ghost, 
#FibercorpUserAccount-ghost .x-window-header{
    border-color: #f1553c  !important;
    background-color: #f1553c  !important;
}

#FibercorpUserAccount .x-window-header-default .x-tool-img{
    background-color: #f1553c !important;
}

#FibercorpUserAccount-body,#FibercorpUserAccount-ghost-body {
    border-color: #f1553c !important;
}


/*----------------------------------------------------------------------
FIBERCORPUSERACCOUNTBYTOKEN
#f1553c
-------------------------------------------------------------------*/
#FibercorpUserAccountByToken .x-window-header-default .x-tool-img,
#FibercorpUserAccountByToken, 
#FibercorpUserAccountByToken .x-window-header,
#FibercorpUserAccountByToken-ghost, 
#FibercorpUserAccountByToken-ghost .x-window-header{
    border-color: #f1553c  !important;
    background-color: #f1553c  !important;
}

#FibercorpUserAccountByToken .x-window-header-default .x-tool-img{
    background-color: #f1553c !important;
}

#FibercorpUserAccountByToken-body,#FibercorpUserAccountByToken-ghost-body {
    border-color: #f1553c !important;
}

/*----------------------------------------------------------------------
ADMINISTRACIONWIFI
#F4AF16
-------------------------------------------------------------------*/
#administracionwifi .x-window-header-default .x-tool-img,
#administracionwifi, 
#administracionwifi .x-window-header,
#administracionwifi-ghost, 
#administracionwifi-ghost .x-window-header{
    border-color: #F4AF16  !important;
    background-color: #F4AF16  !important;
}

#administracionwifi .x-window-header-default .x-tool-img{
    background-color: #F4AF16 !important;
}

#administracionwifi-body,#administracionwifi-ghost-body {
    border-color: #F4AF16 !important;
}





/* Video llamada */

#_wcchat19800603_tab{
    display:block !important;
}



/*----------------------------------------------------------------------
DRAG AND DROP
-------------------------------------------------------------------*/

.ux-desktop-shortcut {
    position:absolute;
   /* position:relative;*/
    
}
.onDragEnter {
    background:#e7e7e7;
    border-radius: 50%;
    
    animation-name: circuloGrande; 
    animation-duration: 1s; /* 3 seconds */
    animation-timing-function: linear;
}

@keyframes circuloGrande {
    from { transform: height:50px; width:50px }
    to { transform: height:100px; width:100px }
}

.ux-desktop-shortcut-option {
    display:none;    
}

.ux-desktop-shortcut-option-crear, .ux-desktop-shortcut-option-guardar {
    display:none;
    width:100px;    
    position:absolute;
    top:27px;
    left:60px;
    background:#e60c0b ;
    font: 400 12px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    color: #f0f0f0;
    z-index:1;
    border-right:3px solid #F3202A;
    background: #57575f;
    
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.ux-desktop-shortcut-option-guardar {
    top:20px;
}
.ux-desktop-shortcut-option-crear.show, .ux-desktop-shortcut-option-guardar.show {
    display:block;
    
}



.onDragOut {
    background:transparent
}

.icon-folder {
    background:url(/resources/global/images/desktop/icons/folder52x52.png) no-repeat center center;
    
    background-size:56px 56px;
}

.x-btn-button-default-toolbar-small .icon-folder {
    width: 36px !important;
    height: 32px !important;
    margin: 0px !important;
    padding: 0px !important;
        background-size: 30px 30px;
}

.x-title-icon-default.icon-folder {
   
    background-size:33px 33px;
}

.enviarAPadre {
    height: 103px;
    width: 150px;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
}

.dropOK {
    

}

.dropOK .ux-desktop-shortcut-icon {
    -webkit-box-shadow: -1px -1px 189px 14px rgba(252,252,252,1);
-moz-box-shadow: -1px -1px 189px 14px rgba(252,252,252,1);
box-shadow: -1px -1px 189px 14px rgba(252,252,252,1);
position: relative;
z-index:2;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    background-color:#57575f;
    padding:5px;
    height:70px;
    width:70px;
    background-position:center center;
}

.aivochat-footer{
    display:none !important;
    }

#webcall_widget_middle{
    z-index:5;}
    
/*YA NO SE USA - Video llamada APEX*/
.videoLlamadaApex{
    width: 80px;
    height: 60px;
    background-size: 65px;
    padding-top: 5px;
    background-color: transparent;
    cursor: pointer;
    position: fixed;
    right: -5px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border: 1px solid white;
    border-right: 0px;
    /* 05/09/2018 - Modificado el icono por pedido de RoadMap GOL
        background-image: url("/resources/global/images/desktop/telephone.png");
    */
    background-image: url("/resources/global/images/desktop/VideoLlamada2018_01.png");
    background-position: left center;;
    background-size: cover;
    margin-top: 20px;
}
.videoLlamadaApex:hover{
    background-color: transparent;
    /* 05/09/2018 - Modificado el icono por pedido de RoadMap GOL
        background-image: url("/resources/global/images/desktop/telephone-hover.png") !important;
    */
    background-image: url("/resources/global/images/desktop/VideoLlamada2018_hover.png") !important;
    border: 1px solid white;
    border-right: 0px;
}
.videoLlamadaApex:active,.videoLlamadaApex:visited,.videoLlamadaApex:focus{
    background-color: transparent;
    background-image: url("/resources/global/images/desktop/VideoLlamada2018_01.png");
    border: 1px solid white;
    border-right: 0px;
}
.videoLlamadaIcon {
    background-image: url("/resources/global/images/desktop/VideoLlamada2018.png") !important;
    background-size: 33px 22px;
}


/*
 * YA NO SE USA - 2019 : Nuevo icono de VideoLlamada por Chat Aivo
 */
.videoLlamadaApex2019 { 
    width: 140px;
    height: 70px;
    background-color: transparent;
    border: transparent;
    background-image: url("/resources/aivo/videollamada.png");
    background-repeat: no-repeat;
}
.videoLlamadaApex2019:hover{
    background-color: transparent;
    background-image: url("/resources/aivo/videollamadaHover.png") !important;
}
.videoLlamadaApex2019:active,.videoLlamadaApex2019:visited,.videoLlamadaApex2019:focus{
    background-color: transparent;
    background-image: url("/resources/aivo/videollamadaHover.png") !important;
}



/* NUEVO 2020 : Nuevo videoLlamada y chat */
#desktopwidgets,
#desktopwidgets .x-box-inner:first-child {
    height: 500px !important;
}
.chat_video__wrapper {    
    width: 130px;
    height: 140px;
    background-color: rgba(255,255,255,.5) !important;
    padding: 7px 10px;
    right: auto !important;
    margin: 10px 50px 0 0 !important;
    left: 270px !important;
    border-radius: 30px 0 0 30px;
    display: flex;
    justify-content: center;
    position: relative;
}
.chat_video__btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: none;
    margin-right: 15px;
}
.videollamadaBtn {
    background-color: transparent;
    background-image: url("/resources/aivo/videollamada.png") !important;
}
.chatBtn {
    background-color: transparent;
    background-image: url("/resources/aivo/chat.png") !important;
}
.whatsappBtn {
    background-color: transparent;
    background-image: url("/resources/aivo/whatsapp.png") !important;
}
.videollamadaBtn:hover {
    background-color: transparent;
    background-image: url("/resources/aivo/videollamada_hover.png") !important;
}
.chatBtn:hover {
    background-color: transparent;
    background-image: url("/resources/aivo/chat_hover.png") !important;
}
.whatsappBtn:hover {
    background-color: transparent;
    background-image: url("/resources/aivo/whatsapp.png") !important;
}
.loader {
    color: #999;
    font-size: 28px;
    width: 100%;
    height: 100%;
    position: absolute;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9999;
}

.loader .spinner {
    width: 40px;
    height: 40px;
    text-align: center;
}

/*----------------------------------------------------------------------
CENTRO DE CONTROL
#F4AF16
-------------------------------------------------------------------*/
#Centro-de-Control .x-window-header-default .x-tool-img,
#Centro-de-Control, 
#Centro-de-Control .x-window-header,
#Centro-de-Control-ghost, 
#Centro-de-Control-ghost .x-window-header{
    border-color: #F4AF16  !important;
    background-color: #F4AF16  !important;
}

#Centro-de-Control .x-window-header-default .x-tool-img{
    background-color: #F4AF16 !important;
}

#Centro-de-Control-body,#Centro-de-Control-ghost-body {
    border-color: #F4AF16 !important;
}

/* -------
Gestor Personal Digital
----- */
.btn_asistente_personal_label {
    color: #ffffff;
    width: 100px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    margin: 0 auto;
    position: absolute;
    top: 50%;
}
.btn_asistente_personal {
    background-color: transparent;
    background-image: url("/resources/aivo/asistant_icon.png") !important;
    background-size: 100%;
    margin-left: 5px !important;
    margin-top: 4px !important;
}
.btn_asistente_personal:hover {
    background-color: transparent;
    background-image: url("/resources/aivo/asistant_icon.png") !important;
    margin-left: 5px !important;
    margin-top: 4px !important;
}