#wrapper {
	width: 100%;
}

.addUser i {
	color: white;
}



#page-wrapper {
	/*--padding: 0 15px;--*/
	/*min-height: 500px;*/

}

p.red_text {
    color: #d95459;
    font-size: 0.96em;
}

@media (min-width: 768px) {
	#page-wrapper {
		position: inherit;
		/*  margin: 0 0 0 250px;*/
		margin: 0 0 0 0px;
	}




}

.detailCont>h3 {
	font-size: 1em;
}

.navbar-top-links {
	margin-right: 0;
}

.navbar-top-links li {
	display: inline-block;
}

.navbar-top-links li:last-child {
	margin-right: 15px;
}

.navbar-top-links li a {
	padding: 15px;

}

.navbar-top-links .dropdown-menu li {
	display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
	margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
	padding: 3px 20px;
	min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
	white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
	width: 310px;
	min-width: 0;
}

.navbar-top-links .dropdown-messages {
	margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
	margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
	margin-left: -123px;
}

.navbar-top-links .dropdown-user {
	right: 0;
	left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}

.sidebar .sidebar-search {
	padding: 15px;
}

.sidebar .arrow {
	float: right;
}

.sidebar .fa.arrow:before {
	content: "\f104";
}

.sidebar .active > a > .fa.arrow:before {
	content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
	border-bottom: 0 !important;
}

.sidebar .nav-third-level li a {
	padding-left: 52px;
}



@media (max-width: 768px) {

    span.fa.arrow {
        margin-top: 17px;
    }
}

@media (min-width: 768px) {


	.sidebar {
		z-index: 1;
		position: absolute;
		width: 250px;

	}

	.navbar-top-links .dropdown-messages,
	.navbar-top-links .dropdown-tasks,
	.navbar-top-links .dropdown-alerts {
		margin-left: auto;
	}
}

h1.historia_hovorov_nadpis,
h1.modul_main_header
{

	margin: 0px auto;
	padding-bottom: 1em;
	margin-bottom: 0.5em;
	text-align: center;
	padding: 0;
	position: relative;
	display: block;
}


a.btn.btn-xs.btn-default {
	background: #337ab7;
}

th a {
	text-decoration: none;
	color: #999999;
}

.login-bottom {
	/*width: 17%;*/

}

.marginbtt {
	margin-bottom: 0.7em;
}

/*
.input-group {
	width: 20em;
}

th.text-right.col-date {
	width: 20em;
}

.datagrid-col-filter-date-range.form-inline {

	width: 20em;
}
*/

div#datagrid-simpleGrid-row-filters {
	padding: 1.2em 0em 0.1em 0em;
	/*margin: 1em 0.1em;*/
	border: 1px solid #dadada;
}

/*Mainmenu*/
.nav > li > a {
	color: #999;
	font-weight: 600;
	padding: 0px 20px 0px 0px;
	font-size: 0.95em;
	border-bottom: 1px solid #E9E9E9;
}

.navbar-default {

	border-bottom: 1px solid #ebebec;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
	/*padding: 0.5em;
	font-size: 0.8em;*/
}

.datagrid-manual-submit button.btn.btn-sm.btn-primary {
	padding: 0.3em 0.7em;
	font-size: 0.9em;
}

/*zobrazenie filtrov (bez skovavania)*/
div#datagrid-simpleGrid-row-filters {
	display: block;
}

.row.text-right.datagrid-collapse-filters-button-row {
	display: none;
}

.datagrid.datagrid-simpleGrid {
	padding-top: 0em;
}

td.col-action {

}

td.col-action a {
	font-size: 1.1em;
	padding-right: 0.7em;
}

.flash,
.flash.info,
.flash.success,
.flash.error {
	position: fixed;
	top: 0;
	left: 30%;
	/* margin: 0px auto; */
	min-width: 35%;
	background: #337ab742;
	padding: 0.5em;
	/* background-color: white; */
	text-align: center;
	border: 1px solid #337ab7;
	color: #404040;
	border-top: 0;
	border-radius: 0 0 0.4em 0.4em;
	font-size: 1.1em;
}

.flash,
.flash.info,
.flash.success,
.flash.error {
	-moz-animation: cssAnimation 0s ease-in 5s forwards;
	/* Firefox */
	-webkit-animation: cssAnimation 0s ease-in 5s forwards;
	/* Safari and Chrome */
	-o-animation: cssAnimation 0s ease-in 5s forwards;
	/* Opera */
	animation: cssAnimation 0s ease-in 5s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

}

.flash.error {
	background: #ca1111b8;
	font-weight: 100;
	border: 1px solid #b7334d;
	color: #ffffff;
}

.flash.success {
	background: #5cb85c;
	font-weight: 100;
	border: 1px solid #33b742;
	color: #ffffff;
}

@keyframes cssAnimation {
	to {
		top: -200px;
		width: 0;
		height: 0;

		display: none;
		visibility: hidden;
	}
}

@-webkit-keyframes cssAnimation {
	to {
		top: -200px;
		width: 0;
		height: 0;

		display: none;
		visibility: hidden;
	}
}

@media only screen and (min-width: 1600px) {
	div#main-menu {
		/*	height: 1007px;*/
	}

	.hvr-bounce-to-right:before {
		/*right: 85%;*/
		right: 79%;
	}

}

@media only screen and (max-width: 1256px) {
	div#main-menu {
		/*	height: 1007px;*/
	}
}

/*zobrazené menu*/
div#main-menu {
	width: auto;
	max-width: 15%;
	/*background: white !important;*/
	/* height: 678px; */
	padding-bottom: 0em;
	display: inline-block;
	/* border-radius: 0 0em 1em 0; */
	position: relative;
	vertical-align: top;
	background: none;
	z-index: 1000;

}

div#wrapper {
	/*background-color: #fff;*/
	/*width: 84.5%;*/
	/*width: 89.4%;*/
	width: 85%;
	background-color: #f3f3f4;
	display: inline-block;
	position: relative;
	vertical-align: top;
	/*z-index: 1000;*/
}

div#progress {
	position: fixed;
	background: #00000054;
	z-index: 1000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*display: none;*/
}

#progress i.fa.fa-circle-o-notch.fa-spin.fa-3x.fa-fw {
	color: white;
	margin: 25% auto;
	display: block;
}

a.btn.btn-sm.btn-default i {
	color: grey;
}

tr.row-group-actions {
	/*height: 0;
	position: absolute;
	right: 2.5em;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	margin-top: 0.1em;*/
}
.datagrid .datagrid-toolbar {
	margin-top: 0;
	margin-left: 0;
	float: right;
	display: inline-block;
	padding: 0.4em 1em 0.4em 0px;
}

div#snippet-simpleGrid-grid {
	border-right: 1px solid #dbdbdb;
	box-shadow: 5px 5px 10px -3px #0000002b;


}

#report_hovorov tr.row-group-actions{
	position: relative;
}

.datagrid table thead tr.row-group-actions th {
	border-bottom-width: 0 !important;
	background-color: #f9f9f9;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

.table-bordered {
	/*border: 1px solid #ddd;*/
	border: none;
}

.datagrid table thead tr th {
	font-size: 90%;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}

a.btnExportToCsv.btn.btn-xs.btn-primary {
	font-size: 1em;
}

html, body {

	background: #f3f3f4;
	/*overflow: scroll;*/
}

.loginAlertMsg {
	text-align: center;
	font-size: 1.1em;
	padding: 0.5em 1em;
	background: #d95459;
	color: white;
	width: 94%;
	margin: 0.5em auto;
	font-weight: 400;
}

a.btnExportToCsv.btn.btn-xs.btn-primary {
	width: 6.6em;
}

ul.nav.nav-second-level li {
	background: #f3f3f4;
	transition: all 0.5s;
}

ul.nav.nav-second-level li:hover {
	background: #d2d2d2;
}

span.fa.arrow {
	right: 0;
	position: absolute;
}


.nav.nav-second-level {
	display: none;
}

ul.nav.nav-second-level li:hover {
	background: #d2d2d2;
}

nav.active {
	margin-top: 4.55em;
	/*	border-top: 1px solid #e9e9e9;*/
	background: white;
}

.addUser {
	text-align: right;
	padding: 1em;
}

th.col-action.text-center {
	color: white;
}

.bg-blue {
	background: rgba(51, 122, 183, 0.65);
	color: white;
	font-weight: bold;
	/* border: 1px solid #999999; */
	/* background-color: white; */
}

input#ciselnik_text {
	background: rgba(51, 122, 183, 0.65);
	color: white;

	font-size: 1.3em;
	padding: 1.2em;
}

