@charset "UTF-8";
/**COLORES**/
body{
	color:#617589;
}
body,.left_col,.nav_title,.nav.side-menu > li.active > a{
	background: #BE0101;
}
.nav-md ul.nav.child_menu li::before,.nav-md ul.nav.child_menu li::after {
    border-left: 1px solid #fff; 
    background: #fff;
}

.nav.side-menu > li.active > a {
    background: #204d74;
}

.x_title h2{
	color: #3498DB;
}
.x_title {
    border-bottom: 2px solid #E6E9ED;
}
.x_content{
	padding:0;
}
.page-title h3,nav h3{
	color: #204d74;
}
 
body .container.body .right_col {
    background: #fefefe;
}
.nav.side-menu > li > a, .nav.child_menu > li > a , .nav.side-menu > li > a:hover, .nav.child_menu > li > a,.main_menu span.fa, .site_title {
    color: #fff !important;
}

/**LISTA ORDEN**/
.listaorden{
	padding:5px 5px 5px 5px;
	background:#ddd;
	border-radius:5px;
}	
.chico .listaorden{
	padding: 0px;
	background:#fff;
}
.listaorden ul{
	background:#f7f7f7;
	padding:1px 1px 1px 5px!important;
}
.chico .listaorden ul{
	padding:0 0 0 0px!important;
}
.listaorden li>div, #sortableListsBase li>div{
	padding:5px;
	background: #fff;
	font-size:16px;	
	border-bottom: 1px solid #ccc;		
	color: #333;	
}

.chico .listaorden li>div{
	font-size: 12px;
	padding:3px;
}

.listaorden ul,#sortableListsBase{
	margin:0;
	padding:0;
}

.listaorden li, #sortableListsBase li{
	padding-left:30px;
	border:2px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:5px 0px 5px 5px;
	border-radius:5px;
}

.chico .listaorden li{
	padding-left:20px;
	margin:2px 0px 2px 2px;
	
}

.listaorden li , #sortableListsBase li{
	list-style: none;
	cursor:pointer;
}

.listaorden  div.acciones{	
	font-size: 19px;
	padding:0;
	border:none!important;
	display:none;
}
.chico .listaorden  div.acciones{
	font-size:17px;
}

.listaorden .acciones .fa{
	margin: 0 5px 0 0;
}

.listaorden li>div:hover{
	background:#f2f2f2;
}
.listaorden li div:hover .acciones{
	display: inline-block;
	
}

.currElemClass{
	font-weight: 700;
	background: #aaa;
	list-style: none;
	cursor:move!important;
	opacity: 0.7
}
.currElemClass .acciones{
	display: none;
}
.hintClass{/*donde voy*/
	background:#C4F2A8;
	/*border:1px dashed #00f!important;*/
}

.placeholderClass{ /*donde estaba*/
  background:#eee;	
}

.listaorden .badge{
	font-family:verdana;
	padding: 3px 5px;
	margin-left: 10px;
	background: #aaa;
	font-style: normal;
	
}

.chico .listaorden .badge{
	font-size: 10px;
	padding: 1px 3px;
	
}

span.sortableListsOpener, i.indice{
	float: left; 
	display: inline-block; 
	background-position: center center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	margin-left: -26px;
	margin-right: 0px;
}

.chico span.sortableListsOpener, .chico i.indice{
	margin-left: -18px;
}


/** COLORES */
/*sistemas*/
.listaorden .c6>div{
	border-bottom: 1px solid #B1C9ED;		
	color: #001e4c;	
}
.listaorden li.c6{
	border:2px solid #B1C9ED;
	border-bottom:1px solid #B1C9ED;
}
.listaorden .c6 .fa{
	color: #001e4c;
}
.listaorden li.c6{
	background: #B1C9ED;    
}

