/* theme xfacturas */

:root {
	--main-menu-color:#ffffff;
	--main-purple-color: #3333FF;
  --main-aqua-color: #ffffff;
  --main-celeste-claro-color:#B66AFF;
  --main-azul-color:white;
  --main-aqua-white-color:#F0F6FF;
  --main-padding-top-input:0.6em;
  --main-bar-first-color: #4d55cf !important;/* rgb(13, 175, 157);*/
  --main-bar-second-color:#514f6a;
}

/*.ui.sidebar.vertical.left.menu.overlay.borderless.visible.sidemenu.inverted.grey.ps*/
/*{*/
/*	background-color: var(--main-purple-color)!important;*/
/*}*/

.ui.inverted.grey.menu, .ui.inverted.menu .grey.active.item{
	background-color: var(--main-menu-color)!important;
}
.ui.inverted.menu .content .item.app_nav__module_item {
/*     background: rgba(255,255,255,.15); */
    color: var(--main-bar-second-color) !important;
}
.ui.inverted.menu .item:not(.app_nav__module_item),
.ui.inverted.menu .item.active ,
.ui.inverted.menu .item.active:hover{
  /*     background: rgba(255,255,255,.15); */
  color: var(--main-bar-first-color) !important;
  font-weight: 600;
}
.ui.inverted.menu .item, .ui.inverted.menu .item>a:not(.ui) {
/*     color: rgb(13, 175, 157) !important; */
}

#app_header .white-text {
    color: var(--main-bar-first-color) !important;
}
#app_header h4.white-text {
    color: var(--main-bar-second-color) !important;
}

#app_header.ui.menu
{
    background-color:var(--main-aqua-color)
}

/* .ui.button {
    padding: 0.65em 1.2rem;
    border-radius: 0.63rem;
} */

.ui.button, .ui.button:hover {
/*     background-color:var(--main-celeste-claro-color); */
/*     color:var(--main-azul-color);    */
}

.ui.button.alone:not(.icon)>.icon:not(.button):not(.dropdown) {
	margin:0;
}
.ui.button.alone
{
	padding: var(--main-padding-top-input) var(--main-padding-top-input);
}


.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] 
,.ui.button
,.ui.selection.dropdown
,.ui.menu .item > .input input
,.ui.input > input
/* ,.ui.search.selection.dropdown > input.search */
/* ,.ui.multiple.search.dropdown > .text */
/* ,.ui.multiple.dropdown */
{
    padding: var(--main-padding-top-input) 1.2rem;
    border-radius: 0.3rem;
}
.ui.multiple.dropdown
{
	padding: 0 0.2rem;
	/*height : calc(100% - 2rem)*/
}

.ui.selection.dropdown > .search.icon, .ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon
{
	padding: var(--main-padding-top-input);
}
.ui.selection.dropdown
{
	min-height: 2.1em;
}


.ui.search.dropdown > input.search {
	padding: inherit!important;
}
.ui.button.primary
{
    background: rgba(127,77,254,1)!important;
	background: -moz-linear-gradient(left, rgba(127,77,254,1) 0%, rgba(71,68,229,1) 100%)!important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(127,77,254,1)), color-stop(100%, rgba(71,68,229,1)))!important;
	background: -webkit-linear-gradient(left, rgba(127,77,254,1) 0%, rgba(71,68,229,1) 100%)!important;
	background: -o-linear-gradient(left, rgba(127,77,254,1) 0%, rgba(71,68,229,1) 100%)!important;
	background: -ms-linear-gradient(left, rgba(127,77,254,1) 0%, rgba(71,68,229,1) 100%)!important;
	background: linear-gradient(to right, rgba(127,77,254,1) 0%, rgba(71,68,229,1) 100%)!important;
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4dfe', endColorstr='#4744e5', GradientType=1 )!important;
}

