.hiddens {
	display: none;
}
 
/************************* LOGIN **********************/
.background_login {
	background: url("../../dist/img/background/bg_login.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;;
	
}
.center_avatar {
    width: 100%;
    text-align: center;
    height: 45px;
}
.container_avatar {
	border-radius: 50%;
    background: #fff;
    padding: 5px;
    position: relative;
    top: -56px;
    z-index: 10;
    width: 110px;
    height: 110px;
    display: inline-block;
}
.container_avatar > img {
	width: 100px;
    height: 100px;
}
.container_login {
	background-color: #ffffff;
    border-radius: 12px;
}
.login_box {
	width: 96%;
    max-width: 500px;
    background-color: #ffffff;
    border-radius: 12px;
    padding: 20px 10px;
	margin-top: 100px;
	animation: full_stack 50s infinite;
	
	-webkit-box-shadow: 0px 0px 28px 2px rgba(158,158,158, 75);
    -moz-box-shadow: 0px 0px 28px 2px rgba(158,158,158, 75);
    box-shadow: 0px 0px 28px 2px rgba(158,158,158,75);
}
.btn_confirm_bb {
	background-color: #00adee;
    border: none;
    color: white;
    padding: 3px 20px;
    border-radius: 6px;
}
.btn_confirm_bb:hover {
	background-color: #034c45;
}


@keyframes full_stack {
  from {background-color: white;}
  to {background-color: #ffffffe3;}
}

.image_login {
	margin-bottom: 15px;
	height: 100px;
    width: 100px;
}

/******************************************************/


/*************** INDEX *************/
.form_group_bb {
	width: 100%;
    display: inline-block;
}
.margin_left_auto {
	margin-left: auto;
	margin: 0px 0px 0px 7px;
}
.content-wrapper {
	background-color: transparent !important;
}
.select2_container_billbyte {
	
}
.select2_tile_billbyte {
	padding-right: 20px;
}
.select2_subtile_billbyte {
	font-size: 11px;
    display: block;
    margin-top: -6px;
    text-decoration: underline;
}
.bell{
	  -webkit-animation: ring 4s .7s ease-in-out infinite;
	  -webkit-transform-origin: 50% 4px;
	  -moz-animation: ring 4s .7s ease-in-out infinite;
	  -moz-transform-origin: 50% 4px;
	  animation: ring 4s .7s ease-in-out infinite;
	  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }

	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
	0% { -moz-transform: rotate(0); }
	1% { -moz-transform: rotate(30deg); }
	3% { -moz-transform: rotate(-28deg); }
	5% { -moz-transform: rotate(34deg); }
	7% { -moz-transform: rotate(-32deg); }
	9% { -moz-transform: rotate(30deg); }
	11% { -moz-transform: rotate(-28deg); }
	13% { -moz-transform: rotate(26deg); }
	15% { -moz-transform: rotate(-24deg); }
	17% { -moz-transform: rotate(22deg); }
	19% { -moz-transform: rotate(-20deg); }
	21% { -moz-transform: rotate(18deg); }
	23% { -moz-transform: rotate(-16deg); }
	25% { -moz-transform: rotate(14deg); }
	27% { -moz-transform: rotate(-12deg); }
	29% { -moz-transform: rotate(10deg); }
	31% { -moz-transform: rotate(-8deg); }
	33% { -moz-transform: rotate(6deg); }
	35% { -moz-transform: rotate(-4deg); }
	37% { -moz-transform: rotate(2deg); }
	39% { -moz-transform: rotate(-1deg); }
	41% { -moz-transform: rotate(1deg); }

	43% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
}

@keyframes ring {
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }

	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}
