/* Copyright 1999-2017. Parallels IP Holdings GmbH. All Rights Reserved. */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);
html {
    font: normal 13px/1.4 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-y: scroll;
    color: #000;
}
html,body {
    height: 100%;
    min-height: 100%;
}
body{margin: 0; padding: 0;}


.rolPanelGeneral{
	
	width: 100%;
	height: 100%;
	background:#FFF;
	display:block;
}
.noLoadRoom{
	
	display: block;
    position: absolute;
    width: 40%;
    height: 9rem;
    text-align: center;
    padding: 30% auto;
    top: 35vh;
    left: 30%;
    color: #FFF;
    background: #000;
	border:2px double #FFF;
}
.noLoadRoom h1{
    margin: 2.5rem auto;
	font-size:3rem;
}

.rolTable{
	width:100%;
	height:100%;
	border:2px double #FFF;
	position:absolute;
	top:0;
	left:0;
}
.rolTable tr{
	
	border:2px double #FFF;
}
.rolTable td{
	border:2px double #FFF;
}
.telon{
	z-index:9999999;
	width:100%;
	height:100%;
	background: #000;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
}

.telon .telonMsg{
	color:#FFF;
	text-align:center;
	display:block;
	margin:15% auto 50px auto;
	text-transform: uppercase;
}
.telon .telonIcon{
	border-radius:50%;
	width:140px;
	height:140px;
	text-align:center;
	display:block;
	margin:auto;
	background:#ef871d;
}
.telon .telonIcon img{
	
	width:120px;
	height:auto;
	margin: 10px auto;
}

.bloque-menu-bar{
	max-height:100%;
	float:left;
	color:#FFF;
}
.menu-bar-logo{
	width:5%;
	max-width:55px;
	height:auto;
	padding:5px 10px;
	background:#ef871d;
	
}
.menu-bar-logo img{
	max-width:34px;
	max-height:100%;
}
.menu-bar-titulo{
	color:#fff;
	margin:auto 10px;
}
.menu-bar-option{
	font-size: 2.5rem;
	float:right !important;
}
.menu-bar-option-list{
	margin-top: -4px;
	font-size: 2.5rem;
	float:right !important;
}
.menu-bar-option-list li{
	padding:1px 5px;
	cursor:pointer;
}

.table-zone-0{
	background:black !important;
	height:5%;
}
.table-zone-1{
	background:#ffffff !important;
	width:20%;
}
.table-zone-2{
	background:#ffffff !important;
}
.table-zone-3{
	background:#ffffff !important;
	width:30%;
}
.table-zone-4{
	background:#ffffff !important;
	height:20%;
}
.table-zone-control-tap{
	display:none;
}
.table-colum-1{
	border-right:2px solid #aaa;

}
.table-colum-2{
	border-right:2px solid #aaa;

}
.table-colum-3{
	/*border-right:2px solid #aaa;*/
}

.container-fluid.table-colum-2 {
    width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto; 
}

.modal-setting .nav-tabs .nav-link.active {
    border-right: 2px solid #FFF;
    border-bottom: 1px solid #dee2e6   !important;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
	margin-right:-2px;
	background:#FFF;
	z-index: 9999;
}
.modal-setting .nav-tabs .nav-link:focus, .modal-setting  .nav-tabs .nav-link:hover {
    border-color: #e9ecef transparent #dee2e6 #dee2e6;
	border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
}
.colum-setting-menu{
	margin-top:10px;
	margin-bottom:10px;
}
.colum-setting-menu .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}
.colum-setting-data{
	border:1px solid #e9ecef ;
	border-radius: .25rem;
}

.rolLayout-4 .barZone{
	display:none;
}
.barZone{
	float:right;
	background: #FFF;
	border:1px solid #aaa;
	border-top:0px solid #FFF;
	border-right:0px solid #FFF;
	border-radius:0 0 0 2em;
}
.barZone .nav{

    padding-left: 1rem;
}
.barZone .nav-link {
    color: #aaa !important;

    display: block;
    padding: 0.2rem 0.3rem !important;
}
.container-tab .nav-item  {
	display: block;
	padding: 0.2rem 0.3rem !important;
}
.maximized .boton-minimizar{
	display:block;
	
}
.maximized .boton-maximizar{
	display:none;
	
}
.minimized .boton-minimizar{
	display:none;
	
}
.minimized .boton-maximizar{
	display:block;
	
}
/*
.table-zone{
	padding-top:16px;
	
}
.minimized.table-zone {
    padding-top: 55px;
}
.minimized .barZone{
	margin-top:-55px;

}
.barZone{
	margin-top:-16px;
	margin-bottom:16px;
}
*/
.table-zone-0.table-zone,.table-zone-2.table-zone{
	padding-top:0px;
	
}

