
/* Components */

.card {
    border: 0;
    margin-bottom: 1.5rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.card-header {
	background-color: rgb(255 255 255);
}

.dropdown-menu {

	border: 0px solid rgb(255 255 255 / 0%);
    border-radius: 10px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	
}

.offcanvas-end {
	width: 300px;
}

/* Background Colors */

.bg-primary {
    background-color: #3461ff!important;
}

.bg-danger {
    background-color: #e72e2e!important;
}

.bg-success {
    background-color: #12bf24!important;
}

.bg-info {
    background-color: #32bfff!important;
}

.bg-warning {
    background-color: #ffcb32!important;
}

.bg-purple {
    background-color: #8932ff!important;
}

.bg-orange {
    background-color: #ff6632!important;
}

.bg-bronze {
    background-color: #cc7429!important;
}

.bg-pink {
    background-color: #e72e7a!important;
}

.bg-tiffany {
    background-color: #3361ff!important;
}

.bg-login {
	background-color: #0259e6!important;
}

.bg-surface {
	background-color: #f7f8fa !important;
}

.bg-white-1 {
    background-color: rgba(255, 255, 255, 0.16)!important;
}


.bg-light-primary {
    background-color: rgba(52, 96, 255, 0.15)!important;
}

.bg-light-success {
    background-color: rgb(18 191 35 / 15%)!important;
}

.bg-light-danger {
    background-color: rgb(231 46 46 / 15%)!important;
}

.bg-light-info {
    background-color: rgba(50, 190, 255, 0.15)!important;
}

.bg-light-warning {
    background-color: rgba(255, 204, 50, 0.15)!important;
}

.bg-light-purple {
    background-color: rgba(135, 50, 255, 0.15)!important;
}

.bg-light-orange {
    background-color: rgba(255, 101, 50, 0.15)!important;
}

.bg-light-bronze {
    background-color: rgba(204, 117, 41, 0.15)!important;
}

.bg-light-pink {
    background-color: rgba(231, 46, 123, 0.15)!important;
}

.bg-light-tiffany {
    background-color: rgba(51, 99, 255, 0.15)!important;
}

.bg-light-dark {
    background-color: rgba(33, 37, 41, 0.15)!important;
}


.bg-facebook {
	background-color: #3b5998!important
}

.bg-twitter {
	background-color: #55acee!important
}

.bg-google {
	background-color: #e52d27!important
}

.bg-linkedin {
	background-color: #0976b4!important
}


.bg-gradient-purple {
	background-image: linear-gradient(310deg,#7928ca,#ff0080);
}


.bg-gradient-success {
	background-image: linear-gradient( 310deg,#17ad37,#98ec2d);
}


.bg-gradient-danger {
	background: linear-gradient(to right, rgb(238, 9, 121), rgb(255, 106, 0));
}


.bg-gradient-info {
	background-image: linear-gradient(to top, rgb(0, 198, 251) 0%, rgb(0, 91, 234) 100%);
}

.bg-gradient-warning {
	background: linear-gradient(to right, rgb(247, 151, 30), rgb(255, 210, 0));
}


.bg-gradient-voilet {
	background: linear-gradient(to right, rgb(52, 148, 230), rgb(236, 110, 173));
}


.bg-gradient-royal {
	background-image: linear-gradient(-20deg, rgb(43, 88, 118) 0%, rgb(78, 67, 118) 100%);
}

.bg-gradient-branding {
    background-image: linear-gradient(rgb(42, 245, 152) 0%, rgb(0, 158, 253) 100%);
}

.bg-gradient-desert {
    background-image: linear-gradient(to top, #c79081 0%, #dfa579 100%);
}

.bg-gradient-amour {
    background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%);
}

/* BG OCA Custom */

.bg-oca-ocre {
	background-color: #FCB816 !important;
}
.bg-oca-green {
	background-color: #2FAC67 !important;
}
.bg-oca-ocre-dark {
	background-color: #BB7428 !important;
}
.bg-oca-peach {
	background-color: #EE7C8B !important;
}
.bg-oca-peach-dark {
	background-color: #C3382B !important;
}
.bg-oca-blue {
	background-color: #0E81A5 !important;
}
.bg-oca-blue-dark {
	background-color: #002C42 !important;
}
.bg-oca-gray {
	background-color: #dddddd !important;
}
.bg-oca-black {
	background-color: #000000 !important;
}
.bg-oca-white {
	background-color: #ffffff !important;
}

.bg-blue {
	background-color: #0d6efd !important;
}
.bg-indigo {
	background-color: #6610f2 !important;
}
.bg-purple {
	background-color: #6f42c1 !important;
}
.bg-pink {
	background-color: #d63384 !important;
}
.bg-gray {
	background-color: #6c757d !important;
}
.bg-gray-dark {
	background-color: #343a40 !important;
}
.bg-gray-100 {
	background-color: #f8f9fa !important;
}
.bg-gray-200 {
	background-color: #e9ecef !important;
}
.bg-gray-300 {
	background-color: #dee2e6 !important;
}
.bg-gray-400 {
	background-color: #ced4da !important;
}
.bg-gray-500 {
	background-color: #adb5bd !important;
}
.bg-gray-600 {
	background-color: #6c757d !important;
}
.bg-gray-700 {
	background-color: #495057 !important;
}
.bg-gray-800 {
	background-color: #343a40 !important;
}
.bg-gray-900 {
	background-color: #212529 !important;
}
.bg-gray-900 {
	background-color: #212529 !important;
}
/* Text Colors */

.text-primary {
    color: #3461ff!important;
}

.text-danger {
    color: #e72e2e!important;
}

.text-success {
    color: #12bf24!important;
}

.text-info {
    color: #32bfff!important;
}

.text-warning {
    color: #ffcb32!important;
}

.text-purple {
    color: #8932ff!important;
}

.text-orange {
    color: #ff6632!important;
}

.text-bronze {
    color: #cc7429!important;
}

.text-pink {
    color: #e72e7a!important;
}

.text-tiffany {
    color: #3361ff!important;
}


.text-option{
	color: #32393f!important
 }

.text-facebook{
	color: #3b5998!important
 }
 
 .text-twitter{
	 color: #55acee!important
  }
 
  .text-youtube{
	 color: #e52d27!important
  }

.text-sky-light {
    color: #b4d2ff;
}

.text-primary-2 {
    color: #8ea8fd;
}

.text-primary-3 {
    color: #c1cfff;
}


/* TEXT OCA Custom */

.text-oca-ocre {
	color: #FCB816 !important;
}
.text-oca-green {
	color: #2FAC67 !important;
}
.text-oca-ocre-dark {
	color: #BB7428 !important;
}
.text-oca-peach {
	color: #EE7C8B !important;
}
.text-oca-peach-dark {
	color: #C3382B !important;
}
.text-oca-blue {
	color: #0E81A5 !important;
}
.text-oca-blue-dark {
	color: #002C42 !important;
}
.text-oca-gray {
	color: #dddddd !important;
}
.text-oca-black {
	color: #000000 !important;
}
.text-oca-white {
	color: #ffffff !important;
}


/* Borders */

.border-primary {
    border-color: #3461ff!important;
}

.border-danger {
    border-color: #e72e2e!important;
}

.border-success {
    border-color: #12bf24!important;
}

.border-info {
    border-color: #32bfff!important;
}

.border-warning {
    border-color: #ffcb32!important;
}

.border-purple {
    border-color: #8932ff!important;
}

.border-orange {
    border-color: #ff6632!important;
}

.border-bronze {
    border-color: #cc7429!important;
}

.border-pink {
    border-color: #e72e7a!important;
}

.border-tiffany {
    border-color: #3361ff!important;
}

.border-light-1 {
    border-color: rgb(255 255 255 / 24%)!important;
}

.font-13 {
	font-size: 13px;
}

/* Borders OCA Custom */

.border-oca-ocre {
	border-color: #FCB816 !important;
}
.border-oca-green {
	border-color: #2FAC67 !important;
}
.border-oca-ocre-dark {
	border-color: #BB7428 !important;
}
.border-oca-peach {
	border-color: #EE7C8B !important;
}
.border-oca-peach-dark {
	border-color: #C3382B !important;
}
.border-oca-blue {
	border-color: #0E81A5 !important;
}
.border-oca-blue-dark {
	border-color: #002C42 !important;
}
.border-oca-gray {
	color: #dddddd !important;
}
.border-oca-black {
	border-color: #000000 !important;
}
.border-oca-white {
	border-color: #ffffff !important;
}


/* Buttons */

.btn i {
    vertical-align: middle;
    font-size: 1.rem;
    margin-top: -1em;
    margin-bottom: -1em;
    margin-left: 5px;
}

.btn-white {
    background-color: #fff;
    border-color: #e7eaf3;
}

.btn-primary {
	color: #fff;
	background-color: #3461ff;
	border-color: #3461ff
}
.btn-primary:hover {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
	box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #0a58ca;
	border-color: #0a53be
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #3461ff;
	border-color: #3461ff
}
.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}
.btn-secondary:hover {
	color: #fff;
	background-color: #5c636a;
	border-color: #565e64
}
.btn-check:focus+.btn-secondary, .btn-secondary:focus {
	color: #fff;
	background-color: #5c636a;
	border-color: #565e64;
	box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}
.btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #565e64;
	border-color: #51585e
}
.btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}
.btn-secondary.disabled, .btn-secondary:disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}
.btn-success {
	color: #fff;
	background-color: #0c971a;
	border-color: #0c971a
}
.btn-success:hover {
	color: #fff;
	background-color: #0ea01c;
	border-color: #0ea01c
}
.btn-check:focus+.btn-success, .btn-success:focus {
	color: #fff;
	background-color: #0ea01c;
	border-color: #0ea01c;
	box-shadow: 0 0 0 .25rem rgba(9, 133, 21, 0.507)
}
.btn-check:active+.btn-success, .btn-check:checked+.btn-success, .btn-success.active, .btn-success:active, .show>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #0ea01c;
	border-color: #0ea01c
}
.btn-check:active+.btn-success:focus, .btn-check:checked+.btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show>.btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(9, 133, 21, 0.507)
}
.btn-success.disabled, .btn-success:disabled {
	color: #fff;
	background-color: #12bf24;
	border-color: #12bf24
}
.btn-info {
	color: #000;
	background-color: #32bfff;
	border-color: #32bfff
}
.btn-info:hover {
	color: #000;
	background-color: #31d2f2;
	border-color: #25cff2
}
.btn-check:focus+.btn-info, .btn-info:focus {
	color: #000;
	background-color: #31d2f2;
	border-color: #25cff2;
	box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}
