/* here you can put your own css to customize and override the theme */


/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* Pannello note cliente */

.custom_client_note_tools
{
	margin-left: 15px;
	margin-right: 15px;
	border-width: 2px;
	background-color: #e6f2f7;
}

.custom_client_note_tools
{

}

.custom_stripped_table_tr td
{
	background-color: #EFF3F8;
}

.custom_stripped_table_tr_highlight td
{
	background-color: #FFCC99;
}

.currentEditTr td
{
	background-color: #FFFF99;
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* Personalizzazione spaziatura form anagrafica cliente */

.form-group_small
{
    margin-bottom: 6px;
}

.important_field
{
	background-color: #FFEBD7;
	border-color: #FFCC99;
}

.form-group_super_small
{
    margin-bottom: 0px;
}

.form-group_super_small .control-label
{
	text-decoration: underline;
}

.form-horizontal .form-group_super_small .control-label , .form-horizontal .form-group_super_small .form-control-static
{
	padding-top: 2px;
}

#client_type_part_2 .input-sm , #client_type_part_1 .input-sm
{
	font-size: 12px;
	padding: 4px 6px;
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* CSS Nuovo colore zone file */

/* orchidea = #d064ce */

.portlet.box.orchidea {
  border: 1px solid #d064ce;
  border-top: 0;
}
.portlet.box.orchidea > .portlet-title {
  background-color: #d064ce;
}
.portlet.box.orchidea > .portlet-title > .caption {
  color: #FAFCFB;
}
.portlet.box.orchidea > .portlet-title > .caption > i {
  color: #FAFCFB;
}
.portlet.box.orchidea > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid white;
  color: white;
}


.portlet.box.grey-salt-2 {
  border: 1px solid #99CCFF;
  border-top: 0;
}
.portlet.box.grey-salt-2 > .portlet-title {
  background-color: #99CCFF;
}
.portlet.box.grey-salt-2 > .portlet-title > .caption {
  color: #FAFCFB;
}
.portlet.box.grey-salt-2 > .portlet-title > .caption > i {
  color: #FAFCFB;
}
.portlet.box.grey-salt-2 > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid white;
  color: white;
}

/* Funzione seleziona tutti i file di un box */

.portlet.box > .portlet-title > .tools > a.select_all
{
	/* background-image: url(../img/portlet-config-icon-white.png); */
	width: 16px;
}