.bell_can_notys {
	
}
.icon_menu {
	width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    font-size: 32px;
    cursor: pointer;
    background-color: white;
    margin: 8px;
    position: absolute !important;
}
.icon_submenu {
	width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    font-size: 32px;
    cursor: pointer;
    background-color: white;
    margin: 8px;
    position: relative ;
}
.icon_menu_relative {
	width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    font-size: 32px;
    cursor: pointer;
    background-color: white;
    margin: 8px;
    position: relative !important;
}
.icon_menu_sort {
	width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    font-size: 32px;
    cursor: pointer;
    background-color: white;
    margin: 8px;
    position: absolute;
}
.icon_menu:hover {
	opacity: 0.93;
	-moz-opacity: 0.93; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0.93; /* WebKit browser e.g. Safari */
    filter: alpha(opacity=95); /* For IE8 and earlier */
    background-color: whitesmoke;
}
.name_menu_bb {
	font-size: 11px;
    font-weight: 600;
    width: 100%;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 2em;
    line-height: 1em;
    padding: 1px 2px;
    min-height: 24px;
    position: absolute;
    left: 0px;
    text-align: center;
    vertical-align: middle;
	user-select: none;
}
.name_menu_bb_widget {
	width: 200px;
}
.desktop_section {
	height: 100%;
    width: calc(100% - 0px);
}
.option_window_icon {
	font-size: 14px;
    position: absolute;
    right: 7px;
    color: black;
    top: 5px;
}
.header_options_menu {
	width: 100%;
    height: 25px;
    /*border-bottom: 1px solid #c7c7c7;*/
}
.my_background {
	min-height: 100%;
    background-image: url('../../dist/img/background/desktop_8.jpg');
	background-position: center center;
    opacity: 1;
	-moz-opacity: 1; /* Firefox and Mozilla browsers */
    -webkit-opacity: 1; /* WebKit browser e.g. Safari */
    filter: alpha(opacity=100); /* For IE8 and earlier */
    background-repeat: no-repeat;
    background-size: cover;
	height: 100% !important;
    display: block;
    position: absolute;
    width: 100%;
}
.content-header {
	background-color: #fffffff0;
}
.overlay_mod {
	width: 100%;
    height: 100%;
  
    position: absolute;
	border: 1px solid #c3c3c3;
    -webkit-box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.41);
    -moz-box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.41);
    box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.41);
    border-radius: 5px;
}
.overlay_mod>img {
	width: 100%;
    height: 100%;
    border-radius: 8px;
	opacity: 0.8;
	-moz-opacity: 0.8; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0.8; /* WebKit browser e.g. Safari */
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.icon_png_menu {
    width: 35px;
    height: 35px;
    vertical-align: unset;
    min-height: 35px;
    max-height: 35px;
    max-width: 35px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
    margin-top: -3px;
	user-select: none;
}
.bg_white {
	background-color: white;
	color: black;
}
.icon_menu_fa  {
    color: #717171;
    width: 20px;
    text-align: center;
    padding-right: 4px;
}
.my_card_body {
	position: absolute;
}
.content_new_window {
	width: 100%;
    height: auto;
    padding: 0px !important;
    margin-top: 0px;
}

.card_body_resizable {
	overflow: auto;
}
.note-editable.card-block {
	background-color: #ffff99 !important;
}
.change_image_hover {
	cursor: pointer;
}
.change_image_hover:hover {
	filter: drop-shadow(2px 4px 6px black);
}
.imagen_menu_docs {
	width: 100%;
    vertical-align: middle;
    border-radius: 5px;
    height: 74%;
}
.docs_menu_docs {
	width: 65px;
    height: auto;
    margin-top: 5px;
    margin-bottom: 4px;
}
.viewer_images {
    width: 100%;
    max-height: 580px;
    max-width: 50%;
}
.modal_body_images {
	text-align: center;
}
.fit_content {
	top: 0px;
	width: fit-content;
	position: absolute !important;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
}
.time_to_process_load {
	font-size: 11px;
    padding: 0px 20px 2px 20px;
    text-align: right;
    width: 100%;
}
.card_body_height {
	width: 100%;
	/*border-bottom: 10px solid #f3f3f3;*/
}
.user_name_header {
	max-width: 70%;
    overflow: hidden;
    display: inline-block !important;
}
.custom-menu {
	display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 4px 0;
    margin-bottom: 0px;
}


.btn_open_menu {
    z-index: 10;
    position: absolute;
    top: calc(50% - 17.5px);
    font-size: 13px;
    height: 35px;
    padding: 0px;
    width: 20px;
}
.my_nav_bar {
	position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1000;
    background-color: #323233;
    width: 50px;
    height: 30px;
    border-bottom-left-radius: 0px;
    padding: 0px 0px;
}
.bell_noty {
    color: #ffffff;
    padding: 0px 0px 16px 0px;
    font-size: 13px;
}
.badge_noty {
	color: #ffffff;
    background-color: #81b3ff;
}
.nav_link_adjust {
	padding: 0px;
}
.a_disabled {
    pointer-events: none;
}
.type_user_header {
	width: calc(100% - 29px);
    text-align: center;
    font-size: 13px;
    margin: 0px;
    color: gainsboro;
    padding: 0px;
}
.btn_cancel_bb {
	
}
.select2-results__option[aria-disabled="true"] {
	background-color: #e8e6e6;
    color: gray;
    font-size: 13px;
}
.nav_var_active_icon {
	background-color: #868a8e;
}
.icon_png_menu_nav_Bar {
	width: 25px;
	max-height: 25px;
}
.info_config_system {
	
}
.select2_goodsearch_container {
	/*background-color: white;*/
    width: 100%;
    /*color: black;*/
}
.select2_goodsearch_container:hover {
	background-color: #ececec;
}
.select2_goodsearch_container_img {
	width: 32px;
    display: inline-block;
    margin: 0 2px 0 5px;	
}
.select2_goodsearch_container_img>img {
	width: 32px;
}
.select2_goodsearch_container_body {
    padding: 0 4px;
    font-size: 11px;
}
.select2_goodsearch_container_body_title {
	font-weight: 700;
}
.select2_goodsearch_container_body_title>a {	
	text-decoration: underline;
}	
.select2_goodsearch_container_body_info {
	margin-top: 3px;
    margin-bottom: 3px;
    padding-bottom: 5px;
    text-align: justify;
    padding-right: 2px;
	display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1em;
}
.select2_goodsearch_container_body_type {
	width: fit-content;
    display: inline-block;
    margin-left: 5px;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    font-weight: 600;
}
.select2-container--bootstrap4 .select2-selection--single[aria-labelledby="select2-my_good_finder-container"] {
	height: 28px !important;
}
.select2-container--bootstrap4 .select2-selection--single[aria-labelledby="select2-my_good_finder-container"]>span {
    font-size: 12px;
}
.select2-results__options#select2-my_good_finder-results {
	/*max-height: 100% !important;*/
}
.my_refresh_Select2 {
	width: 30px;
    height: auto;
    display: inline-block;
    text-align: center;
    background-color: white;
    color: #00adee;
    font-size: 12px;
    padding: 3px 0;
    margin-left: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.my_refresh_Select2:hover {
	background-color: #00adee;
    color: white;
}
.box_folder_options {
	width: 100%;
    height: 30px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
}
.prev_next_folder {
	width: fit-content;
    display: inline-block;
    margin: 2px 5px;
}
.prev_next_folder>i {
	margin: 0px 2px;
	cursor: pointer;
}
.cd_files {
	width: 50%;
    display: inline-block;
    border-left: 1px solid;
    padding-left: 8px;
}
.search_files_bb {
	width: fit-content;
    display: inline-block;
    overflow-x: hidden;
    float: right;
    padding: 0 5px;
    font-size: 12px;
}
.input_search_files_bb {
	margin-top: 2px;
    border: none;
    border-bottom: 1px solid;
}
.prev_next_folder_disabled {
	cursor: no-drop;
    color: #f3f3f3;
}
.submenu_pos {
	display: inline-block;
}

/* Each of the items in the list */
.custom-menu li {
	padding: 6px 20px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
    font-size: 12px;
}

.custom-menu li:hover {
    background-color: #DEF;
}
.style_billbyte_header {
	width: fit-content;
    display: inline-block;
    float: right;
    margin-left: 0px !important;
    padding: 0px;
}
.icon_menu_widget {
	width: 100px;
}
.icon_menu_widget_names {
	width: 100%;
    text-align: left;
    padding: 12px 2px;
}
.icon_menu_widget_name_1 {
	font-size: 16px;
    color: cadetblue;
}
.icon_menu_widget_icon {
	padding: 18px;
}
.icon_png_menu_widget {
	width: 35px;
    height: 35px;
    vertical-align: unset;
    min-height: 35px;
    max-height: 35px;
    max-width: 35px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
    margin-top: 5px;
}
.icon_menu_widget_parent {
	display: flex;
}
.salesChart {
	
	height: 200px;
}
.overlay_window_mod {
	position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #fcfefc;
}
.overlay_window_mod>img {
	width: auto;
    height: 100%;
}
.card_body_opacity {
	opacity: 0;
	-moz-opacity: 0; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0; /* WebKit browser e.g. Safari */
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
.save_config {
	position: fixed;
    bottom: 45px;
    width: fit-content;
    background-color: #343a40;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 10px;
    font-size: 12px;
    color: white;
    border-radius: 10px;
    right: 10px;
}
.my_notys {
	position: absolute;
    right: 0px;
    margin-left: 0px !important;
}

.select2_goodsearch_container_body_size {
	color: gray;
    font-size: 11px;
    margin: 0px 0;
}
.select2_goodsearch_container_body_date {
	color: #4469a0;
    font-size: 11px;
    margin: 0px 0;
}
#widget_tom_drag {
	font-size: 10px;
    background-color: white;
    padding: 5px;
    border-radius: 23px;
    float: left;
    position: absolute;
    top: 15px;
    left: 22px;
}


.icon_menu_droppable {
    background: linear-gradient(270deg, #ffffff, #b5d7ff);
    background-size: 400% 400%;

    -webkit-animation: animate_icon_droppable 3s ease infinite;
    -moz-animation: animate_icon_droppable 3s ease infinite;
    animation: animate_icon_droppable 3s ease infinite;
}

@-webkit-keyframes animate_icon_droppable {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes animate_icon_droppable {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes animate_icon_droppable {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.card-body_calendar {
	padding: 14px;
}
.my-colorpicker {
	width: 27px;
    height: 29px;
    cursor: pointer;
}
.my-colorpicker>input {
    height: 29px;
	cursor: pointer;
}

/* MY MENU */
.billbyte_sidebar {
	width: 100%;
    height: 40px;
    background-color: #333333;
    position: fixed;
    opacity: 0.95;
	-moz-opacity: 0.95; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0.95; /* WebKit browser e.g. Safari */
    filter: alpha(opacity=95); /* For IE8 and earlier */
    bottom: 0px;
	display: flex;
}
.brand_image_billbyte {
    width: 24px;
    height: 24px;
    margin-top: 2px;
}
.billbyte_sidebar>ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    max-width: calc(100% - 100px);
}

.billbyte_sidebar>ul>li {
	float: left;
}

.billbyte_sidebar>ul>li>a {
	display: inherit;
    color: white;
    text-align: center;
    padding: 6px 0px 0px 0px;
    text-decoration: none;
    width: 50px;
    height: 40px;
    vertical-align: middle;
}
.billbyte_sidebar>ul>li>a>i {
	vertical-align: middle;
}
.billbyte_sidebar>ul>li:hover { 
	background-color: #111111;
}
.my_nav_bar.notys {
	height: 40px;
	width: fit-content;
}
.pointer {
	cursor: pointer;
}
.nav_var_inactive_icon  {
	filter: brightness(0.75);
}

.tooltip_menu {
	padding-top: 5px;
}
.tooltip_menu>ol { 
    counter-reset: item;
    list-style-type: none;
	padding: 0px 0px 0px 10px;
}
.tooltip_menu>ol>li { 
	display: block;
    cursor: pointer;
    padding: 2px 0;	
	list-style-type: none;
	font-size: 13px;
}
.tooltip_menu>ol>li:hover { 
	color: #6089ff;	
}
.tooltip_menu>ol>li:before { 
    content: counter(item) "  "; 
    counter-increment: item 
}
.option_window_icon_menu {
	font-size: 14px;
    position: absolute;
    left: 7px;
    color: black;
    top: 5px;
}
.loader_billbyte {
	width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    background-color: #2eff1b08;
    z-index: 2000;
	display: none;
} 
.miniature_icon_menu {
	
}
.miniature_icon_menu_title {
	
}
.miniature_icon_menu_image {
	
}
.miniature_icon_menu {
	text-align: center;
    height: 100%;
    overflow: hidden;
	cursor: pointer;
}
.miniature_icon_menu:hover {
	filter: drop-shadow(2px 4px 6px black);
}
.miniature_icon_menu_title {
    font-size: 13px;
    font-weight: 600;
}
.miniature_icon_menu_image {
    margin-right: -25px;
    margin-top: 7px;
    width: 150px;
    height: auto;
}
.dropdownMenuIndex {
	display: none; 
	position: fixed;
    bottom: 40px;
	z-index: 1000;
    background-color: white;
    width: 300px;
	height: calc(100% - 40px);
	-webkit-box-shadow: 1px 0px 10px 7px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 10px 7px rgba(0,0,0,0.75);
}
.image_user_menu {
	padding: 3px 20px;
    display: flex;
	height: 60px;
    width: 100%;
}
.info_menu {
	
}
.image_user_menu>img {
	width: 20%;
    margin-right: 12px;
}
.name_billbyte {
	width: 100%;
    text-align: center;
    display: block;
    font-weight: 600;
    padding: 10px 0px 0px 0px;
}
.name_user_perfil {
	text-align: center;
    width: 100%;
    display: block;
    font-size: 13px;
}
/*****************************************************/


.dataTables_wrapper {
	color: #343a40;
	font-size: 13px;
}


/***************** SELECT 2 *****************/
.input-group-prepend~.select2-container--bootstrap4 .select2-selection {
	/*height: 31px !important;*/
	font-size: 13px;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
	height: 31px!important;
    line-height: 2.3em  !important;
}
.select2-search--dropdown .select2-search__field {
    height: 26px;
    font-size: 13px;
}
.select2-results__message {
    font-size: 13px;
}
.select2-results__option[aria-selected] {
    font-size: 13px;
    height: auto;
    padding: 4px 6px;
}
.select2-container--bootstrap4 .select2-results>.select2-results__options {
	max-height: 12em;
}
.select2-results__option select2-results__option--highlighted {
	width: 100%;
	background-color: unset !important;
}
/*******************************************/



/************ CONFIG SYSTEM ***********/
.change_desktop_image {
	cursor: pointer;
}
.change_desktop_image:hover {
	filter: drop-shadow(2px 4px 6px black);
}
.clock-grids {
 background: #FFFFFF;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -ms-border-radius: 5px;
 -o-border-radius: 5px;
 -moz-border-radius: 5px;
 border-top: solid 5px #399348;
 box-shadow: 0 0px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
 }
 
 .clock-heading h3 {
 margin: 1em 0;
 text-align: center;
 font-size: 1.5em;
 color: #EE732F;
 font-weight: 600;
 text-transform: uppercase;
 }
 
 .clock-left {
 padding: 0 1em;
 }
 
 .clock {
 display: inline;
 }
 
 div#myclock {
 text-align: center;
 }
 
 div#myclock canvas {
 width: 300px !important;
 height: 300px !important;
 }
 
 #set {
 text-decoration: none;
 padding: 5px 10px 5px 10px;
 color: #FFF;
 background-color: #F3A829;
 border-radius: 5px;
 }
 
 #set:hover {
 text-decoration: none;
 padding: 4px 9px 4px 9px;
 color: #fefefe;
 background-color: #F3A829;
 border-radius: 5px;
 }

 #Date {
 font-size: 1em;
 text-align: center;
 color: #FFFFFF;
 }
 
 .clock ul {
 padding: 0;
 margin: 1em 0 0 0;
 text-align: center;
 }
 
 .clock ul li {
 display: inline;
 font-size: 2em;
 text-align: center;
 color: #FFF;
 } 
 
 .clock-bottom {
 margin: 1em 0 0 0;
 padding: 1em;
 background: #22aaa1;
 background: -moz-linear-gradient(left, #22aaa1 0%, #399348 100%);
 background: -webkit-linear-gradient(left, #22aaa1 0%, #399348 100%);
 background: linear-gradient(to right, #22aaa1 0%, #399348 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#22aaa1', endColorstr='#399348', GradientType=1);
 border-bottom-left-radius: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-bottom-left-radius: 5px;
 -ms-border-bottom-left-radius: 5px;
 -o-border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -ms-border-bottom-right-radius: 5px;
 -moz-border-bottom-right-radius: 5px;
 -o-border-bottom-right-radius: 5px;
 }
 
 @media (max-width:1080px) {
 div#myclock canvas {
 width: 250px !important;
 height: 250px !important;
 }
 }
 
 @media (max-width:320px) {
 div#myclock canvas {
 width: 200px !important;
 height: 200px !important;
 }
 }
 /***************************************/
 
 
/************** DRAGGABLE ***************/
.top_item {z-index: 2;}
.bottom_item {z-index: 1;}
/************ END DRAGGABLE *************/


/************** RESPONSIVES ***************/
@media only screen and (max-width: 1920px) {
	.windows_content {
		height: calc(100% - 0px) ;
		box-sizing: content-box;
		width: calc(100% - 0px);
		position: absolute;
    top: 0px;
	}
	.my_desktop_content {
		height: 100%;
		position: fixed;
		overflow: hidden;
		width: 100%;
		bottom: 0px;
		top: 0px;
	}
}
@media only screen and (max-width: 980px) {
	.windows_content {
		height: calc(100% - 2px) ;
		box-sizing: content-box;
		width: calc(100% - 0px);
		position: absolute;
		top: 0px;
	}
	.my_desktop_content {
		height: 100%;
		position: fixed;
		overflow: hidden;
		width: 100%;
		bottom: 40px;
		top: 0px;
	}
}
/*****************************************/




tr:focus {
    outline: solid 1px black;
}
.close_session {
	width: 90%;
    display: inline;
	margin-right: 6px;
}
.close_session:hover {
	color: red;
	font-weight: 500;
}
.exit_div {
	color: red;
    font-size: 12px;
    width: 100%;
    display: block;
    padding-left: 14px;
    padding-top: 6px;
    height: 30px;
	cursor: pointer;
}
.dropdownMenuNotys {
    display: none;
    position: fixed;
    bottom: 40px;
    z-index: 1000;
    background-color: white;
    width: 400px;
	border-radius: 14px;
    padding: 6px 6px;
    right: 1px;
    height: calc(100% - 40px - 20px);
	max-width: 90%;
    -webkit-box-shadow: 1px 0px 10px 7px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 10px 7px rgba(0,0,0,0.75);
} 
.change_coutable_month {
    padding: 0px 18px 10px 18px;
	display: none;
    position: fixed;
    bottom: 40px;
    z-index: 1000;
    background-color: white;
    width: 300px;
    right: 1px;
    height: fit-content;
    -webkit-box-shadow: 1px 0px 10px 7px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 10px 7px rgba(0,0,0,0.75);	
}
.nav_a_close_session { 
	position: absolute;
    bottom: 2px;
	background-color: white;
}
.select2_lesstile_billbyte {
	font-size: 11px;
    margin-left: 0px;
}
.select2_footer {
	border: 1px solid lightgray;
    font-size: 11px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 4px 4px;
    background-color: #f1f1f1;
    color: #00adee;
    border-top: none;
    margin-top: 2px;
	z-index: 1000;
    position: relative;
}
.unique_data_to_icon {
	padding: 0px 4px;
    font-size: 12px;
	cursor: pointer;
	color: black;
}
.unique_data_to_icon:hover {
	color: green;
}
.select2_group {
    max-width: calc(100% - 33px);
}
.input-group-text {
	width: 33px;
}
.form-group-bb {
	margin-bottom: 0.5rem;
}
.label-bb {
	font-size: 14px;
}
.table_tr_style_warning {
	background-color: #ffffd2 !important;
}
.table_tr_style_info {
	background-color: #d2d8ff !important;
}
.table_tr_style_success {
	background-color: #ecffde !important;
}
.table_tr_style_danger {
	background-color: #ffdede !important;
}
.table_ico {
	width: 10px;
    text-align: center;
    font-size: 12px !important;
}
.border_left_table_none {
	color: #00adee;
}
.border_left_table_none > td:first-child {
	padding-left: 10px;
}
.border_left_table_none > td {
	border: none;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
} 
.details_countables {
	font-size: 14px;
   /* color: #28a647;*/
}
.dataTables_filter {
	display: inline-block;
    float: right;
}
.sub_label {
	display: inline;
    color: gray;
    margin-left: 5px;
}
.select2_not_icon {
	height: 30px;
    font-size: 12px;
}
.select2_not_icon>span>span.select2-selection.select2-selection--single {
	height: 30px !important;
}
.table>tbody>tr.selected {
	background-color: lightsteelblue;
}
.suc_user_perfil {
	font-size: 12px;
    width: 100%;
    text-align: center;
    display: inline-block;
    color: gray;
}
.calendar_user_navbar {
	top: 1px;
    height: 32px;
    transform: scaleY(0.8);
    font-size: 10px;
    max-width: 40px;
    background-color: transparent;
    color: black;
    font-weight: 700;
    width: 34px;
    left: 8px;
    padding-top: 14px;
}
.form_group_billbyte {
	display: flex;
    width: 100%;
}

.HoverTable>tbody>tr:hover {
	cursor: pointer;
    filter: contrast(0.9);
    background-color: snow;
}
.label_niif {
	width: fit-content;
    display: inline-block;
    font-size: 10px;
    float: right;
    margin: 12px 0 0 0;
    color: indianred;
	opacity: 0;
}
.error_input_niif {
	font-size: 11px;
    float: right;
    width: 100%;
    display: inline;
    text-align: center;
    color: #2c80ff;
}
.p_dataTable {
	padding: 0px;
    margin: 2px 0 0 0;
    font-size: 12px;
    text-align: center;
}
.p_normalTable {
	color: black;
    cursor: help;
    text-align: left;
    padding: 0px;
    font-size: 14px;
    margin: 0px;
}
.p_third_active {
	color: green;
}
.p_third_inactive {
	color: red;
}
.third_btn_toogle_fa {
    font-size: 13px;
    margin-left: 4px;
}
.toggle_text_btn  {
	display: inline-flex;
}
.Mysuc  {
	cursor: pointer;
}
.Mysuc>div {
	min-height: 150px;
}
.Mysuc:hover {
	filter: drop-shadow(2px 4px 6px black);
}
.div_good_search {
	-webkit-box-shadow: 0px 0px 10px 1px rgb(189 189 189 / 75%);
	-moz-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 1px rgb(189 189 189 / 75%);	
}
.box_good_search {
	background-color: white;
    padding: 30px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px 1px rgb(189 189 189 / 75%);
    -moz-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 1px rgb(189 189 189 / 75%);
}
.input_good_search_2 {
	border-bottom-right-radius: 0px;
}
.search_icon_good_search {
	width: 42px;
	background-color: white;    
	border-bottom-left-radius: 0px;
}
.restoring {
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #00adee;
    z-index: 1000;
    text-align: center;
    padding-top: 25%;
    color: white;
    font-size: 25px;
    font-weight: 500;
}
.card-header.header_options {
	padding: 10px 20px 7px 25px;
}
.card-header.header_options>.card-title {
	font-size: 16px;
}
.card-tools>.btn-tool {
	font-size: 11px;
}
.nav-pills .nav-link {
	padding: 2px 20px;
}
input[type=range][orient=vertical]
{
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
    width: 8px;
    height: 100px;
    padding: 0 5px;
}
input.custom_menu_i_global_tables[data-action="vertical_heigth_table_range"] {
	border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
    padding: 10px 20px;
}
.row_warning {
	background-color: #ffefef !important;
}
.row_info {
	background-color: #e1f3ff !important;
}
.row_success {
	background-color: #effff3 !important;
}
li.select2-results__option {
	border-top: 1px solid #f7f7f7;
    padding: 4px 10px  !important
}
.select2_Good>.select2-dropdown>.select2-results {
	display: inline-block;
}
.select2_results_40 { 
	width: 40%;
}
.select2_results_100 {
	width: 100%;
}
p.open_link_good_search {
    padding: 0pc;
    margin: 0px;
}
strong.select2-results__group {
    font-size: 14px;
    text-align: center;
    margin: 0px;
    padding: 0px !important;
}
li.border {
	height: 0px;
    padding: 0px 0px;
    margin: 8px 0px;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f5f5f5 !important;
}
.title_option_Search2 {
	margin: 0px;
}
.select2_good_search_right_child {
	background-color: white;
    height: 100%;
	overflow: auto;
    padding: 10px;
	opacity: 0;
}
.select2_good_search_right_div_image {
	text-align: center;
    margin-top: 10%;
}
.select2_good_search_right_image {
	width: 25%;
	cursor: pointer;
}
.select2_good_search_right_image:hover {
	filter: drop-shadow(2px 4px 6px black);
}
.select2_good_search_right_div_type {
	text-align: center;
    font-size: 90%;
    color: #2f3a56;
}
.select2_good_search_right_div_space {
	height: 20px;
    margin: 10px 0 10px 0;
}
.subinfob {
	
}
.select2_good_search_right_div_info {

}
.select2_good_search_right_div_subinfo {
	font-size: 14px;
    text-align: justify;
    padding: 0px 10px;
	overflow-wrap: break-word;
}
.select2_good_search_right_div_details {
    text-align: left;
    border-radius: 14px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    height: auto;
    font-size: 13px;
    padding: 8px 8px;
}
.select2_good_search_right_div_title {
	text-align: center;
    font-size: 120%;
    margin: 16px 0 0 0;
    font-weight: 600;
	cursor: pointer;
}
.select2_good_search_right_div_title:hover {
	text-decoration: underline;
}
.select2_good_search_right {
	width: 60%;
    display: inline-block;
    top: 0px;
    position: absolute;
    height: 100%;
    padding: 10px 10px;
    border-left: 1px solid lightgray;
}
.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
	background-color: #e7f7f5;
    color: black;
}
.select2-search__field {
	width: 100% !important;
}
div.dataTables_wrapper div.dataTables_processing {
	background-color: #49aba3;
    z-index: 10;
    color: white;
}
a.dt-button.dropdown-item {
    font-size: 13px;
}
button.btn.buttons-collection.dropdown-toggle.btn-xs {
	padding: 1px 14px;
    margin: 0px 0px;
}
.form-control-xs {
	height: calc(1.3125rem + 0px);
    padding: .25rem .5rem;
    font-size: .775rem;
    line-height: 1;
    border-radius: .2rem;
    border: solid 1px lightgray;
}
.btn-xs.dropdown-toggle::after {
    vertical-align: .155em;
	margin-left: 0.355em;
}
.select2_goodsearch_container_body_title {
    display: inline-block;
    margin: 0 4px 0 5px;
}
.select2_goodsearch_container_img>img {
    width: 20px;
}
.select2_Good>span>span>ul>li>strong.select2-results__group {
    background-color: #2f3a56;
    padding: 1px 10px;
    color: white;
    font-size: 10px;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 10;
    margin-top: 4px;
}
.DropdownMenuIndex_a {
	cursor: pointer;
    padding: 6px 12px 6px 22px;
	font-size: 14px;
}
.DropdownMenuIndex_img {
    width: 24px;
    margin-right: 12px;
}
.MyMenu_ListLastOpen_Title {
	text-align: left;
    font-size: 14px;
    padding: 5px 24px;
    font-weight: 600;
}
#MyMenu_ListLastOpen {
	overflow: auto;
}
.BestOverflowWindowReposition {
	position: fixed;
	border: 1px solid white;
	filter: blur(1px);
	width: 100%;
	height: 100%;
	padding: 0px;
	background-color: #0000001a;
}
.BestOverflowWindowReposition2 {
	z-index: 1000000;
	position: fixed;
	width: 50%;
	top: 0px;
	border: 1px solid black;
	height: 100%;
	filter: blur(1px);
	display:none;
}
.open_info_td {
    cursor: pointer;
    color: #08968a;
    font-size: larger;
    padding: 3px 0 0 0;
}
.id_perte_children {
	background-color: white!important;
    color: black;
}
.first_td_details {
	padding-left: 25px!important;
	border-left: 2px dotted black!important;
}
.details_description_style {
	overflow: hidden;
	cursor: help;
   /* max-height: 18px;
    height: 18px;*/
    display: block;
    text-overflow: ellipsis;
}
.force_odd {
	background-color: rgba(0, 0, 0, .05);
}
.row_jump>td {
	background-color: white !important;
    border: none !important;
	height: 40px;
}
.details_table_total {
	text-align: right;
    font-weight: 700;
    background-color: white !important;
}
.details_table_total:hover {
	background-color: #eeeeee !important;
}
.invisible_box {
	border: none !important;
}
.not_invisible_box {
	border: 1px solid darkgray!important;
}

