/*Logout*/
html{height: 100%;}

#contentPage{
    float: left;
    width: 100%;
    min-width: 1024px;
}
body #containerMasterCars .container div.centerMenu {
    margin: auto;
    width: calc(100% - 40px);
    height: 65px;
    margin: 0 20px;
    box-sizing: border-box;
    float: left;
}
body div.containerFichaGeneric div.containerFichaGenericBlanco .master-card-header {
    width: 100%;
    margin: auto;
    height: 86px;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
body div.containerFichaGeneric div.containerFichaGenericBotonera .master-card-options {
    width: 100%;
    margin: 0;
    height: auto;
    padding: 0 20px;
    box-sizing: border-box;
}
body div.containerFichaGeneric{
    width: 100%;
    height: auto;
    float: left;
}
#containerMasterCars {
    text-align: center;
    margin: 64px 0 20px;
    text-align: left;
    float: left;
    width: 100%;
    min-height: 100vh;
}
div.masters-cards{
    width: 100%;
    float: left;
}
div.master-card-card{
    width: 100%!important;
    float: left;
    margin: 5px 0!important;
}
.centerContentGrid2Columns{
    display: grid!important;
    grid-template-columns: 1fr 1fr!important;
}
.centerContentGrid2Columns  > *{
    width: 100%!important;
}

.centerContentFlex{
    display: flex;
    height: auto;
    width: 100%;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}
.centerContentFlex > div{ 
    width: 1000px;
}
.wizard-steps-flex{
    display: flex;
    justify-content: space-between;
    width: 100%;
    float: left;;
}
.wizard-steps-flex .bootstrapWizard_2{
    width: 100%;
    display: flex;
    justify-content: center;
}
.collapseOptionContentPadding{
    width: 100%;
    box-sizing: border-box;
}

.containerFichaGeneric .masters-cards{padding: 0 20px;box-sizing:border-box;}
.containerFichaGeneric > div.card{padding: 0 20px;box-sizing:border-box;}
body.logout{text-align: center;height: 100%;position: relative;}
body.logout div{position:absolute;width: 300px;left: calc(50% - 180px);top: calc(50% - 74px);padding: 32px 30px;text-align: center;height: 90px;}
body.logout div span.message{width: 100%;display: block;text-align: center;font-size: 20px;text-transform: uppercase;}
body.logout div button.circle{float: none;margin: 20px auto 0;padding: 5px 20px;}
body.logout div button.circle span{margin: 0;padding: 0;}

/*Objetos Maquetados del Negocio.....*/
div.card2x2{display: inline-block;float: left;width: 500px!important}
.logo{width: 50px;height: 50px;margin: 7px 25px 7px 2px;display: inline-block;float: left}
/*Menu*/
.container{width: 100%;padding: 0;}
#containerMasterCars .container  div.centerMenu{margin: auto;width: 1020px;height: 30px}
#containerMasterCars .menuDropdown .dropdown-toggle .fa,.navbar{line-height: 30px;font-size: 16px;}
#containerMasterCars .menuDropdown .dropdown-menu li{line-height: 48px;width: 100%;height: 48px;}
#containerMasterCars .menuDropdown .dropdown-menu li a{line-height: 48px;height: 48px;padding: 0;}
#containerMasterCars .menuDropdown .dropdown-menu li.dropdown-header{padding: 0}
#containerMasterCars .navbar{margin-bottom: 0;}
.centerMenu .nav {padding-top: 17px;}
.centerMenu .nav a{border-top-left-radius:5px;border-top-right-radius:5px;padding:5px 10px;width: auto;}
.centerMenu .nav li ul{border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding: 0 15px  ;width: auto;border:none;}
.centerMenu .nav li ul li.first{border-top:none}
.menuDropdown .dropdown-menu  li {border-top: 1px solid }
.centerMenu ul.menuName{padding-top: 7px;}
.centerMenu ul.menuName li ul{width: calc(100% - 45px)!important;min-width: 100px;border-top-right-radius:0;}
.centerMenu ul li a{text-transform: capitalize;}
.centerMenu ul li ul li a{text-transform: uppercase;}
.centerMenu ul.menuName li span{padding-top: 10px;float: left;}
#containerMasterCars .menuDropdown .dropdown-menu.files-menu li {
    line-height: 68px;
    width: 100%;
    height: 68px;
}

#containerMasterCars .menuDropdown .dropdown-menu.files-menu li a {
    line-height: 25px;
    height: 48px;
    padding: 0;
    margin-top: 12px;
}
.hubeet-copilot-button {
    border: 2px solid #dfdfdf;
    padding: 2px;
    border-radius: 4px;
    margin-left: 7px;
    top: 13px;
    margin-top: -4px;
}
.hubeet-copilot-button:hover {
    text-decoration: none;
    border-color: #f05b24;
}

