/******************************







** ALL







*******************************/







body{







	font-family: 'Roboto', sans-serif;







	background-color: #f9f9f9;







	height: 100%;







}















.clean{







	clear: both !important;







}















.well .btn-default{







	color: #2980b9;







	border-color: #2980b9;







}















#btn-close-ticket.disabled{







	color: #96281B;







	border-color: #96281B !important;







}















.well .btn-default:hover{







	background: #fff;







	border-color: #6BB9F0 !important;







	color: #6BB9F0;







}















h1, h2, h3{







	font-weight: 300 !important;







}















.subtitle .h3{







	background: #5EB6BD;







    color: #fff;







    padding: 10px;







    border-radius: 5px;







    font-weight: 400 !important;







}















.well{







	background-color: #fff;







}















.index-title{







	color: #fff;







	font-family: 'Quicksand', sans-serif;







	letter-spacing: 4px;







	font-weight: 300;







}















.index-title .main-title{







	border-bottom: 1px solid #fff;







	padding-bottom: 2px;







	font-size: 32px;







	margin-bottom: 5px;







}















.index-title .bottom-title{







	/*padding-top: 6px;*/







}















.glyphicon-leaf{







	-moz-transform: scale(-1, 1);







	-webkit-transform: scale(-1, 1);







	-o-transform: scale(-1, 1);







	-ms-transform: scale(-1, 1);







	transform: scale(-1, 1);







}















/*** menu ****/







.navbar-fixed-top{







	background: #13728A;







	border-bottom:1px solid #13728A;







}















.navbar-fixed-top .navbar-nav > li:hover ,







.navbar-fixed-top .navbar-nav > li.open > a{







	background-color: #d35400 !important;







}















.navbar-fixed-top .navbar-nav > li > a{







	color: #fff !important;







}















.navbar-brand{







	color: #fff !important;







}







/***** /menu *******/















.navbar-brand > img {







	display: inline !important;







	margin-top: -5px;







}















.hidden{







	display: none !important;







}















.div-filter-content{







	padding-top: 30px !important;







}















.main-body{







	padding-top: 50px;







}















.date-input{







	background-color: #fff !important;







	cursor: pointer;







}















.text-low{







	color: #27ae60;







}















.text-medium{







	color: #f39c12;







}















.text-high{







	color: #c0392b;







}















.hidden{







	display: none !important;







}















form{







	margin-bottom: 0px !important;







}















textarea{







	resize: vertical;







}















input ,







select ,







textarea{







	box-shadow: none !important;







}















input:focus ,







select:focus ,







textarea:focus{







	border-color: #2980b9 !important;







}















hr{







	border-color: #2980b9 !important;







}















.btn{







	border-radius: 4px !important;







	outline: none !important;







}















.btn-main ,







.btn-main:hover ,







.btn-main:focus{







	background: #13728A;







	color: #fff;







}















.input-error{







	border-color: #eee !important;







}















.div-error{







	color: #eee !important;







	padding-bottom: 15px;







}















.title{







	padding-bottom: 30px;







}















.subtitle{







	padding-bottom: 15px;







}















.content{







	padding-top: 30px;







	padding-bottom: 50px;







}















a.btn ,







button.btn{







	transition: background 0.2s, color 0.2s;







}















.ticket-description img{







	max-width: 100%;







}















.div-manage-bottom{







	padding-top: 100px;







}















.solution-block{







	padding-top: 30px;







}















/******************************







** INDEX







******************************/







.index-body{







	background-image: url("../images/index/bg-2.jpg");







	background-size: cover;







	background-repeat: no-repeat;







	background-position: center center;







}















.index-box{







	/*border: 1px solid #fff;*/







	background-color: rgba(0,0,0,0.45);







	padding: 30px;







	border-radius: 4px;







	position: absolute;







	top: 50%;







	transform: translateY(-50%);







	-moz-transform: translateY(-50%);







}















.index-box img{







	max-width: 100%;







}















.index-form{







	margin-top: 40px;







}















.ticket-read{







	background-color: #FDE3A7 !important;







	font-weight: bold;







}















.solution-block img{







	max-width: 100% !important;







}















.panel-heading{







	padding: 0px;







}















.panel-heading > h4 > a{







	display: block !important;







	padding: 5px;







	font-size: 14px;







	background-color: #C7ECFC;







}















.panel-heading > h4 > a:hover,







.panel-heading > h4 > a:focus{







	text-decoration: none;







}















.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {







    border: 1px solid #1E8BC3;







}















.nav-tabs {







    border-bottom: none;







}















.panel-default{







	border-color: #1E8BC3;







}















/**********************************/















.info-toggle{







	color: #EC5A1D !important;







	cursor: pointer !important;







}















.date-disabled{







	background-color: #eee !important;







}







.back-to-top {



	position: fixed;



	z-index: 9999;



	bottom: 20px;



	right: 20px;



	background: #EC5A1D;



	border-radius: 50%;



	text-align: center;



}







.back-to-top > a {



	color: #fff;



	display: block;



	width: 50px;



	height: 50px;



	padding-top: 10px;



}



#modal-additional-info img {

	max-width: 100%;

}



.comercial-text {

	color: rgb(5, 156, 202);

}