/* iCheck plugin skins
----------------------------------- */
@import url("minimal/_all.css");
/*
@import url("minimal/minimal.css");
@import url("minimal/red.css");
@import url("minimal/green.css");
@import url("minimal/blue.css");
@import url("minimal/aero.css");
@import url("minimal/grey.css");
@import url("minimal/orange.css");
@import url("minimal/yellow.css");
@import url("minimal/pink.css");
@import url("minimal/purple.css");
*/

@import url("square/_all.css");
/*
@import url("square/square.css");
@import url("square/red.css");
@import url("square/green.css");
@import url("square/blue.css");
@import url("square/aero.css");
@import url("square/grey.css");
@import url("square/orange.css");
@import url("square/yellow.css");
@import url("square/pink.css");
@import url("square/purple.css");
*/

@import url("flat/_all.css");
/*
@import url("flat/flat.css");
@import url("flat/red.css");
@import url("flat/green.css");
@import url("flat/blue.css");
@import url("flat/aero.css");
@import url("flat/grey.css");
@import url("flat/orange.css");
@import url("flat/yellow.css");
@import url("flat/pink.css");
@import url("flat/purple.css");
*/

@import url("line/_all.css");
/*
@import url("line/line.css");
@import url("line/red.css");
@import url("line/green.css");
@import url("line/blue.css");
@import url("line/aero.css");
@import url("line/grey.css");
@import url("line/orange.css");
@import url("line/yellow.css");
@import url("line/pink.css");
@import url("line/purple.css");
*/

@import url("polaris/polaris.css");

@import url("futurico/futurico.css");

#menu_info_baloon{
	z-index: 100;
	margin-left: 20px;
}
#setting-road-button{
	z-index: 10;
}
#setting-print-button{
	z-index: 10;
}
.login-box{
	width: 40%;
}
.hold-transition{
	overflow: auto;
	background: linear-gradient(to bottom, white, gray);
}
.panel-heading{
    font-size: 1.75em;
    font-weight: 600;
    color: #333333;
    text-align: center;
    border-bottom: 1px solid red;
}
.contract .panel-heading{
	border-bottom: 10px solid rgba(0, 0, 255, 0.1);
}
#contract_block{
    width: 21cm;
    min-height: 29.7cm;
    padding: 1cm;
    padding-left: 2cm;
    padding-right: 0.5cm;
    border: 1px #D3D3D3 solid;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
} 

/* #contract_block::after {
	content: ''; 
    position: absolute;
    right: -30px; top: 15px;
    border: 10px solid transparent;
    border-left: 20px solid green;
	} */
.login-box-msg{
	font-size: 1.25em;
    font-weight: 600;
}
.wrapper{
	width: 60%;
	margin: 10px auto;
}

.login-logo img{
	border: 5px solid red;
	width: 100%;
}
.logo-img {
	border: 10px solid red;
}
.register-page .btn-flat,
.login-page .btn-flat{
	margin: 0 auto;
	width: 80%;
}
.register-page .btn-primary,
.login-page .btn-primary{
	height: 50px;
	margin: 10px auto;
	width: 100%;
}
.login-box-body{
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
	margin-top: 0;
	padding: 0px;
	padding-top: 30px;
	background-color: white;
}
.form-horizontal{
	width: 60%;
	margin: 0 auto;
}
.form-horizontal .img{
	width: 50%;
	margin: 0 auto;
}
input[type=checkbox]{
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
}
.content-wrapper{
	margin: 10px auto;
}
@media (max-width: 1250px){
	.wrapper{
		width: 100%;
	}
	
	.login-box{
		width: 60%;
	}

}
@media (max-width: 767px){
	.wrapper{
		width: 100%;
	}

	.form-horizontal{
		width: 100%;
	}
	
	.login-box{
		width: 100%;
	}

}
.back{
	width: 4%;
	height: 100%;
	position: fixed;
	background-color: gray;
	opacity: 0.05;
	top: 0;
}
.back:hover{
	cursor: pointer;
	opacity: 0.4;
}
table .table-user {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 14px;
  background: white;
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.table-user th {
  color: gray;
  text-align: center;
  font-size: 1em;
  font-weight: 600;
  border-bottom: 2px solid red;
  padding: 10px 8px;
}
.table-user td {
  color: black;
  text-align: center;
  border-right: 1px solid rgba(255, 0, 0, 0.1);
  padding: 9px 8px;
  transition: .3s linear;
}
.table-user tr:hover td{
  color: #dd4b39;
}
.table-user tr:nth-child(2n) {
  background: #E8E8E8;
}
.table-user .btn-primary{
	height: 34px;
	width: 45px;
}
.content-wrapper .box {
	border-top: none;
	overflow-x: auto;
	background-color: white;
}
.content-wrapper .box-header{
	margin: 0;
	padding: 0;
	height: 50px;
	color: white;
}
#change_table{
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
#change_table td.active{
	box-shadow: 0px -4px 1px 3px gray;
	background-color: #dd4b39;
	opacity: 1;
}
#change_table td.active:hover{
	background-color: #dd4b39;
}