.col-md-4.ciselnik_btn:hover span {
	background: rgba(51, 122, 183, 0.57);
}

form#frm-callForm {
	margin-top: 1.4em;
}

@media (max-width: 1400px) {
	.nav > li > a {
		font-size: 0.9em;
	}
}

a.record_download_link {
	margin-left: 1em;
}

div.mejs__container.mejs__audio {
	width: 100% !important;
}

.mejs__container {
	background: #0000001f;
	font-family: Helvetica, Arial, serif;
	position: relative;
	text-align: left;
	text-indent: 0;
	vertical-align: top;
}

.mejs__controls:not([style*="display: none"]) {
	/*background: none;*/
	background: #337ab7;
	/* background: rgba(255,0,0,.7); */
	/* background: -webkit-linear-gradient(transparent,rgba(0,0,0,.35)); */
	/* background: linear-gradient(transparent,rgba(0,0,0,.35)); */
}

span#active_verzia {
	font-size: 0.3em;
}

.uploadBlock {
	background: #337ab7;
	color: white;
	padding: 1em 0em 1em 1em;
	margin-right: 2em;
	display: none;
}

.show {
	display: block;
}

div#little-menu {
	display: none;
}

span#little_menu_control {
	font-size: 1.6em;
	padding: 0.5em 1em;
	position: absolute;
	cursor: pointer;
	display: none;
}


.whiteText{
	color: white;
}

div#datagrid-simpleGrid-row-filters {
	padding: 1em;
}

.datagrid-row-outer-filters-group.col-sm-6 {
	/* padding: 0.9em; */
	/* margin-top: 1em; */
	padding: 0.5em 1em;
}

.table td,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	color: #7b7b7b;
}
/*
.detailCont {
	position: relative;
	width: 103.9%;
	margin-top: -8em;
	margin-left: -2.6em;
	padding: 3em;
	height: 108%;
	z-index: 2;
	background: #f3f3f4;
}
*/
.ck td span{
	color: #7b7b7b;
}

nav.active {
	border-radius: 4px;
}

.blank-page{
	z-index: 10;
	position: relative;
}

nav.navbar-default.navbar-static-top {
	z-index: 11;
	position: relative;
}

nav.active {
	border-radius: 4px;
}
nav.navbar-default.navbar-static-top,
nav.active,
.blank-page,
#day_info{
	/*box-shadow:4px 4px 13px #6e6e6e26;*/
	box-shadow: -1px 3px 6px #6e6e6e26;
}
/*
.wysivyg_content table {
	width: 100%;
}

.wysivyg_content table td {
	padding: 0.5em 0.3em;
}
.wysivyg_content table th {
	padding: 0.5em 0.3em;
	font-size: 1.2em;
	border-bottom: 1px solid #d4d4d4;
}
*/
span.ticket_answers {
	color: white;
	width: 100%;
	position: relative;
	display: block;
	text-align: center;
	padding: 0.5em;
	border-radius: 4px;
	animation: warning_btn_pulse 2.5s infinite;
}

span.ticket_answers i{
	color: white;
}

label.ticket_name {
	font-size: 2em;
}


.ticket_answer {
	background: #efefef;
	margin: 1em;
	padding: 1em;
	border: 1px solid #929292;
	border-radius: 0.2em;
}

.ticket_answer.ticket_answer_left {
	background: #8cf58c;
}

.ticket_read, .ticket_file, .ticket_print {
	/* position: absolute; */
	float: right;
	padding-left: 0.5em;
	color: #4e4e4e;
}
.ticket_file i,.ticket_print i {

	color: #4e4e4e;
	text-decoration: none;
	cursor: pointer;
transition: all 0.5s;
}
.ticket_file i:hover {
	color: #333333;
}

h1.main_nadpis {
	margin: 0px auto;
	text-align: center;
	padding: 0 0 0.55em 0;
}

.addTicket {
	position: relative;
	text-align: right;
	padding: 1em 1em 0.9em 0em;
	background: white;
}

.noMargin{
	margin:0 !important;
}

div#zip_confirm_black{
background: #0000003b;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 5;

}

div#zip_confirm_cont {
	width: 50%;
	background: #e4e4e4;
	margin: 10em auto;
	padding: 2em;
	border: 2px solid #949494;
	border-radius: 4px;
}

.col-12.right {
	text-align: right;
}



#main_logo {
	background-image: url(../images/3.png);
	width: 2em;
	height: 1.5em;
	margin-top: 0em;
	padding-top: 1em;
	position: relative;
	background-size: 1.4em;
	background-repeat: no-repeat;
	display: inline-block;
}

span#main_nadpis {
	position: absolute;
	display: inline-block;
	margin-top: 5px;
	margin-left: -7px;
}

button.btn.dropdown-toggle.bs-placeholder.btn-light {
	background: white;
	border: 1px solid #cccccc;
	border-radius: 0px;
}

img#profil_photo {
	border-radius: 50%;
	width: 4em;
	margin: 0.5em 1.5em 0 1em;
}

.datagrid .btn-xs, .datagrid .btn-group-xs > .btn {
	padding: 1px 5px;
	padding-right: 0.7em;
	font-size: 12px;
	font-size: 1.1em;
	line-height: 1.5;
	border-radius: 1px;
}

.datagrid .datagrid-exports .btn:first-child {
	font-size: 12px;
}

.flash {
	display: block;
	z-index: 9999999;
}

.marginTopLoginBtn {
	margin-top: 2.4em;
}


.col-md-12.captchaCont {

	display: inline-block;
	/* margin: 1em auto; */
	margin-bottom: 1.9em;
	position: relative;
	min-width: 1em;

}

/*
pusher MSG
*/
div#push_msg {
	display: block;
	z-index: 10;
	position: absolute;
	width: 100vw;
	height: 100vh;
	top: 0;
	/*left: -13em;*/
	display: none;
}

#pusher_tienidlo {
	background: #0000006e;
	position: absolute;
	width: 100vw;
	height: 100vh;
	top: -3em;
	left: 0;
	/* z-index: 1000000000000000000; */
	display: block;
}
#pusher_content {
	background: #fffffff7;
	position: absolute;
	z-index: 100;
	top: 10vw;
	left: 46vh;
	width: 50vw;
	padding: 2em 1em;
	border: 1px solid black;
	border-radius: 1em;
	text-align: center;
	box-shadow: 3px 4px 16px -3px #0000008f;
}

.ciselnik_btn>.bg-blue{
	transition: all 0.5s;
}
.ciselnik_btn>.bg-blue:hover{
	background: rgba(70, 113, 152, 0.65);
}


#incoming_call_cont , .incoming_call_cont {
	/* position: fixed; */
	top: 1em;
	right: 1em;
	z-index: 40;
	min-width: 21em;
	margin-top: 1em;
	text-align: center;
	color: #f3ffef;
	background: #5cb85cf5;
	padding: 0em;
	border-radius: 0.5em;
	display: inline-block;
	box-shadow: 4px 3px 16px -5px black;
	min-height: 55px;

}

.closeIncomingCallWithName {
	height: 4.96em !important;/*height: 4.56em !important;*/
	padding-top: 1.6em !important;
	margin-top: 0.65em !important;
}
.closeIncomingCallWithNameshakeDIV {
	/* padding-top: 3em; */
	margin-top: 0.3em;
}

span.incoming_call_span_from_name {
	max-width: 11em;
	/* background: red; */
	text-align: center;
	display: block;
	white-space: normal;

}

span.incoming_call_span_from_name.with_name{
	height: 2em;
}



span.incoming_call_span {
	border-bottom: 1px solid #efefef;
	padding-bottom: 0.2em;
	font-size: 0.8em;
	display: block;
	margin-bottom: -1em;
}
table#numberHistory {
	width: 100%;
	background: #f4f4f4;
}

#numberHistory .description{
	max-width: 50em;
}


div#incoming_call {
	position: fixed;
	top: 1px;
	display: block;
	top: 1em;
	z-index: 50;
	max-width: 22.2em;
	right: 0;
	/* background: red; */
}


div#closeIncomingCall {
	/* position: fixed; */
	position: relative;
	float: right;
	/*right: 49px;*/
	right: 20px;
	width: 2.4em;
	margin-top: 0.6em;
	height: 56px;
	padding: 0.95em 0.8em;
	border-radius: 0 0.8em 0.8em 0;
	top: 0.25em;
	/* top: -4.1em; */
	background: #d72927;
	border: 1px solid #5f0b0a;
	border-left: 1px solid #248040;
	border-bottom: none;
	color: #f3f2f2;
	z-index: 42;
	cursor: pointer;
	transition: all 0.5s;
}



