@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900');

/*
	blu: #2377e6;
*/


/* COMMON - RESET */
* { margin: 0; padding: 0; }
html, body {  }
body { position: relative; font-family: 'Catamaran', sans-serif; font-weight: 400; color: #888; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
.hp { background: #fff url('../img/bg-body.png') 50% bottom no-repeat; background-size: 100% auto; }
a:active, a:focus, input:focus, textarea:focus, :focus { outline: none !important; }
a { text-decoration: none; }
a img, table { border: 0; }
li { list-style: none; }
input, textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }
input:-webkit-input-placeholder, input:-moz-placeholder, textarea:-webkit-input-placeholder, textarea:-moz-placeholder { color: #f0f0f0; }
img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.float-right { float: right; }
.no-pad { padding: 0 !important; }
.clear { clear: both; }
.mob { display: none; }
@media (max-width: 1024px) {
	.mob { display: inline-block; }
	.desk { display: none; }
}


/*	GRID LAYOUT */
.container { position: relative; width: 1180px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }

.col1, .col2, .col3, .col33, .col4, .col444, .col5, .col55, .col555, .col5555, .col13 { position: relative; float: left; box-sizing: border-box; }
.col1 { width: 100%; }
.col2 { width: 50%; }
.col3 { width: 33.3333%; }
.col33 { width: 66.6666%; }
.col4 { width: 25%; }
.col444 { width: 75%; }
.col5 { width: 20%; }
.col55 { width: 40%; }
.col555 { width: 60%; }
.col5555 { width: 80%; }

.col13 {width:9%}

.container-login, .container-opportunita { float: right !important; }




/* TOP */
.top { display: block; width: 100%; height: 36px; text-align: right; color: #a2a2a2; background-color: #000; }
.top ul { display: block; height: 36px; text-align: right; }
.top ul li { position: relative; display: inline-block; height: 36px; padding-left: 6px; padding-right: 10px; font-size: 14px; font-weight: 400; line-height: 36px; }
.top ul li:before { position: absolute; right: 0; top: 7px; display: block; width: 1px; height: 24px; content: ''; background-color: #a2a2a2; }
.top ul li:last-child { padding-right: 0 !important; }
.top ul li:last-child:before { display: none; }
.top ul li a:link, .top ul li a:visited { display: inline-block; line-height: 36px; color: #a2a2a2; }
.top ul li a:hover { color: #fff; }
.top ul li a.icon:link, .top ul li a.icon:visited { display: block; width: 20px; height: 20px; margin: 8px 0; font-size: 12px; text-align: center; line-height: 20px; color: #000; background-color: #a2a2a2; border-radius: 3px; }
.top ul li a.icon:hover { background-color: #fff; }


/* HEADER */
.header { display: block; width: 100%; min-height: 118px; margin-bottom: 2px; background-color: #2377e6; }
a.logo-rm:link, a.logo-rm:visited, a.logo-rm:hover { float: left; display: inline-block; height: 63px; margin-top: 30px; }
a.logo-rm img { width: auto; height: 63px; }
.claim { float: right; display: inline-block; padding-top: 38px; font-size: 16px; font-weight: 400; line-height: 18px; text-align: right; color: #fff; }
.claim strong { font-size: 22px; font-weight: 700; line-height: 24px; text-transform: uppercase; }


/* BOX */
.box-filter { position: relative; margin-bottom: 2px; background-color: #5a99ec; }
.box-login { position: relative; min-height: 265px; margin-bottom: 2px; background-color: #a0c40a; } /* blue: #8cb6ed - verde: #a0c40a */

.box-title { position: relative; display: block; min-height: 65px; color: #fff; }
.box-title h2 { display: block; padding-top: 30px; font-size: 31px; line-height: 28px; font-weight: 300; }
.box-filter .box-title { padding-left: 10px; background-color: #5a99ec; border-right: #fff 2px solid; }
.box-login .box-title { margin-bottom: 10px; padding-left: 10px; background-color: #60a12b; border-bottom: #fff 2px solid; } /* blue: #5a99ec - verde: #60a12b */

.box-filter h3, .box-login h3, .box-registered h3, .box-unsubscribe h3 { font-size: 20px; font-weight: 600; line-height: 26px; color: #fff; }
.box-login h3 { margin-bottom: 10px; padding-left: 10px; }

.box-login label { display: block; margin-top: 10px; font-size: 14px; font-weight: 600; line-height: 14px; text-transform: uppercase; color: #fff; }


/* BOX FILTER */
.skill { position: relative; display: block; width: 100%; height: 44px; margin-bottom: 20px; padding: 3px; box-sizing: border-box; background-color: #fff; }
.skill label { width: 38px; height: 38px; }
.skill label, .skill h5 { float: left; }
.skill h5 { display: inline-block; font-size: 14px; font-weight: 700; line-height: 42px; text-transform: uppercase; color: #2377e6; }

.control { display: block; position: relative; padding-left: 7px; cursor: pointer; font-size: 18px; }
.control input { position: absolute; width: 0; z-index: -1; opacity: 0; }
.control__indicator { position: absolute; top: 0; left: 0; height: 38px; width: 38px; background: #e5e5e5; }
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #e5e5e5; }
.control input:checked ~ .control__indicator { background: #e5e5e5; }
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #e5e5e5; }
.control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.control__indicator:after { content: ''; position: absolute; display: none; }
.control input:checked ~ .control__indicator:after { display: block; }
.control--checkbox .control__indicator:after { left: 14px; top: 6px; width: 6px; height: 16px; border: solid #2377e6; border-width: 0 4px 4px 0; transform: rotate(45deg); }
.control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b; }

.select { position: relative; display: inline-block; margin-bottom: 20px; width: 100%; }
.select select { display: inline-block; width: 100%; cursor: pointer; height: 44px; padding: 0 15px; font-family: 'Catamaran', sans-serif; font-size: 14px; outline: 0; border: 0; border-radius: 0; background: #fff; color: #7b7b7b; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.select select::-ms-expand { display: none; }
.select select:hover, .select select:focus { background: #fff; }
.select select:disabled { opacity: 0.5; pointer-events: none; }
.select__arrow { position: absolute; top: 19px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 6px 4px 0 4px; border-color: #2377e6 transparent transparent transparent; opacity: .7; }
.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow { border-top-color: #2377e6; opacity: 1; }
.select select:disabled ~ .select__arrow { border-top-color: #ccc; }

.box-filter a.btn:link, .box-filter a.btn:visited { display: inline-block; width: 200px; height: 40px; font-size: 18px; font-weight: 600; line-height: 40px; text-align: center; text-transform: uppercase; color: #fff; background-color: #80b1f0; border: #fff 2px solid; }
.box-filter a.btn:hover { background-color: #2377e6; border-color: #2377e6; }


/* BOX LOGIN */
.box-login .col2 { padding: 0 10px; box-sizing: border-box; }
.box-login h3 { /*color: #000;*/ }
.box-login .input { display: block; width: 100%; height: 44px; margin: 10px 0; padding: 0 10px; box-sizing: border-box; font-family: 'Catamaran', sans-serif; font-size: 14px; line-height: 44px; background-color: #f7f7f7; color: #7b7b7b; border: 0; }
.box-login p { display: block; margin-bottom: 5px; font-size: 14px; font-weight: 600; line-height: 18px; color: #fff; /*color: #000;*/ }
.box-login a:link, .box-login a:visited { /*color: #2377e6;*/ text-decoration: underline; color: #fff; }
.box-login a:hover { text-decoration: none; color: #000; }

.box-login input:focus { background-color: #fff; }

.control2 { display: block; position: relative; cursor: pointer; font-size: 18px; }
.control2 input { position: absolute; width: 0; z-index: -1; opacity: 0; }
.control2__indicator { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background: #fff; border-radius: 3px; }
.control2:hover input ~ .control2__indicator, .control2 input:focus ~ .control2__indicator { background: #fff; }
.control2 input:checked ~ .control2__indicator { background: #fff; }
.control2:hover input:not([disabled]):checked ~ .control2__indicator, .control2 input:checked:focus ~ .control2__indicator { background: #fff; }
.control2 input:disabled ~ .control2__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.control2__indicator:after { content: ''; position: absolute; display: none; }
.control2 input:checked ~ .control2__indicator:after { display: block; }
.control2--checkbox .control2__indicator:after { left: 7px; top: 3px; width: 3px; height: 8px; border: solid #2377e6; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.control2--checkbox input:disabled ~ .control2__indicator:after { border-color: #7b7b7b; }
.txt-check { padding-left: 24px; line-height: 21px !important; box-sizing: border-box; }

.box-login a.btn:link, .box-login a.btn:visited { display: inline-block; width: 200px; height: 40px; margin: 0 0 20px 10px; font-size: 18px; font-weight: 600; line-height: 44px; text-align: center; text-transform: uppercase; text-decoration: none !important; color: #fff; background-color: #2377e6; }
.box-login a.btn:hover { background-color: #000; }

/* 1299 */
a.btn-info-app:link, a.btn-info-app:visited { border-radius: 5px; display: inline-block; width: auto; height: 44px; margin: 0 0 20px 10px; font-size: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; font-weight: 600; line-height: 44px; text-align: center; text-transform: uppercase; text-decoration: none !important; color: #000; background-color: #EEEEEE; }
a.btn-info-app:hover { background-color: #000; color: #fff; }

/* utente logato */
.logged .box-title { background-color: #60a12b; }
.logged a.btn:link, .logged a.btn:visited { background-color: #31a21b; }
.logged a.btn:hover { background-color: #000; }


/* LAST OPPORTUNITY */
.last-opportunity { display: block; width: 100%; }
.last-opportunity li { position: relative; display: block; width: 100%; /*min-height: 89px;*/ margin: 0 2px 2px 0; /*padding: 10px 140px 20px 60px;*/ padding: 0 10px 0 50px; box-sizing: border-box; background-color: #f2f2f2; overflow: hidden; }
.last-opportunity li:last-child { margin-bottom: 0 !important; }
.last-opportunity li .data { position: absolute; left: 0; top: 0; display: block; width: 50px; height: 50px; font-size: 11px; font-weight: 600; line-height: 13px; text-align: center; color: #fff; background-color: #888; }
.last-opportunity li .data strong { display: block; font-size: 20px; font-weight: 700; line-height: 22px; }
.last-opportunity li p { display: block; width: 100%; padding: 10px; box-sizing: border-box; font-size: 12px; line-height: 14px; }

.last-opportunity p span { display: block; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.last-opportunity p strong { display: block; font-size: 14px; margin-bottom: 3px; }

.last-opportunity p a:link, .last-opportunity p a:visited { font-weight: 600; color: #2377e6; }
.last-opportunity p strong a:link, .last-opportunity p strong a:visited { font-weight: 800 !important; }
.last-opportunity p a:hover { color: #000; }

a.btn-more:link, a.btn-more:visited { float: right; display: block; width: 120px; height: 32px; margin: 0; line-height: 32px; font-size: 12px; font-weight: 600; text-transform: uppercase; text-align: center; color: #fff; background-color: #2377e6; }
a.btn-more:hover { background-color: #000; }

a.btn-go-opportunity:link, a.btn-go-opportunity:visited { position: relative; display: block; width: 100%; margin-top: 2px; /*margin-bottom: 30px;*/ padding: 13px 50px 12px 20px; box-sizing: border-box; font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 20px; color: #fff; background-color: #2377e6; border-right: #fff 2px solid; }
a.btn-go-opportunity:after { position: absolute; right: 0; top: 50%; display: block; width: 50px; height: 20px; margin-top: -10px; content: "\f105"; font-family: FontAwesome; font-size: 18px; line-height: 20px; text-align: center; color: #fff; }
a.btn-go-opportunity:hover { background-color: #000; }


/* BOX REGISTERED */
.box-registered { position: relative; display: block; width: 100%; min-height: 320px; margin-bottom: 2px; padding: 20px; box-sizing: border-box; color: #fff; background: #2377e6 url('../img/bg-box-registered.png') 0 bottom repeat-x; background-size: auto 80%; }
.box-registered .title { display: block; margin-bottom: 20px; font-size: 50px; font-weight: 100; line-height: 54px; }
.box-registered .title strong { display: inline-block; width: 135px; font-weight: 700; }

.box-registered ul { display: block; padding-top: 7px; }
.box-registered ul li { position: relative; width: 100%; margin-bottom: 5px; padding-left: 20px; box-sizing: border-box; font-size: 14px; line-height: 18px; background: url('../img/check.png') 0 3px no-repeat; }

.box-registered a.btn:link, .box-registered a.btn:visited { position: absolute; right: 20px; bottom: 20px; display: inline-block; width: 200px; height: 40px; font-size: 18px; font-weight: 600; line-height: 40px; text-align: center; text-transform: uppercase; color: #fff; background-color: #2377e6; border: #fff 2px solid; }
.box-registered a.btn:hover { background-color: #000; border-color: #000; }


/* BOX UNSUBSCRIBE */
.box-unsubscribe { position: relative; display: block; width: 100%; height: 100px; padding: 20px; box-sizing: border-box; color: #fff; background-color: #a0a0a0; border-bottom: #fff 2px solid; }
.box-unsubscribe p { display: block; font-size: 14px; font-weight: 600; line-height: 18px; color: #fff; }

.box-unsubscribe a.btn:link, .box-unsubscribe a.btn:visited { position: absolute; right: 20px; bottom: 20px; display: inline-block; width: 200px; height: 40px; font-size: 18px; font-weight: 600; line-height: 40px; text-align: center; text-transform: uppercase; color: #fff; background-color: #808080; border: #fff 2px solid; }
.box-unsubscribe a.btn:hover { background-color: #000; border-color: #000; }


/* BOX NEWSLETTER */
.box-newsletter { display: block; width: 100%; padding: 20px; box-sizing: border-box; background-color: #91bbf2; }
.box-newsletter .title { display: block; font-size: 28px; line-height: 30px; font-weight: 300; color: #fff; }
.box-newsletter p { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; line-height: 18px; color: #fff; }

.input-nl { position: relative; width: 100%; margin-bottom: 10px; padding-right: 44px; box-sizing: border-box; }
.input-nl input { display: block; width: 100%; height: 44px; padding: 0 10px; box-sizing: border-box; font-family: 'Catamaran', sans-serif; font-size: 14px; line-height: 44px; background-color: #f7f7f7; color: #7b7b7b; border: 0; }
.input-nl input:focus { background-color: #fff; }
.input-nl a.btn:link, .input-nl a.btn:visited { position: absolute; right: 0; top: 0; display: block; width: 44px; height: 44px; background: #2377e6 url('../img/paperfly.png') 50% 50% no-repeat; }
.input-nl a.btn:hover { background-color: #000; }

.box-newsletter a:link, .box-newsletter a:visited { font-weight: 700; color: #2377e6; }
.box-newsletter a:hover { color: #000; }

.box-newsletter .input { display: block; width: 100%; height: 44px; margin-bottom: 20px; padding: 0 10px; box-sizing: border-box; font-family: 'Catamaran', sans-serif; font-size: 14px; line-height: 44px; background-color: #f7f7f7; color: #7b7b7b; border: 0; }
.box-newsletter input:focus { background-color: #fff; }

.box-newsletter a.btn:link, .box-newsletter a.btn:visited { display: inline-block; width: 100%; margin-bottom: 20px; box-sizing: border-box; height: 44px; font-size: 18px; font-weight: 600; line-height: 40px; text-align: center; text-transform: uppercase; color: #fff; background-color: #80b1f0; border: #fff 2px solid; }
.box-newsletter a.btn:hover { background-color: #2377e6; border-color: #2377e6; }


/* LIST OPPORTUNITY */
.bg-white { background-color: #fff; }
.blk-title { display: block; }
.blk-title h1 { display: block; padding: 30px 0 20px 0; font-size: 36px; line-height: 40px; font-weight: 300; }
.blk-title h2 { display: block; font-size: 28px; line-height: 30px; font-weight: 300; }
.blk-title h2 strong { font-weight: 700; }
.blk-title h3 { display: block; font-size: 20px; line-height: 25px; font-weight: 300; }
.blk-title h3 strong { font-weight: 700; }

.blk-txt p { display: block; margin-bottom: 10px; font-size: 16px; line-height: 22px; }

.blk-txt a:link, .blk-txt a:visited { font-weight: 600; color: #2377e6; }
.blk-txt a:hover { color: #000; }
.blk-txt a i { margin-right: 5px; }

.filter-opportunity-container { display: block; color: #fff; background-color: #a0a0a0; }
.filter-opportunity { position: relative; padding-top: 20px; }

.filter-opportunity .col4 { padding-right: 10px; box-sizing: border-box; }

.filter-opportunity .select { margin-top: 20px; }

.data-container input { float: left; display: inline-block; height: 44px; margin: 20px 0 20px 10px; font-family: 'Catamaran', sans-serif; font-size: 14px; line-height: 44px; text-align: center; background-color: #fff; color: #7b7b7b; border: 0; }
.data-container span { float: left; display: inline-block !important; height: 44px; margin: 20px 0 0 10px; font-size: 14px; line-height: 44px; }
.data-container input.dd, .data-container input.mm { width: 44px; }
.data-container input.aaaa { width: 60px; }

a.btn-search:link, a.btn-search:visited { position: absolute; right: 10px; bottom: 20px; display: inline-block; width: 100px; height: 40px; font-size: 18px; font-weight: 600; line-height: 40px; text-align: center; text-transform: uppercase; color: #fff; background-color: #808080; border: #fff 2px solid; }
a.btn-search:hover { background-color: #000; border-color: #000; }

a.btn-filter-opportunity:link, a.btn-filter-opportunity:visited { position: absolute; right: 0; bottom: -30px; display: inline-block; height: 30px; padding: 0 15px; font-size: 12px; font-weight: 600; text-transform: uppercase; line-height: 30px; white-space: nowrap; color: #fff; background-color: #a0a0a0; border-radius: 0 0 3px 3px; z-index: 99; }
a.btn-filter-opportunity i { margin-left: 5px; }
a.btn-filter-opportunity:hover { color: #000; }

hr { display: block; width: 100%; height: 1px; margin: 30px 0; background-color: #e5e5e5; border: 0; }


/* DETAIL OPPORTUNITY */
a.btn-big:link, a.btn-big:visited { display: inline-block; width: 200px; padding: 10px; margin-bottom: 30px; box-sizing: border-box; font-size: 18px; font-weight: 600; line-height: 24px; text-align: center; color: #fff; background-color: #2377e6; }
a.btn-big:hover { background-color: #000; }

a.btn-red:link, a.btn-red:visited { display: inline-block; width: 200px; padding: 10px; margin-bottom: 30px; box-sizing: border-box; font-size: 18px; font-weight: 600; line-height: 24px; text-align: center; text-transform: uppercase; color: #fff; background-color: rgba(195,26,5,1); }
a.btn-red:hover { background-color: #000; }

a.btn-green:link, a.btn-green:visited { display: inline-block; width: 200px; padding: 10px; margin-bottom: 30px; box-sizing: border-box; font-size: 18px; font-weight: 600; line-height: 24px; text-align: center; text-transform: uppercase; color: #fff; background-color: #9DB100; }
a.btn-green:hover { background-color: #000; }

a.btn-yellow:link, a.btn-yellow:visited { display: inline-block; width: 200px; padding: 10px; margin-bottom: 30px; box-sizing: border-box; font-size: 18px; font-weight: 600; line-height: 24px; text-align: center; text-transform: uppercase; color: #fff; background-color: #e4be3e; }
a.btn-yellow:hover { background-color: #000; }

a.btn-grey:link, a.btn-grey:visited { display: inline-block; width: 200px; padding: 10px; margin-bottom: 30px; box-sizing: border-box; font-size: 18px; font-weight: 600; line-height: 24px; text-align: center; text-transform: uppercase; color: #fff; background-color: #777777; }
a.btn-grey:hover { background-color: #000; }

.col4 a.btn-big,
.col4 a.btn-red,
.col4 a.btn-green,
.col4 a.btn-yellow,
.col4 a.btn-grey { position: relative; height: 68px; }
.col4 a.btn-big span,
.col4 a.btn-red span,
.col4 a.btn-green span,
.col4 a.btn-yellow span,
.col4 a.btn-grey span { position: absolute; left: 0; top: 50%; width: 100%; padding: 0 10px; box-sizing: border-box; -webkit-transform: translateY(-50%); transform: translateY(-50%); }


/* PAGINATION */
.pagination { display: block; width: 100%; margin-bottom: 30px; text-align: right; }
.pagination li { display: inline-block; }
.pagination li a:link, .pagination li a:visited { display: block; width: 32px; height: 32px; text-align: center; line-height: 32px; color: #fff; background-color: #2377e6; }
.pagination li a:hover { background-color: #000; }
.pagination li a i { font-size: 12px; }
.pagination p { display: inline-block; padding: 0 15px; font-size: 16px; line-height: 32px; color: #888; }


/* FANCYBOX */
#fancybox-content { font-size: 14px; line-height: 18px; }
#fancybox-content h3 { display: block; margin-bottom: 10px; padding-bottom: 7px; font-size: 20px; font-weight: 600; line-height: 26px; color: #888; border-bottom: 1px solid #888; }
#fancybox-content input { display: block; width: 100%; height: 40px; margin-bottom: 10px; padding: 0 10px; box-sizing: border-box; font-family: 'Catamaran', sans-serif; font-size: 14px; line-height: 40px; background-color: #e5e5e5; border: 0; }
#fancybox-content input[type=button], #fancybox-content input[type=submit] { font-weight: 600; text-transform: uppercase; color: #fff;  background-color: #2377e6; cursor: pointer; }
#fancybox-content input[type=button]:hover, #fancybox-content input[type=submit]:hover { background-color: #000; }

#msg-wrapper-alert { font-size: 14px !important; line-height: 18px !important; }
#msg-wrapper-alert a:link, #msg-wrapper-alert a:visited { color: #2377e6; }
#msg-wrapper-alert a:hover { color: #000; }


/* FOOTER */
.footer { display: block; padding: 30px 0; width: 100%; font-size: 15px; font-weight: 400; line-height: 20px; text-align: center; color: #fff; background-color: #4c4c4c; }
.footer a:link, .footer a:visited { color: #91bbf2; }
.footer a:hover { color: #fff; }


/* TELEPHONE */
.mob { display: none; }
@media (max-width: 1024px) {
	.desk { display: none; }
	.mob { display: inline-block; }
}


/* EFFECTS */
a, #fancybox-content input[type=button], #fancybox-content input[type=submit] { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }


/* RESPONSIVE */
/* desktop */
@media (min-width: 1200px) and (max-width: 1380px) {}
/* landscape tablet */
@media (min-width: 1024px) and (max-width: 1199px) {
	.container { width: 984px; }
	
	.skill h5 { font-size: 10px; }
	a.btn-go-opportunity:link, a.btn-go-opportunity:visited { padding-top: 12px; }
}
/* landscape tablet */
@media (min-width: 980px) and (max-width: 1023px) {
	.container { width: 940px; }
	
	.skill h5 { font-size: 14px; }
	.col2, .col3, .col33, .col4, .col444, .col5, .col55, .col555, .col5555 { width: 100%; }
	.col13 { width: 33.33333%; padding-right: 0 !important; }
	
	.header { text-align: center; }
	a.logo-rm:link, a.logo-rm:visited, a.logo-rm:hover { float: none; margin: 10px auto 0 auto; }
	.claim { float: none; display: block; padding: 10px 0; text-align: center; }
	
	.box-filter h3 { text-align: center; }
	.box-filter .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; border-right: 0; }
	.box-filter .box-title h2 { display: block; padding-top: 0; }
	.box-filter a.btn:link, .box-filter a.btn:visited { width: 210px; }
	
	.box-login { padding-bottom: 20px; }
	.box-login h3 { text-align: center; }
	.box-login .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; }
	.box-login .box-title h2 { display: block; padding-top: 0; }
	.box-login.logged .box-title:after { background-color: #b0d3a9 !important; }
	.box-login .col2 h2, .box-login .col2 h3 { text-align: center; }
	.box-login a.btn:link, .box-login a.btn:visited { width: 214px; }
	
	
	
	.box-registered { margin-bottom: 0; padding: 20px 20px 80px 20px; }
	.box-registered .title { text-align: center; }
	.box-registered a.btn:link, .box-registered a.btn:visited { width: 210px; }
	
	.box-unsubscribe {padding: 20px 20px 80px 20px; }
	.box-unsubscribe a.btn:link, .box-unsubscribe a.btn:visited { width: 210px; }
	
	.box-newsletter .col3 { padding: 0 !important; }
	
	.filter-opportunity .col4 { padding-right: 0 !important; }
}
/* portrait tablet to landscape and desktop */
@media (min-width: 800px) and (max-width: 979px) {
	.container { width: 760px; }
	
	.col2, .col3, .col33, .col4, .col444, .col5, .col55, .col555, .col5555 { width: 100%; }
	
	.col13 { width: 33.33333%; padding-right: 0 !important; }
	
	.header { text-align: center; }
	a.logo-rm:link, a.logo-rm:visited, a.logo-rm:hover { float: none; margin: 10px auto 0 auto; }
	.claim { float: none; display: block; padding: 10px 0; text-align: center; }
	
	.box-filter h3 { text-align: center; }
	.box-filter .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; border-right: 0; }
	.box-filter .box-title h2 { display: block; padding-top: 0; }
	.box-filter a.btn:link, .box-filter a.btn:visited { width: 210px; }
	
	.box-login { padding-bottom: 20px; }
	.box-login h3 { text-align: center; }
	.box-login .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; }
	.box-login .box-title h2 { display: block; padding-top: 0; }
	.box-login.logged .box-title:after { background-color: #b0d3a9 !important; }
	.box-login .col2 h2, .box-login .col2 h3 { text-align: center; }
	.box-login a.btn:link, .box-login a.btn:visited { width: 214px; }

	.box-registered { margin-bottom: 0; padding: 20px 20px 80px 20px; }
	.box-registered .title { text-align: center; }
	.box-registered a.btn:link, .box-registered a.btn:visited { width: 210px; }
	
	.box-unsubscribe {padding: 20px 20px 80px 20px; }
	.box-unsubscribe a.btn:link, .box-unsubscribe a.btn:visited { width: 210px; }
	
	.box-newsletter .col3 { padding: 0 !important; }
	
	.filter-opportunity .col4 { padding-right: 0 !important; }
}
/* portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 799px) {
	.container { width: 728px; }
	.col2, .col3, .col33, .col4, .col444, .col5, .col55, .col555, .col5555 { width: 100%; }
	.col13 { width: 33.33333%; padding-right: 0 !important; }
	
	.header { text-align: center; }
	a.logo-rm:link, a.logo-rm:visited, a.logo-rm:hover { float: none; margin: 10px auto 0 auto; }
	.claim { float: none; display: block; padding: 10px 0; text-align: center; }
	
	.box-filter h3 { text-align: center; }
	.box-filter .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; border-right: 0; }
	.box-filter .box-title h2 { display: block; padding-top: 0; }
	.box-filter a.btn:link, .box-filter a.btn:visited { width: 210px; }
	
	.box-login { padding-bottom: 20px; }
	.box-login h3 { text-align: center; }
	.box-login .col2 h2, .box-login .col2 h3 { text-align: center; }
	.box-login .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; }
	.box-login .box-title h2 { display: block; padding-top: 0; }
	.box-login a.btn:link, .box-login a.btn:visited { width: 214px; }
	
	
	
	.box-registered { margin-bottom: 0; padding: 20px 20px 80px 20px; }
	.box-registered .title { text-align: center; }
	.box-registered a.btn:link, .box-registered a.btn:visited { width: 210px; }
	
	.box-unsubscribe {padding: 20px 20px 80px 20px; }
	.box-unsubscribe a.btn:link, .box-unsubscribe a.btn:visited { width: 210px; }
	
	.box-newsletter .col3 { padding: 0 !important; }
	
	.filter-opportunity .col4 { padding-right: 0 !important; }
}
/* landscape phone to portrait tablet */
@media (min-width: 600px) and (max-width: 767px) {
	.container { width: 560px; }
	.col2, .col3, .col33, .col4, .col444, .col5, .col55, .col555, .col5555 { width: 100%; }
	.col13 { width: 33.33333%; padding-right: 0 !important; }
	
	.header { text-align: center; }
	a.logo-rm:link, a.logo-rm:visited, a.logo-rm:hover { float: none; margin: 10px auto 0 auto; }
	.claim { float: none; display: block; padding: 10px 0; text-align: center; }
	
	.box-filter h3 { text-align: center; }
	.box-filter .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; border-right: 0; }
	.box-filter .box-title h2 { display: block; padding-top: 0; }
	.box-filter a.btn:link, .box-filter a.btn:visited { width: 210px; }
	
	.box-login { padding-bottom: 20px; }
	.box-login h3 { text-align: center; }
	.box-login .col2 h2, .box-login .col2 h3 { text-align: center; }
	.box-login .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; }
	.box-login .box-title h2 { display: block; padding-top: 0; }
	.box-login a.btn:link, .box-login a.btn:visited { width: 214px; }

	.box-registered { margin-bottom: 0; padding: 20px 20px 80px 20px; }
	.box-registered .title { text-align: center; }
	.box-registered a.btn:link, .box-registered a.btn:visited { width: 210px; }
	
	.box-unsubscribe {padding: 20px 20px 80px 20px; }
	.box-unsubscribe a.btn:link, .box-unsubscribe a.btn:visited { width: 210px; }
	
	.box-newsletter .col3 { padding: 0 !important; }
	
	.filter-opportunity .col4 { padding-right: 0 !important; }
}
/* landscape phone to portrait tablet */
@media (min-width: 480px) and (max-width: 599px) {
	body { background: none; }
	.container { width: 460px; } /*440px*/
	.col2, .col3, .col33, .col4, .col444, .col5, .col55, .col555, .col5555 { width: 100%; }
	.col13 { width: 33.33333%; padding-right: 0 !important; }
	
	.header { text-align: center; }
	a.logo-rm:link, a.logo-rm:visited, a.logo-rm:hover { float: none; margin: 10px auto 0 auto; }
	.claim { float: none; display: block; padding: 10px 0; text-align: center; }
	
	.box-filter h3 { text-align: center; }
	.box-filter .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; border-right: 0; }
	.box-filter .box-title h2 { display: block; padding-top: 0; }
	.box-filter a.btn:link, .box-filter a.btn:visited { width: 210px; }
	
	.box-login { padding-bottom: 20px; }
	.box-login h3 { text-align: center; }
	.box-login.logged:after { background-color: #e9f3e8 !important; }
	.box-login .col2 { text-align: center; }
	.box-login label { text-align: left !important; }
	.box-login .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; }
	.box-login .box-title h2 { display: block; padding-top: 0; }
	.box-login a.btn:link, .box-login a.btn:visited { width: 214px; }
	
	.box-registered { margin-bottom: 0; padding: 20px 20px 80px 20px; }
	.box-registered .title { text-align: center; }
	.box-registered a.btn:link, .box-registered a.btn:visited { width: 210px; }
	
	.box-unsubscribe {padding: 20px 20px 80px 20px; }
	.box-unsubscribe a.btn:link, .box-unsubscribe a.btn:visited { width: 210px; }
	
	.box-newsletter .col3 { padding: 0 !important; }
	
	.filter-opportunity .col4 { padding-right: 0 !important; }
}
/* mobile portrait (320x480) */
@media (max-width: 479px) {
	body { background: none; }
	.container { width: 350px; } /*274px*/
	.col2, .col3, .col33, .col4, .col444, .col5, .col55, .col555, .col5555 { width: 100%; }
	.col13 { width: 33.33333%; padding-right: 0 !important; }
	.header { text-align: center; }
	a.logo-rm:link, a.logo-rm:visited, a.logo-rm:hover { float: none; margin: 10px auto 0 auto; }
	.claim { float: none; display: block; padding: 10px 0; text-align: center; }
	
	.box-filter .box-title { border-right: 0; }
	.box-filter h3 { text-align: center; }
	.box-filter .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; }
	.box-filter .box-title h2 { display: block; padding-top: 0; }
	.box-filter a.btn:link, .box-filter a.btn:visited { width: 210px; }
	
	.box-login { padding-bottom: 20px; }
	.box-login h3 { text-align: center; }
	.box-login.logged:after { background-color: #e9f3e8 !important; }
	.box-login .col2 h2, .box-login .col2 h3 { text-align: center; }
	.box-login .box-title { min-height: 50px; padding: 20px 0 10px 0!important; text-align: center; }
	.box-login .box-title h2 { display: block; padding-top: 0; }
	.box-login a.btn:link, .box-login a.btn:visited { width: 214px; }
	
	
	
	.box-registered { margin-bottom: 0; padding: 20px 20px 80px 20px; }
	.box-registered .title { text-align: center; }
	.box-registered a.btn:link, .box-registered a.btn:visited { width: 210px; }
	
	.box-unsubscribe {padding: 20px 20px 130px 20px; }
	.box-unsubscribe a.btn:link, .box-unsubscribe a.btn:visited { width: 210px; }
	
	.box-newsletter .col3 { padding: 0 !important; }
	
	.data-container { padding-bottom: 80px; }
	a.btn-search:link, a.btn-search:visited { width: 230px; }
	.blk-title, .blk-txt { text-align: center; }
	
	.filter-opportunity .col4 { padding-right: 0 !important; }
}


.swal2-modal hr {
    height: 0px !important;
    color: transparent;
    border: 0;
}

.bg-warning {
    background-color: #FF5722;
    border-color: #FF5722;
    color: #fff;
}
.text-highlight {
    padding: 4px 6px;
}

a.btn-logout:link, a.btn-logout:visited { background-color: #808080 !important;}
a.btn-logout:hover { background-color: #000 !important;}

.txt-warning {
	position:relative; display:block; text-align:center; font-weight:bold; padding:10px 0; margin-bottom:10px; color: #000;
}

/*
.txt-warning:before {
	content:''; position:absolute; left:50%; bottom:0; display:block; width:200px; height:2px; background-color:#DDD; margin-left:-100px;
}
*/

/*** LOADER AGGIUNTO DA FABIO ***/
#contenitore-loader {
	background-color: rgba(0, 0, 0, 0.7); /*background-color: #1abc9c;*/
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	height: 100%;
	width: 100%;
	text-align: center;
}
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 100;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