/*.centerMenu .nav > li > a:hover, .centerMenu .nav > li > a:focus,.centerMenu .nav .open > a,.centerMenu .nav .open > a:hover, .centerMenu .nav .open > a:focus{background: transparent;}*/

.nav{list-style: none;cursor: pointer;}
.navbar{width: 100%;position: absolute;top:0;min-width: 1050px;}
.containerMasterCars .navbar a{text-decoration: none;}
.navbar{background:transparent;z-index: 21;position: fixed;}
.navbar-nav{width: auto;float:left;}
.menuDropdown .dropdown{padding: 0 0 0 15px;text-transform: uppercase;}
.navbar-nav i.fa{font-weight: 400;margin:  0 5px;width: 15px;text-align: center;}
.menuDropdown .dropdown-menu {width:190px;margin-top: 0;position: absolute;top: 100%;left:0;z-index: 1000;display: none;float: left;list-style: none;padding: 0px 10px;border-radius:0;margin-left: 15px;}
.menuDropdown .dropdown-menu.menu-ficha-empresa{width: 360px;}
.menuDropdown .dropdown-menu.menu-ficha-empresa a{float:left;clear: none}
.menuDropdown .dropdown-menu.menu-ficha-empresa div{display: inline-block;float: left;height: 48px;line-height: 48px;padding: 0;top: 0;width: auto;width: 41px;text-align: right;}
.menuDropdown .dropdown-menu  li a {width:auto;display: inline-block;box-sizing:border-box;}
.menuDropdown .dropdown-menu  li.hasClose a {overflow: hidden;width:280px!important;white-space:nowrap;text-overflow: ellipsis;margin-right: 10px}
.menuDropdown .dropdown-menu  li.hasClose a.circle {width: 24px!important;margin-right: 0;float: right;}
.menuDropdown .dropdown-menu  li.agregar button,
.menuDropdown .dropdown-menu  li.salir button{width: 99%;margin: 15px 0;text-transform: uppercase;padding: 0;}
.menuDropdown .dropdown-menu button.circle i{display: inline;position: relative;float: none;font-size: 30px;top: 3px;}
.menuDropdown .dropdown-menu button.circle span{float: none;position: relative;top: -6px;}
.menuTop li a.circle i{
    top: 6px;
    line-height: 0;
    height: 22px;
    width: 22px;
    font-size: 22px;
    border-radius: 50%;
    position: relative;
}

.menuName{width:auto;text-align: right!important;margin-right: 0px!important;min-width: 100px}
.menuName{float: right;text-align: right;margin: 0}
.menuName li{display: block;list-style: inherit;text-align: left;}
.menuName li a.ng-binding{padding-left:15px;padding-right:15px}
.menuName img{border-radius:50%;height: 40px;height: 40px;margin: 0 0 0 6px;display: inline-block;}

/*Effect Menu*/
.dropdown-toggle .fa-angle-up{display: none}
.dropdown-toggle .fa-angle-down{display:inline-block;}
.navbar-nav li:hover .dropdown-toggle .fa-angle-up{display:inline-block;}
.navbar-nav li:hover .dropdown-toggle .fa-angle-down{display:none}
.navbar-nav li:hover .dropdown-menu{display: block}
/*Mastercards*/
#containerMasterCars{text-align: center;margin: 64px 0 20px;text-align: left;}
div.masters-cards{margin:auto;width: 100%;min-height: 30px;display: block}
div.card{margin:10px auto;width: 100%;min-height: 30px;display:block;}
div.card .heading-container{height: 19px;text-transform: uppercase;text-align: left; padding: 4px 0 7px 0;}
div.card .heading-container.mastercard{padding: 6px 5px 9px 5px;}
div.card .heading-container.mastercard a.right{margin-left: 15px}
div.card .heading-container .pull-left{margin: 0 0 0 10px;float: left;}
div.card .heading-container .pull-left a{text-decoration: none}
div.card .heading-container .pull-right{margin: 0 10px 0 0;float: right;}
div.card .heading-container i.hide{display: none}
div.card .heading-container span.mastercardTitle{float: left;margin: 0 10px}
div.card .heading-container span.pull-right{margin: 0 10px 0 0;float: right;}
div.card .card-body{height: auto;text-align: left;float:left}
/*Menu Tarjeta y Mastercar*/
div.card div.master-card-menu {width: 1024px;margin-top: 21px}
div.card.inner div.master-card-menu {margin-top: 18px}
div.card.inner div.master-card-menu .master-card-menu-toogle{height: 36px!important;  padding: 10px 0 5px 0;}
div.master-card-menu {height: 72px;position: absolute;z-index: 2;}