.btn-check:active+.btn-info, .btn-check:checked+.btn-info, .btn-info.active, .btn-info:active, .show>.btn-info.dropdown-toggle {
	color: #000;
	background-color: #3dd5f3;
	border-color: #25cff2
}
.btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show>.btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}
.btn-info.disabled, .btn-info:disabled {
	color: #000;
	background-color: #32bfff;
	border-color: #32bfff
}
.btn-warning {
	color: #000;
	background-color: #ffcb32;
	border-color: #ffcb32
}
.btn-warning:hover {
	color: #000;
	background-color: #ffca2c;
	border-color: #ffc720
}
.btn-check:focus+.btn-warning, .btn-warning:focus {
	color: #000;
	background-color: #ffca2c;
	border-color: #ffc720;
	box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}
.btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle {
	color: #000;
	background-color: #ffcd39;
	border-color: #ffc720
}
.btn-check:active+.btn-warning:focus, .btn-check:checked+.btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show>.btn-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}
.btn-warning.disabled, .btn-warning:disabled {
	color: #000;
	background-color: #ffcb32;
	border-color: #ffcb32
}
.btn-danger {
	color: #fff;
	background-color: #e72e2e;
	border-color: #e72e2e
}
.btn-danger:hover {
	color: #fff;
	background-color: #da2a2a;
	border-color: #da2a2a
}
.btn-check:focus+.btn-danger, .btn-danger:focus {
	color: #fff;
	background-color: #da2a2a;
	border-color: #da2a2a;
	box-shadow: 0 0 0 .25rem rgba(218, 42, 42, 0.507)
}
.btn-check:active+.btn-danger, .btn-check:checked+.btn-danger, .btn-danger.active, .btn-danger:active, .show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #da2a2a;
	border-color: #da2a2a
}
.btn-check:active+.btn-danger:focus, .btn-check:checked+.btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show>.btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(218, 42, 42, 0.507)
}
.btn-danger.disabled, .btn-danger:disabled {
	color: #fff;
	background-color: #e72e2e;
	border-color: #e72e2e
}
.btn-light {
	color: #000;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}
.btn-light:hover {
	color: #000;
	background-color: #f9fafb;
	border-color: #f9fafb
}
.btn-check:focus+.btn-light, .btn-light:focus {
	color: #000;
	background-color: #f9fafb;
	border-color: #f9fafb;
	box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle {
	color: #000;
	background-color: #f9fafb;
	border-color: #f9fafb
}
.btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-light.disabled, .btn-light:disabled {
	color: #000;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}
.btn-dark {
	color: #fff;
	background-color: #212529;
	border-color: #212529
}
.btn-dark:hover {
	color: #fff;
	background-color: #1c1f23;
	border-color: #1a1e21
}
.btn-check:focus+.btn-dark, .btn-dark:focus {
	color: #fff;
	background-color: #1c1f23;
	border-color: #1a1e21;
	box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}
.btn-check:active+.btn-dark, .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark:active, .show>.btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #1a1e21;
	border-color: #191c1f
}
.btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}
.btn-dark.disabled, .btn-dark:disabled {
	color: #fff;
	background-color: #212529;
	border-color: #212529
}
.btn-outline-primary {
	color: #3461ff;
	border-color: #3461ff
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: #3461ff;
	border-color: #3461ff
}
.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}
.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
	color: #fff;
	background-color: #3461ff;
	border-color: #3461ff
}
.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: #3461ff;
	background-color: transparent
}
.btn-outline-secondary {
	color: #6c757d;
	border-color: #6c757d
}
.btn-outline-secondary:hover {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}
.btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus {
	box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}
.btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}
.btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus {
	box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
	color: #6c757d;
	background-color: transparent
}
.btn-outline-success {
	color: #12bf24;
	border-color: #12bf24
}
.btn-outline-success:hover {
	color: #fff;
	background-color: #12bf24;
	border-color: #12bf24
}
.btn-check:focus+.btn-outline-success, .btn-outline-success:focus {
	box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}
.btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
	color: #fff;
	background-color: #12bf24;
	border-color: #12bf24
}
.btn-check:active+.btn-outline-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus {
	box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
	color: #12bf24;
	background-color: transparent
}
.btn-outline-info {
	color: #32bfff;
	border-color: #32bfff
}
.btn-outline-info:hover {
	color: #000;
	background-color: #32bfff;
	border-color: #32bfff
}
.btn-check:focus+.btn-outline-info, .btn-outline-info:focus {
	box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}
.btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {
	color: #000;
	background-color: #32bfff;
	border-color: #32bfff
}
.btn-check:active+.btn-outline-info:focus, .btn-check:checked+.btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus {
	box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
	color: #32bfff;
	background-color: transparent
}
.btn-outline-warning {
	color: #ffcb32;
	border-color: #ffcb32
}
.btn-outline-warning:hover {
	color: #000;
	background-color: #ffcb32;
	border-color: #ffcb32
}
.btn-check:focus+.btn-outline-warning, .btn-outline-warning:focus {
	box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}
