@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700');

html, 
body {
    height: 100%;
}

body {
	font-family: 'Ubuntu', sans-serif;
	background-color: #f3f3f3;
}

a, a:hover, a.active, a:focus { color: #06337c; }
.fecic a, .fecic a:hover, .fecic a.active, .fecic a:focus, button.fecic, button.fecic:hover { color: #dd0031; }
.solissa a, .solissa a:hover, .solissa a.active, .solissa a:focus, button.solissa, button.solissa:hover { color: #85b90f; }
.clear { clear: both; }

.navbar { background-color: #FFF !important; border-bottom: solid 1px #dadada }

input[type=submit] { 
	background-color: #06337c !important;
	color: #FFF;
	cursor: pointer;
 }
input[type=submit]:hover, .btn-success:hover { opacity: 0.8 }

.fecic .btn-primary, .fecic .btn-success { background-color: #dd0031 !important; border-color: #dd0031 !important; }
.solissa .btn-primary, .solissa .btn-success { background-color: #85b90f !important; border-color: #85b90f !important; }
.btn-success { background-color: #06337c !important; border-color: #06337c !important;}
.btn-primary { background-color: #06337c; border-color: #06337c; }

h1 {
    font-size: 22px;
    color: #06337c;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700;
    margin-top: 20px;
}

.fecic h1, .fecic h4, .fecic h2 { color: #dd0031; }
.solissa h1, .solissa h4, .solissa h2 { color: #85b90f; }

h4 {

    font-size: 18px;
    color: #06337c;
    font-weight: 700;
    text-transform: uppercase;
}


.nopleft { padding-left: 0 }
.c-pointer { cursor: pointer }

.content-list { padding: 0 15px; min-height: 400px }
.content-list .table-responsive { min-height: 400px }

.ms-parent { max-width: 100% !important; }
.ms-choice { width: auto !important; border: 0 !important; max-width: 100% !important; line-height: 32px !important}
.ms-drop { width: auto !important}
.ms-choice > span { top: 3px !important;}
.ms-choice > span.placeholder { color: #999 !important;}

#custom-search-input { padding-right: 0 }

.color-blue { color: #06337c; }
.fecic .color-blue { color: #dd0031 }
.solissa .color-blue { color: #85b90f }

.bg-color-blue { background-color: #06337c; }
.fecic .bg-color-blue { background-color: #dd0031 }
.solissa .bg-color-blue { background-color: #85b90f }

.c-gray { color: #495057 !important}

.no-bold { font-weight: normal }
.vermell { color: #af0c00 }
.verd { color: #98af00; }
.taronja { color: #ef6f29; }

.size22 { font-size: 22px }
.size09 { font-size: 0.9rem }
.size08 { font-size: 0.8rem }

.size90 { font-size: 90% !important }

h3[aria-expanded=true] { color: #06337c !important; }
.fecic h3[aria-expanded=true] { color: #dd0031 !important; }
.solissa h3[aria-expanded=true] { color: #85b90f !important; }

.no-disponible { width: 100%; height: 100%; text-align: center; font-size: 36px; padding: 50px; }

.opacity08 { opacity: 0.2 }
.hover-check { cursor: pointer }
.hover-check:hover { color: #06337c; opacity: 1 }
.fecic .hover-check:hover { color: #dd0031; opacity: 1 }
.solissa .hover-check:hover { color: #85b90f; opacity: 1 }

/* PAGINATION */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 10px 0;
  border-radius: 4px;
}
 
.pagination > li {
  display: inline;
}
 
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
 
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
 
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
 
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}
 
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #06337c;
  border-color: #06337c;
}

.fecic .pagination > .active > a,
.fecic .pagination > .active > span,
.fecic .pagination > .active > a:hover,
.fecic .pagination > .active > span:hover,
.fecic .pagination > .active > a:focus,
.fecic .pagination > .active > span:focus {
  background-color: #dd0031;
  border-color: #dd0031;
}

.solissa .pagination > .active > a,
.solissa .pagination > .active > span,
.solissa .pagination > .active > a:hover,
.solissa .pagination > .active > span:hover,
.solissa .pagination > .active > a:focus,
.solissa .pagination > .active > span:focus {
  background-color: #85b90f;
  border-color: #85b90f;
}
 
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}
 
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
 
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
 
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
 
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
 
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
 
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.footer {  background-color: #FFF !important; border-top: solid 1px #dadada }

.pressupost_resposta { font-size: 22px }
.p-acceptat { color: #98af00; }
.p-rebutjat { color: #af0c00; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.list-left li, .list-right li {
    cursor: pointer;
}

.td-buttons { padding: 0.55rem !important; }
button.dropdown-toggle { background-color: #06337c !important; border: 0; }
.dropdown-menu button { background-color: #FFF !important; color: #06337c; font-size: 14px; }

.fecic button.dropdown-toggle { background-color: #dd0031 !important }
.fecic .dropdown-menu button { background-color: #FFF !important; color: #dd0031; }

.solissa button.dropdown-toggle { background-color: #85b90f !important }
.solissa .dropdown-menu button { background-color: #FFF !important; color: #85b90f; }

.dropdown-item:focus, .dropdown-item:hover { color: #16181b !important; }

.loader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #06337c; /* Blue */
    border-radius: 60%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

.fecic .loader { border-top-color: #dd0031 }
.solissa .loader { border-top-color: #85b90f }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.destinataris-empreses-list .well { overflow-y: scroll; height: 400px }
#e_list, .event-comment { overflow: hidden }

.well li.disabled { cursor: default; }
.tria_grupsmailing .dual-list { height: 300px; overflow-y: scroll }

.ck-editor__editable { min-height: 250px }

#destinataris_list .list-group-item { padding: .5rem 1.25rem; }
#destinataris_list #dual-list-right, #destinataris_list #dual-list-left { max-height: 400px; overflow-y: scroll; }

#tinymce body { font-size: 16px !important; font-family: 'Ubuntu' !important}

#resumreunions { height: 250px }

/* AVISOS */
.avisos-text { background-color: #FFF; border-left: 5px solid #dd0031; padding: 2rem;}
.avisos-content h3 { color: #dd0031; border-bottom: 2px solid #dd0031; text-transform: uppercase; font-size: 1.50rem; padding-bottom: 0.4rem; margin-bottom: 1.8rem }
.avisos-content label { font-size: 1.1rem; font-weight: bold }
.avisos-content i { font-size: 0.8rem }
.avisos-content .custom-checkbox { margin-bottom: 1.5rem }
.modal-politica { max-width: 800px !important}

.card-header { padding: 0}
.card-body, .card-body input, .card-body select, .card-body textarea { font-size: 0.8rem}

.my-custom-scrollbar {
  position: relative;
  height: 500px;
  overflow: auto;
}
.table-wrapper-scroll-y {
  display: block;
}

#myTab .nav-item { font-size: 0.9rem}