unsetunsetunsetunset@charset "UTF-8";
/**
 * ii-sat - iiSAT CSS
 * @version v1.0
 * @copyright 2017 iiBrasil
 * @author João Corityac
 */

/* Fonts */
/* IMPORTANT: CHANGE TO LOCAL STORAGE */
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400|Roboto:300,400,400i,500';
@import 'https://fonts.googleapis.com/icon?family=Material+Icons';

.material-icons {font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}


/* Intel Clear W */
/* -- Light */
@font-face {font-family: 'IntelClearLight'; src: url('../fontes/intel-clear-latin-lite.eot?v=4.3.0'); src: url('../fontes/intel-clear-latin-lite.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fontes/intel-clear-latin-lite.woff2?v=4.3.0') format('woff2'), url('../fontes/intel-clear-latin-lite.woff?v=4.3.0') format('woff'), url('../fontes/intel-clear-latin-lite.ttf?v=4.3.0') format('truetype'), url('../fontes/intel-clear-latin-lite.svg?v=4.3.0#IntelClearLight') format('svg'); font-weight: normal; font-style: normal;}
/* -- Regular */
@font-face {font-family: 'IntelClearRegular'; src: url('../fontes/intel-clear-latin.eot?v=4.3.0'); src: url('../fontes/intel-clear-latin.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fontes/intel-clear-latin.woff2?v=4.3.0') format('woff2'), url('../fontes/intel-clear-latin.woff?v=4.3.0') format('woff'), url('../fontes/intel-clear-latin.ttf?v=4.3.0') format('truetype'), url('../fontes/intel-clear-latin.svg?v=4.3.0#IntelClearRegular') format('svg'); font-weight: normal; font-style: normal;}