div.master-card-menu .master-card-menu-padding {height: 10px;display: block;width: 100%;}
div.master-card-menu .master-card-menu-toogle{width: 100%;height: auto; margin-top: 9px;position: absolute;}
div.card  div.master-card-menu .master-card-menu-toogle{margin-top: 12px;box-shadow: 0px 4px 4px -4px  #606060}
div.card div.master-card-menu .master-card-menu-toogle, div.card div.master-card-menu {z-index: 6;}
div.card.inner  div.master-card-menu .master-card-menu-toogle,div.card.inner div.master-card-menu{z-index: 4;}
div.master-card-menu .master-card-menu-toogle-white{width: 100%;height: 5px; margin-top: 9px;position: absolute;z-index: 2;}
div.master-card-menu  button{cursor:pointer;border:none;padding:0;margin: 0;}
div.card div.master-card-menu .master-card-menu-toogle{height: 60px;text-align: right;}
div.card.inner div.master-card-menu button{margin: 0 8px 0 8px;width: 36px;height: 36px;line-height: 36px;text-align: center;vertical-align: middle; border-radius:50%;float: none;padding: 0}
div.card.inner div.card-container-option button{width: 36px;height: 36px;line-height: 36px;text-align: center;vertical-align: middle; padding: 0;margin: 0 8px;}
div.card.inner div.master-card-menu button.left{float: left}
div.card.inner div.master-card-menu button.right{float: right}
div.card.inner div.master-card-menu button i{float: none;margin: 0}
			div.master-card-options{padding: 10px 0px 0;width:100%px;height: 40px}
			div.master-card-options .botonera{float: right;text-align: right}
div.master-card-options .botonera button{float: none;margin-bottom: 10px;display: inline}
div.master-card-header{padding: 10px 12px 5px;width:1000px;height: 40px}
/*Tabs*/
div.master-card-card .tab-content{padding: 0; text-align: left;}
div.master-card-card .tab-content .containerTabs{position: relative;width: 100%;}
div.master-card-card .tab-content .containerTabs .tabs-options{width: auto;position: absolute;right: 0;top: -20px;z-index: 2}
div.master-card-card .tab-content .containerTabs .containerTabsBody{padding: 24px 0 0 0}
div.master-card-card .tab-content .containerTabs .tabs-menu{width: 100%;box-sizing: border-box;padding: 6px 7px;}
div.master-card-card .tab-content .containerTabs .tabs-menu.collapsing{box-shadow:none}

/*Tarjetas*/
div.master-card-card{margin: 5px 12px;float: left;width: 1000px}
div.card.inner{margin: 5px;display: inline-table; float: left;font-size: 13px;border-radius:5px }
div.card.inner .heading-container,div.subtitle-container{padding-right: 3px;padding-left: 5px;font-size: 14px;font-weight: 400;line-height: 20px}
div.card.inner .heading-container {border-top-left-radius:3px;border-top-right-radius:3px; display: flex;}
div.card.inner .card-container,div.card.inner .card-container-option{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
div.card1x1 div.card.inner .heading-container .pull-left,
div.card1x2 div.card.inner .heading-container .pull-left{width: calc(100% - 24px)}
div.card2x1 div.card.inner .heading-container .pull-left,
div.card2x2 div.card.inner .heading-container .pull-left{width: calc(100% - 24px)}
div.card.inner .heading-container .pull-left{margin: 0}
div.card.inner .heading-container .pull-right{margin: 0}
div.card.inner .subtitle-container{height: 20px;}
div.card.inner .card-container{width: 100%;height: auto;float: left}
div.card.inner .card-container-option .buttons-content{  bottom: 17px;height: 40px;margin: 0 ;position: absolute;right: 16px;text-align: right;}
.card-container-option div.select{width: 190px!important}
.card-container-option button.circle{border-radius:50%;float: right;margin: 0 0 0 10px}
div.card .title{padding: 6px 11px;border-bottom: 1px solid;margin: 0;}
/*Tamaños Para Tarjetas*/
div.card1x1 div.card, div.card1x1 div.card .card-container-option, div.card1x1 div.card div.master-card-menu,
div.card1x2 div.card, div.card1x2 div.card .card-container-option, div.card1x2 div.card div.master-card-menu {width: 240px;}
div.card1x1 div.card .card-container-option .container,div.card2x1 div.card .card-container-option .container{height: 172px;padding:18px 16px 10px;box-sizing: border-box;}
div.card2x2 div.card .card-container-option .container,div.card1x2 div.card .card-container-option .container{padding:18px 16px 10px;box-sizing: border-box;}
div.card2x1 div.card, div.card2x1 div.card .card-container-option, div.card2x1 div.card div.master-card-menu,
div.card2x2, div.card2x2 .card-container-option, div.card2x2 div.master-card-menu {width: 490px;}

div.card1x1 div.card .card-container-option, div.card1x1 div.card .card-container,
div.card2x1 div.card .card-container-option, div.card2x1 div.card .card-container{height:270px;}
div.card1x2 div.card .card-container-option, div.card1x2 div.card .card-container,
div.card2x2 div.card .card-container-option, div.card2x2 div.card div.card-container{height:530px;}
div.card1x1 div.card .card-container-option .nano,div.card2x1 div.card .card-container-option .nano{height: 204px;}
div.card1x2 div.card .card-container-option .nano,div.card2x2 div.card .card-container-option .nano{height: 514px;}
div.card1x1 div.card.nosubtitle .card-container-option .nano,div.card2x1 div.card.nosubtitle .card-container-option .nano{height: 224px;}
div.card1x2 div.card.nosubtitle .card-container-option .nano,div.card2x2 div.card.nosubtitle .card-container-option .nano{height: 534px;}

div.card2x1 div.card{height:300px;width: 490px; }
div.card1x2 div.card{height:610px;width: 240px; }
div.card2x2 div.card{height:530px;width: 490px; }
div.card4xX div.card,div.card4xX div.card .card-container-option, div.card4xX div.card div.master-card-menu{height:auto;width: 990px; }
div.card1x1 div.card .subtitle-container span,div.card1x2 div.card .subtitle-container span{width: 232px;display: inline-block;}
div.card2x1 div.card .subtitle-container span,div.card2x2 div.card .subtitle-container span{width: 482px;display: inline-block;}
/*Tabla Tarjetas*/
div.card .tableCard .nano{margin: 0 0 1px 0}
div.card .tableCard{overflow: hidden;position: relative;border: 1px solid;}
div.card .tableCard div.tr div{display: inline-block;float: left;}
div.card .tableCard div.tr div span{display: block;height: 20px;line-height: 20px;margin: 5px 0;float: left;}
div.card .tableCard div.tr div span i{font-size: 16px;}
div.card .tableCard div.tr{vertical-align: middle;height: 30px;cursor: pointer;min-width: 293px;}
div.card .tableCard div.tr div{border-right: 1px solid;}
div.card .tableCard div.tr div span{text-align: center;width: 100%}
div.card .tableCard div.tr div.last,
div.card .tableCard div.tr div.td1,
div.card .tableCard div.tr div.td2,
div.card .tableCard div.tr div.td3{border: none;margin: 0;}
div.card .tableCard div.td1,
div.card .tableCard div.td2,
div.card .tableCard div.td3{width: 4px;}
div.card .tableCard div.tr div.td1 span,
div.card .tableCard div.tr div.td2 span,
div.card .tableCard div.tr div.td3 span{height: 30px;display: block;width: 100%;padding: 0;margin: 0;}
div.card .tableCard div.tr div.td4 span{text-align: left;}


/*Mega Ficha*/
div.card table.megaficha{padding: 0;display: block;border-top: 1px solid;}
div.card table.megaficha.first{border-top:none}
div.card table.megaficha .megaficha-data{padding: 7px 0 8px; width: 95%;}
div.card table.megaficha td{padding: 0}
div.card table.megaficha td.megaficha-select{width: 5px;}
div.card table.megaficha td.megaficha-space {width: 11px;}
div.card table.megaficha:hover td.megaficha-select{width: 5px;}
div.card table.megaficha:hover td.megaficha-space {width: 11px;}
div.card table.megaficha.active td.megaficha-select{width: 8px!important;}
div.card table.megaficha.active td.megaficha-space {width: 8px!important;}
div.card table.megaficha td.megaficha-link{text-align: justify;width: 16px;}
div.card table.megaficha td.megaficha-link i{border-radius: 50%;font-size: 12px;height: 12px;line-height: 12px;text-align: center;vertical-align: middle;width: 12px; }
div.card .nano > .nano-pane{right: 2px}
/*div.card .nano{margin: 3px 0}*/
div.card .nano.disabled{background: #9b9b9b}
div.card .canAction.disabled table.megaficha,div.card .canSelect.disabled table.megaficha{cursor:auto;}
div.card .nano.hasScroll:hover span.alertScroll,div.card .nano span.alertScroll{display:none}
div.card .nano.hasScroll span.alertScroll{bottom: 1px;position: absolute;right: 2px;z-index: 2;display: block;border-radius:50%;width: 10px;height: 10px}
div.card .canAction table.megaficha,div.card .canSelect table.megaficha{cursor:pointer}
div.card table.megaficha td.megaficha-link i{display: none}
div.card .canAction table.megaficha td.megaficha-link i{display: block}
div.megaficha{margin: 0 2px;}

/*Tamaños Para Megafichas*/
div.card .nano{margin:1px 0}
div.card1x1 div.card .megaficha-data{width: 208px;max-width: 208px;}
div.card1x1 div.card .nano{height:248px;}
div.card1x1	div.card.nosubtitle .nano,div.card2x1 div.card.nosubtitle .nano{height: 268px;}
div.card2x1 div.card .nano{height:248px; }
div.card2x1 div.card .nano.nanoWithSearch{height: 240px;}
div.card2x2 div.card .nano.nanoWithSearch{height: 490px;}
div.card2x2 div.card .nano{height:558px; }
div.card1x2 div.card .nano{height:558px; }
.tab-content .card div.input.nanoFind {width:calc(100% - 5px);position: relative;}
.tab-content .card div.input.nanoFind span i {position: absolute;top: 0px;right: 0px; left:unset;}
.tab-content .card div.input.nanoFind span input {float: unset;padding-right: 50px;box-sizing: border-box;}
/*Modal*/

.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;}
.fade.in {opacity: 1;}
.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0;}
.modal-backdrop.in {filter: alpha(opacity=50);opacity: 0.5;}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;}
.modal-open .modal {overflow:hidden;}
.modal-dialog {position: relative;width: auto;margin: 10px;}
.modal-dialog div.card , .modal-dialog div.card .card-body{float: none;}
.modal-dialog div.card {width: 100%;display: inline-block;height: 100%;margin: 0}
.modal-dialog div.card .heading-container{width: auto;padding: 4px 10px 7px 7px;position: relative;}
.modal-dialog div.card div.master-card-menu .master-card-menu-toogle{margin-top:9px;}
.modal-dialog div.card .heading-container a.right{margin-left: 15px}
.modal.in .modal-dialog ,.modal.in .modal-dialog .modal-content{text-align: center;}
.modal-dialog div.card .heading-container a.circle{position: absolute;right: 0;float: none;right: 29px;top:3px;}
.modal-dialog .modal-card .card-body .container{padding: 15px 25px 25px;font-size: 14px; box-sizing: border-box;}
.modal-dialog .modal-card .card-body .container.scroll{padding: 15px 25px 25px;font-size: 14px; box-sizing: border-box; overflow: scroll; height: 600px;}
.modal-dialog .modal-card .card-body .container .modal-abm-contactos form{padding: 15px 25px 25px;font-size: 14px; box-sizing: border-box; max-height: 500px; overflow: auto;}
.modal-dialog div.card div.master-card-menu {width: 445px}
.modal-dialog {margin: 50px auto 0;}
.modal-dialog .modal-content{margin: auto;}
.modal-dialog .modal-card .card-body .botonera-superior{text-align: right;width: auto;padding:10px 0; height:40px;}
.modal-dialog .modal-card .card-body .botonera-superior button.circle{overflow: hidden;}
.modal-dialog .modal-card .card-body .abm{margin: 0;position: relative;}
.modal-dialog .modal-card .card-body .abm .botonera-abm{position:relative;margin: 10px 0 25px 0;float: left;width: 100%}
.modal-dialog .modal-card .card-body .abm .botonera-abm button{float: left;margin: 0}
.modal-dialog .modal-card .card-body .abm .botonera-abm button.last{float: right;margin: 0}
.modal-dialog .modal-card .card-body div.master-card-menu .master-card-menu-toogle{width: 100%;height: 60px;}
.modal-dialog .modal-card .nano{border:1px solid;width: 393px;height: 414px}
.modal-dialog div.card div.search span{width: 393px;}
.modal-dialog div.card div.search span input{width: 342px;}
.modal-dialog div.input.fecha span,.modal-dialog  div.input.fecha label{width: 160px;display: block;}
.modal-dialog div.input.fecha span.spanFecha ul table span{width: auto}
.modal-dialog div.input.fecha span{height: 28px}
.modal-dialog div.input.fecha input{width: 100px;}
.modal-dialog .modal-content{width: 550px;height: auto}
.modal-dialog .modal-content.addEdditMode{width: 445px;height: 600px;}
.modal-dialog .botonera-superior button.circle{margin-right: 22px;}
.modal-dialog .botonera-superior button.circle.last{margin-right: 0;}
/*.modal-dialog .modal-content.addEdditMode{width: 445px;height: auto;}*/
.modal-dialog .modal-content div.abm{height: 520px;}
.modal-dialog .modal-content div.microfichas{border:1px;width: 395px;height: 460px}
/*Multiselect*/
.multiselect .ui-select-multiple{border: none;width:100%;}
.multiselect .ui-select-multiple ul{border:none!important;box-shadow:none;background:transparent;border-bottom:1px solid!important;min-height: 27px!important;height: auto!important}
.multiselect .select2-container-multi.select2-container-active .select2-choices{border:0;box-shadow:none;border-bottom:1px solid;}
.multiselect .select2-container-multi.select2-container-active .select2-choices{border:0;box-shadow:none;}
.multiselect .select2-drop-active{top:calc(100% + 1px);}
.multiselect .select2-drop-active ul{border: none!important;}
.multiselect .select2-container-multi .select2-search-choice-close{right:3px;top:5px;left:initial;}
.multiselect .select2-container-multi .select2-choices .select2-search-choice{padding:3px 20px 7px 3px;box-shadow: none;margin:3px 3px 3px 0;}
.multiselect .select2-container-multi .select2-choices .select2-search-field input{padding: 3px 0}
.multiselect .select2-container-multi .select2-choices .select2-search-field{float:left;}
.multiselect .select2-container-multi .select2-choices .select2-search-field input{padding: 6px 0 4px}
.multiselect .select2-container-multi .select2-choices span{float: left;}
.multiselect .ui-select-multiple ul span{border:none;}
/*Contenedor desplegable*/
.collapseOption{width: 100%;border-top:1px solid;position: relative;float: left;margin: 10px 0 40px;}
.collapseOption .contaierButtonsLine{position: absolute;top:-20px;width: 100%;height: 40px;}
.collapseOption .contaierButtonsLine button.option.left{float: left!important;margin-left: 15px;margin-right: 5px;}
.collapseOption .contaierButtonsLine button.option{clear: none;display: inline-block;margin-right: 15px;margin-left: 5px;z-index: 2}
.collapseOption div.collapseOptionContent{width: 100%;float: left;}
.collapseOption div.collapseOptionContent .collapseOptionContentPadding{padding-top: 20px;}
.collapseOption div.collapseOptionContent .collapseOptionContentPadding.collapseOptionContentAddFilePadding{
    padding:20px;
    float: left;
}
.collapseOption div.collapseOptionContent.collapsing{box-shadow: none}
.collapseOption{border-color:#979797}
.collapseOption div.collapseOptionContent{background:#efefef; }

div.input.fg_typeahead_companies_button{position:relative;}
div.input.fg_typeahead_companies_button label,
div.input.fg_typeahead_companies_button input,
div.input.fg_typeahead_companies_button span{width:375px;}
div.input.fg_typeahead_companies_button.fg_typeahead_migration_button span{width:315px;}
div.input.fg_typeahead_companies_button button{position:absolute;top:12px;right:0px}
div.input.fg_typeahead_companies_button .migrationBtn button{position:absolute;top:12px;right:45px}

div.collapseOptionContent div.input textarea{box-sizing:border-box}

.tab-content div.card-container-option div.radio,.tab-content
div.card-container-option div.input.select,.tab-content
div.card-container-option div.input{margin-left: 0;margin-right:21px;width: 208px!important;float: left;position:relative;margin-bottom: 14px;}



/* Estilos momentaneos para FILE TASK ITEMS */

.file-task-item-wrapper {
    margin-bottom: 10px;
    cursor: pointer;
}

.file-task-item-wrapper:hover {
    border: 1px solid #000;
}

.file-task-item-wrapper img{
    width: 100%;
}

.file-task-item-wrapper  h1{
    font-size:17px;
    margin-top: 1px;
    margin-bottom: 3px;
}
.file-task-item-wrapper  h2{
    font-size:14px;
    margin-top: 1px;
    margin-bottom: 3px;
}
.file-task-item-wrapper p{
    padding:1.5rem;
    box-shadow:0 1px 2px #aaa;
    background:white;
    margin:0 1rem 1rem;
    user-select:none;
    animation:fly-in-from-left .5s 1s ease both;
    transform-origin:top left;
}


.info p{
    font-size: 12px;
    font-weight: normal;
    padding: 0px 5px 0px 11px;
}
/* PRUEBA MASONRY */


.file-task-item-button {
    -webkit-border-radius: 8;
    -moz-border-radius: 8;
    border-radius: 8px;
    font-family: Arial;
    color: #572657;
    font-size: 11px;
    background: #dce0e3;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

/*Errors*/

.isa_info, .isa_success, .isa_warning, .isa_error {
    margin: 10px 0px;
    padding:6px;
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFBABA;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin:10px 22px;
    font-size:82%;
    vertical-align:middle;
}

.abm.cotizacion3 div.longtext textarea{height: 200px !important}
.tab-content div.input.select.unidaddenegocio{width: 160px;margin-right: 300px;}

.tab-content div.input.select.unidaddenegocio.alone-center{
    width: 400px;
    margin-right: 0px;
    padding-left: 40%;
}

.tpcs_003_obl_files_item {
    transform: scale(0.9);
    display: flex;
    align-content: initial;
    align-items: center;
}

div .tpcs_003_obl_files_item .title{
    font-size: 14px;
    color: #40A3E9;
    width: 123px;
    border-bottom: 0px solid;
}

.tpcs_003_obl_files_item .d6
{
    margin-left:19px;
    width: 67px;
}
.tpcs_003_obl_files_item .d6.small_text
{
    width: 200px;
    float: right;
}

.tpcs_003_obl_files_item .origendestinoComponent{
    transform: scale(0.9);
    width: 125px;
}

.tpcs_003_obl_files_item i{
    font-size: 27px;
    width: 47px;
    margin-right: 0;
    line-height: 10px;
    float: left;
    position: relative;
    top: -2px;
    color: #795151;
}



div.ficha-obl .master-card-header .first-line {
    border-color: #dcdcdc;
}
div.ficha-obl .master-card-header .first-line {
    padding: 0 0 5px 0;
    border-bottom: 1px solid;
    height: 30px;
}

div.ficha-obl .master-card-header .second-line div.cuit b {
    font-size: 18px;
    line-height: 18px;
    vertical-align: top;
    text-transform: uppercase;
    width: 100%;
}

div.ficha-obl .master-card-header .second-line div.cuit i.icon-t-un {
    font-size: 27px;
    top: -4px;
    left: 2px;
    float: none;
    margin-right: 12px;
}

div.ficha-obl .master-card-header {
    height: 77px;
}

.ficha-obl .first-line span{
    font-size: 20px;

}

.navbar-module-name{
    top: 34px;
    font-size: 12px;
    position: fixed;
    width: inherit;
    color: gray;
}

.icon-t-estrella-1:before {
  color: gold;
}

.file-header-load-type{
    font-size: 20px;
    color: black;
    text-align: right;
    float: right;
    font-weight: 800;
    color: #6E587A!important;
}

.centered-warning {
    position: relative;
    width: 100%;
    text-align: center;
    color: red;
    font-weight: 700;
}




/* Lo comento porque no me permite filtrar y modificar el tipo de filtro a la vez.*/
/*Custom de tablas de Kendo - Eliminar para dejar default*/
/*.k-filter-row .k-dropdown-operator {
    width: 2.1em;
    right: 0;
}

.k-filtercell>span {
    padding-right: 2em;
}

.k-filter-row .k-dropdown-operator {
    width: 2.1em;
    right: -0.5em;
}

.k-grid .k-button {
    margin: 0px -0.50em;
}*/

/*FIN Custom de tablas de Kendo - Eliminar para dejar default*/


.send-comunication{
    clear:left;
}


.input.prepend-text {
    clear: left;
}

div.input.prepend-text  textarea{
    border: none;
}


button.circle.send-communication {
    position: relative;
    float: right;
    left: -20px;
    top: -60px;
    clear: left;
}




.tab-content .selectOptionContainer button.option.explorar.button.bu.add {
    left: 229px;
    top: 22px;
}

.contenedor.business.units {
    display: inline;
    margin-left: 0;
    width: 100%;
}

.contenedor.business.units.all {
    display: inline-block;
    width: 100%;
    padding: 0 39px 20px;
    box-sizing: border-box;
}

.contenedor.business.units.all .contentExplorarOperaciones{
        margin-left: 18px;
        margin-top:10px;
}

.contentExplorarOperaciones2{
    margin-left: 0px;
    margin-top:10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;    
    gap: 16px;
}

.contentExplorarOperaciones2 div div{
    color: cornsilk;
}

.contentChip{
    display: flex;
    width: auto;
    min-width: 150px;
    background: rgb(38 107 186 / 70%);
    BORDER: 2px solid #276ab9;
    height: 32px;
    border-radius: 24px;    
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 0 16px
}
.contentChip a{
    position: relative;    
    width: 20px;
    height: 20px;
    margin-left: 8px;
    text-decoration: unset!important;
}

.contentChip a i{
    position: relative;
    top: unset !important;
    left: unset !important;
    float: unset  !important;  
    margin: unset !important;  
    margin-left: unset !important; 
    background: unset !important; 
    color: #F17012 !important;
}

.contenedor.componente.select.business.units{
    display: flex;
}

.contenedor.business.units.disponibles input.select.unidaddenegociosall{
    width: 100 px !important;
}

.contenido-tab{
    background-color: #efefef;
    display: -webkit-box;
    height: 100%;
}

.abm-params-tab-container{
    width: 90%;
    height: 400px;
}

.abm-params-tab-container .input.textarea.longtext :nth-child(1) {
    height: 250px;
    width: 200%;
    font-family: monospace;
}



.unidaddenegociosall{
    width: 100% !important;
}
.contenedor.business.units.all{
    margin-left: 100px;
}

.contenedor.componente.select.business.units i {
    color: #276ab9;
    float: right;
    margin-left: -22px;
    top:-22px;
}

.contenedor.componente.select.business.units span {
    border:none;
}

.bu-icon-b-asignar{
    top:0px !important;
}
.companytype{
    width: calc(100% - 80px)!important;
    height: auto;
    box-sizing: content-box;
    padding: 0;
}
.companytype .btn-group{
    width:100%!important;
}
.companytype label{
    display: inline-block!important;
    width: 200px!important;
}
.error_line{
    padding: 10px;
    color: #f00;
    font-size: 12px;
    border: 1px dotted;
    display: inline-block;
    width: calc(100% - 20px);
    box-sizing: border-box;
    margin: 0 10px 10px;
}
.labelToButton{
    background: none;
    border: none;
}

.aligned-on-tab-button{
    top: -37px;
    position: absolute; 
    right:0px;
}
 
.im-working-text{
    background: lightgoldenrodyellow;
    color: black;
    text-align: center; 
    color:black
}
.fileDivs{
    height: undefined!important;
}
.contaierButtonsLineTemplateEditor{
    float: left;
    width:100%;
    
}
.contaierButtonsLineTemplateEditor > * {
    float: right;
    margin-left:10px;
}

.unifiyCompany {
    clear: both;
    text-align: left;
    padding-left: 38px;
}

.contenedorSeleccionCompany{
    display:flex;
    flex-direction: row;
}

.inrow-btn{
    margin-left: 100px;
    margin-block: 100px !important;
    border: black 1px solid;
    min-width: 100px;
}

.inrow-button-grp{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 10px;
}


.search_last_line{
    display: flex;
    align-items: center;
}



.card-title-value-pair{
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	min-width: 150px !important;
}

.card-title-value-pair .title{
	width: 100% !important;
	color: var(--title-color);	
	align-self: flex-start !important;
	padding-left: 5px !important;
	border: none;
	border-bottom: none !important;
	padding-bottom: 0px !important;
    text-transform: uppercase;
}

.card-title-value-pair .value{
	width: 100% !important;
	color: var(--value-color);
	align-self: flex-start !important;
	padding-left: 5px !important;
}

.active_subtab {
    border-bottom: 3px solid;
    border-bottom-color: #6E587A;

}
.active_subtab:hover {
    text-decoration: unset;
}

.tabs-container{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 24px;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}
.tabs-container div{
    padding: 6px 10px;
}

.tabs-container a{
    color: #6E587A;
    text-transform: uppercase;
}
.tabs-container a:hover{
    text-decoration: unset;
}
.tabs {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 15px 15px;
    float: left;
    margin-bottom: 20px;

}

.dropdown-header.info {    
    color: yellow !important;
    font-size: 10px;
    padding: 3px 10px;
    text-transform: uppercase;
}

.negativeRentability{
    color: red !important;
}

/* Estilo para layout de 3 columnas */
.three-column-layout {
    display: flex;
    width: 100%;
    gap: 10px; /* Espacio entre columnas */
}

.three-column-layout .column {
    flex: 1;
    min-width: 0; /* Evita que las columnas se desborden */
    width: calc(33.333% - 7px); /* Distribuye el espacio equitativamente */
}

/* Asegura que las tablas dentro de las columnas se ajusten correctamente */
.three-column-layout nano-card-table {
    width: 100%;
    display: block;
}

/* Mantiene la responsividad */
@media screen and (max-width: 768px) {
    .three-column-layout {
        flex-direction: column;
    }
    
    .three-column-layout .column {
        width: 100%;
        margin-bottom: 10px;
    }
}

/* Tamaños Para Tarjetas */
div.card3x1 div.card, 
div.card3x1 div.card .card-container-option, 
div.card3x1 div.card div.master-card-menu {
    width: 740px;
}

div.card3x1 div.card {
    height: 300px;
}

div.card3x1 div.card .card-container-option, 
div.card3x1 div.card .card-container {
    height: 270px;
}

div.card3x1 div.card .card-container-option .container {
    height: 172px;
    padding: 18px 16px 10px;
    box-sizing: border-box;
}

div.card3x1 div.card .card-container-option .nano,
div.card3x1 div.card .card-container .nano {
    height: 248px;
}

div.card3x1 div.card.nosubtitle .card-container-option .nano,
div.card3x1 div.card.nosubtitle .card-container .nano {
    height: 268px;
}

/* Posicionamiento de las columnas */
div.card3x1 nano-card-table.left {
    float: left;
    width: 240px;
}

div.card3x1 nano-card-table.middle {
    float: left;
    width: 240px;
    margin: 0 10px;
}

div.card3x1 nano-card-table.right {
    float: left;
    width: 240px;
}

div.card3x1 div.card .subtitle-container span {
    width: 732px;
    display: inline-block;
}