/*.rolLayout-0*/
.rolLayout-0 .table-colum-1{
	width:15%;
	height:95%;
	display:block;
	float:left;

}
.rolLayout-0 .table-colum-2{
	width:50%;
	height:95%;
	display:block;
	float:left;

}
.rolLayout-0 .table-colum-3{
	width:35%;
	height:95%;
	display:block;
	float:left;

}
.rolLayout-0 .table-zone-0{
	width:100%;
	height:5%;
	display:block;
	float:left;
}
.rolLayout-0 .table-zone-1{
	width:100%;
	height:100%;
	display:block;
	float:left;
}
.rolLayout-0 .table-zone-2{
	width:100%;
	height:80%;
	display:block;
	float:left;
}
.rolLayout-0 .table-zone-3{
	width:100%;
	height:20%;
	display:block;
	float:left;
	border-top:2px solid #aaa;
}
.rolLayout-0 .table-zone-4{
	width:100%;
	height:100%;
	
	display:block;
	float:left;
	
}

/*.rolLayout-1*/
.rolLayout-1 .table-colum-1{
	width:20%;
	height:95%;
	display:block;
	float:left;

}
.rolLayout-1 .table-colum-2{
	width:80%;
	height:95%;
	display:block;
	float:left;

}
.rolLayout-1 .table-colum-3{
	display:none;
}
.rolLayout-1 .table-zone-0{
	width:100%;
	height:5%;
	display:block;
	float:left;
}
.rolLayout-1 .table-zone-1{
	width:100%;
	height:100%;
	display:block;
	float:left;
}
.rolLayout-1 .table-zone-2{
	width:100%;
	height:80%;
	display:block;
	float:left;
	
}
.rolLayout-1 .table-zone-3{
	width:50%;
	height:20%;
	display:block;
	float:left;
	border-top:2px solid #aaa;
}
.rolLayout-1 .table-zone-4{
	width:50%;
	height:20%;
	
	display:block;
	float:left;
	border-top:2px solid #aaa;
	border-right:2px solid #aaa;
	
}


/*.rolLayout-2*/
.rolLayout-2 .table-colum-1{
	width:20%;
	height:95%;
	display:block;
	float:left;

}
.rolLayout-2 .table-colum-2{
	width:80%;
	height:95%;
	display:block;
	float:left;

}
.rolLayout-2 .table-colum-3{
	display:none;
}
.rolLayout-2 .table-zone-0{
	width:100%;
	height:5%;
	display:block;
	float:left;
}
.rolLayout-2 .table-zone-1{
	width:100%;
	height:100%;
	display:block;
	float:left;
}
.rolLayout-2 .table-zone-2{
	width:100%;
	height:80%;
	display:block;
	float:left;
	
}
.rolLayout-2 .table-zone-3{
	width:70%;
	height:20%;
	display:block;
	float:left;
	border-top:2px solid #aaa;
}
.rolLayout-2 .table-zone-4{
	width:30%;
	height:20%;
	
	display:block;
	float:left;
	border-top:2px solid #aaa;
	border-right:2px solid #aaa;
}

/*.rolLayout-3*/
.rolLayout-3 .table-colum-1{
	width:70%;
	height:95%;
	display:block;
	float:left;
	background:yellow !important;
}
.rolLayout-3 .table-colum-2{
	width:30%;
	height:95%;
	display:block;
	float:left;
	background:red !important;
}
.rolLayout-3 .table-colum-3{
	display:none;
}
.rolLayout-3 .table-zone-0{
	width:100%;
	height:5%;
	display:block;
	float:left;
}
.rolLayout-3 .table-zone-1{
	width:100%;
	height:30%;
	display:block;
	float:left;
}
.rolLayout-3 .table-zone-2{
	width:100%;
	height:100%;
	display:block;
	float:left;
}
.rolLayout-3 .table-zone-3{
	width:100%;
	height:40%;
	display:block;
	float:left;
	border-top:2px solid #aaa;
}
.rolLayout-3 .table-zone-4{
	width:100%;
	height:30%;
	
	display:block;
	float:left;
	border-top:2px solid #aaa;
}