.btn-check:active+.btn-outline-warning, .btn-check:checked+.btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active {
	color: #000;
	background-color: #ffcb32;
	border-color: #ffcb32
}
.btn-check:active+.btn-outline-warning:focus, .btn-check:checked+.btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus {
	box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
	color: #ffcb32;
	background-color: transparent
}
.btn-outline-danger {
	color: #e72e2e;
	border-color: #e72e2e
}
.btn-outline-danger:hover {
	color: #fff;
	background-color: #e72e2e;
	border-color: #e72e2e
}
.btn-check:focus+.btn-outline-danger, .btn-outline-danger:focus {
	box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}
.btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {
	color: #fff;
	background-color: #e72e2e;
	border-color: #e72e2e
}
.btn-check:active+.btn-outline-danger:focus, .btn-check:checked+.btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus {
	box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
	color: #e72e2e;
	background-color: transparent
}
.btn-outline-light {
	color: #f8f9fa;
	border-color: #f8f9fa
}
.btn-outline-light:hover {
	color: #000;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}
.btn-check:focus+.btn-outline-light, .btn-outline-light:focus {
	box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}
.btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active {
	color: #000;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}
.btn-check:active+.btn-outline-light:focus, .btn-check:checked+.btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus {
	box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
	color: #f8f9fa;
	background-color: transparent
}
.btn-outline-dark {
	color: #212529;
	border-color: #212529
}
.btn-outline-dark:hover {
	color: #fff;
	background-color: #212529;
	border-color: #212529
}
.btn-check:focus+.btn-outline-dark, .btn-outline-dark:focus {
	box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}
.btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active {
	color: #fff;
	background-color: #212529;
	border-color: #212529
}
.btn-check:active+.btn-outline-dark:focus, .btn-check:checked+.btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus {
	box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
	color: #212529;
	background-color: transparent
}
.btn-link {
	font-weight: 400;
	color: #3461ff;
	text-decoration: underline
}
.btn-link:hover {
	color: #0a58ca
}

/* OCA-Custom-btn*/

.btn-ocre {
	color: #000;
	background-color: #FCB816;
	border-color: #FCB816
}
.btn-ocre:hover {
	color: #000;
	background-color: #ffb300;
	border-color: #ffb300
}
.btn-check:focus+.btn-ocre, .btn-ocre:focus {
	color: #000;
	background-color: #ffb300;
	border-color: #ffb300;
	box-shadow: 0 0 0 .25rem rgba(187, 116, 40, .5)
}
.btn-check:active+.btn-ocre, .btn-check:checked+.btn-ocre, .btn-ocre.active, .btn-ocre:active, .show>.btn-ocre.dropdown-toggle {
	color: #000;
	background-color: #FCB816;
	border-color: #FCB816
}
.btn-check:active+.btn-ocre:focus, .btn-check:checked+.btn-ocre:focus, .btn-ocre.active:focus, .btn-ocre:active:focus, .show>.btn-ocre.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(187, 116, 40, .5)
}
.btn-ocre.disabled, .btn-ocre:disabled {
	color: #000;
	background-color: #FCB816;
	border-color: #FCB816
}

.btn-peach {
	color: #ffffff;
	background-color: #C3382B;
	border-color: #C3382B
}
.btn-peach:hover {
	color: #ffffff;
	background-color: #EE7C8B;
	border-color: #EE7C8B
}
.btn-check:focus+.btn-peach, .btn-peach:focus {
	color: #ffffff;
	background-color: #EE7C8B;
	border-color: #EE7C8B;
	box-shadow: 0 0 0 .25rem rgba(195, 56, 43, .5)
}
.btn-check:active+.btn-peach, .btn-check:checked+.btn-peach, .btn-peach.active, .btn-peach:active, .show>.btn-peach.dropdown-toggle {
	color: #ffffff;
	background-color: #C3382B;
	border-color: #C3382B
}
.btn-check:active+.btn-peach:focus, .btn-check:checked+.btn-peach:focus, .btn-peach.active:focus, .btn-peach:active:focus, .show>.btn-peach.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(195, 56, 43, .5)
}
.btn-peach.disabled, .btn-peach:disabled {
	color: #ffffff;
	background-color: #C3382B;
	border-color: #C3382B
}