.cert_details {
	color: #9E9E9E;
}
.cert_details>span {
	display: block;
}
.dropdownMenuNotysHeader {
	text-align: left;
    font-weight: 600;
	font-size: 21px;
}
li.nav-item.miniature_icon_w:not(.nav_var_inactive_icon) {
    background-color: #ffffff69;
}


.hover-fx {
	display: inline-block;
    cursor: pointer;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    transition: 300ms;
}

.hover-fx:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
  box-shadow: 0 0 0 3px #fff;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 300ms;
}

.hover-fx:hover {
  background-color: #fff;
  color: #00989A;
}

.hover-fx:hover:after {
  opacity: 1;
  transform: scale(1.15);
}
#my_notys {
	overflow-y: auto;
	height: inherit;
	padding: 0px 12px;
}
.dropdown_ya  {
	font-size: 13px;
    padding: 10px 14px;
    border-radius: 9px;
}
.dropdown_ya:hover {
	background-color: #f9f9f9;
	cursor: pointer;
}
.alert_ago_ya  {
    font-size: 12px !important;
    color: #016fb3;
	font-weight: 600;
}
.info_alert_ya {
	color: #0a0a0a;
	font-size: 14px;
    overflow-wrap: break-word;
}
.noty_a {
	color: blue;
	text-decoration: underline;
}
.title_noty {
	text-align: left;
	font-size: 16px;
    margin-bottom: 2px;
    font-weight: 600;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
}
.close_ya {
	background-color: #fdfbfc;
    border: 1px solid darkgray;
    border-radius: 8px;
    font-size: 12px;
	display: none;
}
.close_ya:hover {
	background-color: #ff7380;
    border: none;
    color: white;
    filter: drop-shadow(0px 0px 2px black);
    font-weight: 700;
}
.alert-success-billbyte {
	color: #28a745;
}
.alert-info-billbyte {
	color: #17a2b8;
}
.alert-danger-billbyte {
	color: #dc3545;
}
.noty_body {
	font-size: 14px !important;
    line-height: 1.3;
}
.overlay.overlay_ya {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    padding-top: calc(50% + 40px);
    height: 100%;
    background-color: #a2b8ff0f;
    color: white;
    z-index: 100;
    filter: drop-shadow(0px 1px 3px black);
}
.DropdownMenuIndex_a:hover {
    background-color: #0a9a8d26 !important;
	font-weight: 600;
}
.p_dataTable_icons {
	margin: 0px;
    text-align: right;
    color: mediumslateblue;
}
.p_dataTable_icons_txt {
	display: inline-block;
    margin: 0px;
    overflow-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 0.8;
}
.div_dataTable_icons {
	float: right;
	padding: 0px 0px 0px 4px;
}
.my_float_icons {
	display: inline-block;
    float: right;
}
.detfloaticon {
	cursor: pointer;
	display: inline-block;
    text-align: center;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 600;
	margin: 0px 3px;
}
.detfloaticon_unity {
	background-color: #cdd7ff;
    border: 1px solid #6c9fff;
    width: 60px;
    color: black;
}
.detfloaticon_discount {
	background-color: #ffedcd;
    border: 1px solid orange;
    width: 60px;
    color: black;
}
.detfloaticon_unity > .fas {
	color: #000000;
    padding-right: 2px;
}
.detfloaticon:hover {
	filter: drop-shadow(1px 13px 2px black);
}
.detfloaticon_schema {
	background-color: #ffffff;
    border: 1px solid #565656;
    width: auto;
    padding: 0 10px;
    color: black;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
	line-height: 1.75rem !important;
}
.mail_circle {
	width: 100px;
    height: 100px;
    background-color: white;
    border-radius: 50px;
    color: #1da4ba;
    font-size: 4rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}