div#closeIncomingCall:hover {
	color: #d1d5d1;
}



div#closeIncomingCall:hover {
color: whitesmoke;
}






.pusher_reporting {
	text-align: right;
	/* padding: 1em 0em; */
	margin: 1em -0.6em;
}

.border-left-1px {
	border-left: 1px solid black;
}



.jednotna-sirka {
	width: 9em;
}
.jednotna-sirka2 {
	width: 8em;
	display: inline-block !important;
}

div#campaign_description {
	background: white;
	padding: 0em 1em;
}


textarea#campaign_description_data {
	display: none;
}


/*wallboard*/

div#wallboardContent {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	background: black;
	width: 100%;
	height: 100%;
}
a#walboardHomeBtn {
	position: absolute;
	z-index: 200;
	right: 0.5em;
	top: 0.5em;
}

h1.wallboardhead {
	color: white;
	text-align: center;
}

div#fireworksgif,div#alarmgif {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

img.fireworks,img.alarm {
	position: absolute;
	width: 100%;
	top: 0;
}

.fireworksmassege,
.alarmmassege{
	background: #fffffff2;
	font-size: 5em;
	position: relative;
	z-index: 50;
	/* top: 39%; */
	width: 81%;
	margin: 23.9% auto;
	/* left: 20%; */
	padding: 0.3em;
	border-radius: 0.1em;
	border: 3px solid #313131;
	text-align: center;
}

a.btn.btn-success.pridalWallboardBtn {
	right: 0;
	display: inline-block;
	margin: 1em 0;
	/* float: none; */
}


div#wallboardTablesCont {
	text-align: center;
	margin: 0px auto;
	width: 100%;
	width: 100vw;
}
div.wallboardTable10Cont {
	width: 49%;
	/*display: inline-block;*/
	display:inline-flex;
}

table.wallboardTable10Cont {
	/*width: 48%;*/
	/* position: absolute; */
	position: relative;
	display: inline-block;
	margin-left: 0%;
	/* margin-top: 1em; */
	background: red;
	/* min-height: 13em; */
	margin: 0px auto;
}

table#wallboardTable10rightCont {
	left: 0.5%;
	background: red;
}

table#wallboardTable10leftCont{
	background: blue;
}


table.wallboardTable10 {
	/*width: 49%;*/
	display: inline-block;

	margin: 0px auto;
}


table.wallboardTable10 th,
table.wallboardTable10 td {
	font-size: 1.3em;
	padding: 0.6em 0.4em;
}




a#wallboardLogOutBtn {
	position: absolute;
	z-index: 10000;
	left: 1em;
	top: 1em;
	font-size: 1.1em;
	color: #6b6b6b;
}

div#wallboardInfo {

	position: absolute;
	font-size: 1em;
	bottom: 0em;
	left: 2.5em;
	color: #5f0707;
	background: #888585;
	background: #ffffff7a;
	padding: 0em 1em;
	border-radius: 0.3em 0.3em 0em 0em;
	-webkit-box-shadow: inset 2px 2px 7px #0000008c;
	box-shadow: inset 2px 2px 7px #0000008c;

}



@media only screen and (min-width: 1400px) {
	table.wallboardTable10 th,
	table.wallboardTable10 td {
		font-size: 2em;
	}
}




table.wallboardTable10 tr {
	border-bottom: 1px solid #dddddd;
	color: #dddddd;
}

canvas#myChart {
	/* background: red; */
	width: 86vw !important;
	margin: 0px auto;
	height: 86vh !important;
}
 /*POMOCNE*/
table.wallboardTable10 {
	width: 98%;

	margin: 0px auto;
}
/*POMOCNE*/


/*PIE timmer*/

#timer {
	margin: 20px;
	width: 80px;
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	border-radius: 0.7em;
	/*border: 2px solid #4c70cc;*/
	position: absolute;
	top: 0em;
	right: 0.3em;
	color: #ffffff;
}

.pietimer {
	position:relative;
	font-size: 200px;
	width:1em;
	height:1em;
	float: left;
}
.pietimer > .percent {
	position: absolute;
	top: 1.05em;
	left: 0;
	width: 3.33em;
	font-size: 0.3em;
	text-align:center;
	display: none;
	z-index:10;
	font-weight:bold;
}
.pietimer > .slice {
	position:absolute;
	width:1em;
	height:1em;
	clip:rect(0px,1em,1em,0.5em);
}
.pietimer > .slice.gt50 {
	clip:rect(auto, auto, auto, auto);
}
.pietimer > .slice > .pie {
	position:absolute;
	width:0.8em; /* 1 - (2 * border width) */
	height:0.8em; /* 1 - (2 * border width) */
	clip:rect(0em,0.5em,1em,0em);
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
}
.pietimer > .slice > .pie.fill {
	-moz-transform:rotate(180deg) !important;
	-webkit-transform:rotate(180deg) !important;
	-o-transform:rotate(180deg) !important;
	transform:rotate(180deg) !important;
}
.pietimer.fill > .percent {
	display: none;
}
.pietimer.fill > .slice > .pie {
	border: transparent;
	/*border: 1px solid red;*/
	background-color: #8b88a3;
	width:1em;
	height:1em;

	box-shadow: inset 0px 0px 19px rgba(68, 68, 68, 0.58);

}
/*pie timmer*/


.backlinkBtn {
	/* text-align: right; */
	/* float: right; */
	/*margin-left: 3em;*/
}

iframe.detailIframe {
	width: 100%;
	height: 90vh;
}

div#error_log_cont,
div#exception_log_cont {
	background: white;
	padding: 1em;
	font-size: 0.8em;
	/* overflow-x: scroll; */
	/* box-shadow: inset 6px 5px 11px 0 #00000054; */
}


#bug_detail{
	display: none;
}
.errorMessageText {
	text-align: center;
	font-size: 1.1em;
}

.errorMessageTicketBtn {
	margin: 1em 0 2em 1em;
	width: 10em;
	display: inline-block;
	margin: 0px auto;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

p.right {
	text-align: right;
}


img#errorPageLogo {
	width: 3em;
	position: absolute;
}
img#errorPageSadEmoticon {
	width: 3em;
	/* float: right; */
	right: 12%;
	position: absolute;
}

span#errorPageModul_main_header {
	position: absolute;
	/* margin-top: 0.2em; */
	color: #159fb2;
	display: inline-block;
}

.errorPageNadpis {
	font-size: 1.8em;
}
























/*mediaQueries*/
@media only screen and (max-width: 850px) {

	html, body {
		overflow-x: scroll;
	}

	span#little_menu_control {

		display: block;
	}

	div#snippet-simpleGrid-grid {
		overflow: scroll;
	}
	.jednotna-sirka {
		width: auto;
		text-align: center;
	}

	div#main-menu {
		display: none;
	}

	div#little-menu {
		/*display: block;*/
	}

	div#wrapper {
		width: 100%;
	}

	td.col-action>a,
	a.btnExportTo_Pdf.btn.btn-xs.btn-primary{
		font-size: 0 !important;
		display: inline-flex !important;
	}

	td.col-action a span,
	a.btnExportTo_Pdf.btn.btn-xs.btn-primary span{
		font-size: 15px !important;
		text-align: center;
		padding-right: 0.7em;
	}

	a.btnExportTo_Pdf.btn.btn-xs.btn-primary span{
		padding-right: 0.4em;
	}

	td.col-action a:first-child {
		margin-bottom: 0px !important;
	}

	.dropdown-menu {
		background: rgba(255, 255, 255, 0.94);
		box-shadow: 5px 5px 14px -9px black;
	}



}

@media only screen and (max-width: 1300px) {
	span.nav-label {
		font-size: 0.9em;
	}
}
@media only screen and (max-width: 1200px) {
	div#main-menu i.nav_icon,
	div#main-menu ul li a i
	{
		color: #999;
		padding: 5px 19px 5px 7px;
		width: 0;
		height: 0;
	}

	div#main-menu .nav > li > a > span {
		font-size: 0.85em;
		text-align: center;
		padding: 7px 0px 7px 0px;
	}

	div#main-menu .nav > li > a {

		padding: 7px 20px 7px 0px;
	}

	div#main-menu a.active {
		box-shadow: inset 3px 2px 15px -6px black;
		/*
			color: #fff;
			background: #00000029;
			width: 100% !important;
			height: 72% !important;
			margin: 0;
			position: absolute;
			background: #00000012;
			border-radius: 0 1em 1em 0;*/
	}

	div#main-menu i {
		display: none;
	}

	div#main-menu a.active i {
		color: #fff;
		background: none;
	}

	div#main-menu a {
		text-align: center;
	}

	div#main-menu span.fa.arrow {
		margin-top: 0px;
	}

	div#main-menu i.fa.fa-angle-down {
		display: block !important;
	}

	div#main-menu .hvr-bounce-to-right:before {
		display: none !important;
	}

}