.btn-blue {
	color: #ffffff;
	background-color: #0E81A5;
	border-color: #0E81A5
}
.btn-blue:hover {
	color: #ffffff;
	background-color: #002C42;
	border-color: #002C42
}
.btn-check:focus+.btn-blue, .btn-blue:focus {
	color: #ffffff;
	background-color: #002C42;
	border-color: #002C42;
	box-shadow: 0 0 0 .25rem rgba(0, 44, 66, .5)
}
.btn-check:active+.btn-blue, .btn-check:checked+.btn-blue, .btn-blue.active, .btn-blue:active, .show>.btn-blue.dropdown-toggle {
	color: #ffffff;
	background-color: #0E81A5;
	border-color: #0E81A5
}
.btn-check:active+.btn-blue:focus, .btn-check:checked+.btn-blue:focus, .btn-blue.active:focus, .btn-blue:active:focus, .show>.btn-blue.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(0, 44, 66, .5)
}
.btn-blue.disabled, .btn-blue:disabled {
	color: #ffffff;
	background-color: #0E81A5;
	border-color: #0E81A5
}
/* Nav-Tabs */

.nav-search input.form-control {
    background-color: rgb(255 255 255 / 20%);
    border: 1px solid rgb(255 255 255 / 45%);
    color: #fff;
}

.nav-search button[type=submit] {
    background-color: rgb(255 255 255 / 20%);
    border: 1px solid rgb(255 255 255 / 32%);
    color: #fff;
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem;
    color: #495057;
}

.nav-pills .nav-link {
    border-radius: .25rem;
    color: #495057;
}


.nav-primary.nav-tabs .nav-link.active {
	color: #008cff;
	border-color: #008cff #008cff #fff
}

.nav-danger.nav-tabs .nav-link.active {
	color: #f41127;
	border-color: #f41127 #f41127 #fff
}

.nav-success.nav-tabs .nav-link.active {
	color: #17a00e;
	border-color: #17a00e #17a00e #fff
}

.nav-warning.nav-tabs .nav-link.active {
	color: #ffc107;
	border-color: #ffc107 #ffc107 #fff
}

.nav-pills-danger.nav-pills .nav-link.active {
	color: #fff;
	background-color: #f41127
}

.nav-pills-success.nav-pills .nav-link.active {
	color: #fff;
	background-color: #17a00e
}

.nav-pills-warning.nav-pills .nav-link.active {
	color: #000;
	background-color: #ffc107
}


/* Tables */

.color-table .table {
	color: #ffffff;
	border-color: rgb(255 255 255 / 22%);
}

.info-table .table, .warning-table .table {
	color: #16191d;
	border-color: rgb(0 0 0 / 12%);
}

.table-responsive table{
	background-color: #fdfdfd !important;
	width: 100% !important;
	font-size: 12px !important;
}
.table-responsive table thead tr th{
	border: 1px solid #000000 !important;
	background-color: #FCB816!important;
	color: #000000 !important;	
	font-size: 12px !important;	
	font-weight: 500 !important;	
}
.table-responsive table tbody tr td{
	border: 1px solid #000000 !important;
	font-size: 12px !important;	
	font-weight: 100 !important;
}
.table-responsive table tfoot tr td{
	border: 1px solid #000000 !important;
}
.buttons-copy{
	background-color: #EE7C8B !important;
	color: #ffffff !important;
	border: 1px solid #000000 !important;
}
.buttons-csv{
	background-color: #0E81A5 !important;
	color: #ffffff !important;
	border: 1px solid #000000 !important;
}
.buttons-excel{
	background-color: #2FAC67 !important;
	color: #ffffff !important;
	border: 1px solid #000000 !important;
}
.dataTables_filter label{
	color: #0E81A5 !important;
}
.dataTables_filter input{
	border: 1px solid #000000 !important;
}
.dataTables_info{
	color: #C3382B !important;
}

.dataTables_paginate ul li a{
	background-color: #0E81A5 !important;
	color: #ffffff !important;
	border: 1px solid #0E81A5!important;
}