.MyFileBox_title .tools
{
    padding: 5px 0 0px 0 !important;
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* CSS gestione rinomina file */

#condition_after_table .modifiedTr td
{
	background-color: #E6F3F2;
}

.custom_file_section a.edit_name
{
	color: black;
}

.custom_file_section a.edit_name:hover
{
	color: red;
}

.custom_file_section a.edit_name_save
{
	color: #5b9bd1;
}

.custom_file_section a.edit_name_save:hover
{
	color: red;
}

.custom_file_section .edit_name_editor
{
	display: none;
}

/* [2022.05.23] maggiore spazio input change file-name */

.MyFileBox_body .single_file_row .col1{
  width: calc(100% - 80px) !important;
}

.single_file_row .col1 .cont{
  margin-right: 0px !important;
  width: 100%;
}

.single_file_row .col1 .cont .edit_name_editor{
  display: inline-block;
  width: 90%;
}

.single_file_row .col1 .cont .edit_name_editor input{
  width: 90%;
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* Classe custom per il validatore SOLO lato Cliente jQueryValidator */

.custom_valid_error_class
{
	color: red;
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* Altro */

.note-info-custom
{
	border-right: 5px solid #91d9e8;
	border-left: 0px solid #eee;
}

.note-custom
{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 7px;
}

/* pagina nuova ririchiesta versioni filiale no-edit-anagrafica */
.custom_very_small .form-control-static , .custom_very_small .control-label.input-sm
{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.custom_very_small .control-label.input-sm
{
    text-decoration: underline;
}

/* Calendario (date-picker) dimensioni personalizzate */

.datepicker-days
{
 font-size:20px;
}

.datepicker.dropdown-menu th, .datepicker.dropdown-menu td
{
  padding: 10px;
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* Messaggi chat */

.custom_chat_area .note p
{
	font-size: 15px;
	color: black;
	font-weight: bold;
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* Tutti tasti in 3D */

.btn
{
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* Gestione richieste: nome cliente sottolineato, colore label filiale nero */

.request_cli_link
{
	text-decoration: underline;
}

.branche_name_label
{
	color: black;
	font-size: 11px;
}

/* ========================== */
/* Transazione di colori */

@-webkit-keyframes colours {
     0% {color: white}
     50% {color: #dedede}
    100% {color: black}

}
@-moz-keyframes colours {
     0% {color: white}
     50% {color: #dedede}
    100% {color: black}

}


#custom_blink_text { font-weight: 500; /* color: #39f !important; */ }

#custom_blink_text {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: colours;
    -webkit-animation-timing-function: ease;
    -moz-animation-direction: normal;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: colours;
    -moz-animation-timing-function: ease;
}

.btn_custom_blink {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: colours;
    -webkit-animation-timing-function: ease;
    -moz-animation-direction: normal;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: colours;
    -moz-animation-timing-function: ease;
}


/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* Paginatore Custom : tasti +10 +5 */

.pagination .custom_special_li a
{
	background-color: #E9F2FF;
}

.pagination .custom_special_li_go_to .div_content
{
	display: none;

    position: absolute;
	top: 27px;
	left: -49px;
    width: 120px;
	padding: 10px;
	border: 1px solid #ddd;
	background-color: white;
	z-index: 99999999;

/*
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;

    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;

    padding: 5px 10px;
    font-size: 12px;
*/
}

.pagination .custom_special_li_go_to span:hover .div_content
{
	display: block;
}

/* Pagina Gestione-Richieste : Filtro ricerca */
.custom_request_index_filter .btn-sm
{
	padding-top: 2px;
	padding-bottom: 3px;
}

.custom_request_index_filter .btn-sm.active
{
	background-color: #337ab7;
	color: white;
	box-shadow: none;
}

.custom_request_index_filter .btn-sm
{
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* Effetto Loading */

.blockUI.blockOverlay
{
	background-color: #99CCFF !important;
	opacity: 0.5 !important;
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* CSS Autentication box */

#modal_authorization_envelop .checkLabelSelected
{
	padding: 3px;
	background-color: #A5DBD8;
	border-radius: 4px;
}

#modal_authorization_envelop .panel-heading
{
    padding: 5px 10px;	
}

#modal_authorization_envelop .panel-body , #modal_authorization_envelop .modal_authorization_envelop_content
{
    padding: 10px;	
}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* Calendario (datepicker) + grande */

.ui-datepicker {font-size:21px;}
#ui-datepicker {font-size:21px;}

/* ================================================================================= */
/* ================================================================================= */
/* ================================================================================= */
/* Utility */

/* Margin */
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 1rem; }
.mt-2 { margin-top: 2rem; }
.mt-3 { margin-top: 3rem; }
.mt-4 { margin-top: 4rem; }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 1rem; }
.mb-2 { margin-bottom: 2rem; }
.mb-3 { margin-bottom: 3rem; }
.mb-4 { margin-bottom: 4rem; }

.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 1rem; }
.ml-2 { margin-left: 2rem; }
.ml-3 { margin-left: 3rem; }
.ml-4 { margin-left: 4rem; }

.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 1rem; }
.mr-2 { margin-right: 2rem; }
.mr-3 { margin-right: 3rem; }
.mr-4 { margin-right: 4rem; }

/* Padding */
.pt-0 { padding-top: 0; }
.pt-1 { padding-top: 1rem; }
.pt-2 { padding-top: 2rem; }
.pt-3 { padding-top: 3rem; }
.pt-4 { padding-top: 4rem; }

.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 1rem; }
.pb-2 { padding-bottom: 2rem; }
.pb-3 { padding-bottom: 3rem; }
.pb-4 { padding-bottom: 4rem; }

.pl-0 { padding-left: 0; }
.pl-1 { padding-left: 1rem; }
.pl-2 { padding-left: 2rem; }
.pl-3 { padding-left: 3rem; }
.pl-4 { padding-left: 4rem; }

.pr-0 { padding-right: 0; }
.pr-1 { padding-right: 1rem; }
.pr-2 { padding-right: 2rem; }
.pr-3 { padding-right: 3rem; }
.pr-4 { padding-right: 4rem; }

/* float */
.float-left { float: left; }
.float-right { float: right; }

/* display */
.d-none { display: none !important; }

/* BG - Background */
.bg-white { background-color: white; }