@media only screen and (max-device-width: 640px) {
	/* Styles */
}

@media only screen and (max-device-width: 768px) {
	.blank-page {
		padding: 0em;
	}

	.datagrid {
		padding: 0em;
		max-width: 100vw !important;
	}

	td a {
		display: block !important;
		margin: 0px !important;
	}

	td.col-action a:first-child {
		margin-bottom: 0px !important;
	}

	div#oknonahravky {
		width: 90%;
		background: #e4e4e4;
		margin: 3em 3%;
		padding: 0em;
		border: 2px solid #949494;
		border-radius: 4px;
	}

	tr.row-group-actions {
		right: 0em;
	}

/*
	tr.row-group-actions span.fa.fa-save {
		display: none;
	}
*/

	tr.row-group-actions a.btnExportToCsv.btn.btn-xs.btn-primary {
		width: 6em;
	}

	.uploadBlock {
		margin-right: 0;
	}

	.addUser {
		text-align: center;
		padding: 1.5em;
	}

	.row {
		margin-right: 0;
		margin-left: 0;
	}

	span#little_menu_control {

		display: block;
	}

	form {
		padding: 1em 0em;

	}

	form button.btn.btn-sm.btn-primary {
		margin-top: 1em;
		margin-right: 1em;
	}

	.datagrid .datagrid-toolbar {
		margin-top: -0.15em;
	}

	div#telefonny_zoznam {
		padding-top: 0.5em;
		padding: 0;
	}

	div#datagrid-simpleGrid-row-filters {
		padding: 0em;
	}

	.datagrid-row-outer-filters-group.col-sm-6 {
		/* padding: 0.9em; */
		/* margin-top: 1em; */
		padding: 0.5em 0em;
	}

	.datagrid .row-grid-bottom .col-pagination {
		width: 100%;
	}

	a.first.btn.btn-sm.btn-default.btn-secondary.disabled,
	a.first.btn.btn-sm.btn-primary.active,
	a.btn.btn-sm.btn-default.btn-secondary.ajax {
		max-width: 15vw;
		position: relative;
		display: inline-block !important;
		margin: 0;
	}
	.datagrid .row-grid-bottom .col-items {
		width: 100%;
	}
	label.filter-range-delimiter.col-sm-1.control-label {
		width: 100%;
	}
	select#frm-simpleGrid-filter-per_page {
		width: 100%;
	}
	.datagrid .row-grid-bottom .col-per-page {
		font-size: 14px;
		display: inline-block;
		width: 9%;
		float: right;
	}
}


.errorPageCont {
	padding: 2em 1em;
	/* margin: 2em 1em; */
	border: 1px solid #757373;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	z-index: 100;
	height: 100vh;
	background: #e2e2e2;
}

.errorPageHead,.errorPageText {
	margin: 0 auto;
	text-align: center;
	/*color: white;*/
	margin-bottom: 1em;
}

.errorPageForm,table.errorPageTable tr {
	width: 100%;
}

.errorPageTable td{
	width: 50%;
}

.errorPageTable {
	/*width: 56%;*/
	margin: 0 auto;
	/*color: white;*/
	/* border: 1px solid; */
	/* padding: 1em; */
}

.errorPageTableCont {
	border: 1px solid #e2e2e2;
	padding: 1em;
	width: 80%;
	background: #f3f3f3;
	margin: 1em auto;
	box-shadow: 3px 2px 6px #a3a2a5;
}



div#ping {
	height: 0.5em;
	width: 0.5em;
	position: fixed;
	bottom: 0.5em;
	left: 0.5em;
	border-radius: 50%;
	box-shadow: inset -2px -1px 4px black;
	transition: all 0.5s;

}

div#callPreloaderCont {
	background: #0000001c;
	position: absolute;
	z-index: 15;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	transition: all 0.5s;
}

div#callPreloaderMsg {
	width: 50%;
	margin: 0px auto;
	background: #52a452;
	color: white;
	text-align: center;
	font-size: 1.4em;
	padding: 0.7em;
	border-radius: 4px;
	margin-top: 20%;
	box-shadow: 4px 4px 5px #0000003d;
}



.redPulse{
	animation: pulseRed 5s infinite;
}
.greenPulse{
	animation: pulseGreen 5s infinite;
}
@keyframes pulseRed {
	0%, 100% {
		background-color: #d80000;
	}
	5% {
		background-color: #fc0000;
	}
}
@keyframes pulseGreen {
	0%, 100% {
		background-color: #08e000;
	}
	5% {
		background-color: #03ff00;
	}
}



/*
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	html {
		transform: rotate(-90deg);
		transform-origin: left top;
		width: 100vh;
		overflow-x: hidden;
		position: absolute;
		top: 100%;
		left: 0;
	}
}*/










@keyframes warning_btn_pulse {
	0% {
		background-color: #ec971f;
	}
	50% {
		background-color: #d78520;
	}

	100% {
		background-color: #ec971f;
	}
}


div#shakeDIV {

	font-size: 2.3em;
	padding: 0.1em;
	width: 2.1em;
	/* text-align: center; */
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both infinite;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
	/* color: #5cb85c; */
	text-shadow: 0px 2px 7px #00000047;
}

.incoming_call_info {
	font-size: 1em;
	margin-top: 0.2em;
}


.dashboard_text{
transition: all 0.5s;
}


.dashboard_block{
	padding: 1.1em 1em;
}

.cpuload {
	padding: 0.0em 0.7em;
	border-radius: 0.5em;
}

.cpuload-25{
	background: rgba(50, 255, 6, 0.67) !important;
}
.cpuload-50{
	background: rgba(209, 255, 0, 0.67) !important;
}
.cpuload-75{
	background: rgba(255, 171, 0, 0.67) !important;
}
.cpuload-100{
	background: rgba(255, 46, 0, 0.67) !important;
}


.no-border {
	border: none;
}
.footer_space {
	display: block;
	/*background: red;*/
	width: 100%;
	height: 25em;
}


span.dashboard_active_user_time {
	float: right;
}



div#dashboard_active_users {
	padding: 0.6em 0em;
}

.dashboard_active_user {
	display: block;
	padding: 0.1em 1em;
	/* text-align: center; */
}
#dashboard_active_users>.dashboard_active_user:nth-child(even) {
	background: #e4e4e4;
	border-radius: 4px;
}

.blank-page p {
	color: #383838;
}

a.btnExportTo_Csv.btn.btn-xs.btn-primary,
a.btnExportTo_Pdf.btn.btn-xs.btn-primary{
	font-size: 12px;
}

a.btnExportTo_Pdf.btn.btn-xs.btn-primary {
	margin-right: 1.3em;
}


.in_queue_container {
	/*position: relative;
	display: inline-block;
	float: right;
	margin-top: 1em;
	margin-right: 2em;*/
}
/*
.dashboard_active_user.loged {
	background: #29e42952;
	color: #000000c4;
}



.dashboard_active_user.logout {
	background: #ff00007a !important;
	color: #000000c4;
}
*/



.addCampaignBtn {
	text-align: right;
	padding: 1.1em;
}





.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
	padding: 1em;
	background: rgba(255, 255, 255, 0.93);
}



td.col-action a {
	display: inline;
	/* width: 50em !important; */
}

div#contact_import_form {
	background: #e8e8e8;
	padding: 1em;
	margin-bottom: 1em;
	margin-top: 1em;

	display: none;
}

.import_contact_cont {
	padding: 1em;
}
table#example_import {
	margin-bottom: 1em;
}

form#frm-uploadForm td {
	padding: 0em 0 0.8em 0;
}

.hidden-innput {
	display: none;
}


.btn-color-blue1 {
	background: #334fb7;
	border-color: #21366d;
}


.add_classification_cont {
	padding: 1em;
}


.nav-tabs>li a {
	padding: 0.2em 0.9em;
}

.nav-tabs > li > a {
	color: #5d5d5d;
	border: 1px solid white;
	background: #a7a6a6;
	border-bottom: 1px solid #dddddd !important;
}

.nav-tabs>li.active>a:hover{
	color: #e0e0e0;
}

.nav-tabs>li.active>a:focus {
	color: #5a5a5a;
	background: #dddddd !important;
}

