@charset "UTF-8";
/* CSS Document */

/* VP 2015-05-22 */

.CallDivert { /* vše co se mě týká je uvnitř */
/* border: 1px solid olive; */
}

.CallDivert .greenbutt  {
font-size: 9pt;	
margin: 5px 0 0 5px; 
padding: 5px 12px;
display: inline-block;
}


.CallDivert .call-divert-name-type, .CallDivert .active-font-call-divert, .text_to_hightlight {
font-size: 16px;		
}


.li-call-divert {
	background-color: white; /* white */
	height: 120px; /* 100px; */
	width: 670px; /* 800px; */
	padding: 0; /* 20px; */
}

.li-call-divert-hover:hover {
	/* background-color: white; */
	/* border: 1px dotted red; */
}


.li-call-divert-readonly {
	/*
	background-color: yellow;
	height: 100px;
	width: 800px;
	padding: 20px;
	color: gray;
	*/
}


.li-call-divert div {
	display: inline-block;
}

.call-divert-basicContainer {
	width: 250px; /*250px; */
	height: 100px; /*100x; */
	background-color: white;
	color: black;
	float: left;
}


.li-call-divert > div:first-child {
box-sizing: border-box;
width: 155px;
height: 120px;
padding: 12px;
margin: 0px;
/*border-left: 3px solid white; /* zelena rgb(98, 175, 50) */
/*border-bottom: 3px solid white; /* zelena rgb(98, 175, 50) */
background-color: #fafafa;
}

.li-call-divert > div:first-child.readonly-font-call-divert {
background-color: #eeeeee;
}

.li-call-divert-hover:hover > div:first-child {
background-color: #eeeeee;
}

.active-font-call-divert {
	color: black;
	padding-bottom: 2;
	
}

.readonly-font-call-divert {
	color: #ccc; /* gray */
}



.li-call-divert div:first-child  p{
margin: 0;
font-size:12px;
}

.li-call-divert-hover:hover > .call-divert-basicContainer .hidden-call-divert {
	background-color: lightgrey; 
	display: block;
	margin-top: 12px;
}

.hidden-call-divert {
	margin-top: 12px;
	display: none;
}



.call-divert-name-type {
	
}


/* ikony ID */

#IF_BUSYStatusIcons, #IF_NOT_ANSStatusIcons, #IF_NOT_REACHStatusIcons, #UNCONDStatusIcons {
font-size: 130%;
color: #0094d3;	
margin: 3px;
}



/* .call-divert-changeContainer start */

.call-divert-changeContainer {
	box-sizing: border-box;
	padding: 12px;
	background-color: #eeeeee;	
	width: 300px;
	height: 120px;
}

.call-divert-changeContainer p {
	margin: 5px 0;
}

.call-divert-changeContainer > p:last-child {
color: red;
}

.call-divert-changeContainer p > span:last-child  {
display: inline-block;
/* background-color: yellow; */
margin-top: 5px;
font-weight: 800;
}



/* .call-divert-changeContainer end */





/* .call-divert-ContactsContainer start */

.call-divert-ContactsContainer {
	box-sizing: border-box;
	padding: 0px;
    margin-right: 20px;
	border: 1px dotted gray;
	/* background-color: slategray; */
	width: 190px;
	max-height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
	float: right;
}


.call-divert-ContactsContainer section {
/* border: 1px dotted red; */
background-color: white;	
padding: 0;	
}


.call-divert-ContactsContainer section div.text_to_hightlight{
margin: 10px;
color: rgb(136, 136, 136);
}

.call-divert-ContactsContainer section div.text_to_hightlight p{
color: rgb(136, 136, 136);
}

.call-divert-ContactsContainer section div.text_to_hightlight p:first-child {
font-weight: 800;	
color: rgb(98, 175, 50);
}

.call-divert-ContactsContainer section:hover {
-webkit-transition: .1s ease-in;
transition: .1s ease-in;
background-color: #eeeeee;	
}

.call-divert-ContactsContainer section:hover > div.text_to_hightlight p{
-webkit-transition: .1s ease-in;
transition: .1s ease-in;
color: black;
}


/* .call-divert-ContactsContainer end */


.CallDivertBtnsToHide {
}


.CallDivertSearchBtnsToHide {
}

.stat_ok {font-weight: bold; color: rgb(136,185,83);}
.stat_up {font-weight: bold; color: rgb(85,163,215);}
.stat_er {font-weight: bold; color: rgb(210,86,86);}

.stat_ok .fa, .stat_up .fa, .stat_er .fa {font-size: 100%;}