/*.rolLayout-4*/
.rolLayout-4 .table-colum-1{
	width:70%;
	height:95%;
	display:block;
	float:left;

}
.rolLayout-4 .table-colum-2{
	width:30%;
	height:95%;
	display:block;
	float:left;

}
.rolLayout-4 .table-colum-3{
	display:none;
}
.rolLayout-4 .table-zone-control-tap{
	width:100%;
	height:5%;
	display:block !important;
	float:left;
	padding:3px;
}
.rolLayout-4 .table-zone-0{
	width:100%;
	height:5%;
	display:block;
	float:left;
}
.rolLayout-4 .table-zone-1{
	width:100%;
	height:100%;

	
}
.rolLayout-4 .table-zone-2{
	width:100%;
	height:100%;

}

.rolLayout-4 .table-zone-3{
	width:100%;
	height:100%;

}
.rolLayout-4 .table-zone-4{
	width:100%;
	height:100%;

}
.rolLayout-4 .tab-content-col-2{
	width:100%;
	height:95%;
	margin-top:7%;
	    background: #ffffff !important;
}

.rolLayout-4 .rolLayout-4-nav {
	height:100%;

}

/*Minimizados y maximizados .rolLayout-0*/
.rolLayout-0 .table-zone-0.minimized{
}

.rolLayout-0 .table-colum-1.minimized{
	width:4%;
	min-width: 40px;
}
.rolLayout-0 .table-zone-1.minimized{
	width:100%;
	height:100%;

}
.rolLayout-0 .table-zone-2.minimized-zone-3{
	height:95%;
}
.rolLayout-0 .table-zone-2.minimized-zone-1{
	/*width:100%;*/
	/*height:95%;*/
}
.rolLayout-0 .table-colum-2.minimized-zone-1{
	width:62%;
}
.rolLayout-0 .table-colum-2.minimized-zone-4{
	width:82%;
}
.rolLayout-0 .table-colum-2.minimized-zone-1.minimized-zone-4{
	width:94%;
}
.rolLayout-0 .table-zone-3.minimized{
	width:100%;
	height:5%;
	min-height: 40px;
}
.rolLayout-0 .table-colum-1.minimized{
	width:3%;
	min-width: 40px;
}
.rolLayout-0 .table-zone-1.minimized{
	width:100%;
	height:100%;

}
.rolLayout-0 .table-colum-3.minimized{
	width:3%;
	min-width: 40px;
}

/*Minimizados y maximizados .rolLayout-1*/
.rolLayout-1 .table-zone-0.minimized{
}

.rolLayout-1 .table-colum-1.minimized{
	width:4%;
	min-width: 40px;
}
.rolLayout-1 .table-zone-1.minimized{
	width:100%;
	height:100%;

}
.rolLayout-1 .table-zone-2.minimized-zone-3-4{
	height:95%;
}
.rolLayout-1 .table-zone-2.minimized-zone-1{
	/*width:100%;*/
	/*height:95%;*/
}
.rolLayout-1 .table-colum-2.minimized-zone-1{
	width:97%;
}
.rolLayout-1 .table-colum-2.minimized-zone-4{
	width:82%;
}
.rolLayout-1 .table-colum-2.minimized-zone-1.minimized-zone-4{
	width:94%;
}
.rolLayout-1 .table-zone-3.minimized,.rolLayout-1 .table-zone-4.minimized{
	height:5%;
	min-height: 40px;
}
.rolLayout-1 .table-colum-1.minimized{
	width:3%;
	min-width: 40px;
}
.rolLayout-1 .table-zone-1.minimized{
	width:100%;
	height:100%;

}
.rolLayout-1 .table-colum-3.minimized{
	width:3%;
	min-width: 40px;
}




/*Minimizados y maximizados .rolLayout-3*/
.rolLayout-2 .table-zone-0.minimized{
}

