/*
----------------------------------------------------------------------------
База
----------------------------------------------------------------------------
 */
/*font*/
/* latin */
@font-face {
	font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/*font-size*/
.text-xs {
	font-size: 12px;
}
.text-sm {
	font-size: 14px;
}
.text-md {
	font-size: 16px;
}
.text-lg {
	font-size: 20px;
	line-height: 1;
}
.text-xlg {
	font-size: 30px;
	line-height: 1;
}
.text-xxlg {
	font-size: 50px;
	line-height: 1.1;
}

/*text-color*/
.blue, .blue:hover, .blue:focus {
	color: #00B3FF;
}
.white, .white:hover, .white:focus {
	color: #FFFFFF;
}
.orange, .orange:hover, .orange:focus {
	color: #FC9F25;
}

/*background-color*/
.bg {
	background: #1f3b56;
	color: white;
}
.bluebg, .bluebg:hover, .bluebg:focus {
	background: #00B3FF;
}
.bluebg:active {
	background: #245D92;
}
.orangebg, .orangebg:hover, .orangebg:focus {
	background: #FC9F25;
}
.orangebg:active {
	background: #752F00;
}

/*special*/
.nomargin {
	margin: 0;
}
.fullwidth {
	width: 100%;
}
.lBlock {
	padding-left: 10px !Important;
	text-align: left;
}
.rBlock {
	padding-right: 10px !Important;
	text-align: right;
}

/*-----------------------------
�?конки
------------------------------*/
@font-face {
	font-family: 'CallOffice';
	src: url('../font/CallOffice.eot?3585492');
	src: url('../font/CallOffice.eot?3585492#iefix') format('embedded-opentype'),
			 url('../font/CallOffice.woff?3585492') format('woff'),
			 url('../font/CallOffice.ttf?3585492') format('truetype'),
			 url('../font/CallOffice.svg?3585492#calloffice') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"]::before, [class*=" icon-"]::before {
	font-family: "CallOffice";
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
}
.icon-calldown:before {
	content: "\e900";
}
.icon-callup:before {
	content: "\e901";
}
.icon-callbreak:before {
	content: "\e902";
}
.icon-circledown:before {
	content: "\e903";
}
.icon-circleup:before {
	content: "\e904";
}
.icon-circleoff:before {
	content: "\e905";
	}
.icon-circleon:before {
	content: "\e906";
}

/*-----------------------------
Шапка
------------------------------*/
.head {
	position: fixed;
	top: 0px;
	width: 100%;
	background: #FFF none repeat scroll 0% 0%;
	z-index: 900;
}
.header {
	height: 50px;
	padding: 14px 0px;
}
.logo {
	width: 50px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.timer {
	padding: 15px 10px 0 0;
	text-align: center;
}

/*-----------------------------
Тело
------------------------------*/
body {
	overflow: hidden;
	font-family: Ubuntu;
}
.main {
	margin-top: 100px;
	overflow-y: auto;
}


/*-----------------------------
Чек-бокс
------------------------------*/
/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.checkboxop {
	vertical-align: top;
	margin: 0 3px 0 0;
	width: 17px;
	height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.checkboxop + label {
	cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.checkboxop:not(checked) {
	position: absolute;
	opacity: 0;
}
.checkboxop:not(checked) + label {
	position: relative; /* будем позиционировать псевдочекбокс относительно label */
	padding: 0 0 0 30px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkboxop:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	width: 30px;
	height: 15px;
	border-radius: 13px;
	background: #FF0000;
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkboxop:not(checked) + label:after {
	content: '';
	position: absolute;
	top: -4px;
	left: 0px;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background: #FFF;
	transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkboxop:checked + label:before {
	background: #9FD468;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkboxop:checked + label:after {
	left: 15px;
}
.check > label {
	margin-bottom: 10px;
}
.check {
	padding: 2px 0 0 0;
}
.opstat {
	padding-right: 25px;
}
.opfree {
	color: #83CD21;
}
.opbusy {
	color: #FF0000
}


/*-----------------------------
Панель статуса
------------------------------*/
.statusPanel {
	position: fixed;
	bottom: 0px;
	height: 25px;
	width: 100%;
	background: #1F3B56;
	color: #FFF;
	font-size: 12px;
	padding: 3px;
}
.servstat {
	margin: 0 20px;
	cursor: pointer;
}
.servstat.on {
	color: #83CD21;
}
.servstat.off {
	color: #FF0000;
	text-decoration: none;
}

/*-----------------------------
Кнопки
------------------------------*/
.btn {
	margin: 8.25px auto;
	padding: 4px 6px;
}
.btn:hover, .btn:focus, .btn.focus {
	color: #fff;
	text-decoration: none;
}
.btn > i {
	margin: 0 0.5em 0 0;
}
.btn-on {
	background: #83CD21;
	width: 145px;
}
.btn-off {
	background: #FF0000;
	width: 145px;
}
.btn-break {
	background: #FF0000;
	width: 145px;
}
.ihover {
	width: 50px;
	display: inline-block;
}
.btn-login {
	margin: 8.25px auto;
	padding: 10px 6px;
}
/*-----------------------------
Формы
------------------------------*/
.frm {
	margin: 4px auto;
	padding: 4px 6px;
	box-shadow: none;
}
.alert-box {
	background-color: #f04124;
	border-color: #de2d0f;
	border-radius: 4px;
	color: #ffffff;
	font-family: ubuntu;
	font-size: 17px;
	height: 50px;
	margin: 0 auto 7px;
	padding: 10px 20px;
	text-align: center;
	line-height: 30px;
}

/*-----------------------------
Переопределение
------------------------------*/
html {
	min-height: 250px;
}
a, button {
	outline:none !important;
}
.container-fluid {
	min-width: 480px;
}
.dropdown-menu {
	margin: 0px;
	border-radius: 0px;
	box-shadow: none;
	height: 50px;
	border-color: white;
	border-top: none;
	min-width: 215px;
}
.dropdown-menu > li > a {
	color: white;
	font-size: 14px;
	line-height: 1;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	text-decoration: underline;
	color: white;
	background-color: inherit;
}

/*-----------------------------
Блок вызова
------------------------------*/
.callrow {
}
.rowLeft {
	font-size: 16px;
	padding: 10px 20px;
	border-right: 1px white solid;
	border-bottom: 1px white solid;
}
.rowCenter {
	font-size: 16px;
	padding: 10px 20px;
	border-bottom: 1px white solid;
}
.rowRight {
	padding-left: 25px !important;
	border-left: 1px solid #1F3B56;
	padding: 10px 20px;
	font-family: Verdana;
	border-bottom: 1px white solid;
	font-size: 16px;
	text-align: center;
}
.comment {
	height: 80px;
	padding: 3px 12px;
	font-size: 14px;
	min-width: 250px;
	resize: vertical;
}
.content {
	padding: 15px 0px 25px;
}
.content > div > div {
	padding: 4px 0px;
}
.textgreen {
	color: #83CD21;
}
.textred {
	color: #FF0000;
}

#UserWindow select, #UserWindow input {
   color: black;
}