/* ----- Nuevo Color Integrado --- */
.ui.button.success
{
	color: #fff;
    background: rgba(127,77,254,1)!important;
	background: -moz-linear-gradient(left, rgba(127,77,254,1) 0%, rgba(71,68,229,1) 100%)!important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(127,77,254,1)), color-stop(100%, rgba(71,68,229,1)))!important;
	background: -webkit-linear-gradient(left, rgba(127,77,254,1) 0%, rgba(71,68,229,1) 100%)!important;
	background: -o-linear-gradient(left, rgba(127,77,254,1) 0%, rgba(71,68,229,1) 100%)!important;
	background: -ms-linear-gradient(left, rgba(127,77,254,1) 0%, rgba(71,68,229,1) 100%)!important;
	background: linear-gradient(to right, rgba(77, 163, 254, 1), rgba(87, 229, 68, 1))!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4dfe', endColorstr='#4744e5', GradientType=1 )!important;
}
/* -----------------------------*/

.ui.button.dropdown .icon
{
	color:var(--main-purple-color)
}


.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background: #4BE1D1!important;
  border-color: #4BE1D1!important;
}

.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  opacity: 1;
  color: white!important;
}
/*.ui.checkbox input:checked~.box:after,*/
/*.ui.checkbox input:checked~label:after {*/
/*    color: white!important;*/
/*}*/
.ui.radio.checkbox input:checked~.box:after,
.ui.radio.checkbox input:checked~label:after {
    background-color: white;
}
.ui.radio.checkbox input:focus:checked~.box:after,
.ui.radio.checkbox input:focus:checked~label:after {
    background-color: white 
}
.ui.radio.checkbox input:focus~.box:after,
.ui.radio.checkbox input:focus~label:after {
    background-color: white
}
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
	background-color: white
}
.ui.form .field>label
{
	color:#514F6A;
}

.ui.dropdown.button, .ui.dropdown.button:hover, .ui.dropdown.button:hover {
    background-color:#C6EBFD!important;
    color:#028DF2!important;
}

.ui.button.dropdown .icon,
.ui.button.dropdown.active .icon,
.ui.button.dropdown.active .large.ellipsis.vertical.icon
{
	color:#028DF2;
}

.ui.dropdown .menu>.item
{
	padding:0.52rem 0.6rem!important;

}
.ui.dropdown .menu>.item, .ui.dropdown .menu>.item:hover
{
  color:var(--main-purple-color)
}

.ui.multiple.dropdown > .label
{
	margin:0.13rem 0.15rem 0.08rem 0em
}

.ui.multiple.search.dropdown > .text
{
	margin:0.35em 0em 0.5em 1em
}

.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url]
,.ui.checkbox label, .ui.checkbox+label
,.ui.checkbox label:hover, .ui.checkbox+label:hover 
,.ui.form input:not([type]):focus, .ui.form input[type="date"]:focus, .ui.form input[type="datetime-local"]:focus, .ui.form input[type="email"]:focus, .ui.form input[type="number"]:focus, .ui.form input[type="password"]:focus, .ui.form input[type="search"]:focus, .ui.form input[type="tel"]:focus, .ui.form input[type="time"]:focus, .ui.form input[type="text"]:focus, .ui.form input[type="file"]:focus, .ui.form input[type="url"]:focus
,.ui.selection.dropdown
,.ui.selection.visible.dropdown > .text:not(.default)
,.ui.dropdown.selected, .ui.dropdown .menu .selected.item
,.ui.dropdown .menu > .item
,.ui.dropdown .menu > .item:hover
,.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-widget
{
	color:#514F6A;
	border-color:#EAEBFA;
}