.rolLayout-2 .table-colum-1.minimized{
	width:4%;
	min-width: 40px;
}
.rolLayout-2 .table-zone-1.minimized{
	width:100%;
	height:100%;

}
.rolLayout-2 .table-zone-2.minimized-zone-3-4{
	height:95%;
}
.rolLayout-2 .table-zone-2.minimized-zone-1{
	/*width:100%;*/
	/*height:95%;*/
}
.rolLayout-2 .table-colum-2.minimized-zone-1{
	width:97%;
}
.rolLayout-2 .table-colum-2.minimized-zone-4{
	width:82%;
}
.rolLayout-2 .table-colum-2.minimized-zone-1.minimized-zone-4{
	width:94%;
}
.rolLayout-2 .table-zone-3.minimized,.rolLayout-1 .table-zone-4.minimized{
	height:5%;
	min-height: 40px;
}
.rolLayout-2 .table-colum-1.minimized{
	width:3%;
	min-width: 40px;
}
.rolLayout-2 .table-zone-1.minimized{
	width:100%;
	height:100%;

}
.rolLayout-2 .table-colum-3.minimized{
	width:3%;
	min-width: 40px;
}

/*Minimizados y maximizados .rolLayout-3*/
.rolLayout-3 .table-zone-0.minimized{
}

.rolLayout-3 .table-colum-2.minimized{
	width:4%;
	min-width: 40px;
}
.rolLayout-3 .table-colum-1.minimized-zone-1-3-4{
	width:96%;
	min-width: 40px;
}



.container-block{
	display:block;
	width:100%;
	height:auto;
	min-height:30px;
	background:#FFF;
}

.bubble-container{
	height:40px;
	width:40px;
	border-radius:50%;
	background: orange;
	margin:5px auto;
	font-size: 24px;
	text-align:center;
}

.maximized .container-block{
	display:block;
}
.container-bubble{
	display:none;
}

.minimized .container-block{
	display:none;
}
.minimized .container-bubble{
	display:block;
}

.container-tab .nav-item{
	background:#d4d4d4;
	color:#000;
}
.container-tab .nav-item.acctive{
	color:#000;
	background:#FFF;
}

.iframe-videochat{
	border:0px;
	width:100%;
	height:100%;
	min-height:300px;
}

.table-zone-1 .container-block{
	height:50%;
	
}
.table-zone-4 .container-block{
	height:30%;
}
.table-zone-4 .container-block:first-child{
	min-height:400px !important;
}

.contextMenu{
	display:block;
	
	position:absolute;
	border:1px solid #d4d4d4;
	background:#FFF;
	border-radius:0.5em;
	top:0;
	left:0;
	z-index:99999999999999999999999999999999999;
	-webkit-box-shadow:10px 10px 29px -2px rgba(0,0,0,0.71);
	box-shadow:10px 10px 20px -2px rgba(0,0,0,0.71);
	
	min-width:120px;
	min-height:20px;
}
.contextMenu ul{
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
	padding:0;
	margin:0;
}
.contextMenu li{
	line-height: 22px;
	padding: 5px 5px;
	font-size: 14px;
	cursor:pointer;

}
.contextMenu .divider{
	line-height: 12px;
	width:90%;
	padding:4pz auto;
	margin:2px 0;

}
.contextMenu div{
	width:250px;
	position:absolute;      
	border:1px solid black;

	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.magenFondoTest{
	width:100%;
	height:100%;
}


.container-body{
	width:100%;
	height:90%;
	display: block;
	
}
.module-body{
	width:100%;
	height:100%;
	display: block;
	
}
.mudule-block{
	
	
	width:100%;
	height:100%;
	display: block;
	background:white;
	z-index:100;
	overflow-y: scroll;
}
.mudule-loading{
	
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:white url('/img/rol/loading2.gif') center no-repeat;
	z-index:200;
}


.pj-unit{
	float:left;
	width:95%;
	height:80px;
	border:1px solid gray;
	border-radius:0.5em;
	margin:2px auto;
	
}
.pj-unit-img{
	float:left;
	width:33%;
	height:100%;
	border:0px solid gray;
	border-radius:0.5em;
	
}
.pj-unit-img img{
	float:left;
	width:100%;
	height:100%;
	border-radius:0.5em  0 0  0.5em;
	margin:0px auto;
}