body {padding: 0px !important; margin: 0px !important;}
a {color:#373736; font-family: 'Roboto', sans-serif; font-weight:300; font-style: normal; text-decoration:none;}
a:hover, a:active {text-decoration: none;}
.desktop-only {display:block !important; visibility:visible !important;}
.mobile-only {display:none !important; visibility:hidden !important;}
.bkg-iibrasil {width: 100%; min-height: 100vh; height: 100%; background-image: url(../imagens/bkg-overlay-right-login.png); background-repeat: no-repeat; background-size: cover; opacity: 0.15; position: fixed; z-index: 0;}

/*.modal-backdrop {display: none;}*/

/* HEADER */
header {width: 100%; height: auto; padding: 50px 0 20px 0; position: relative; display: block; z-index: 2; text-align:center; overflow:hidden;}
header .logo-prefeitura-ss {width: 332px; height: 90px; position: relative; display: inline-block; background-image: url(../svg/logo-pref-ss-brasao-black.svg); background-position: 0 0; background-size: 332px 90px; background-repeat: no-repeat;}
header .line-div {width: 1px; height: 90px; background: #d8d8d8; margin: 0 40px; position: relative; display: inline-block;}
header .logo-iibrasil {width: 332px; height: 90px; position: relative; display: inline-block; background-image: url(../svg/logo-iibrasil-color-login.svg); background-position: 0 0; background-size: 332px 90px; background-repeat: no-repeat;}

.container {width: 100% !important; margin: -540px auto 30px auto;}

.container .modal {background: rgba(0,0,0,0.6);}

/* CONTENT */
.content-app {width: 100%; height: 550px; position: relative; display: block; text-align:center; overflow:hidden;}
.content-app .line-content {width: 100%; height: 350px; background: #DDDDDD; position: absolute; top: calc(50% - 30px); transform: translateY(-50%); overflow: hidden; box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.4); z-index: 3;}
.content-app .line-content .bkg-content {width: 100%; height: 100%; position: absolute; display: block;}
.content-app .line-content .bkg-content.default {background-image: url(../imagens/bkg-content-default.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.content-app .line-content .overlay-content {width: 100%; height: 100%; position: absolute; display: block; background: rgba(87,87,86,.58);}


/* -- Row/Frame */
.frame{position: relative; z-index: 4; width: 80%; max-width: 1000px; margin: 0 auto 0 auto;}
.frame .panel {background: #ffffff; z-index: 5; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 2px, rgba(0, 0, 0, 0.05) 0px 4px 2px, rgba(0, 0, 0, 0.05) 0px 8px 4px, rgba(0, 0, 0, 0.05) 0px 16px 8px, rgba(0, 0, 0, 0.05) 0px 32px 16px, rgba(0, 0, 0, 0.05) 0px 64px 32px; border: none !important;}
.frame .panel .panel-heading {font-family: 'IntelClear', sans-serif; font-size: 22px; color: #575756; font-weight: 300; background: #f7f7f7; border: none;}
.frame .panel .panel-heading h4 {font-family: 'IntelClear', sans-serif; font-size: 22px; color: #575756; font-weight: 300; background: none; border: none;}

/* FOOTER */
footer {width:100%; height:150px; position:relative; display:block; background-color:#373736; z-index:1; text-align:center; overflow:hidden;}
footer .left-footer {width:calc(50% - 50px); margin-left:50px; height:140px; display:block; text-align:left; float:left;}
footer .right-footer {width:calc(50% - 50px); margin-right:50px; height:140px; display:block; text-align:right; float:left;}
footer .logo-footer {width:95px; height:21px; margin-top:30px; background-image: none, url(../svg/logo-iibrasil-white-login.svg?ver=20170921); -webkit-background-size: 95px auto; background-size: 95px auto; background-position: 0px -1px; opacity:0.3; background-repeat: no-repeat; position:relative; display:block; float:left;}
footer .logo-prefeitura {width:80px; height:95px; margin-top:30px; margin-right:13px; background-image: none, url(../svg/logo-pref-ss-peixe-default-color.svg); -webkit-background-size: 80px 95px; background-size: 80px 95px; background-position: 0px 0px; opacity:1; background-repeat: no-repeat; position:relative; display: inline-block;}
footer .logo-iibrasil {width:95px; height:95px; margin-top:30px; margin-right:30px; background-image: none, url(../svg/logo-pref-iibrasil-white.svg?ver=20150301); -webkit-background-size: 95px 95px; background-size: 95px 95px; background-position: 0px 0px; opacity:0.3; background-repeat: no-repeat; position:relative; display: inline-block;}

footer .nav-footer {width: calc(100% - 120px); height: 20px; margin: 0 0 0 120px; padding: 38px 0 10px 0; border-bottom: solid 1px rgba(255,255,255,0.1); line-height: 20px; color:#CCCCCC; text-transform: uppercase !important; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 10px; vertical-align: top;}
footer .nav-footer a {color:#8F8E8E; text-transform: uppercase !important; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 10px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition:  all 0.4s; -o-transition:  all 0.4s; -ms-transition:  all 0.4s; text-decoration: none;}
footer .nav-footer a:hover, footer .nav-footer .select a {color:#F0F0F0; text-decoration: none;}
footer .nav-footer ul {width: 100%; height: auto; position: relative; display: block; text-align: left; margin: 0; padding: 0; margin-top: -15px}
footer .nav-footer ul > li {width: auto; height: auto; line-height: 20px; margin: 0 20px 0 0; display: inline-block; position: relative; vertical-align: top;}
footer .nav-footer ul > li:last-of-type {margin: 0;}
footer .nav-footer ul > li.small { float: right; margin: 0 10px 0 0;}

footer .copy-footer {height:10px; line-height:10px; margin-top:28px; margin-left:0px; padding:0; font-size:11px; color:#8F8E8E; font-family: 'Roboto', sans-serif; font-weight:300; position:relative; display:block; float:left; text-transform: none;}

footer .infos-footer {width:auto; height:120px; margin-top:20px; text-align:left; padding-left:15px; border-left:solid 1px #706f6f; position:relative; display:inline-block; font-size:11px; font-family: 'Roboto', sans-serif; font-weight:300; color:#CCCCCC;}
footer .infos-footer p {margin:0; padding:0; line-height:18px; padding-bottom:5px;}
footer .infos-footer a {color:#2587e8; text-decoration:none;}

/* Tablets */
@media only screen
and (min-device-width: 481px)
and (max-device-width: 1024px)
and (orientation:portrait) {
	
	footer {z-index: -1;}
	
	.desktop-only {display:none!important; visibility:hidden!important;}
	.mobile-only {display:block!important; visibility:visible!important;}
	}
	
@media only screen
and (min-device-width: 481px)
and (max-device-width: 1024px)
and (orientation:landscape) {

	
	footer {z-index: -1;}
	
	.desktop-only {display:none!important; visibility:hidden!important;}
	.mobile-only {display:block!important; visibility:visible!important;}
	}


/* Phone */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation:portrait) {
	
	footer {width:100%; height:180px; z-index: -1;}
	footer .left-footer {width:100%; height:60px; margin-left:0px; display:block; text-align:center; float:left;}
	footer .right-footer {width:100%; height:120px; margin-right:0px; display:block; text-align:center; float:left;}
	footer .logo-footer {position:relative; display:inline-block; float:none;}
	footer .sitemap-footer {display:none;}
	
	.desktop-only {display:none!important; visibility:hidden!important;}
	.mobile-only {display:block!important; visibility:visible!important;}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation:landscape) {
		
	footer {width:100%; height:180px; z-index: -1;}
	footer .left-footer {width:100%; height:60px; margin-left:0px; display:block; text-align:center; float:left;}
	footer .right-footer {width:100%; height:120px; margin-right:0px; display:block; text-align:center; float:left;}
	footer .logo-footer {position:relative; display:inline-block; float:none;}
	footer .sitemap-footer {display:none;}
	
	.desktop-only {display:none!important; visibility:hidden!important;}
	.mobile-only {display:block!important; visibility:visible!important;}
}