.nav-tabs>li.active>a{
	background-color: #ddd;
}

.col-sm-12.nav-tabs-cont {
	padding: 1em 1.9em;
}


.tab-content {
	padding-left: 0px;
	background: #dddddd;
	margin: 0;
	border-radius: 0em 0.3em  0.3em 0.3em;
	padding: 1em;
}
.nav-tabs {
	border-bottom: 1px solid #ddd;
	border-bottom: none;
}


span.none_campaigns {
	text-align: center;
	width: 100%;
	display: block;
}



.caller_row {
	width: 100%;
	margin-left: 0;
}

.margin-top-1{
	margin-top: 1.3em;
}

.center{
	text-align: center;
}

small.preview_small {
	color: #505050 !important;
}


span.voice_mail {
	color: white;

	padding: 0.5em 1em;
	/*width: 7.9em;*/
	width: 100%;
	position: relative;
	display: block;
	text-align: center;
	border: 1px solid;
	/*/!*margin: 0px auto;**/
}



span.voice_mail i {
	color: white;
}



tr.activeRow{
	font-weight:900;
	background:#ff66002e !important;
}



span.voice_mail.is_new {
	background: #d68b2f;
	border-color: #c5822f;
	animation: warning_btn_pulse 2.5s infinite;
}
span.voice_mail.not_new {
	background: #5cb85c;
	border-color: #4cae4c;
}




@keyframes shake {
	0%, 100% {
		transform: translate3d(0px, 0, 0);
	}

	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}




/*flashes*/
.flash.success {
	background: rgba(0, 212, 69, 0.4);
	border: 1px solid #00b718;
	color: #404040;
}
.flash.info {
	background: rgba(0, 41, 212, 0.4);
	border: 1px solid #002eb7;
	color: #404040;
}
.flash.error {
	background: rgba(212, 29, 0, 0.4);
	border: 1px solid #b70200;
	color: #404040;
}
 .flash.danger {
	 background: rgba(212, 71, 36, 0.4);
	 border: 1px solid #b70200;
	 color: #404040;
}
.flash.warning {
	background: rgba(255, 129, 83, 1);
	border: rgb(255, 111, 19);
	color: #404040;
}
.flash.fatal {
	background: rgba(212, 29, 0, 0.91);
	border: 1px solid #b70200;
	color: #ffffff;
}


div.contact {
	color: #7b7b7b;
	font-size: 1em;
}

div.contact small {
	display: block;
	color: #7b7b7b !important;
	font-size: 0.9em;
}


div.contact_data_detail {
	max-width: 25em;
	overflow-wrap: break-word;
	background: #ffffff57;
	padding: 1em 0.5em;
	border-radius: 0.5em;
	margin-top: 1em;
}


.contact_data i.fas.fa-level-down-alt {
	/* background: red; */
	padding: 0 1em;
	color: #736f6f;
	cursor: pointer;
}


div#main_bar {
	/*background: red;*/
	position: absolute;
	width: 100%;
	display: inline-block;
	padding: 0.5em;
	right: 0;
	height: 4.5em;
}

.agent_status,
.language,
.user_menu,
.tickets{
	display: inline-block;
	position: relative;
	float: right;
}
.user_menu_btn {
	display: inline-block;
}
.user_menu_btn a {
	min-width: 58px;
	height: 58px;
	text-align: center;
	color: #464646;
	background: rgba(255, 255, 31, 0);
	border: 1px solid rgba(0, 0, 0, 0);
	display: inline-block;
	text-decoration: none;
	font-size: 1.3em;
	padding-top: 0.7em;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

span.top_menu_bar_user_name {
	margin-left: 0.5em;
}

.main_bar_con .a {
	width: 58px;
	height: 58px;
	text-align: center;
	color: #464646;
	background: rgba(255, 255, 31, 0);
	border: 1px solid rgba(0, 0, 0, 0);
	display: inline-block;
	text-decoration: none;
	font-size: 1.3em;
	padding-top: 0.7em;
}

.user_menu_btn a:hover {
	color: #464646;
	background: #ffffff1f;
	border: 1px solid #5a5a5a;
}


.user_menu_btn i {
	color: white;
}

.language .btn
{
	height: 58px;
	background: #ffffff00;
	color: white;
	font-size: 1.5em;
	padding-top: 0.5em;
}

.language .btn:hover{
	color: #464646;
	background: #ffffff1f;
	border: 1px solid #5a5a5a;
}


.tickets .btn
{
	height: 58px;
	background: #ffffff00;
	color: white;
	font-size: 1.5em;
	padding-top: 0.5em;
}

.tickets .btn.warning i
{
	color: #ff831c;

}

.tickets .btn.danger i,
.tickets .btn.error i
{
	color: #ff0000;
}

.tickets .info_cirkle {
	min-width: 1.3em;
	height: 1.3em;
	border-radius: 50%;
	color: white;
	position: absolute;
	background: #ff0000;
	font-size: 0.5em;
	bottom: 0.4em;
	left: 0.3em;
	padding: 0em 2.3px 16.4px 2.3px;
	animation: pulse 2s infinite;
}


@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
		box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
		box-shadow: 0 0 0 10px rgba(204,169,44, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
		box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}



.tickets .btn:hover{
	color: #464646;
	background: #ffffff1f;
	border: 1px solid #5a5a5a;
}



ul#dropdown-tickets {
	/* margin-right: -10em !important; */
	margin: 0 -5em;
}



.in_queue_container .btn {
	height: 58px;
	background: #ffffff00;
	color: white;
	font-size: 1.5em;
	padding-top: 0.5em;

}
.in_queue_container .btn span {
	font-size: 0.9em;
}

.in_queue_container .btn.logedout i,
.in_queue_container .btn.logout i{
	/*background: #980e03;
	color: white;*/
	color: #ff4d46;
}
.in_queue_container .btn.pause i{
	/*background: #98570c;
	color: white;*/
	color: #ff9843;
}

.in_queue_container .btn.logedin i,
.in_queue_container .btn.login i{
	color: #52ff5e;
	/*background: #1a981c;
	color: white;*/
	/*rder: 1px solid #1b820b;*/
}

/*
.in_queue_container .btn.logedout:hover {
	background: #980e03;
}
.in_queue_container .btn.pause:hover {
	background: #98570c;
}
.in_queue_container .btn.logedin:hover {
	background: #1a981c;
}*/
/*
.in_queue_container .btn:hover {
	color: white;
	background: #ffffff1f;
	border: 1px solid #5a5a5a;
}*/



.dropdown-menu li a.success {
	background: #5cb85c;
	color: white;
	/* border: 1px solid #ff000000; */
}

.dropdown-menu li a.danger {
	background: #b82e30;
	color: white;
	/* border: 1px solid #ff000000; */
}

.dropdown-menu li a.warning {
	background: #b86118;
	color: white;
	/* border: 1px solid #ff000000; */
}



span#oknonahravky_cas_value, span#oknonahravky_hovor_value, span#oknonahravky_volajuci_value, span#oknonahravky_volany_value,
span#detail_rating_record{
	display: block;
	/* position: relative; */
	/* width: 100%; */
	font-size: 1em;
	border: 1px solid #b9b9b9;
	padding: 0.3em 1em;
	background: #dadada70;
	/* font-weight: 500; */
}
span#detail_rating_record small {
	color: #333333 !important;
}
span#detail_rating_record a {
	color: #616161;
}
span#detail_rating_record a:hover {
	color: #414141;
}
span#oknonahravky_volany_value small,
span#oknonahravky_volajuci_value small {
	color: #333333 !important;
}


.multiselect-container.dropdown-menu li a {
	padding: 9px 20px;
	color: #000;
}

ul.multiselect-container.dropdown-menu li {
	width: 100% !important;
	min-width: 27em;
	padding: 0 0.5em 0 0.5em;
}


#ticket_presenter_cont a.active i {
	color: #888888 !important;
	background: none;
}

.ticket_rating_cont {
	display: inline-block;
	/* float: right; */
	margin-left: 1em;
}

.nickAndDate {
	border-bottom: 1px solid #00000030;
	margin-bottom: 0.6em;
}

.ticket_rating_cont a .far {
	color: #a7a7a7;;
	text-decoration: none;
	transition: all 0.5s;
}
.ticket_rating_cont a:hover .far {
	color: #676767;
}

.ticket_rating_cont a .fas {
	color: #4e4e4e;
	text-decoration: none;
	transition: all 0.5s;
}
.ticket_rating_cont a:hover .fas {
	color: #292929;
}