/*dimensiones*/
.listaorden .c9>div{
	border-bottom: 1px solid #cfb1ed;		
	color: #26004c;	
}
.listaorden li.c9{
	border:2px solid #cfb1ed;
	border-bottom:1px solid #cfb1ed;
}
.listaorden .c9 .fa{
	color: #26004c;
}
.listaorden li.c9{
	background: #cfb1ed;    
}
/*dimensiones*/
.listaorden .c8>div{
	border-bottom: 1px solid #cfb1ed;		
	color: #cfb1ed;	
}
.listaorden li.c8{
	border:2px solid #cfb1ed;
	border-bottom:1px solid #cfb1ed;
}
.listaorden .c8 .fa{
	color: #cfb1ed;
}
.listaorden li.c8{
	background: #cfb1ed;    
}

/*condiciones*/
.listaorden .c10>div{
	border-bottom: 1px solid #edd5b1;		
	color: #4c2d00;	
}
.listaorden li.c10{
	border:2px solid #edd5b1;
	border-bottom:1px solid #edd5b1;
}
.listaorden .c10 .fa{
	color: #4c2d00;
}
.listaorden li.c10{
	background: #edd5b1;    
}

/*componentes*/
.listaorden .c7>div{
	border-bottom: 1px solid #3d4c00;		
	color: #3d4c00;	
}
.listaorden li.c7{
	border:2px solid #3d4c00;
	border-bottom:1px solid #3d4c00;
}
.listaorden .c7 .fa{
	color: #3d4c00;
}
.listaorden li.c7{
	background: #3d4c00;    
}


.listaorden .cd7>div{
	border-bottom: 1px solid #B1B799;		
	color: #B1B799;	
}
.listaorden li.cd7{
	border:2px solid #B1B799;
	border-bottom:1px solid #B1B799;
}
.listaorden .cd7 .fa{
	color: #B1B799;
}
.listaorden li.cd7{
	background: #B1B799;    
}



.listaorden li.esquemaActivo{
	border:2px solid #3498DB;
	border-bottom:1px solid #3498DB;
	background-color:#3498DB
}


/*condiciones 1*/
.listaorden .co1>div{
	border-bottom: 1px solid #77933C;		
	color: #4c2d00;	
}
.listaorden li.co1{
	border:2px solid #77933C;
	border-bottom:1px solid #77933C;
}
.listaorden .co1 .fa{
	color: #4c2d00;
}
.listaorden li.co1{
	background: #77933C;    
}

/*condiciones 2*/
.listaorden .co2>div{
	border-bottom: 1px solid #953735;		
	color: #4c2d00;	
}
.listaorden li.co2{
	border:2px solid #953735;
	border-bottom:1px solid #953735;
}
.listaorden .co2 .fa{
	color: #4c2d00;
}
.listaorden li.co2{
	background: #953735;    
}

/*condiciones 3*/
.listaorden .co3>div{
	border-bottom: 1px solid #CDD69B;		
	color: #4c2d00;	
}
.listaorden li.co3{
	border:2px solid #CDD69B;
	border-bottom:1px solid #CDD69B;
}
.listaorden .co3 .fa{
	color: #4c2d00;
}
.listaorden li.co3{
	background: #CDD69B;    
}

/*condiciones 4*/
.listaorden .co4>div{
	border-bottom: 1px solid #D99694;		
	color: #4c2d00;	
}
.listaorden li.co4{
	border:2px solid #D99694;
	border-bottom:1px solid #D99694;
}
.listaorden .co4 .fa{
	color: #4c2d00;
}
.listaorden li.co4{
	background: #D99694;    
}


/***/
.x_panel li{
	list-style: none;
}
.checkbox label, .radio label {
    padding-left: 0px;
}


.requeridos{
	width:30% !important;
	vertical-align:super;
	
}
.internas{
	width:65% !important;
	margin-left:40px;
	vertical-align:top;
	
}

.necesarios{
	width:45% !important;
	margin-left:20px;
	vertical-align:top;
	
}

.escenario{
	width:40% !important;
	margin-left:40px;
	vertical-align:top;
	
}

.tooltip {
	
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#000;
	font-size:12px Arial;

}