#change_table td{
	cursor: pointer;
	text-align: center;
	height:100%;
	color: white;
	background-color: rgba(255,0,0,0.2);
}

#change_table td:hover{
	background-color: rgba(255,0,0,0.4);
}

.with-border{
	background-color: #dd4b39;
	text-align: center;
}
.with-border h3{
	padding: 15px;
}

.button-table{
	table-layout: fixed;
}

.content-block .button-table .btn-primary{
	height: 20px;
	width: 20px;
}

.content-block .button-table .btn-danger{
	height: 20px;
	width: 20px;
}

.table-user tr:nth-child(2n) .button-table td{
  background-color: #E8E8E8;
}

tr.company{
	cursor: pointer;
}


.box-title .button-table .btn-primary{
	height: 34px;
}


.div-group{
	margin: 10px;
	padding: 10px;
	border-top: 1px solid rgba(255,0,0,0.2);
}

.fondo_O_logo{
	width: 90px;
	height: 100px;
}

span.O_title{
	font-weight: bold; 
	font-size: 3.25em;
    font-weight: 600;
}

.box-header .box-title{
	color: white;
	margin-top: 10px;
}


.table-info{
	width: 100%;
	table-layout: fixed;
	border-spacing: 10px 10px;
}

.table-info td{
	padding: 5px;
	padding-top: 0;
	padding-bottom: 0;
}

.table-info td{
	padding: 5px;
	padding-top: 0;
	padding-bottom: 0;
}

.my_profile{
	cursor: pointer;
}

.my_profile:hover{
	box-shadow: 0px 0px 2px 2px gray;
}

.left-block {
    padding: 15px;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 6px 0 20px -5px rgba(0, 0, 0, 0.2), 10px 10px 15px -10px rgba(0, 0, 0, 0.1);
}


.content-block{
	padding-left: 30px;
	background: linear-gradient(to bottom, white, gray);
}

.box-header{
	margin: 0;
}

.fixed-button-block .btn-success{
	opacity: 0.5;
}

.fixed-button-block .btn-success:hover{
	opacity: 1;
}

.fixed-button-block .btn-info{
	opacity: 0.5;
}

.fixed-button-block .btn-info:hover{
	opacity: 1;
}

.table-info{
	width: 100%;
}

.table-info td{
	margin:  0;
}

.table-user td{

	padding: 10px;
}

.next-page{
	display: none;
}

.legals-table-block .button-table{
	margin: 0 0 0 25%;
}

.count{ 
	margin-left: 5px;
	display: inline-block;
	min-width: 22px;
	padding-left: 5px;
	padding-right: 5px;
	color: white;
	text-align: center;
	border-radius: 10px;
	background-color: rgba(55, 0, 0, 0.4);
}

.select-check .fa-flag{
	font-size:18px; 
	color: grey;
	cursor: pointer;
}

#canv {
  display: none;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  cursor: crosshair;
}

.mouse-context-menu{
	min-width: 200px;
	display: none;
	z-index: 99999;
	background-color: white;
	position: absolute;
	box-shadow: 1px 1px 1px 1px grey;
	padding: 2px;
}

.mouse-context-menu ul{
	list-style: none;
}

#question_div{
	position: absolute;
	z-index: 99999;
	display: none;
}
#question_div button{
	width: 180px;
}
#fade{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99998;
}

.panel-heading{
	font-size: 18px;
}

.label-death{
	background-color: #860000;
	color: white;

}

a{
	cursor: pointer;
}

.circle-button{
	border: none;
	font-weight: 700;
	background-color: white;
  	color: black;
  	min-width: 28px;
  	height: 28px;
  	font-size: 11px;
  	cursor: pointer;
   	text-decoration: none;
  	border-radius: 100px;
  	margin-left: 4px;
  	transition: 0.2s;
  	box-shadow: 0px 6px 10px -3px rgba(0,0,0,0.5);
}