label.ticket_rating {
	font-size: 1.7em;
	color: #f1f1f1;
	margin-left: 1em;
}
.ticket_rating_cont small {
	color: #4e4e4e !important;
}

label.ticket_rating small {
	font-size: 0.6em;
}

td.text-left.col-rating small {
	display: block;
	color: #999999 !important;
	font-size: 0.8em;
}

.btn i.glyphicon.glyphicon-remove-circle {
	color: #616161;
}


span.active_tag_item {
	background: #ff6600;
	color: white;
	text-transform: capitalize;
	padding: 0.3em 1em;
	margin-left: 0.6em;
	border: 1px solid #b14c08;
	box-shadow: 2px 2px 6px -3px #0000009e;
	display: inline-block;
	margin-bottom: 1em;
}

.active_tag_item_head {
	text-align: left;
	font-size: 1.7em;

	border-bottom: 1px solid #dedede;;
	margin-bottom: 0.7em;
}

.add_tags_cont {
	width: 80%;
	margin: 0px auto;
	background: #eaeaea;
	padding: 2em;
	border-radius: 0.2em;
	box-shadow: 3px 3px 7px -4px #00000080;
}



.row-filters.collapse{
	display: block;
}



span.right-top {
	display: block;
	float: right;
	margin-top: -0.5em;
	cursor: pointer;
}

div#skillsBlock {
	border: 1px solid #cccccc;
	padding: 1em;
}


.btn-warning {
	color: #fff;
	background-color: #eea236;
	border-color: #e0972f;
}
td {
	word-break: break-word;
}

td.col-created,
td.col-date{
	/* word-break: keep-all; */
	min-width: 11em;
}



.cell_direction  i.fas.fa-arrow-right {
	color: darkred;
}


.cell_direction  i.fas.fa-arrow-left {
	color: darkgreen;
}



tr:hover div.contact,
tr:hover div.contact small,
tr:hover  .cell_direction .fa-phone,
tr:hover  .cell_direction .fa-arrow-right,
tr:hover  .cell_direction .fa-arrow-left{
	color: #ffffff !important;
}


a.get_history_contact_btn {
	display: block;
	padding-left: 1em;
	padding: 0.2em 0 0.2em 1em;
	border-radius: 0.5em;
	text-decoration: none;
	border: 1px solid rgba(206, 204, 204, 0);
}
a.get_history_contact_btn:hover {
	background: #ffffff30;
	border-radius: 0.5em;
	border: 1px solid #00000061;
	box-shadow: inset 1px 1px 2px #0000009e;
}



div#content_lunys_caller_main_info{
display: none;
position: fixed;
width: 101vw;
top: 0;
z-index: 10;
left: 0;
background: #ffffffbf;
padding: 1em;
box-shadow: 3px 4px 17px -3px #000000ab;


}

table.editContactVersions th {
	background: white;
	padding: 1em;
}
table.editContactVersions td {
	 background: rgba(255, 255, 255, 0.9);
	 padding: 1em;
	border-bottom: 1px solid #0000001f;

 }

table.table.editContactVersions tr.active td.chceck i{
	/*background: #ff6600;*/
	color: #676767;
}

table.table.editContactVersions tr td.chceck i{
	/*background: #ff6600;*/

	color: rgba(103, 103, 103, 0);
}


table.table.editContactVersions tr:hover td{
	 color: #676767;
	/* background-color: #5a5a5a; */
}



button.menu_action_btn {
	position: absolute;
	background: none;
	color: #8f8f8f;
	border: none;
	border-radius: 4px;
	margin-top: 2.9em;
	transition: all 0.5s;
	z-index: 100;
}

button.menu_action_btn {
	color: #666666;
}

#menu_action_btn_show_label,
#menu_action_btn_show_menu,
#menu_action_btn_hide_menu
{
	display: none;
}

/*#menu_action_btn_show_menu,*/
#menu_action_btn_hide_menu {
	left: 2em;
}


img#bottom_logo {
	bottom: 1px;
	left: 0;
	position: fixed;
	width: 5em;
	/* height: 1em; */
	/* background: red; */
	z-index: 10;
	margin: 1em;
}

/*day info */

div#day_info {
	/*background: white;*/
	background: #ffffff73;
	position: absolute;
	right: 1em;
	font-size: 0.7em;
	padding: 1em 1em 1em 1em;
	border-radius: 0 0 1em 1em;
	top: 6.5em;
}

#weather,#name_day,#actual_datetime{

}

#actual_datetime{
	margin-left: 1em;
}
#weather, #name_day {
	padding-right: 1em;
	margin-left: 1em;
	border-right: 1px solid #e4e4e4;
}
img.weather_icon {
	width: 2em;
}

.tickets i,  .user_menu_btn i, .user_menu_btn i {
	color: #159fb2;
}


span#modul_main_header {
	/* margin-top: -1em; */
	position: absolute;
}

tr:hover div.contact,
tr:hover div.contact small {
	color: #7b8186 !important;
}

div#main-menu ul li a:hover i {
	color: #fff;
}









.content_lunys_client_info_label,
.content_lunys_client_info_value{
	padding: 0;
}


span.content_lunys_client_info_label_header {
	font-size: 0.8em;
}
span.content_lunys_client_info_value_header {
	font-size: 1.2em;
}

.content_lunys_client_header{
	margin-right: 1em;
	margin-top: 1em;
	border: 1px solid #909090;
	padding: 1em;
	border-radius: 3px;
	min-height: 7.7em;
	box-shadow: 4px 4px 9px -4px #0000004a;
}


.content_lunys_client_info{
	margin-right: 1em;
	margin-top: 1em;
	/*border: 1px solid #909090;*/
	/*border-top: 3px solid #d72927;
	border-bottom: 3px solid #009146;*/
	border-top: 3px solid #159fb2;
	border-bottom: 3px solid #ff831c;
	padding: 1em;
	border-radius: 3px;
	min-height: 7.7em;
	box-shadow: 4px 4px 9px -4px #0000004a;
}

.content_lunys_client_info_label{
	font-size: 0.8em;
}
.content_lunys_client_info_value{
	font-size: 1em;
	/*text-align: center;*/
	margin-bottom: 0.3em;
	margin-left: 0.8em;

}

.info_half_row:first-child{
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #dadada;
}

.content_lunys_sales_info {
	margin-right: 1em;
	margin-top: 1em;
	border: 1px solid #909090;
	padding: 0em;
	border-radius: 3px;
	min-height: 7.7em;
	box-shadow: 4px 4px 9px -4px #0000004a;
}

.content_lunys_sales_info_header {
	text-align: center;
	font-size: 1em;
	padding: 0.3em 1em;
}

table.content_lunys_sales_info_table {
	width: 100%;
}

table#content_lunys_sales_info_actions thead {
	/*background: rgba(196, 176, 14, 0.5);*/
	border-bottom: 1px solid #ff831c;
}

table#content_lunys_sales_info_campaign thead {
	/*background: rgba(0, 23, 196, 0.4);*/
	border-bottom: 1px solid #ff831c;
}

table#content_lunys_sales_info_offer thead {
	/*background: rgba(196, 13, 9, 0.5);*/
	border-bottom: 1px solid #ff831c;
}

table#content_lunys_sales_info_sessons_products thead {
	/*background: rgba(9, 196, 13, 0.5);*/
	border-bottom: 1px solid #ff831c;
}

table#content_lunys_sales_info_products thead {
	/*background: rgba(8, 19, 196, 0.4);*/
	border-bottom: 1px solid #ff831c;
}
table#content_lunys_sales_info_salles_history thead {
	/*background: rgba(8, 19, 196, 0.4);*/
	border-bottom: 1px solid #ff831c;
}

table#content_lunys_sales_info_call_history thead {
	/*background: rgba(196, 64, 0, 0.5);*/
	border-bottom: 1px solid #ff831c;
}



.content_lunys_client {
	margin-right: 1em;
	margin-top: 1em;
	border: 1px solid #909090;
	padding: 1em;
	border-radius: 3px;
	min-height: 7.7em;
	box-shadow: 4px 4px 9px -4px #0000004a;
}

.content_block_style {
	border: 1px solid #909090;
	padding: 1em;
	border-radius: 3px;
	box-shadow: 4px 4px 9px -4px #0000004a;
}











table.content_lunys_sales_info_table thead {
	font-size: 0.6em;/*font-size: 0.8em;*/
}
table.content_lunys_sales_info_table thead th{

	padding: 0.3em 1em;

}

table.content_lunys_sales_info_table tbody td {
	font-size: 0.7em;
	padding: 0.3em 1em;
	word-wrap: break-word;

}