.box_server_select {
	margin-bottom: 0px;
}
.description_header_server {
	font-size: 13px;
    margin: 0;
    padding: 0;
    color: darkslategray;
	cursor: pointer;
}
.description_header_server:hover {
	filter: drop-shadow(2px 4px 6px black);
}
.editor_server {
	display: flex;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.modal_send_docs_info {
	font-size: 14px;
    padding: 12px 12px;
    color: darkslategray;
}
.color_neg{
	color : #d22626;
}
.line_medium {
	border-bottom: 1px solid lightgray;
	padding: 6px 0px;
	margin-bottom: 14px;
}
.enterprise_administrator_img {
	
}
.enterprise_administrator_copylink {
	
}
.SSadmin { 
	position: fixed;
	bottom: 44px;
	right: 0px;
	padding: 5px 10px;
	background-color: white;
	border: 1px solid black;
	border-radius: 8px;
	opacity: 0.8;
	z-index: 1000;
	text-align: center;
    left: calc(100% - 10px);
    cursor: grab;
}
.Ssadmin_enter {
	font-size: 14px;
	color: coral;
	   font-weight: 600;
}
.Ssadmin_btn {
	font-size: 14px;
	background-color: #000000;
	color: white;
	font-weight: 600;
	border: none;
	border-radius: 6px;
	padding: 0px 14px;
}
.Ssadmin_btn:hover {
	background-color: #ff7171;
}
a.dosc_send_mail_xml {
	font-size: 15px;
	color: #fb8f8f;
	text-decoration: underline;
}
div#modal_send_docs_attached {
	padding: 0px 0px 8px 0;
	margin: 0 0;
}