.active>.page-link, .page-link.active {
	background-color: #FCB816 !important;
	color: #ffffff !important;
	border: 1px solid #0E81A5!important;
}
.oca-icon-border-ocre{	
	width: 52px;
    height: 52px;
	border: 2px solid #FCB816;	
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.oca-icon-border-ocre-dark{	
	width: 52px;
    height: 52px;
	border: 2px solid #BB7428;	
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.oca-icon-border-peach{	
	width: 52px;
    height: 52px;
	border: 2px solid #EE7C8B;	
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.oca-icon-border-peach-dark{	
	width: 52px;
    height: 52px;
	border: 2px solid #C3382B;	
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.oca-icon-border-blue{	
	width: 52px;
    height: 52px;
	border: 2px solid #0E81A5;	
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.oca-icon-border-blue-dark{	
	width: 52px;
    height: 52px;
	border: 2px solid #002C42;	
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.oca-icon-border-gray{	
	width: 52px;
    height: 52px;
	border: 2px solid #dddddd;	
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.oca-icon-border-black{	
	width: 52px;
    height: 52px;
	border: 2px solid #000000;	
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.oca-icon-border-white{	
	width: 52px;
    height: 52px;
	border: 2px solid #ffffff;	
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


.oca-icon-border-green{	
	width: 52px;
    height: 52px;
	border: 2px solid #2FAC67;	
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.oca-icon-men-ocre{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/men-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-men-ocre-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/men-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-men-peach{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/men-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-men-peach-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/men-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-men-blue{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/men-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-men-blue-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/men-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-men-black{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/men-black.png);
	background-size: 90% 90%; 
	background-repeat: no-repeat; }

.oca-icon-men-gray{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/men-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-men-green{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/men-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }


.oca-icon-women-ocre{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/woman-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-women-ocre-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/woman-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-women-peach{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/woman-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-women-peach-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/woman-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-women-blue{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/woman-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-women-blue-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/woman-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-women-black{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/woman-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-women-gray{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/woman-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-women-green{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/woman-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }


.oca-icon-farmer-ocre{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-oca-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-ocre-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-peach{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-peach-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-blue{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-blue-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-black{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-gray{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-green{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }


.oca-icon-gender-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gender-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gender-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gender-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gender-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gender-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gender-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gender-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gender-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gender-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gender-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gender-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gender-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gender-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gender-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gender-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gender-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gender-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }


.oca-icon-question-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/question-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-question-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/question-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-question-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/question-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-question-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/question-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-question-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/question-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-question-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/question-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-question-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/question-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-question-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/question-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-question-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/question-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-user-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/user-oca-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-user-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/user-oca-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-user-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/user-oca-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-user-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/user-oca-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-user-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/user-oca-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-user-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/user-oca-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-user-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/user-oca-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-user-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/user-oca-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-user-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/user-oca-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-world-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/world-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-world-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/world-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-world-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/world-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-world-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/world-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-world-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/world-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-world-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/world-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-world-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/world-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-world-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/world-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-world-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/woman-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-trust-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/trust-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-trust-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/trust-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-trust-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/trust-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-trust-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/trust-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-trust-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/trust-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-trust-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/trust-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-trust-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/trust-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-trust-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/trust-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-trust-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/trust-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-result-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/results-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-result-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/results-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-result-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/results-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-result-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/results-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-result-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/results-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-result-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/results-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-result-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/results-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-result-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/results-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-result-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/results-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

	
.oca-icon-plot-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/plot-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-plot-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/plot-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-plot-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/plot-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-plot-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/plot-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-plot-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/plot-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-plot-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/plot-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-plot-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/plot-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-plot-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/plot-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-plot-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/plot-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-organization-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/organization-oca-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-organization-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/organization-oca-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-organization-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/organization-oca-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-organization-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/organization-oca-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-organization-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/organization-oca-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-organization-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/organization-oca-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-organization-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/organization-oca-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-organization-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/organization-oca-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-organization-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/organization-oca-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-ics-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ics-oca-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ics-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ics-oca-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ics-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ics-oca-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ics-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ics-oca-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ics-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ics-oca-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ics-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ics-oca-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ics-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ics-oca-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ics-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ics-oca-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ics-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ics-oca-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-ginner-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ginner-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ginner-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ginner-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ginner-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ginner-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ginner-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ginner-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ginner-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ginner-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ginner-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ginner-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ginner-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ginner-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ginner-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ginner-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-ginner-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/ginner-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-gear-ocre{
	width: 28px;
	height: 28px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gear-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gear-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gear-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gear-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gear-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gear-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gear-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gear-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gear-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gear-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gear-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gear-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gear-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gear-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gear-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gear-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gear-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-funding-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/funding_partner-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-funding-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/funding_partner-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-funding-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/funding_partner-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-funding-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/funding_partner-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-funding-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/funding_partner-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-funding-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/funding_partner-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-funding-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/funding_partner-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-funding-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/funding_partner-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-funding-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/funding_partner-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-exclamation-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/exclamation-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-exclamation-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/exclamation-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-exclamation-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/exclamation-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-exclamation-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/exclamation-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-exclamation-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/exclamation-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-exclamation-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/exclamation-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-exclamation-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/exclamation-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-exclamation-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/exclamation-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-exclamation-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/exclamation-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }


.oca-icon-education-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/education-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-education-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/education-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-education-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/education-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-education-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/education-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-education-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/education-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-education-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/education-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-education-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/education-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-education-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/education-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-education-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/education-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }


.oca-icon-document-ocre{
	width: 28px;
	height: 28px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/document-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-document-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/document-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-document-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/document-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-document-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/document-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-document-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/document-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-document-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/document-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-document-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/document-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-document-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/document-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-document-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/document-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-credible-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/credible-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-credible-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/credible-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-credible-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/credible-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-credible-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/credible-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-credible-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/credible-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-credible-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/credible-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-credible-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/credible-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-credible-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/credible-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-credible-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/credible-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-cotton-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/cotton-oca-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-cotton-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/cotton-oca-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-cotton-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/cotton-oca-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-cotton-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/cotton-oca-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-cotton-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/cotton-oca-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-cotton-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/cotton-oca-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-cotton-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/cotton-oca-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-cotton-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/cotton-oca-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-cotton-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/cotton-oca-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-coordination-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/coordination-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-coordination-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/coordination-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-coordination-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/coordination-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-coordination-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/coordination-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-coordination-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/coordination-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-coordination-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/coordination-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-coordination-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/coordination-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-coordination-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/coordination-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-coordination-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/coordination-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-consumer-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/consumer-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-consumer-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/consumer-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-consumer-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/consumer-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-consumer-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/consumer-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-consumer-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/consumer-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-consumer-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/consumer-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-consumer-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/consumer-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-consumer-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/consumer-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-consumer-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/consumer-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-check-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/check-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-check-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/check-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-check-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/check-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-check-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/check-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-check-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/check-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-check-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/check-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-check-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/check-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-check-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/check-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-check-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/check-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-challenge-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/challenge-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-challenge-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/challenge-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-challenge-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/challenge-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-challenge-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/challenge-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-challenge-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/challenge-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-challenge-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/challenge-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-challenge-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/challenge-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-challenge-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/challenge-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-challenge-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/challenge-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-brand-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/brand-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-brand-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/brand-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-brand-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/brand-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-brand-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/brand-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-brand-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/brand-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-brand-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/brand-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-brand-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/brand-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-brand-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/brand-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-brand-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/brand-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-agreement-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/agreement-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-agreement-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/agreement-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-agreement-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/agreement-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-agreement-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/agreement-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-agreement-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/agreement-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-agreement-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/agreement-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-agreement-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/agreement-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-agreement-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/agreement-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-agreement-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/agreement-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	

.oca-icon-advise-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/advise-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-advise-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/advise-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-advise-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/advise-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-advise-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/advise-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-advise-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/advise-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-advise-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/advise-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-advise-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/advise-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-advise-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/advise-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-advise-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/advise-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }


.oca-icon-accepted-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/accepted-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-accepted-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/accepted-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-accepted-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/accepted-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-accepted-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/accepted-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-accepted-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/accepted-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-accepted-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/accepted-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-accepted-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/accepted-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-accepted-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/accepted-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-accepted-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/accepted-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }


.oca-icon-balance-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/mass_balance-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-balance-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/mass_balance-ocrep-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-balance-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/mass_balance-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-balance-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/mass_balance-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-balance-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/mass_balance-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-balance-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/mass_balance-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-balance-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/mass_balance-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-balance-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/mass_balance-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-balance-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/mass_balance-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-availability-ocre{
	width: 28px;
	height: 28px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/availability-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-availability-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/availability-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-availability-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/availability-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-availability-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/availability-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-availability-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/availability-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-availability-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/availability-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-availability-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/availability-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-availability-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/availability-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-availability-green{
	width: 28px;
	height: 28px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/availability-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-plain-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag_plain-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-plain-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag_plain-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-plain-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag_plain-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-plain-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag_plain-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-plain-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag_plain-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-plain-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag_plain-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-plain-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag_plain-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-plain-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag_plain-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-plain-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag_plain-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag_plain-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-tag-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/tag-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }


.oca-icon-traceabilities-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/traceabilities-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-traceabilities-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/traceabilities-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-traceabilities-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/traceabilities-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-traceabilities-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/traceabilities-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-traceabilities-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/traceabilities-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-traceabilities-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/traceabilities-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-traceabilities-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/traceabilities-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-traceabilities-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/traceabilities-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-traceabilities-green{
	width: 28px;
	height: 28px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/traceabilities-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-seed-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/service_provider-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-seed-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/service_provider-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-seed-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/service_provider-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-seed-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/service_provider-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-seed-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/service_provider-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-seed-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/service_provider-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-seed-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/service_provider-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-seed-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/service_provider-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-seed-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/service_provider-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-seed-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/seed-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-seed-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/seed-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-seed-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/seed-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-seed-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/seed-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-seed-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/seed-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-seed-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/seed-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-seed-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/seed-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-seed-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/seed-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-seed-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/seed-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thematic-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thematic_partner-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thematic-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thematic_partner-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thematic-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thematic_partner-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thematic-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thematic_partner-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thematic-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thematic_partner-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thematic-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thematic_partner-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thematic-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thematic_partner-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thematic-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thematic_partner-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thematic-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thematic_partner-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gmo-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gmo-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gmo-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gmo-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gmo-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gmo-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gmo-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gmo-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gmo-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gmo-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gmo-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gmo-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gmo-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gmo-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gmo-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gmo-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-gmo-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/gmo-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-magnify-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/magnifying-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-magnify-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/magnifying-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-magnify-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/magnifying-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-magnify-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/magnifying-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-magnify-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/magnifying-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-magnify-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/magnifying-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-magnify-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/magnifying-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-magnify-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/magnifying-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-magnify-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/magnifying-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }	

.oca-icon-thumbs_up-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thumbs_up-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thumbs_up-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thumbs_up-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thumbs_up-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thumbs_up-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thumbs_up-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thumbs_up-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thumbs_up-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thumbs_up-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thumbs_up-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thumbs_up-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thumbs_up-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thumbs_up-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thumbs_up-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thumbs_up-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-thumbs_up-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/thumbs_up-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
	
.oca-icon-bird-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/bird-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-bird-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/bird-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-bird-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/bird-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-bird-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/bird-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-bird-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/bird-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-bird-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/bird-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-bird-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/bird-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-bird-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/bird-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-bird-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/bird-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }	

.oca-icon-happy-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/happy_man-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-happy-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/happy_man-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-happy-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/happy_man-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-happy-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/happy_man-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-happy-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/happy_man-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-happy-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/happy_man-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-happy-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/happy_man-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-happy-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/happy_man-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-happy-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/happy_man-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-learning-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/learnings-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-learning-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/learnings-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-learning-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/learnings-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-learning-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/learnings-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-learning-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/learnings-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-learning-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/learnings-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-learning-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/learnings-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-learning-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/learnings-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-learning-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/learnings-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-procurement-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/procurement-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-procurement-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/procurement-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-procurement-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/procurement-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-procurement-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/procurement-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-procurement-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/procurement-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-procurement-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/procurement-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-procurement-black{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/procurement-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-procurement-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/procurement-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-procurement-green{
	width: 38px;
	height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/procurement-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }


/* start */

.oca-icon-farmer-ocre{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-oca-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-ocre-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-ocre-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-peach{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-peach-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-blue{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-blue-dark{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-black{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-gray{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-green{
	width: 38px;
    height: 38px;
	margin:3px;
	border-radius: 50%;
	background-image: url(../images/icons/farmer-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

/* end */
.icon-ip-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/organization-oca-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-ip-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/organization-oca-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-ics-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/ics-oca-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-ics-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/ics-oca-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-gmo-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/gmo-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-gmo-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/gmo-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-ginner-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/ginner-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-ginner-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/ginner-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-user-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/user-oca-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-user-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/user-oca-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-geer-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/gear-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-geer-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/gear-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-tpv-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/coordination-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-tpv-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/coordination-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-brand-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/brand-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-brand-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/brand-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-fca-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/agreement-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-fca-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/agreement-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-consumer-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/consumer-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-consumer-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/consumer-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-cotton-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/cotton-oca-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-cotton-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/cotton-oca-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-farmer-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/farmer-oca-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-farmer-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/farmer-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-trust-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/trust-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-trust-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/trust-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-sample-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/gmo-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-sample-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/gmo-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-test-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/traceabilities-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-test-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/traceabilities-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-result-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/results-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-result-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/results-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-report-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/document-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-report-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/document-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-search-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/magnifying-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }
	
.icon-search-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/magnifying-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }


	.icon-procurement-ocre{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/procurement-ocre.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
	.icon-procurement-gray{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/procurement-gray.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }
	
	.icon-progress-ocre{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/availability-ocre.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
	.icon-progress-gray{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/availability-gray.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }

	.icon-training-ocre{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/learnings-ocre.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
	.icon-training-gray{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/learnings-gray.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }

	.icon-input-ocre{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/bird-ocre.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
	.icon-input-gray{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/bird-gray.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }
	
	.icon-seed-ocre{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/seed-ocre.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
	.icon-seed-gray{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/seed-gray.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
	.icon-plot-ocre{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/plot-ocre.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
	.icon-plot-gray{
		width: 28px;
		height: 28px;
		background-image: url(../images/icons/plot-gray.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; }

.icon-accepted-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/accepted-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-accepted-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/accepted-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-approved-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/accepted-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-approved-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/accepted-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-approval-ocre{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/tag-ocre.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }

.icon-approval-gray{
	width: 28px;
	height: 28px;
	background-image: url(../images/icons/tag-gray.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; }


.oca-icon-farmer-plot-ocre{
	width: 38px;
	height: 38px;
	margin:0px;	
	background-image: url(../images/icons/mapping_plot-ocre.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-plot-ocre-dark{
	width: 38px;
	height: 38px;
	margin:3px;	
	background-image: url(../images/icons/mapping_plot-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-plot-peach{
	width: 38px;
	height: 38px;
	margin:3px;
	background-image: url(../images/icons/mapping_plot-peach.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-plot-peach-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	background-image: url(../images/icons/mapping_plot-peach-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-plot-blue{
	width: 38px;
	height: 38px;
	margin:3px;
	background-image: url(../images/icons/mapping_plot-blue.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-plot-blue-dark{
	width: 38px;
	height: 38px;
	margin:3px;
	background-image: url(../images/icons/mapping_plot-blue-dark.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-plot-black{
	width: 38px;
	height: 38px;
	margin:3px;
	background-image: url(../images/icons/mapping_plot-black.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-plot-gray{
	width: 38px;
	height: 38px;
	margin:3px;
	background-image: url(../images/icons/mapping_plot-gray.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-farmer-plot-green{
	width: 38px;
	height: 38px;
	margin:3px;
	background-image: url(../images/icons/mapping_plot-green.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }

.oca-icon-water-ocre{
	width: 38px;
	height: 38px;
	margin:3px;
	background-image: url(../images/icons/agua.png);
	background-size: 90% 90%;
	background-repeat: no-repeat; }