.wraping_context_menu{
	cursor: copy;
	cursor: help;

}



table#content_lunys_sales_info_salles_history tbody tr:hover{
	cursor: pointer;
	background: rgba(8, 19, 196, 0.25);
}


.content_block_style {
	/* background: radial-gradient(black, transparent); */
	background: #159fb2;
	color: white;
}

.border-bottom {
	/*background-color: #009146;*/
	background-color: #ffffff;
}

h1.nadpis a {
	text-decoration: none;
	/*color: #009146;*/

	color: #666666;
}


.col-md-12.content_lunys_client_info {
	/*background: #eaadad00;*/
}

.datepicker td.day {
	word-break: keep-all;
}

div#wrapper .btn i {
	color: white;
}



#copy_plan_shader,
#copy_plan_block,
#legend_data_slide_down/*,
#legend_data_slide_up,
#legend_data*/{
	display: none;
}

#legend_data_slide_up,
#legend_data_slide_down{
	cursor: pointer;
}

.plans_wekend{
	background: #00914624;
}

.plans_holiday{
	background: #b3059524;
}

.plans_today
{
	background: #18b30521;
}




div#copy_plan_block {
	position: fixed;
	width: 10em;
	background: white;
	border: 1px solid #9e9e9e;
	border-radius: 0.2em;
	top: 29vh;
	width: 50vw;
	left: 25vw;
	text-align: center;
	z-index: 100000;
	padding: 1em;
	box-shadow: 3px 3px 8px #0000002b;
}


button.plans_filter_btn {
	background: #337ab7;
	border: 1px solid #2e6da4;
	color: white;
	font-size: 0.8em;
	border-radius: 0.2em;
}


button#plans_filter_after_week {
	float: right;
}


.plans_filter_btns {
	height: 2.2em;
}

#plans_filter_before_week_cont,
#plans_filter_after_week_cont,
#plans_filter_current_week_cont{
 position: absolute;

	width: 100%;
	z-index: 10;

}

div#plans_filter_after_week_cont {
	width: 29%;
	right: 1em;text-align: right;
}

div#plans_filter_before_week_cont {
	width: 29%;
}




div#plans_filter_current_week_cont {
	text-align: center;
}




div#row_operator_buttons {
	position: absolute;
	right: 0.9em;
	margin-top: -1.85em;
}

#lunys_client_info_address,
#lunys_client_info_money{
	display: none;
}


span.row_operator {
	background: #009146;
	margin-right: 0.5em;
	padding: 0em 0.4em;
	color: white;
	border: 1px solid #00823f;
	text-align: center;
	min-width: 2em;
	border-radius: 0.2em;
	display: inline-block;
}



.lunys_plans_value_coll {
	word-break: keep-all;
	text-align: center;
}

table#lunys_plans_table {
	background: white;
	/* padding: 1em; */
	/* margin-top: 1em; */
}





#dashboard_call_history tr:hover{

	background: #00914673;
	cursor: pointer;

}

/*
div#call_hist .tablecont  {
	height: 28em;
	overflow-y: scroll;
}
*/
.btn-secondary_warning {
	background: #a01c1c;
	color: white;
	transition: all 0.5s;
}
.btn-secondary_warning:hover {
	background: #871a1a;
	color: white;
}

.content_lunys_client_info{
overflow: hidden;
}


tr.clicable:hover {
	background: #00914636 !important;
	/* color: white !important; */
	cursor: pointer;
}


.uniform_width_1 {
	width: 7.3em !important;
	display: inline-block !important;
}


div#sms_max_chars {
	font-size: 0.8em;
	text-align: right;
}
span.red_text {
	color: red;
}


div#sms_preloader_bar_cont {
	width: 100%;
	border: 1px solid #efefef;
	height: 2em;
}

div#sms_preloader_bar {
	background: rgba(0, 145, 70, 0);
	/* display: block; */
	/*border: 1px solid #028842;*/
	height: 100%;
	border-radius: 0.1em;
}

div#sms_preloader_bar_percent {
	position: absolute;
	width: 97%;
	margin-top: 0.2em;
	text-align: center;
	color: #afafaf;
	/* background: #009146; */
}



table.agentsPlanReportDataTable {
	overflow-x: scroll;
	display: block;
}

table.agentsPlanReportDataTable th:nth-child(odd),
table.agentsPlanReportDataTable td:nth-child(odd) {
	/*background: #6161610f;*/
}

.right-border-1 {
	border-right: 1px solid #2323232e;
}


table.nowrap {
	white-space: nowrap;
}

table.allcenter th,
table.allcenter td{
	text-align: center;
}



div#filter_plans_cont {
	position: absolute;
	background: #ffffffcf;
	border: 1px solid #999999;
	padding: 1em;
	width: 138%;
	z-index: 10;
	/*margin-left: 3em;*/
	border-radius: 0.2em;
	display: none;
}





#myList li { background-color:#ddf; padding-left : 50px }
#myList li, #s-l-base li { background-color:#ddf; padding-left:50px }


/**
 * ACL_USER Group managment
 */
.listTreeCont {
	padding: 0 1em;
}
/**
 * Nestable
 */

.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

.dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
	background: #fafafa;
	background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
	background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	background:         linear-gradient(top, #fafafa 0%, #eee 100%);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
	background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
	-webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
	-moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
	linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
	-webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
	box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; /*padding: 30px 0;*/ width: 100%; border: 0; /*border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;*/ }

#nestable-menu { padding: 0; margin: 20px 0; }

#activeGroups-output,
#unactiveGroups-output,
#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

#unactiveGroups .dd-handle,
#nestable2 .dd-handle {
	color: #fff;
	border: 1px solid #999;
	background: #bbb;
	background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
	background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
	background:         linear-gradient(top, #bbb 0%, #999 100%);
}


#unactiveGroups .dd-handle:hover,#nestable2 .dd-handle:hover { background: #bbb; }
#unactiveGroups .dd-item > button:before,#nestable2 .dd-item > button:before { color: #fff; }

@media only screen and (min-width: 700px) {

	.dd { float: left; width: 48%; }
	.dd + .dd { margin-left: 2%; }

}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
	background: #fafafa;
	background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
	background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	background:         linear-gradient(top, #fafafa 0%, #eee 100%);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
	border: 1px solid #aaa;
	background: #ddd;
	background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
	background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
	background:         linear-gradient(top, #ddd 0%, #bbb 100%);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }

/**
 * Socialite
 */

.socialite { display: block; float: left; height: 35px; }


#outputsGroupData{
	display:none;
}



div#grouShortingPreloader {
	position: absolute;
	background: #0000008c;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	border-radius: 0.5em;
	text-align: center;
	padding-top: 12em;
	text-align: center;


	background-color: #0401018c;
	/* border-radius: 3px; */
	background-image: -webkit-linear-gradient(45deg, rgba(3, 3, 3, 0.14) 25%, transparent 25%, transparent 50%, rgba(3, 3, 3, 0.14) 50%, rgba(3, 3, 3, 0.14) 75%, transparent 75%, transparent);
	display: none;
}


div#grouShortingPreloader i.fas.fa-cog.fa-spin {
	font-size: 3em;
	color: white;
}

menu#nestable-menu .button {
	border: none;
	font-size: 0.9em;
	padding: 0.3em 0.9em;
	background: #009146;
	text-decoration: none;
	color: white;
}

menu#nestable-menu .button i {
	padding-right: 1em;
}
menu#nestable-menu .button i.fa-align-right{
	padding-left: 1em;
	padding-right: 0em;
}
menu#nestable-menu .button i.fa-align-justify{
	padding-right: 1em;
}



/*call presenter webRTC*/


.callWindow {
    background: white;
   /* margin-top: 4em;*/
   margin: 0 !important;
  /*  border: 1px solid #a2a2a2;*/
    padding: 2em 0em;
    border-radius: 0.4em;
    box-shadow: 7px 9px 14px -5px #848484;
}

.callWindow .keyboard {
    text-align: center;
    margin: 0px auto;
   /* border-left: 1px solid #b7b7b7;*/

}

.callWindow .history{
   /* border-right: 1px solid #b7b7b7;*/

}

.row.keyboardcont {
    width: 60%;
    margin: 0 auto;
}

.callWindow tr.headtr th {
    text-align: center;
    /*background: #f2f2f2;*/
    font-size: 1.2em;
    /* border-radius: 0.4em; */
}

.callWindow table#call_history_head {
    margin-bottom: 0;
}

.callWindow .scrollcont {
    max-height: 16em;
    overflow: auto;
}

