* {
	font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
	padding-top: 54px;
	/*padding-bottom: 20px;*/
    /*font-family: 'Roboto', sans-serif;*/
}

/* Прячем панель гугла */

.skiptranslate {
    display: none !important;
}

a, * { outline: none !important; }

.selectpicker a {
	outline: none;
}

.input-clear {
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	height: 14px;
	margin: auto;
	font-size: 14px;
	cursor: pointer;
	color: #ccc;
	display: none;
}

.dl-horizontal.text-left {
	text-align: left;
}

/*
 * Img border colors
 */
img.img-primary {
	border: 3px solid #428bca;
}

img.img-success {
	border: 3px solid #dff0d8;
}

img.img-info {
	border: 3px solid #d9edf7;
}

img.img-warning {
	border: 3px solid #fcf8e3;
}

img.img-danger {
	border: 3px solid #f2dede;
}

/* ======================================================================== */
/* ! BS Callout
/* ======================================================================== */
.bs-callout { padding: 20px; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; }
.bs-callout h4 { margin-top: 0; margin-bottom: 5px; }
.bs-callout p:last-child { margin-bottom: 0; }
.bs-callout code { border-radius: 3px; }
.bs-callout+.bs-callout { margin-top: -5px; }
.bs-callout-primary { border-left-color: #428bca; }
.bs-callout-primary h4 { color:#428bca; }
.bs-callout-success { border-left-color: #5cb85c; }
.bs-callout-success h4 { color:#5cb85c; }
.bs-callout-danger { border-left-color: #d9534f; }
.bs-callout-danger h4 { color: #d9534f; }
.bs-callout-warning { border-left-color: #f0ad4e; }
.bs-callout-warning h4 { color:#f0ad4e; }
.bs-callout-info { border-left-color: #5bc0de; }
.bs-callout-info h4 { color:#5bc0de; }


/* ======================================================================== */
/* ! Margins
/* ======================================================================== */
.mt-0 { margin-top: 0; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }
.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.mb-55 { margin-bottom: 55px; }
.mb-60 { margin-bottom: 60px; }
.ml-0 { margin-left: 0; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.ml-40 { margin-left: 40px; }
.ml-45 { margin-left: 45px; }
.ml-50 { margin-left: 50px; }
.ml-55 { margin-left: 55px; }
.ml-60 { margin-left: 60px; }
.mr-0 { margin-right: 0; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; }
.mr-50 { margin-right: 50px; }
.mr-55 { margin-right: 55px; }
.mr-60 { margin-right: 60px; }


/* ======================================================================== */
/* ! Paddings
/* ======================================================================== */
.pt-0 { padding-top: 0; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }
.pt-55 { padding-top: 55px; }
.pt-60 { padding-top: 60px; }
.pb-0 { padding-bottom: 0; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }
.pb-55 { padding-bottom: 55px; }
.pb-60 { padding-bottom: 60px; }
.pl-0 { padding-left: 0; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-35 { padding-left: 35px; }
.pl-40 { padding-left: 40px; }
.pl-45 { padding-left: 45px; }
.pl-50 { padding-left: 50px; }
.pl-55 { padding-left: 55px; }
.pl-60 { padding-left: 60px; }
.pr-0 { padding-right: 0; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-35 { padding-right: 35px; }
.pr-40 { padding-right: 40px; }
.pr-45 { padding-right: 45px; }
.pr-50 { padding-right: 50px; }
.pr-55 { padding-right: 55px; }
.pr-60 { padding-right: 60px; }


/* ======================================================================== */
/* ! Main
/* ======================================================================== */

.red { color: #f00; }
.black { color: #000; }
.grey { color: #555; }

.cursor-pointer { cursor: pointer; }
.nounderline { text-decoration: none !important; }

.vcenter, .valign-mid { display: inline-block; vertical-align: middle; float: none; }

/*
 * Share buttons
 */
.b-share-icon {
	float: left;
	display: inline;
	overflow: hidden;
	width: 16px;
	height: 16px;
	padding: 0!important;
	vertical-align: top;
	border: 0;
	background: url("/media/default/images/b-share-icon.png") 0 99px no-repeat;
}

	.b-share-icon_vk, .b-share-icon_custom {
		background-position: 0 0;
	}

	.b-share-icon_moimir {
		background-position: 0 -85px;
	}

	.b-share-icon_facebook {
		background-position: 0 -68px;
	}


/*
 * Opacity controls
 */
.opacity-controls-body .opacity-control {
	color: #333;
	opacity: 0;
}

.opacity-controls-body:hover .opacity-control {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-webkit-transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-ms-transition: opacity .35s ease-in-out;
	-o-transition: opacity .35s ease-in-out;
	transition: opacity .35s ease-in-out;
}

.opacity-controls-body:hover .opacity-control:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.ajax-loading {
	display: block;
	width: 50px;
	height: 50px;
	background: url("/media/default/images/ajax-loader.gif") center center no-repeat;
}

/*
 * Blinking
 */
.blinking {
  -webkit-animation: blinking 2s linear infinite;
  animation: blinking 2s linear infinite;
}
@-webkit-keyframes blinking {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}
@keyframes blinking {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}


/* ======================================================================== */
/* ! Spinner
/* ======================================================================== */
.spinner .glyphicon-refresh-animate {
    display: none;
}

.spinner.active .glyphicon-refresh-animate {
    display: inline-block;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.waiting-blur { animation: waiting-blur 2s ease-in-out infinite; opacity: .5; }

@keyframes waiting-blur {
    50% {
        opacity: .2
    }
}

/* .waiting-blur { filter: blur(2px); } */
.waiting-blur:hover, .waiting-blur .cursor-pointer:hover, .waiting-blur > *:hover, .waiting-blur .form-control { cursor: wait !important; }


#adminpanel table td { vertical-align: middle; }
#talks_data .nofind { background: none; border: none; color: #000; }



.call-remote { width:100%; height:auto;  border-radius:8px; }
.call-local {
    position:absolute; right:10px; bottom:10px; z-index:2;
    width:110px; height:80px;      border-radius:6px;
    object-fit:cover;
    box-shadow:0 0 6px rgba(0,0,0,.4);
}

@media (max-width:576px){
  .call-local{ width:82px; height:60px; }
}