.ui.dropdown .menu>.item>.flag, .ui.dropdown .menu>.item>.icon, .ui.dropdown .menu>.item>.image, .ui.dropdown .menu>.item>.label, .ui.dropdown .menu>.item>img, .ui.dropdown>.text>.flag, .ui.dropdown>.text>.icon, .ui.dropdown>.text>.image, .ui.dropdown>.text>.label, .ui.dropdown>.text>img
{
	margin-right:0.20rem;
}
/*
.ui.labels .label, .ui.label
,.ui.labels .label:hover, a.ui.label:hover
{
	background-color:white !important;
	color:#028DF2 !important;
	border: solid 0.13rem;
	border-color: #028DF2 !important;
	border-radius: 0.55rem;
}
.ui.labels .label.empty, .ui.label.empty
,.ui.labels .label.empty:hover, a.ui.label.empty:hover
{
	background-color:#028DF2 !important;
}
.ui.blue.labels .label, .ui.blue.label
,.ui.blue.labels .label:hover, a.ui.blue.label:hover
{
	background-color:white!important;
	color:#3CE094 !important;
	border: solid 0.13rem;
	border-color: #3CE094 !important;
	border-radius: 0.55rem;
}
.ui.blue.labels .label.empty, .ui.blue.label.empty
,.ui.blue.labels .label.empty:hover, a.ui.blue.label.empty:hover
{
	background-color:#3CE094 !important;
}
.ui.green.labels .label, .ui.green.label
,.ui.green.labels .label:hover, a.ui.green.label:hover
{
	background-color:white !important;
	color: var(--main-purple-color) !important;
	border: solid 0.13rem;
	border-color: var(--main-purple-color) !important;
	border-radius: 0.55rem;
}
.ui.green.labels .label.empty, .ui.green.label.empty
,.ui.green.labels .label.empty:hover, a.ui.green.label.empty:hover
{
	background-color:var(--main-purple-color) !important;
}
.ui.red.labels .label, .ui.red.label
,.ui.red.labels .label:hover, a.ui.red.label:hover
{
	background-color:white !important;
	color: #db2828 !important;
	border: solid 0.13rem;
	border-color: #db2828 !important;
	border-radius: 0.55rem;
}
.ui.red.labels .label.empty, .ui.red.label.empty
,.ui.red.labels .label.empty:hover, a.ui.red.label.empty:hover
{
	background-color:#db2828 !important;
}
.ui.black.labels .label, .ui.black.label
,.ui.black.labels .label:hover, a.ui.black.label:hover
{
	background-color:white !important;
	color: #000 !important;
	border: solid 0.13rem;
	border-color: #000 !important;
	border-radius: 0.55rem;
}
.ui.black.labels .label.empty, .ui.black.label.empty
,.ui.black.labels .label.empty:hover, a.ui.black.label.empty:hover
{
	background-color:#000 !important;
}
.ui.yellow.labels .label, .ui.yellow.label
,.ui.yellow.labels .label:hover, a.ui.yellow.label:hover
{
	background-color:white !important;
	color: #fbbd08 !important;
	border: solid 0.13rem;
	border-color: #fbbd08 !important;
	border-radius: 0.55rem;
}
.ui.yellow.labels .label.empty, .ui.yellow.label.empty
,.ui.yellow.labels .label.empty:hover, a.ui.yellow.label.empty:hover
{
	background-color:#fbbd08 !important;
}
*/

#app_content_toolbar .ui.menu
{
	box-shadow:none;
}

#app__container_body{
  margin-top:0px !important;
  padding-top:90px;
  height: 100vh;
}


body
{
	background-color:#F5F7FF;
}
body, .ui.menu, .ui.accordion .title:not(.ui)
{
	
/* 	font-family:Roboto; */
}
/* MODAL */

.ui.left.visible.sidebar, .ui.right.visible.sidebar
{
	box-shadow:none;
}

.ui.modal > .actions
{
	background-color:white
}
.ui.modal > .header
{
	background-color:#F0F6FF;
	color:#2BBBBC
}

/* KENDO GRID */

/* TR */
.k-grid tr:hover
{
	background-color: var(--main-aqua-white-color)
}

.k-detail-row,.k-detail-row:focus
{
	background-color:#B2B2B2!important
}
.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-footer td, .k-grid-header, .k-grid-header-wrap, .k-group-footer td, .k-grouping-row td, .k-header, .k-pager-wrap, 
 .k-pager-wrap .k-textbox {
    border-color: #EBEBEB;
}