.callWindow .numberKey div,
.callWindow .numberActiveKey button{
    border: 1px solid #b9b8b8;
    border-radius: 0.4em;
    box-shadow: 6px 6px 7px -2px #c1c1c1;
    transition: all 0.3s;
    cursor: pointer;
        font-size: 1.7em;
}

    
.callWindow  .col-4.numberKey,
.callWindow .col-4.numberActiveKey/*,
.callWindow button#startCall,
.callWindow button#endCall*/
{
    width: 31%;
    position: inline-block;
    position: relative;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    display: inline-block;
}



.callWindow .numberKey div:active,
.callWindow .numberActiveKey button:active {
    box-shadow: 0px 0px 0px #c1c1c1;
}

.callWindow .numberActiveKey button {
    width: 100%;
    height: 42px;
}

.callWindow button#startCall {
    background: #1e7e34;
    color: white;
}

.callWindow button#endCall {
    background: #bd2130;
    color: white;
}

.callWindow div#call,div#preloader
{
    display: none;

}

.callWindow div#preloader,
.callWindow div#call_info,
.callWindow div#incoming_call_info{
    width: 100%;
}
.cursor_pointer{
    cursor:pointer;
}


.callWindow div#preloader {
    background: #1e7e34;
    border: 1px solid #1e7e3487;
    /* border-radius: 1em; */
    border-radius: 0.4em;
    padding: 0.4em;
    color: white;
    box-shadow: 6px 6px 7px -2px #c1c1c1;

    animation: colorchange 5s infinite;
}


.callWindow div#incoming_call_info,
.callWindow div#call_info {
    display: none;
    background: #1e7e34;
    border: 1px solid #1e7e3487;
    /* border-radius: 1em; */
    border-radius: 0.4em;
    padding: 0.4em;
    color: white;
    box-shadow: 6px 6px 7px -2px #c1c1c1;
}



div#incoming_sip_call {
    display: none;
    position: absolute;
    z-index: 1000;
    background: darkgreen;
    padding: 1em;
    color: whitesmoke;
    margin-left: 27%;
    margin-top: 1em;
        border-radius: 0.7em;
    box-shadow: 4px 7px 11px -2px #0000007a;
}

.phone_acceptbutton_icon_sip,
.phone_declinebutton_icon_sip,
.phone_info_sip,
div#shakeDIV {
    display: inline-block;
}

.phone_info_sip {
    font-size: 1.9em;
}

.phone_button_cont_sip {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 1em;
    
}


.phone_acceptbutton_icon_sip, .phone_declinebutton_icon_sip {
    position: relative;
    margin: 0 auto;
    padding: 0.5em 1em;
    text-align: center;
    cursor: pointer;
    /* background: red; */
    width: 12em;
        border-radius: 0.2em;
        transition: all 0.5s;
}

.phone_declinebutton_icon_sip {
    background: darkred;
}

.phone_acceptbutton_icon_sip {
    background: green;
}

.phone_declinebutton_icon_sip:hover,
.phone_acceptbutton_icon_sip:hover {
    opacity:0.8;
}


@keyframes colorchange
{
    0%   {background: #8e8e8e;}
    50%  {background: #6d6b6b;}
    100% {background: #8e8e8e;}
}

.fixedheadsth{    
    padding: 0 !important;
    margin: 0 !important;
}

.fixedheadscontext,
.fixedheadsdate,
.fixedheadsfrom,
.fixedheadsto,
.fixedheadslength
{
    /*width: 24%;*/
    display: inline-block;
    text-align: center;
    
    padding: 0.6em 0;
    margin: 0;
}
.fixedheadscontext {
    width: 9%;
}
.fixedheadsdate {
    width: 25%;
}
.fixedheadsfrom{
    width: 25%;
}
.fixedheadsto {
    width: 26%;
}
.fixedheadslength {
    width: 11%;
}



div#sip_call_status {
    display: inline-block;
    position: absolute;
    top: 1em;
    
    right: 1.2em;

}



#call_history_data tr:hover div.contact,
#call_history_data tr:hover div.contact small,
#call_history_data tr:hover .cell_direction .fa-phone,
#call_history_data tr:hover .cell_direction .fa-arrow-right,
#call_history_data tr:hover .cell_direction .fa-arrow-left {
    color: #7b7b7b  !important;
}


div#sip_call_status i.danger
{
    color:red;
}

div#sip_call_status i.warning
{
    color:orange;
}

div#sip_call_status i.success
{
    color:green;
}


.cell_direction i.fas.fa-redo-alt {
    color: darkgoldenrod;
}


.bg-white-table{
    background: #cacaca;
    
}


.permision_chceckbox_label {
    font-size: 1.5em;
    margin: 0 0.2em 0 0.3em;
}

.label_view i,
.label_edit i,
.label_add i,
.label_delete i,
.label_report i,
.label_rating i,
.label_listen  i{
   color: grey;  
}

.label_view.active i{
   color: darkgoldenrod; 
}
.label_edit.active i{
    color: darkblue; 
}
.label_add.active i{
    color: darkgreen; 
}
.label_delete.active i{
    color: darkred; 
}
.label_report.active i{
    color: darkcyan; 
}
.label_rating.active i{
   color: darkmagenta;  
}
.label_listen.active  i{
   color: darkslategray;  
}



.resetCounterHotovost {
    margin-left: 1.1em;
    margin-bottom: 0.7em;
}

select#changeStatusDtmf {
    display: inline-block;
    width: 63%;
}


select#frm-simpleGrid-filter-filter-dtmf {
    width: 96%;
}


.uniform_width1 {
    width: 10em !important;
    display: inline-block !important;
    margin-top: -0.1em;
}

#frm-simpleGrid-filter-per_page {
    width: 5em;
}



a.phonelinkbutton {
    text-decoration: none;
    color: #7b7b7b;
    cursor: pointer;
    transition: all 0.3s;
      border-radius: 4px;
    padding: 0 1em;
}

a.phonelinkbutton:hover {
    background: #bbbbbb;
  
}
div#snippet--sms_count {
    margin-left: 2em;
}



.templatePlaceholderCont {
    /*margin-left: 1em;*/
    list-style: none;
}


.templatePlaceholder {
   list-style: none;
   transition: all 0.5s;
   cursor:pointer;
   color:#555;
}

.templatePlaceholder:hover {
   color:black;
}




































@media only screen and (max-width: 600px) {

.row.keyboardcont {
    width: 90%;
    margin: 0 auto;
}
       .callWindow  .container, 
       .callWindow  .container-md,
         .callWindow .container-sm {
            /*max-width: 720px;*/
            padding: 0;
            margin: 0;
            max-width: 100% !important;
        }

   .callWindow  .col-xs-12.col-sm-12.col-md-4.keyboard {
        width: 100% !important;
        flex: 100% !important;
    }


  .callWindow   .numberKey div, 
    .callWindow .numberActiveKey button {

        font-size: 1.4em;
        padding: 1em;
        /* height: 5em; */
    }


   .callWindow  .history {
        display: none;
    }

   .callWindow  h1.head {
        margin-top: 0em;
        text-align: center;
        color: #900c18;
    }


    .callWindow input#cislo {
        font-size: 2em;
    }


    .callWindow .callWindow {
        border: 0px solid #a2a2a2;
        box-shadow: none;
    }

    .callWindow body.main{

        background: #ffffff;
    }
	
	.callWindow .numberActiveKey button {
    height: 79.78px;
}

}












::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
	background-color: #d72927;
	/*border-radius: 3px;*/
	background-image: -webkit-linear-gradient(45deg, rgba(3, 3, 3, 0.14) 25%, transparent 25%, transparent 50%, rgba(3, 3, 3, 0.14) 50%, rgba(3, 3, 3, 0.14) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}




@media (max-width: 768px) {



	div#day_info {
		top: 0 ;
		width: 38%;
	}

#day_info,
#bottom_logo{
	display: none;
}

}


@media (max-width: 508px) {


	div#main_bar {
		/* background: red; */
		position: relative;
	}

	span.top_menu_bar_user_name {
		display: none;
	}

	.in_queue_container span {
		display: none;
	}

	div#main_bar {
		padding: 0.1em;
	}

	span#little_menu_control {
		z-index: 10000;
	}

	span#little_menu_control {
		padding: 0.6em 0em 0.2em 1em;
		background: #ffffff00;
	}
}





.iti__flag {background-image: url("../images/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.iti__flag {background-image: url("../images/flags@2x.png");}
}

.iti__country-list {
	z-index: 11;
}

.iti {
	width: 100%;
}