@charset "UTF-8";
@import url(jquery-ui-1.10.4.custom.css);
/* Переменные */
a, abbr, acronym, address, applet, .article, #aside, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, .nav, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
  font-size: 14px; }

.article, article, audio, canvas, command, datalist, details, embed, figcaption, figure, hgroup, keygen, meter, nav, .nav, output, progress, section, source, video {
  display: block; }

mark, rp, rt, ruby, summary, time {
  display: inline; }

#linkedCards .tr_even :first-child {
/*  font-size: 12px; */  /* IOTCMPRTK-1161 */
}
#linkedCards .tr_odd :first-child {
/*  font-size: 12px; */  /* IOTCMPRTK-1161  */
}

/* форма "Журнал операций" -> "Детализация" */
#orderResult .tr_even :first-child {
/*  font-size: 13px; */  /* IOTCMPRTK-989 */
}  
#orderResult .tr_odd :first-child {
/*  font-size: 13px; */  /* IOTCMPRTK-989 */
}
#detailsDlgForm .tr_even :first-child {
/*  font-size: 13px; */  /* IOTCMPRTK-989 */
}
#detailsDlgForm .tr_odd :first-child {
/*  font-size: 13px; */  /* IOTCMPRTK-989 */
}
#detailsDlgForm .row table tr:nth-child(4) {
  display:none;
}
#orderDetailForm .row table tr:nth-child(4) {
  display:none;
}
#orderDetailForm #orderResult tr :nth-child(3) {
  font-size: 13px !important;  /* Детализация заказа, номенклатурный номер */
}
table[id*=detailsDlgForm] tr :nth-child(3) {
  font-size: 11px !important;
}
#addSubscriberProfile .row table tr:nth-child(4) {
  display:none;
}
/* Hide Format: excel/pdf */
#periodDiv > div > table > tbody > tr:nth-child(2) {
  display: none;
}

/* Date-time column width */
#activity_col_time, #limits_col_start_date, #limits_col_end_date, #notification_col_date_create, #notification_col_date_send, #delivery_templates_col_date {
  width: 150px;
}

/* MSISDN column width */
#journal_ord_detail_col_msisdn, #order_detail_col_msisdn, #activity_col_msisdn, #account_col_msisdn {
  width: 135px;
}

/* ########################################################################################################## */
/* Фирменные шрифты */
@font-face {
  font-family: 'Chevin Pro';
  font-style: normal;
  font-weight: 300;
  src: local("Chevin Pro"), local("ChevinPro"), url("font/ChevinPro-Thin.woff") format("woff"), url("font/ChevinPro-Thin.eot?#iefix") format("embedded-opentype"), url("font/ChevinPro-Thin.ttf") format("truetype"), url("font/ChevinPro-Thin.svg") format("svg"); }
@font-face {
  font-family: 'Chevin Pro';
  font-style: normal;
  font-weight: 400;
  src: local("Chevin Pro"), local("ChevinPro"), url("font/ChevinPro-Light.woff") format("woff"), url("font/ChevinPro-Light.eot?#iefix") format("embedded-opentype"), url("font/ChevinPro-Light.ttf") format("truetype"), url("font/ChevinPro-Light.svg") format("svg"); }
@font-face {
  font-family: 'Chevin Pro';
  font-style: normal;
  font-weight: 600;
  src: local("Chevin Pro"), local("Chevin Pro"), url("font/ChevinPro-Medium.woff") format("woff"), url("font/ChevinPro-Medium.otf?#iefix") format("embedded-opentype"), url("font/ChevinPro-Medium.ttf") format("truetype"), url("font/ChevinPro-Medium.svg") format("svg"); }

@font-face {
  font-family: 'Rostelecom Basis';
  font-style: normal;
  font-weight: 400;
  src: local("Rostelecom Basis"), local("RostelecomBasis"), url('font/RostelecomBasis-Light.eot');
  src: local("Rostelecom Basis"), local("RostelecomBasis"), 
         url("font/RostelecomBasis-Light.woff") format("woff"),
         url("font/RostelecomBasis-Light.woff2") format("woff2"),
         url("font/RostelecomBasis-Light.eot?#iefix") format("embedded-opentype"),
         url("font/RostelecomBasis-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Rostelecom Basis';
  font-style: normal;
  font-weight: 600;
  src: local("Rostelecom Basis"), local("RostelecomBasis"), url('font/RostelecomBasis-Medium.eot');
  src: local("Rostelecom Basis"), local("RostelecomBasis"),
         url("font/RostelecomBasis-Medium.woff") format("woff"),
         url("font/RostelecomBasis-Medium.woff2") format("woff2"),
         url("font/RostelecomBasis-Medium.otf?#iefix") format("embedded-opentype"),
         url("font/RostelecomBasis-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Rostelecom Basis';
  font-style: normal;
  font-weight: normal;
  src: local("Rostelecom Basis"), local("RostelecomBasis"), url('font/RostelecomBasis-Regular.eot');
  src: local("Rostelecom Basis"), local("RostelecomBasis"),
         url("font/RostelecomBasis-Regular.woff") format("woff"),
         url("font/RostelecomBasis-Regular.woff2") format("woff2"),
         url("font/RostelecomBasis-Regular.otf?#iefix") format("embedded-opentype"),
         url("font/RostelecomBasis-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Rostelecom Basis';
  font-style: normal;
  font-weight: bold;
  src: local("Rostelecom Basis"), local("RostelecomBasis"), url('font/RostelecomBasis-Bold.eot');
  src: local("Rostelecom Basis"), local("RostelecomBasis"),
         url("font/RostelecomBasis-Bold.woff") format("woff"),
         url("font/RostelecomBasis-Bold.woff2") format("woff2"),
         url("font/RostelecomBasis-Bold.otf?#iefix") format("embedded-opentype"),
         url("font/RostelecomBasis-Bold.ttf") format("truetype"); }
/* ########################################################################################################## */
		 
/* Global properties */
body {
  /* светло серый фон приложения (кроме страниц "Вход" и "Восстановить пароль") */
  background: rgba(227, 232, 236, 0.5) !important;  
  font-family: "Rostelecom Basis", "Chevin Pro", Tahoma, Arial !important;
  font-size: 14pt;
  line-height: 17px;
  color: #4A4B4C; }

table {
  font-size: 8pt; }

html, body {
  height: 100%; }

.logo {
  width: 200px;
  height: 78px; 
  /*  background: url("images/logo-transp.png") no-repeat; */
  background-image: url(images/logo_m2m_control.svg);
  background-position: left;
  background-repeat: no-repeat;
  margin-left: 20px;
  margin-top: 10px;
  width: 300px;
  height: 46px;
  }

#main-block {
  display: block;
  margin: 0 auto;
  width: 990px;
  font-size: 13px; }

.nav > li > a {  /* не активная кнопка(вкладка) основного меню */
  color: #000;
  border-bottom: 1px solid transparent; }

/* не активная кнопка(вкладка) основного меню при наведенном курсоре  */
.nav > li > a:hover, .nav > li.opened > a {
  border-color: #8348FC;   
 /* background-color: rgba(109, 207, 246, 0.2); */ 
 /* background-color: #8348FC;  */  /* 00AAE7 */
 }

.nav > li > a.active, .nav > li > a.active:hover, .nav > li > a.active:focus {
  background-color: #7700FF;  /* активная кнопка основного меню в разных состояниях */
  }

.nav > li > .dropdown-menu {  /* выпадающий список овновного меню */
  border: 0px solid #FFF;  /* общая обводка */
}

.nav .dropdown-menu > li > a {  /* выпадающий список основного меню */
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: bold;
  line-height: 1.42857143;
  color: #000;         /* 00AAE7 */
  white-space: nowrap; 
}

.nav .dropdown-menu > li > a:hover,
.nav .dropdown-menu > li > a:focus {  /* пункт основного меню при наведении мыши */
  text-decoration: none;
  color: #FFF;
  background-color: #8348FC; 
  opacity : 0.5;
}

ul.mainMenuItem {  /* выползание ссылок за блоки на основной странице, косяк под IE */
    height: 140px !important;
}

.btn-primary, #simsUnlockForm a.ui-button,    /* обычная первичная кнопка */
a.ui-widget-header.control_btn {
  background-color: #7A929B;  
  border-color: #7A929B; }    

.btn-primary:hover,
#simsUnlockForm a.ui-button:hover  {
  background-color: #313948;  
  border-color: #313948; }    

/* кнопки основного действия (общие свойства)  */
#oHandlerFrm    a[id*=btnStore],      /* IOTCMPRTK-1087 */
#rpForm         #setBtn,
#sendSMSForm    #btnSendSMS,
#changePasswordForm a[id*=btnStore],
#usersListForm  #createUser,
form#journal    #searchBtn,
#reportsListForm  a.ui-button,
#tabsForm   a[id*=activitySearchBtn],
#apnForm    #setBtn,
#tabsForm   a[id*=btnGeoStore]:not(.ui-button-disables),
#tabsForm   #deviceTab  a[id*=btnStore]:not(.ui-button-disabled),
#tabbedPane         a#refreshNotificationsBtn,
#tabbedPane         a#refreshBtn,
#devicesForm        a[id*=createDevice],
#groupsListForm     #createDeliveryGroup,
#setPreferencesForm #preferencesStoreBtn,
#eventParamsForm a[id*=btnStore],
#eventTypesListForm #saveButton,
#simsLockForm    #btnLockSet,
#simsUnlockForm  #btnUnlockSet,
#uploadSim       #uploadBtn,
#profileDirectoryForm #createProfile,
#changePasswordForm #btnStore, 
#checkQuestionForm  #btnQestSave,
#checkQuestionForm  #btnStoreAll,
#clientSettingsForm #applyData,
#tmplSMSForm #createTemplate,
#extContactsListForm #createContact,
#profilesForm #onBtn,
#packageForm  #onBtn:enabled, 
#srvForm      #onBtn,
#viewIMEI     #editBtn {
  background: #7A929B !important;   /* серые */  
  border: 2px solid #7A929B !important;
  border-radius: 2px !important;
  opacity: 1.0 !important;
  color: #FFF;
  margin-right: 10px;  /* расталкиваем кнопки */  
}
/* специфические ситуации и свойства кнопок основного действия */
#checkQuestionForm #btnStoreAll {  /* форма "Смена пароля" под административным пользователем */
  font-size: 14px;
}
#packageForm #onBtn:disabled {
  color: #313948;
}
#srvForm     #onBtn,
#setPreferencesForm #preferencesStoreBtn {
  opacity: 1.0 !important;
}
#simsUnlockForm a[id*=btnCancel] {
  margin-left:10px;
}
/* кнопки основного действия при наведении мыши */
#oHandlerFrm     a[id*=btnStore]:hover,  /* IOTCMPRTK-1087 */
#rpForm          #setBtn:hover,
#sendSMSForm     #btnSendSMS:hover,
#changePasswordForm  a[id*=btnStore]:hover,
#usersListForm   #createUser:hover,
form#journal     #searchBtn:hover,
#reportsListForm a.ui-button:hover,
#tabsForm a[id*=activitySearchBtn]:hover,
#apnForm  #setBtn:hover,
#tabsForm a[id*=btnGeoStore]:not(.ui-button-disables):hover,
#tabsForm #deviceTab  a[id*=btnStore]:not(.ui-button-disabled):hover,
#tabbedPane         a#refreshNotificationsBtn:hover,
#tabbedPane         a#refreshBtn:hover,
#devicesForm        a[id*=createDevice]:hover,
#groupsListForm     #createDeliveryGroup:hover,
#setPreferencesForm #preferencesStoreBtn:hover,
#eventParamsForm a[id*=btnStore]:hover,
#eventTypesListForm #saveButton:hover,
#simsLockForm    #btnLockSet:hover,
#simsUnlockForm  #btnUnlockSet:hover,
#uploadSim       #uploadBtn:hover,
#profileDirectoryForm #createProfile:hover,
#changePasswordForm #btnStore:hover,
#checkQuestionForm  #btnQestSave:hover, 
#checkQuestionForm  #btnStoreAll:hover,
#clientSettingsForm #applyData:hover,
#tmplSMSForm #createTemplate:hover,
#extContactsListForm #createContact:hover,
#profilesForm #onBtn:hover,
#packageForm  #onBtn:enabled:hover,
#srvForm      #onBtn:hover,
#viewIMEI     #editBtn:hover {
  background-color: #7A929B !important;   /* 8348FC */
  border: 2px solid #7A929B !important;
  opacity: 0.75 !important;
  color: #FFF;
}
#packageForm #onBtn:hover, 
#srvForm     #onBtn:hover,
#setPreferencesForm #preferencesStoreBtn:hover {
  opacity: 1.0 !important;
}

/* белые кнопки с серой обводкой для НЕ основного действия */
/* #setPreferencesForm a.btn.btn-primary, */
#oHandlerFrm        a[id*=btnCancel],   /*IOTCMPRTK-1087 */
#rpForm             #btnCancel,
#sendSMSForm        #btnBack,
form#journal        a[id*=j_],
#apnForm            #btnCancel,
#tabsForm           a[id*=btnGeoCancel],
#tabsForm           a[id*=btnGeoClear],
#tabsForm           a[id*=deviceTab],
#tabbedPane         a#clearBtnEvent,
#tabbedPane         a#clearNotificationsBtn,
#devicesForm        a[id*=deleteDevices],
#devicesForm        a[id*=restoreDevices],
#devicesForm        a[id*=permDeleteDevices],
#groupsListForm     #deleteDeliveryGroups,
#groupsListForm     #sendSMS,
#groupsListForm     #contacts,
#simsLockForm       a.btn.btn-primary,
#simsUnlockForm     a.ui-button,
#profileDirectoryForm #deleteProfiles,
#summaryProfile     div[class*=div-justified] a.btn.btn-primary,
#clientSettingsForm a.btn.btn-primary,
#financeInfoListForm #chargeBtn,
#financeInfoListForm #paymentBtn,
#tmplSMSForm #deleteTemplate,
#extContactsListForm #deleteContacts,
#extContactsListForm #sendSMS,
#profilesForm #btnBack,
#packageForm  #btnBack,
#packageForm  #offBtn,
#srvForm      #btnBack,
#srvForm      #offBtn,
#viewIMEI     a.btn.btn-primary,
#viewIMEI     label.btn.btn-primary {
  background-color: #FFFFFF;
  border: 2px solid #7A929B;
  border-radius: 2px;
  color: #313948;
  margin-right:10px;  /* расталкиваем кнопки */  
}
/* специфические ситуации для кнопок НЕ основного действия */
#tabsForm  a[id*=btnClear], 
#tabsForm  a[id*=btnRefresh],
#tabsForm  a[id*=btnCancel]:not(.ui-button-disabled) {
  background-color: #FFFFFF !important;
  border: 2px solid #7A929B !important;
  border-radius: 2px;
  color: #313948;
}
#setPreferencesForm a[type=reset] {
  padding-left: 5px;
}
#setPreferencesForm a[type=reset] span {
  background-color: #FFFFFF;
  border: 2px solid #7A929B;
  border-radius: 2px;
  color: #313948;
}
#srvForm #offBtn {
  opacity: 1.0 !important;
}
#groupsListForm #contacts,
#groupsListForm #sendSMS  {
  height: 36px; 
}
/* #setPreferencesForm a.btn.btn-primary:hover, */
#oHandlerFrm        a[id*=btnCancel]:hover,  /* IOTCMPRTK-1087 */
#rpForm             #btnCancel:hover,
#sendSMSForm        #btnBack:hover,
form#journal        a[id*=j_]:hover,
#apnForm            #btnCancel:hover,
#tabsForm           a[id*=btnGeoCancel]:hover,
#tabsForm           a[id*=btnGeoClear]:hover,
#tabsForm           a[id*=deviceTab]:hover,
#tabbedPane         a#clearBtnEvent:hover,
#tabbedPane         a#clearNotificationsBtn:hover,
#devicesForm        a[id*=deleteDevices]:hover,
#devicesForm        a[id*=restoreDevices]:hover,
#devicesForm        a[id*=permDeleteDevices]:hover,
#groupsListForm     #deleteDeliveryGroups:hover,
#groupsListForm     #sendSMS:hover,
#groupsListForm     #contacts:hover,
#simsLockForm       a.btn.btn-primary:hover,
#simsUnlockForm     a[id*=btnCancel]:hover,
#summaryProfile     div[class*=div-justified] a.btn.btn-primary:hover,
#profileDirectoryForm #deleteProfiles:hover,
#clientSettingsForm a.btn.btn-primary:hover,
#financeInfoListForm #chargeBtn:hover,
#financeInfoListForm #paymentBtn:hover,
#tmplSMSForm #deleteTemplate:hover,
#extContactsListForm #deleteContacts:hover,
#extContactsListForm #sendSMS:hover,
#profilesForm #btnBack:hover,
#packageForm  #offBtn:hover,
#packageForm  #btnBack:hover,
#srvForm      #btnBack:hover,
#srvForm      #offBtn:hover,
#viewIMEI     a.btn.btn-primary:hover,
#viewIMEI     label.btn.btn-primary:hover {
  background-color: #FFF;
  border: 2px solid #313948;
}
#deviceTab  a[id*=btnClear]:hover,
#deviceTab  a[id*=btnRefresh]:hover,
#deviceTab  a[id*=btnCancel]:not(.ui-button-disabled):hover {
  background-color: #FFFFFF !important;
  border: 2px solid #313948 !important;
}
#setPreferencesForm a[type=reset] span:hover {
  border: 2px solid #313948 !important;
}
#srvForm  #offBtn {
  opacity: 1.0 !important;
}

.btn-group > .btn-primary {  /* кнопки Дополнительного меню */
  background-color: #7A929B;
  border-color: #7A929B; }

.btn-group > .btn-primary:focus,
.btn-group > .btn-primary.focus,
.btn-group > .btn-primary:active,
.btn-group > .btn-primary.active,
.btn-group > .open > .dropdown-toggle.btn-primary {  /* разные состояния кнопок Доп.меню  */
  color: #FFF;
  background-color: #313948;
  border-color: #313948; }

.btn-group > .btn-primary:active:hover,
.btn-group > .btn-primary.active:hover,
.btn-group > .open > .dropdown-toggle.btn-primary:hover,
.btn-group > .btn-primary:active:focus,
.btn-group > .btn-primary.active:focus,
.btn-group > .open > .dropdown-toggle.btn-primary:focus,
.btn-group > .btn-primary:active.focus,
.btn-group > .btn-primary.active.focus,
.btn-group > .open > .dropdown-toggle.btn-primary.focus {
  color: #FFF;
  background-color: #313948;
  border-color: #313948; }

.dropdown-menu {  /* выпадающий список (в том числе для дополнительного меню) */
  border: 1px solid #7700FF; }  

#header .top-info {
  position: absolute;
  left: 45px;
  top: 17px; }

/* Footer */
#main-menu {
  display: block;
  padding-left: 7px;
  margin: 0 auto; }

#main-menu a:hover {
  text-decoration: underline; }

#main-menu .widget img {
  float: left;
  margin: 5pt; }

.main-search {  /* фон панели "поиск" */
 /* background-color: rgba(109, 207, 246, 0.2); */ }

.panel100 {
  width: 100%; }

.paginator td {
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin: 0; }

.paginator td:not(:first-child):not(:last-child) a {
  border-radius: 0;
  margin-right: -1px; }

.paginator td:first-child a {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px; }

.paginator td:last-child a {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

td.paginator_btn a {
  height: 34px; }

.paginator_col {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: normal; }

.paginator_active_col {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: bold;
  text-decoration: none; }

.paginator-info {
  padding: 4px;
  height: 24px;
  line-height: 24px;
  color: #4A4B4C;
  text-align: right; }

.paginator_panel {
  display: table;
  width: 100%;
  margin-right: 5px; }

.dialog_content {
  display: block;
  width: 100%;
  overflow: visible;
  background-color: transparent; }

.dialog_content label.disabled {
  color: #999; }

.right {
  text-align: right;
  padding-right: 4pt; }

.left {
  text-align: left;
  padding-left: 3pt; }

.dialog_content .right {
  width: 30%; }

.dialog_content .left {
  width: 70%; }

.dialog_content h3 {
  display: block;
  color: #4A4B4C;
  font-size: 1.2em;
  margin: 3pt; }

.button_panel {
  margin-top: 5px; }

.nameEventPanel {
  display: block;
  height: 40px;
  margin-left: 5px;
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: top;
  text-align: left; }

/* tailings */
.tail-top-main {
  background: rgba(109, 207, 246, 0.2) repeat-x left top;
  min-width: 980px; }

.tail-top-main {
  background-image: url(../../images/tail-top-main.png); }

/* form defaults */
input, select, textarea {
  color: #333; }

input, select, textarea, .ui-widget, .ui-widget .ui-widget {
  font-family: "Rostelecom Basis", "Chevin Pro", Tahoma, Arial !important;
  vertical-align: middle;
  font-weight: normal; }

input[type="password"] {
  font-family: Arial !important; }

::-ms-clear {
  margin: 0;
  /* except margin-left */
  display: none;
  visibility: hidden; }

::-ms-reveal {
  margin: 0;
  /* except margin-left */
  display: none;
  visibility: hidden; }

.ui-tooltip {    /* IOTCMPRTK-1152 */
  padding: 10px; 
  border: 0px;
  font-size: 12px !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:    0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow:         0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.15); 
}
.filter-panel .inputText.ui-corner-all {  /* Форма "Оповещения" поле "SIM карта" */
/*  font-size: 13px; */  /* IOTCMPRTK-989 */
}

fieldset {
  border: 0; }

/* lists */
.list1 {
  padding-bottom: 11px; }

.list1 li {
  padding: 0 0 15px 10px;
  height: 1%;
  background: url(../../images/marker.gif) no-repeat left 4px; }

/* other */
.extra-wrap {
  overflow: hidden; }

.p0 {
  margin: 0; }

.p1 {
  margin-bottom: 18px; }

/* txt, links, lines, titles */
.ui-widget-content th a {
  color: #FFF; }

th a {
  color: #FFF; }

a {
  color: #000;
  outline: 0;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

h1 {
  padding-left: 0;
  padding-top: 30px;
  padding-bottom: 45px;
  font-size: 40px;
  line-height: 48px; }

h1 a {
  text-decoration: none; }

h2 {
  color: #4A4B4C;
  font-size: 21px !important;
  line-height: 25px;
  margin-bottom: 15px;
  letter-spacing: -1px;
  font-weight: normal;
  margin-top: 5px; }

h2.extra {
  padding: 30px 0 0 43px; }

h3 {
  font-size: 19px;
  line-height: 23px;
  color: #7700FF;      /* 00AAE7 */
  margin-bottom: 10px; }

h4 {
  font-size: 20px;
  line-height: 1.2em;
  color: #FFF;
  margin-bottom: 27px;
  letter-spacing: -1px; }

h4.extra {
  margin-bottom: 12px; }

h5 {
  font-size: 14px;
  line-height: 19px;
  margin-top: 10px;
  margin-bottom: 10px; }

h6 {
  font-size: 18px;
  line-height: 1.2em;
  margin-bottom: 4px;
  letter-spacing: -1px;
  font-weight: normal; }

h1, h2, h3, h4, h5, #main-menu .widget .menuHeaderText {
  font-family: "Rostelecom Basis", "Chevin Pro", Tahoma, Arial;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase; }

form[action*=help] h3 {  /* страница "Помощь" заголовки */
  text-transform: lowercase;  
}

#content .inside {
  padding: 0 2px; }

#content .inside1 {
  padding: 40px 0 48px 42px; }

#content .left-indent {
  padding-left: 39px; }

#content .bot-indent {
  padding-bottom: 54px; }

#content .bot-indent1 {
  padding-bottom: 12px; }

#content .indent {
  padding: 7px 0 18px 0; }

#content .indent1 {
  padding: 17px 0 18px 0; }

#content .inputTextRO, #content select.inputTextRO {
  display: inline-block;
  border: 1px #D4D4D4 solid;
  position: relative;
  background-color: rgba(109, 207, 246, 0.2);
  vertical-align: middle;
  color: #4A4B4C;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px; }

.style_error {
  color: #C00101; }

.style_warn {
  color: #010183; }

.style_info {
  color: #7A929B;    /* 3C0 зеленый цвет различных информирующих подписей */
}
#smsTestForm table#history td.style_info {   /* IOTCMPRTK-1058 */ 
  color: #3C0;
}

.style_strong {
  font-weight: bold; }

#login-form .buttonPanel {
  text-align: center; }

#login-form #enterBtn {
  display: inline-block; }

#login-form table td {
  padding: 3pt;
  vertical-align: middle; }

#login-form input {
  width: 200px; }

.loginForm {
  margin: 0 auto;
  width: 680px; }

#j_captcha_error, #j_password_error, #j_username_error {
  display: block;
/*  width: 300px; */  }

/* custom forms */
.info {
  display: block;
  margin: 10px;
  padding: 10px; }

.info-panel {
  display: block;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background: transparent url(../../images/divider1.gif) repeat-x scroll left bottom;
  padding-bottom: 4px;
  padding-top: 10px;
  margin-bottom: 10px; }

.ui-dialog-buttonset {
  float: right;
  margin-top: .5em; }

.breadcrumbs li {
  display: inline;
  padding: 0;
  margin: 0 6px 0 0;
  color: #4A4B4C; }

.breadcrumbs li .ui-icon {
  display: inline;
  width: 16px;
  height: 16px; }

.breadcrumbs a {    /* пункт меню в форме ссылки */
  text-decoration: none;
  color: #4A4B4C;
  border-bottom: 1px solid #D4D4D4; }

.breadcrumbs a:hover {
  text-decoration: none;
  border-bottom: 1px solid #7700FF; }  /* 00AAE7 */

.breadcrumbs {
  line-height: 1em;
  font-size: .9em; }

table.table_full_width td .ui-button > span.ui-icon {
  background-image: url("images/ui-icons_4a4b4d_256x240.png"); }

.width770 {
  width: 770px; }

.spacer_bottom {
  width: 636px; }

.spacer_bottom1 {
  width: 616px; }

.spacer_top {
  width: 350px; }

.spacer_top1 {
  width: 320px; }

textarea {
  resize: none; }

.notice-wrap {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 250px;
  z-index: 9999; }

* html .notice-wrap {
  position: absolute; }

.notice-item {
  background: #333;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  color: rgba(109, 207, 246, 0.2);
  padding: 12px;
  font-family: "Rostelecom Basis", "Chevin Pro", Tahoma, Arial !important;
  font-size: 13px;
  display: block;
  position: relative;
  margin: 0 0 12px 0; }

.notice-item-close {
  position: absolute;
  font-family: "Rostelecom Basis", "Chevin Pro", Tahoma, Arial !important;
  font-size: 12px;
  font-weight: bold;
  right: 6px;
  top: 6px;
  cursor: pointer; }

.success {
  background-color: #090; }

.error {
  background-color: #C00101; }

.menuHeaderText {
  color: #000;  
  font-weight: bold !important;
}

.disabledMenuItem {
  margin-top: 15px;
  color: #C0C0C0;
  text-align: right; }

#tabbedPane .myFaces_panelTabbedPane_pane, #tabbedPane .myFaces_panelTabbedPane_subHeaderCell {
  background-color: #FFF !important; }

#editCardForm_tabbedPane .myFaces_panelTabbedPane_pane, #editCardForm_tabbedPane .myFaces_panelTabbedPane_subHeaderCell {
  background-color: #FFF !important; }

table.newsTbl {
  empty-cells: show;
  max-width: 990px !important;
  width: 100%;
  border-collapse: collapse; }

table.newsTbl td {
  padding: 2pt 2pt 2pt 5pt; }

table.newsTbl td.tr_first, table.newsTbl td.tr_last {
  background: rgba(109, 207, 246, 0.2);
  border: solid 1px #D4D4D4; }

table.newsTbl td.tr_first {
  border-right: none; }

table.newsTbl td.tr_last {
  border-left: none; }

table.newsTbl td.tr_middle {
  border-top: solid 1px #D4D4D4;
  border-bottom: solid 1px #D4D4D4; }

table.newsTblBig {
  empty-cells: show;
  max-width: 990px !important;
  width: 100%;
  border-collapse: collapse; }

table.newsTblBig td, table.newsTblBig th {
  padding: 2pt 2pt 2pt 5pt; }

table.newsTblBig td.tr_first, table.newsTblBig td.tr_last {
  border: solid 1px #D4D4D4;
  background: #FFF; }

table.newsTblBig td.tr_first {
  border-right: none; }

table.newsTblBig td.tr_last {
  border-left: none; }

table.newsTblBig td.tr_middle {
  border-top: solid 1px #D4D4D4;
  border-bottom: solid 1px #D4D4D4;
  background: #FFF; }

table.newsTblBig th {
  height: 36px;
  border: 1px solid #FFF;
  text-align: left;
  vertical-align: middle; }

/* кноки  Доп. меню (например на форме "Лицевые счета") */
.toolbar .ui-button {  
  border-color: #7A929B;  
  background-color: #7A929B
}
.toolbar a.ui-button.ui-state-hover,
.toolbar .ui-button:hover {
  background-color: #313928;
}
/* исключение на форме "Массовое внесение данных" */
form#uploadSim[action*=address] #address {  /* если режим формы "SIM-карты" */
  border-color: #313928;                    /* то выделяем кнопку "SIM-карты" */
  background-color: #313928;
}
form#uploadSim[action*=group] #group {   /* если режим "Группы SIM-карт" */
  border-color: #313928;                 /* то выделяем кнопку "Группы SIM-карт" */
  background-color: #313928;
}
/* IOTCMPRTK-1000  кнопка "Поиск" на форме Лицевые счета -> Платежи */
#paymentsForm #refreshBtn {  
  width: 100px;
}
#paymentsForm #refreshBtn:hover {
  background-color: #313948 !important;  
  width: 100px;
}
#paymentsForm #refreshBtn:focus {
  background-color: #313948 !important;  
  color: #FFF;
}
#paymentsForm #refreshBtn span.ui-icon {
  background-image: url(images/ui-icons_f5f5f5_256x240.png);
  background-position: -160px -112px;
}
/* IOTCMPRTK-1000 */

.the_menu {
  border-color: #7A929B !important;   
  background-color: #FFF !important; }

.the_menu li {
  background-color: #FFF !important; }

.the_menu li a {
  color: #4A4B4C !important; }

.the_menu li a:hover {
  color: #FFF !important;
  background-color: #7A929B !important; }  

.m2m_begin_btn {
  background-image: url("images/begin.png") !important; }

.m2m_prev_btn {
  background-image: url("images/prev.png") !important; }

.m2m_next_btn {
  background-image: url("images/next.png") !important; }

.m2m_last_btn {
  background-image: url("images/end.png") !important; }

.m2m_refresh_button {
  background-image: url("images/refresh1.png") !important; }

.m2m_search_button {
  background-image: url("images/search1.png") !important; }

.m2m_clear_button {
  background-image: url("images/clear.png") !important; }

.m2m_info_btn {
  background-image: url("images/info.png") !important; }

.header {  /* полоса "Шапка" с панелью выбора языка и кнопками "Помощь", "Выход" и т.д.  */
  background: #fff;
  color: #000;
  height: 93px; }

.header li.user span.user-role {  /* наименование  "Роль пользователя" */
  color: #000; }  /* FFF */

.info {
  border-color: #00AAE7 !important; }

#content .inputTextRO, #content select.inputTextRO {
  background-color: #FFF !important;
  color: #4A4B4C !important; }

.myFaces_panelTabbedPane_emptyHeaderCell {
  border-top: none !important; }

.panelTabbedPane {
  border: none !important; }

div.splash_icon {
  float: left;
  width: 132px; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: "Rostelecom Basis", "Chevin Pro", Tahoma, Arial !important; }

.ui-button:hover, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary:hover, .control_btn:hover,
.ui-button:focus, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary:focus, .control_btn:focus,
.ui-button:active, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary:active, .control_btn:active {
  color: #FFF;
  background: rgba(109, 207, 246, 0.2);
  border: 0px solid; }

.ui-button:hover, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary:hover, .control_btn:hover {
  background: #00AAE7;
  border-color: #00AAE7; }

.ui-button:active, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary:active, .control_btn:active,
.ui-button:focus, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary:focus, .control_btn:focus {
  background: #00AAE7;
  border-color: #00AAE7; }

/* ########################################################################################################## */  
/* Календарик */  
.ui-datepicker {  /* общий контейнер календарика */
  width: 18em;
}
.ui-datepicker-header {  /* заголовок календарика */
  background: #7700FF;
  border-color: #7700FF;
}
.ui-datepicker-next, .ui-datepicker-prev {  /* кнокпи "Пред", "След" в заголовке календарика */
/*  background: #65BBDF;
  border-color: #fff; */
}
.ui-datepicker-next-hover, .ui-datepicker-prev-hover { /* вид кнопок "Пред", "След", при наведении мыши */
/*  background: #57D9B7 !important;
  border-color: #fff; */
}
.ui-datepicker-calendar { /* табличка календаря (то что под загловком) */
/*  font-family:  "Rostelecom Basis", "Chevin Pro", Tahoma, Arial !important; */
/*  font-weight: 300; */
}
table.ui-datepicker-calendar a.ui-state-default {  /* квадратики дней (состояние по умолчанию) */
  background: #E3E8EC;   /* 65BBDF  A7CCF9 */
  color: #4A4B4C;
  font-weight: 300; 
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
table.ui-datepicker-calendar a.ui-state-highlight {  /* текущий день  */
  background-image: none !important;
  padding: 6px; 
  background-color: #7700FF !important;  /* 7A929B */   /* 7700FF */
  border: 0px solid #7700FF !important;
  color: #FFF;
}
table.ui-datepicker-calendar a.ui-state-active {  /* день выбранный в календарике кликом */
  background-color: #7A929B;   /* 8348АС  */
  border: 0px solid #7A929B;
}
table.ui-datepicker-calendar a.ui-state-default.ui-state-hover {  /* квадратик, при наведении мыши */
  background-color: #7A929B !important;
  opacity: 0.75;
}
table.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
  background-color: #313948 !important;  /* выбор дня не допустим */
}
img.ui-datepicker-trigger {  /* подмена изображения иконки календарика */
  /* 
     http://webknowledge.ru/zamena-izobrazheniya-img-elementa-s-pomoschyu-css/
  */
  content: url(images/calendar-icon-24px.png);
}
a.ui-slider-handle.ui-state-default.ui-corner-all {  /* кнопка ползунка выбора времени */
  background: #E3E8EC 50% 50% repeat-x;
}
a.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-hover {  /* кнопка ползунка выбора времени */
  background: #7A929B 50% 50% repeat-x;   /* при наведении мыши */
  border: 1px solid #7A929B;
}
/* ######################################################################################################### */
/* карта */
img.leaflet-marker-icon {
  /* закрепленное местоположение устройства */
  content: url(images/location_s.svg);
  /* при работе индивидуально с SIM-картой */
}

/* ########################################################################################################## */  

.ui-dialog-titlebar  {  /* .ui-widget-header { */
  overflow: hidden;
  background-color: #7700FF;  
  border: 0px solid #FFF;    
 }

.ui-dialog.ui-widget-content {
  border: 0px solid #FFF;
}

div.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all.dark-multiselect {
  border: 0px solid #7700FF !important;  /* блок списка мультивыбора */
}

/* ul.ui-multiselect-checkboxes li:hover,
ul.ui-multiselect-checkboxes li:active,  */
ul.ui-multiselect-checkboxes li label.ui-state-hover {
  background-color: rgba(122, 146, 155, 0.75);   /* фон строки с чекбоксом выбора, при наведении курсора */
}

/* заголовок списка мультивыбора */
div.ui-widget-header.ui-corner-all.ui-multiselect-header.ui-helper-clearfix {
  background: #7700FF !important;
  border: 0px solid #7700FF !important;
} 

th.th_1 {  /* ячейка заголовка таблицы */
  background: #E3E8EC;  /* ставим светло фиолетовый */  /* 7700FF; */
  /*  opacity: 0.5; */   /* плохо выглядит при скролинге, под шапкой видны данные */
}
/* стиль ячейки заголовка таблицы, которая включена в сортировку */
th.th_1.selectedColumn, .selectedItem {
  background-color: #7A929B !important;  /* FF8218 Rostelecom Orange Light */    /* FF4F12 Rostelecom Orange */
    /*  opacity: 0.5;  */   /* плохо выглядит при скроллировании, под столбцом проступает скроллируемый текст */
}
th.th_1 div.tbl-sort-header, th.th_1 span, table[id*=servicesTab] > th { 
  color: #808080 !important; 
}  
th.th_1.selectedColumn div.tbl-sort-header  {  
  color: #DCDCDC !important;
}
#eventTypes th.th_1 {  
  background-color: #7A929B;  
}
#eventTypes th.th_1 div.tbl-sort-header {
  color: #DCDCDC !important;
}
table[id*=financeInfoListForm] th.th_1.selectedColumn div.tbl-sort-header span,
table[id*=charges]     th.th_1.selectedColumn div.tbl-sort-header span,
table[id*=simsAct]     th.th_1.selectedColumn div.tbl-sort-header span,
table[id*=devicesList] th.th_1.selectedColumn div.tbl-sort-header span,
table[id*=templates]   th.th_1.selectedColumn a span,
table[id*=users]       th.th_1.selectedColumn div.tbl-sort-header span,
/* Лицевые счета Лицевой счет 123 IOTCMPRTK-1008  */
table[id*=SubsAccountForm] th.th_1.selectedColumn a div.tbl-sort-header span.noclass
{
  color: #DCDCDC !important;  /* IOTCMPRTK-997 */
}
.fa-sort-amount-asc:before {  /* значек сортировки столбца по возрастанию */
  color: #FFF;
}
.fa-sort-amount-desc:before {  /* значек сортировки стобца по убыванию */
  color: #FFF;
}

#eventTypes th.table_header {
  background-color: #E3E8EC;  
  text-align: left;
  padding: 5pt 2pt 5pt 5pt; 
}
#eventTypes .table_full_width {
  table-layout: inherit;  /* IOTCMPRTK-1151 */
}
th.ui-widget-header.th_1 {
  color: #808080; 
}
  th.ui-widget-header.th_1.selectedColumn a {
  color: #FFF;
}
.table_full_width .th_1, .table_full_width .th_1 a:not(.btn-primary), th.ui-widget-header.th_1 a:not(.btn-primary), .table_slim .th_2 {
  font-weight: 400; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #00AAE7 50% 50% repeat-x; }

.ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus,
.ui-button-text-only.ui-state-hover.ui-corner-all {
  background: #4CC3EE;
  color: #FFF; }

table.ui-datepicker-calendar a.ui-state-default:hover {
  background-color: #32ADE5;
  color: #FFF; }

.ui-corner-all.ui-state-hover {
  background-color: rgba(109, 207, 246, 0.2);
  color: #4A4B4C; }

.ui-dialog-titlebar-close.ui-state-hover {
  background-color: #8348FC; }   /* 4CC3EE */

.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
  border: none !important; }

table.table_full_width td strong a {
  border-bottom: 1px solid #D4D4D4;
  color: #000;
  cursor: pointer;
  text-decoration: none; }

table.table_full_width td strong a:hover {
  border-bottom: 1px solid #00AAE7;
  color: #00AAE7;
  cursor: pointer;
  text-decoration: none; }

#content .inputTextRO, #content select.inputTextRO,
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: default !important;
/*  background-color: rgba(109, 207, 246, 0.2) !important;  */
/*  background-color: #7A929B !important;  */
  border: 1px solid #E3E8EC !important; 
  opacity: 0.5 !important;
/*  color: #FFF !important; */
}
#content .inputTextRO:hover, #content select.inputTextRO:hover,
input[disabled]:hover,
select[disabled]:hover,
textarea[disabled]:hover,
input[readonly]:hover,
select[readonly]:hover,
textarea[readonly]:hover {
/*  background-color: #313948 !important;  */
  border: 1px solid #E3E8Ec !important;
  opacity: 1.0 !important;
/*  color: #FFF !important; */
}
span.disabled-select-styled span {   /* IOTCMPRTK-1165 */
  background-color: #FFF !important;
  opacity: 0.5;
}

div.input-group-btn a.btn-primary {
  background-color: #FFF !important;
  border: 1px solid #E3E8EC !important;
  opacity: 0.5 !important;
  border-left: #FFF !important;  
  color: #000 !important;
}

#content .nowrappcolumn #typeLicNum {
  width: 258px !important; }

#content .nowrappcolumn #typeNumber {
  width: 233px !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #content .nowrappcolumn #typeNumber {
    width: 231px !important; } }
#content .nowrappcolumn #typeClientName {
  width: 481px !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #content .nowrappcolumn #typeClientName {
    width: 483px !important; } }
/*ADMIN menu*/
/*
.toolbar .ui-button.act {
  background: #f58220 !important; }  */

.toolbar-menu {
  background-color: rgba(109, 207, 246, 0.2); }

.main_menu_title_links {
  padding-top: 10px;
  padding-right: 15px;
  text-align: left !important;
  font-size: 14px;
  font-weight: normal; }

#oHandlerFrm\:opr_type input {
  float: left; }

#oHandlerFrm\:opr_type td {
  float: left;
  padding-bottom: 10px; }

#oHandlerFrm\:opr_type label {
  float: left;
  display: block;
  margin-left: 6px; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999 !important; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999 !important;
  opacity: 1 !important; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999 !important;
  opacity: 1 !important; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999 !important; }

#content .placeholder {
  color: #999 !important; }

/**
 * Стиль для выпадающего списка с чекбоксами
*/
button.ui-multiselect {
  border: 1px solid #D4D4D4 !important;
  background: #FFF none !important;
  color: #000 !important; }

/**
 * Стиль для выпадающего списка с чекбоксами
*/
button.dark-multiselect > span.ui-icon {
  background-image: url("images/ui-icons_4a4b4d_256x240.png") !important; }

#userDlgForm\:contactTab {
  line-height: 1em; }

.m2m_icon_gear_dark {
  background-position: -76px -58px; }

.m2m_icon_gear_dark:hover {
  background-position: -76px -58px; }

label.required:after, span.required:after {
  color: #C00101;
  content: ' *';
  display: inline; }

/*Высота ряда в таблице пользователей должна быть одинакова.*/
#usersListForm #users tbody > tr {
  height: 47px; }

table.table_full_width td .ui-button:hover, table.table_full_width td .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary:hover,
table.table_full_width td .ui-button:active, table.table_full_width td .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary:active,
table.table_full_width td .ui-button:focus, table.table_full_width td .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary:focus,
table.table_full_width td .ui-button.disabled,
table.table_full_width td .ui-button[disabled] {
  color: #333;
  background: rgba(109, 207, 246, 0.2) none;
  border-color: #999;
  *background-color: #D4D4D4; }

table.table_full_width td .ui-button:hover, table.table_full_width td .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary:hover,
table.table_full_width td .ui-button.ui-state-hover,
table.table_full_width td .ui-button:focus, table.table_full_width td .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary:focus,
table.table_full_width td .ui-button:focus,
table.table_full_width td .ui-button.ui-state-focus {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear; }

table.table_full_width td .ui-button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

table.table_full_width td .ui-button.active,
table.table_full_width td .ui-button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

table.table_full_width td .ui-button.disabled,
table.table_full_width td .ui-button[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

th.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_4a4b4d_256x240.png); }

/* стрелочка по центру текста */
img.sortArrow {
  padding-top: 5px; }

.ui-multiselect-header a span {
  color: #FFF;
  font-weight: normal; }

.btn-input {
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important; }

/* для фильтров*/
#SIMCardsSearchForm .ui-combobox-dropdown {
  width: 526px !important; }

.myFaces_panelTabbedPane_activeHeaderCell input {  /* активная вкладка на форме "События и оповещения" */
  color: #4A4B4C !important;
  background-color: #FFF !important; }  /* FFF */

.myFaces_panelTabbedPane_inactiveHeaderCell input {  /* не активная вкладка на форме "События и оповещения" */
/*  color: #4A4B4C !important;  */
  color: #000 !important;      /* IOTCMPRTK-1166 */
  background-color: #E3E8EC !important;
  opacity: 0.5 !important; 
}

.myFaces_panelTabbedPane_activeHeaderCell {
  background-color: #FFF !important; }  

.myFaces_panelTabbedPane_emptyHeaderCell {
  background: none !important; }

.ui-state-default.event-switch {
  border: 1px solid rgba(72, 38, 112, 0.2);
  background: rgba(87, 6, 140, 0.5) 50% 50% repeat-x; }

.ui-state-default.event-switch > .ui-button-text {
  font-weight: normal;
  font-size: 12px;
  color: rgba(72, 38, 112, 0.3); }

.ui-state-active.ui-state-default.event-switch {
  border: 1px solid rgba(109, 207, 246, 0.2);
  background: #57068C 50% 50% repeat-x; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background-color: #FFF;
  color: #32ADE5; }

.ui-state-active.ui-state-default.event-switch > .ui-button-text {
  color: #FFF;
  font-size: 14px;
  font-weight: bold; }

.sk-fading-circle .sk-circle:before {
  background-color: #f58220; }

.text-primary {
  color: #f58220; }

/* поля ввода, за исключением полей поиска и календариков */
input[type="text"]:not([class*=search]):not([class*=hasDatepicker]),
input[type="password"]:not([class*=search]):not([class*=hasDatepicker]),
input.inputText:not([class*=search]):not([class*=hasDatepicker]),
select.inputText:not([class*=search]):not([class*=hasDatepicker])
/* .selectbox .select,
 .dialog_content select.inputText,
button.ui-multiselect,
 */
{
  /*
  display: block;
  width: 100%;
  padding: 6px 12px;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #FFF;
  background-image: none;
  */
  /* убираем тень и бордюр, внизу обозначаем поле подчеркиванием */
  box-shadow: none;
  border: none !important;
  border-bottom: 1px solid #CCC !important; 
/*  border: 1px solid #CCC !important; */
  border-radius: 0px;
  /*
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  box-sizing: border-box;
  */
}

/* поля ввода под фокусом */
input[type="text"]:not([class*=search]):not([class*=hasDatepicker]):focus,
input[type="password"]:not([class*=search]):not([class*=hasDatepicker]):focus,
input.inputText:not([class*=search]):not([class*=hasDatepicker]):focus,
select.inputText:not([class*=search]):not([class*=hasDatepicker]):focus
{
 /*  border-bottom: 2px solid #7700FF !important; */
    
}
/* поля ввода при наведении мыши */
input[type="text"]:not([class*=search]):not([class*=hasDatepicker]):hover,
input[type="password"]:not([class*=search]):not([class*=hasDatepicker]):hover,
input.inputText:not([class*=search]):not([class*=hasDatepicker]):hover,
select.inputText:not([class*=search]):not([class*=hasDatepicker]):hover
{ 
  /*  border-bottom: 1px solid #8348FC !important;   */
}
/* поля ввода при ошибке */
input[type="text"]:not([class*=search]):not([class*=hasDatepicker])[class*=error-field],
input[type="password"]:not([class*=search]):not([class*=hasDatepicker])[class*=error-field],
input.inputText:not([class*=search]):not([class*=hasDatepicker])[class*=error-field],
select.inputText:not([class*=search]):not([class*=hasDatepicker])[class*=error-field]
{ 
  border-bottom : 1px solid red !important;
  background-color: transparent !important;
}

/* поля "поиск" при наведении мыши */
input[type="text"][class*=search]:hover, 
input.inputText[class*=search]:hover,
select.inputText[class*=search]:hover,
input[type="text"][class*=hasDatepicker]:hover,
input.inputText[class*=hasDatepicker]:hover,
select.inputText[class*=hasDatepicker]:hover
{ 
  /*  border-color: #8348FC !important; */
}
/* поля "поиск" под фокусом */
input[type="text"][class*=search]:focus,
input.inputText[class*=search]:focus,
select.inputText[class*=search]:focus,
input[type="text"][class*=hasDatepicker]:focus,
input.inputText[class*=hasDatepicker]:focus,
select.inputText[class*=hasDatepicker]:focus 
{ 
   border-color: #E3E8EC !important;  /* 7700FF */
}


/* полупрозрачная кнопка тревоги */
.btn-transparent.danger {
  background: #E22E65;
}
.btn-transparent.danger:hover, .btn-transparent.danger:active, .btn-transparent.danger:focus {
  background-color: #910046;   /* 00AAE7 */
  border: 1px solid #BC104B; }  /* D43F3A */

.btn-transparent { /* полупрозрачные кнопки, в том числе кнопки в полосе шапки */
  border: 1px solid #7A929B;
  background-color: #E3E8EC;
  color: #000;  }

.btn-transparent:hover, .btn-transparent:active, .btn-transparent:focus, .btn-transparent.active {
  background-color: rgba(122, 146, 155, 0.75);
  border: 1px solid #7A929B; 
}

/* поле с ошибкой */
#content .inputText.error-field, .dialog_content .inputText.error-field, input.error-field, textarea.error-field {
 /*  background-color: rgba(109, 207, 246, 0.2); */   /* IOTCMPRTK-998 */
  border-color: #E96980; }

.btn-default, td.paginator_btn a {  /* кнопки пейджинга */
 /*  background-color: rgba(109, 207, 246, 0.2); */ }

button.btn.btn-default:hover:not([disabled]),
button.btn.btn-default:focus:not([disabled]),
.btn-default:hover, td.paginator_btn a:hover { /* кнопка пейджинга, при наведении курсора */
  background-color: #7A929B;   /* 4FE3EE */
  color: #000;
}

.selectbox ul li:hover, .selectbox ul li.selected,
.ui-combobox-dropdown li.ui-menu-item:hover,
.ui-combobox-dropdown li.ui-menu-item > a:hover {
/*  background: rgba(109, 207, 246, 0.2);  */
   background: #7A929B !important;   /* IOTCMPRTK-1153 */
}
#devDev input {   /* IOTCMPRTK-1153 */
  border:  1px solid #7A929B !important;
  border-radius: 4px !important;
}
form[id*=linkedCards] a:hover,
form[id*=linkedCards] a {  /* IOTCMPRTK-1160 */
  border: 1px solid #7A929B !important;  /* исправление смещения кнопки, при наведени мыши */
}

#filtersList {
  background-color: #FFF;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4; 
/*  height: 480px;  */
}

#filtersList div.no-padding table.table_slim div.control-group a:hover {  /* исправление смещений кнопок */
  border: 1px solid #7A929B;  !important; /*  фильтра "Расширенный поиск, при наведении мыши" */
}
/*
#filterList div.no-padding table.table_slim a[id*=filtersNameList]:hover {
  border: 0px !important;
}
*/
tbody[id*=history] a[id*=btnSet] {  /* исправление смещений кнопок на форме "ИСТОРИЯ ИЗМЕНЕНИЯ IMEI" */
  border: 1px solid #7A929B;  !important; /* IOTCMPRTK-999 */
}
  
div.col-reload-line {
  background-color: #7A929B; }  /* f58220 */

.content-wrapper {
  padding: 15px 20px; }

ul.list-horizontal {
  padding: 10px; }

.dropdown-menu > li > a {  /* элемент выпадающего списка (общий случай)  */
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #00AAE7; 
  white-space: nowrap; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #FFF;
  background-color: #8CC5F5; }

.toolbar > .btn-group > .dropdown-menu {  /* доп.меню */
   border: 0px solid #FFF;  /* обводка выпадающего списка */
}

.toolbar > .btn-group > .dropdown-menu > li > a {  /* доп.меню элементы выпадающего списка */
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #000;
  white-space: nowrap; }

.toolbar > .btn-group > .dropdown-menu > li > a:hover,
.toolbar > .btn-group > .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #000;
  background: rgba(122, 146, 155, 0.25); }

.btn-primary:focus,
.btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: #FFF;
  background-color: #313948;  /* 4CC3EE */
  border-color: #313948; }    /* 00aae7 */

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #FFF;
  background-color: #313948;  /* 4CC3EE */
  border-color: #313948; }    /* 00aae7 */

.checkAllDropdown {  /* выпадающий список под чекбоксом "Выбрать все" */
  background: #8348FC !important;   /* 33BBEB */
  color : #FFF;  
  }

/* задизабленные кнопки типа PRIMARY  */
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #7A929B !important;    /* E3E8EC */
  border-color: #7A929B !important; 
}
/* задизабленные кнопки в форме ссылок */
#tabsForm #deviceTab  a[id*=btnCancel].ui-button-disabled,
#tabsForm #deviceTab  a[id*=btnStore].ui-button-disabled {
  background-color: #7A929B !important;    /* E3E8EC */
  border-color: #7A929B !important;
}
  

.progress {
  position: relative;
  height: 2px;
  display: block;
  width: 100%;
  background-color: #f58220;
  margin-bottom: 10px;
  overflow: hidden; }

.progress .indeterminate {
  background: #f58220;
  background: -moz-linear-gradient(left, #f58220 0%, #33BBEB 50%, #f58220 100%);
  background: -webkit-linear-gradient(left, #f58220 0%, #33BBEB 50%, #f58220 100%);
  background: linear-gradient(to right, #f58220 0%, #33BBEB 50%, #f58220 100%); }

.element-text {
  color: #f58220;
  font-weight: 600;
  width: 100%; }

small, .small {
  font-size: 88%; }

/* Когда расход лимита менее порога предупреждения */
.progressbar-limit-normal {
  background-color: #8AC05A; }

/* Когда лимит израсходован */
.progressbar-limit-danger {
  background-color: #F17171; }

/* Когда расход у лимита превысил порог предупреждения */
.progressbar-limit-warning {
  background-color: #FFFF00; }


/* ########################################################################################################## */
/* красивые чекбоксы и радиокнопки каркаса  */
td input[type="checkbox"]:checked,
td input[type="checkbox"]:not(:checked),
div input[type="checkbox"]:checked,
div input[typr="checkbox"]:not(:checked),
td input[type="radio"]:checked,
td input[type="radio"]:not(:checked) {
/*  z-index: 10;  */
  opacity: 0.5;
/*  padding-left: 5px; */
}
td input[type="checkbox"]:checked,
td input[type="checkbox"]:not(:checked),
div input[type="checkbox"]:checked,
div input[type="checkbox"]:not(:checked),
td input[type="radio"]:checked,
td input[type="radio"]:not(:checked){
  display: inline-block;
  position: relative;
  line-height: 20px;
  cursor: pointer;
}
td input[type="radio"]:checked,
td input[type="radio"]:not(:checked) {  /* расталкиваем друг от дружки, при отображении столбиком */
   margin-top: 4px;
   margin-bottom: 4px;
}
td input[type="checkbox"]:checked:before,
td input[type="checkbox"]:not(:checked):before,
div input[type="checkbox"]:checked:before,
div input[type="checkbox"]:not(:checked):before,
td input[type="radio"]:checked:before,
td input[type="radio"]:not(:checked):before {
  content: "";
  position: absolute;
  left: 0px;
  top: -3px;
  width: 18px;
  height: 18px;
  border: 1px solid #7A929B;   /* dddddd */
  background-color: #ffffff;
}
td input[type="checkbox"]:checked:before,
td input[type="checkbox"]:not(:checked):before,
div input[type="checkbox"]:checked:before,
div input[type="checkbox"]:not(:checked):before {
  border-radius: 2px;
}
td input[type="radio"]:checked:before,
td input[type="radio"]:not(:checked):before {
  border-radius: 100%;
}  
td input[type="checkbox"]:checked:after,
td input[type="checkbox"]:not(:checked):after,
div input[type="checkbox"]:checked:after,
div input[type="checkbox"]:not(:checked):after,
td input[type="radio"]:checked:after,
td input[type="radio"]:not(:checked):after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/* отрисовка внутренней галочки чекбокса */
td input[type="checkbox"]:checked:after,
div input[type="checkbox"]:checked:after {
  left: 3px;
  top: 1px;
  width: 10px;
  height: 5px;
  border-radius: 1px;
  /* формируем левый бордюр и правый бордюр, а потом поворачиваем их на 45 градусов */
  border-left: 4px solid #7700FF;
  border-bottom: 4px solid #7700FF;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* чекбокс в третьем состоянии, графически отображается, как дефис "-" обрамленный бордюром */
td input[type="checkbox"]:indeterminate:after,
div input[type="checkbox"]:indeterminate:after {  /* IOTCMPRTK-1033 */
  left: 4px;
  top: 0px;
  width: 12px;
  height: 5px;
  border-bottom: 4px solid #7700FF;
}
td input[type="radio"]:checked:after,
td input[type="radio"]:not(:checked):after {
    left: 5px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #7700FF;
}
td input[type="radio"]:not(:checked):after {
    opacity: 0;
}
input[type="radio"]:checked:after {
  opacity: 1;
}
input[type="radio"]+ label {
  padding-left: 5px;
}
/* разные особенности и ситуации для чекбоксов и радиокнопок */
#selDays td label input {  /* список чекбоксов выбора дня на модальной форме */
  margin-right: 10px;      /* корректируем фичу разметки */
  margin-bottom: 5px;
}
#createDeviceForm input[type="checkbox"] + label {
  margin-left: 5px;
}
#sendSMSForm  label[for*=saveTemplate],  /* отступы чекбоксво */
#sendSMSForm  label[for*=transLit] {     /* на форме "Отправка SMS" */
  margin-left: 5px;
}

div input[type="checkbox"] +  a {
  padding-left:4px !important;
}
/* ########################################################################################################## */

/* ########################################################################################################## */
/* перересовка иконок основной страницы */
#mainmenu_simcards .splash_icon img {  /* не показываем оригинальную  иконку */
  visibility : hidden;  /* но место в потоке она продолжает занимать, таким образом резервируем место */
}
#mainmenu_simcards .splash_icon {  /*  под обрамляющий DIV подводим фоном нужную картинку */
  background: url(images/simcards.svg) no-repeat;
}
#mainmenu_send img {
  visibility : hidden;
}
#mainmenu_event .splash_icon img {
  visibility : hidden;
}
#mainmenu_event .splash_icon {
  background: url(images/megaphon.svg) no-repeat;
  background-position: 15% 0%;
}
#mainmenu_send {
  background: url(images/delivery.svg) no-repeat;
  background-position: 5% 0%;
}
#mainmenu_finance .splash_icon img {
  visibility : hidden;
}
#mainmenu_finance .splash_icon {
  background: url(images/money.svg) no-repeat;
}
#mainmenu_reports .splash_icon img {
  visibility : hidden;
}
#mainmenu_reports .splash_icon {
  background: url(images/reports.svg) no-repeat;
}
#mainmenu_settings .splash_icon img {
  visibility : hidden;
}
#mainmenu_settings .splash_icon {
  background: url(images/tools1.svg) no-repeat;
}
/* ########################################################################################################## */

/* ########################################################################################################## */
/* информационные текстовые блоки */
i.fa.fa-info-circle {   /* знак i  в информационно-предупреждающих блоках  */
  visibility : hidden;  /* подавляем отображение этого знака */
}
div.alert.alert-info {  /* вместо i выводим фоном иконку */
  background: url(images/exclam-note.svg) no-repeat;
  background-size: 46px;
  background-position: 0% 10%;
  padding-left : 60px !important;  /* информационный контент сдвигаем, чтобы не наслаивался на иконку */
}
.alert-info {  /* информационные предупреждающие сообщения */
  color: #000;
  background-color: white;
/*  border-color: #FF8218;  -   рыжая обводка текста */  
  border: none;
}

/* ########################################################################################################## */

/* ########################################################################################################## */
/* блок "Имя пользователя" и "Роль" */
i.fa.fa-user {
  visibility : hidden;
}
li.user {
  background: url(images/user-portrait.png) no-repeat;
  /*  background-position: 0 0; */
}
li.user span.user-name { 
/*  display: block; */
  margin-left: 10px;
}
li.user span.user-role  {
/*  display: block;
  margin-left: 30px; */
  padding-left: 10px;
}
/* ########################################################################################################## */

ul.dropdown {  /* выпадающие списки (везде, за исключением списков-меню) */
  border: 0px;
}
ul.dropdown li:hover,
ul.dropdown li:active,
ul.dropdown li.sel.selected {  /* выпадающий список контрольных вопросов */
  background-color: rgba(122, 146, 155, 0.75);
}

/* кнопки на разгых формах, которые не подпали под правила выше */
div.control.control-bottom a,
div.row.control-bottom.text-right a {
  background-color: #7A929B;
}
div.control.control-bottom a:hover,
div.row.control-bottom.text-right a:hover { 
  background-color: #313948;
}

/* Базоый Spinner M2M */
.loader {
  border-top: 1em solid rgba(72, 38, 112, 0.2);
  border-right: 1em solid rgba(72, 38, 112, 0.2);
  border-bottom: 1em solid rgba(72, 38, 112, 0.2);
  border-left: 1em solid rgba(72, 38, 112, 0.2); }
.loader-text {
  color: #00AAE7; }  
  
/* ########################################################################################################## */
/* красивый спиннер Ростелекома */
.spinner-loader {
  position: fixed !important;
  top: 50% !important;  
  left: 50% !important;      
}
/* Правила анимации спинера */
@-webkit-keyframes spinner-new-large {
   0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);stroke-dashoffset:111.76992px}
  50%{-webkit-transform:rotate(2turn);transform:rotate(2turn);stroke-dashoffset:250px}
   to{-webkit-transform:rotate(3turn);transform:rotate(3turn);stroke-dashoffset:111.76992px}
}
@keyframes spinner-new-large {
   0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);stroke-dashoffset:111.76992px}
  50%{-webkit-transform:rotate(2turn);transform:rotate(2turn);stroke-dashoffset:250px}
   to{-webkit-transform:rotate(3turn);transform:rotate(3turn);stroke-dashoffset:111.76992px}
}
@-webkit-keyframes spinner-new-medium {
   0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);stroke-dashoffset:187.16815px}
  50%{-webkit-transform:rotate(2turn);transform:rotate(2turn);stroke-dashoffset:250px}
   to{-webkit-transform:rotate(3turn);transform:rotate(3turn);stroke-dashoffset:187.16815px}
}
@keyframes spinner-new-medium { 
   0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);stroke-dashoffset:187.16815px}
  50%{-webkit-transform:rotate(2turn);transform:rotate(2turn);stroke-dashoffset:250px}
   to{-webkit-transform:rotate(3turn);transform:rotate(3turn);stroke-dashoffset:187.16815px}
}

/* отрисовка SVG картинки спиннера */
svg.spinner_new {
  -webkit-flex-shrink:0;
  -ms-flex-negative:0;
  flex-shrink:0 
}
svg.spinner_new circle {
  fill:transparent;
  stroke-width:2px;
  stroke-linecap:round;
  stroke-dasharray:250px;
  -webkit-animation:5s linear infinite;
  animation:5s linear infinite  
}
svg.spinner_new.large {
  width:82px;height:82px  
}
svg.spinner_new.large circle {
  -webkit-transform-origin:40px 40px;
  transform-origin:40px 40px;
  -webkit-animation-name:spinner-new-large;
  animation-name:spinner-new-large 
}

svg.spinner_new.medium {
  width:42px;height:42px  
}
svg.spinner_new.medium circle {
  -webkit-transform-origin:20px 20px;
  transform-origin:20px 20px;
  -webkit-animation-name:spinner-new-medium;
  animation-name:spinner-new-medium
}

/* отрисовка SVG картинки спиннера под IE */
_:-ms-input-placeholder, :root svg.spinner_new.large {
  -webkit-transform-origin:40px 40px;
  transform-origin:40px 40px
}
_:-ms-input-placeholder, :root svg.spinner_new.large circle {
  stroke-dasharray:120px!important;
}
_:-ms-input-placeholder, :root svg.spinner_new.medium {
  -webkit-transform-origin:20px 20px;
  transform-origin:20px 20px
}
_:-ms-input-placeholder, :root svg.spinner_new.medium circle {
   stroke-dasharray:50px!important 
}


/* ########################################################################################################## */

/* ########################################################################################################## */
/* Модальные окна и их элементы */
div.alert.alert-infdiv [class*=ui-dialog] a.ui-button,     /* любая кнопка в модальном окне */
div [class*=ui-dialog] a.btn-primary,   /* по умолчанию имеет белый фон и фиолетовую обводку */
div [class*=ui-dialog] div.ui-dialog-buttonset button.ui-button,
div [class*=ui-dialog] a[onclick*=CloseCreateDeviceForm],
#SIMCardsSearchForm    a[id*=btnFilter],
#SIMCardsSearchForm    a[id*=btnClear], 
#SIMCardsSearchForm    a[id*=setNewFilter],
#showGroupsListDlg     a[id*=btnCloseFilterByGroup],
form#needRefreshForm   a[type=reset] { 
  background-color: #FFF !important;
  border: 2px solid #7700FF;
  border-radius: 2px;
  color: #7700FF;       /* фиолетовый цвет надписи */
  margin-right:10px;    /* расталкиваем кнопки */  
}
div [class*=ui-dialog] a.btn-primary:hover,   /* любая кнопка в модальном окне, при наведении мыши */
div [class*=ui-dialog] a.ui-button:hover,
#SIMCardsSearchForm    a[id*=btnFilter]:hover,
#SIMCardsSearchForm    a[id*=btnClear]:hover,
#SIMCardsSearchForm    a[id*=setNewFilter]:hover,
#showGroupsListDlg     a[id*=btnCloseFilterByGroup]:hover,
form#needRefreshForm   a[type=reset]:hover  {
  background-color: #FFF !important;
  border: 2px solid #8348FC;           /* меняем цвет обводки */
  border-radius: 2px;
}
div [class*=ui-dialog] a.ui-button:active,
div [class*=ui-dialog] a.ui-button:focus,
div [class*=ui-dialog] a.btn-primary:active,
div [class*=ui-dialog] a.btn-primary:focus {
  background-color: #FFF !important;
  border: 2px solid #7700FF;
  color: #7700FF; 
}
/* переопределяем кнопки основного действия в модальных окнах */
div [class*=ui-dialog]  a[type=submit],
div [class*=ui-dialog]  input[type=submit],
div#confirmSendSMSDlg   a#btnSend,
#SIMCardsSearchForm     span[id*=setFilter],
#SIMCardsSearchForm     a[id*=setFilter],
#devicesDlgForm         #linkBtnDlg,
div [class*=ui-dialog]  #btnAlter,
div [class*=ui-dialog]  input[id*=confirmLookUpCoordinateForm],
#userSearchForm         #btnFilter,
#deleteDeliveryGroupDlg #btnDelGroup,
#showGroupsListDlg      a[id*=btnFilterByGroup],
#createUserDlgForm      a#setAccess,
#deleteProfilesForm     a[id*=deleteProfilesButton],
#deleteContactsDlg      a[id*=btnDelContacts],
div [class*=ui-dialog]  #btnPermDelDevice,
div [class*=ui-dialog]  #btnDelDevice,
#btnDelTmpl,
div [class*=ui-dialog]  div.ui-dialog-buttonset button#OK,
div [class*=ui-dialog]  a#btnResend,
div [class*=ui-dialog]  a#setImeiBtnDlg,
form#needRefreshForm    a[type=submit] {
  background-color: #7700FF !important;
  border: 2px solid #7700FF;  
  color: #FFF;
  margin-right: 10px;  /* расталкиваем кнопки */  
}

/* кнопка основного действия при наведении мыши */
div [class*=ui-dialog]  a[type=submit]:hover,
div [class*=ui-dialog]  a[type=submit]:focus,
div [class*=ui-dialog]  input[type=submit]:hover,
div [class*=ui-dialog]  input[type=submit]:focus,
div#confirmSendSMSDlg   a#btnSend:hover,
div#confirmSendSMSDlg   a#btnSend:focus,
#SIMCardsSearchForm     span[id*=setFilter]:hover,
#SIMCardsSearchForm     span[id*=setFilter]:focus,
#SIMCardsSearchForm     a[id*=setFilter]:hover,
#SIMCardsSearchForm     a[id*=setFilter]:focus,
#devicesDlgForm         #linkBtnDlg:hover,
#devicesDlgForm         #linkBtnDlg:focus,
div [class*=ui-dialog]  #btnAlter:hover,
div [class*=ui-dialog]  #btnAlter:focus,
div [class*=ui-dialog]  input[id*=confirmLookUpCoordinateForm]:hover,
div [class*=ui-dialog]  input[id*=confirmLookUpCoordinateForm]:focus,
#userSearchForm         #btnFilter:hover,
#userSearchForm         #btnFilter:focus,
/* #deleteDeliveryGroupDlg #btnDelGroup:hover, */
#deleteDeviceDlg        #btnDelDevice:hover,
#deleteDeviceDlg        #btnDelDevice:focus,
div [class*=ui-dialog]  #btnPermDelDevice:hover,
div [class*=ui-dialog]  #btnPermDelDevice:focus,
div [class*=ui-dialog]  #btnDelDevice:hover,
div [class*=ui-dialog]  #btnDelDevice:focus,
#showGroupsListDlg      #btnFilterByGroup:hover,
#showGroupsListDlg      #btnFilterByGroup:focus,
#createUserDlgForm      a#setAccess:hover,
#createUserDlgForm      a#setAccess:focus,
#deleteProfilesForm     a[id*=deleteProfilesButton]:hover,
#deleteProfilesForm     a[id*=deleteProfilesButton]:focus,
#deleteContactsDlg      a[id*=btnDelContacts]:hover,
#deleteContactsDlg      a[id*=btnDelContacts]:focus,
#showGroupsListDlg      a[id*=btnFilterByGroup]:hover,
#showGroupsListDlg      a[id*=btnFilterByGroup]:focus,
#btnDelTmpl:hover,
#btnDelTmpl:focus,
div [class*=ui-dialog]  div.ui-dialog-buttonset button#OK:hover,
div [class*=ui-dialog]  div.ui-dialog-buttonset button#OK:focus,
div [class*=ui-dialog]  a#btnResend:hover,
div [class*=ui-dialog]  a#btnResend:focus,
div [class*=ui-dialog]  a#setImeiBtnDlg:hover,
form#needRefreshForm    a[type=submit]:focus,
form#needRefreshForm    a[type=submit]:hover 
form#needRefreshForm    a[type=submit]:focus 
{
  background-color: #8348FC !important;
  border: 2px solid #8348FC;
  color: #FFF;
}
/* исключения и корректировки поведения кнопок модальных окон */
div [class*=ui-dialog] a[id*=cancel],
#SIMCardsSearchForm    a[id*=setNewFilter],
#SIMCardsSearchForm    a[id*=btnFilter],
#SIMCardsSearchForm    a[id*=btnClear],
#createDeviceForm      a[type*=reset],
#showGroupsListDlg     a[id*=btnCloseFilterByGroup] {
  color: #7700FF !important;
}
div [class*=ui-dialog] tr.myFaces_pannelTabbedPane_HeaderRow input[type=submit] {
  background-color: #FFF !important;
}
#SIMCardsSearchForm a#loadFilterBtn {
  display: none;  /* маленькая страная кнопочка вверху модальной формы "Расширенный поиск" */
}

/* выпадающий список выбора в диалоговом окне */
div [class*=ui-dialog] ul.dropdown li {
   border: 0px;
}
div [class*=ui-dialog] ul li:hover,
div [class*=ui-dialog] ul li:active,
div [class*=ui-dialog] ul li.sel.selected {  /* элемент выбранный при раскрытии списка */
/* div [class*=ui-dialog] ul li.sel {  */    /* элемент выбраный фактически */
  background-color: rgba(122, 146, 155, 0.75) !important;
} 
div[class*=ui-dialog] th.th_2 {  /* заголовки табличек в диалоговых окнах */
  background-color: #8348FC !important;
}

div[class*=ui-dialog]  #uploadSimsFilterForm input[type=file] {
  padding-left: 10px;  /* отступ кнопки "Выбрать файл" */
}

/* ########################################################################################################## */

/* разное, что не попало под правила выше */
#block_on_imei {
  margin-left: -8px !important;
  margin-bottom: 3px !important;
}
label[for=block_on_imei] {
  padding-left: 18px !important;
}
#bind_on_imei {
  margin-left: -8px !important;
  margin-bottom : 6px !important;
}
label[for=bind_on_imei] {
  padding-left: 18px !important;
}

a[id*=activitySearchBtn] {
  background-color: #7A929B !important; }
a[id*=activitySearchBtn]:hover {
  background-color: #313948 !important; }

div [class*=ui-dialog] #selectGroupsByName {
  font-size: 16px;
}

input[type="checkbox"][id*=ui-multiselect] + span {
  padding-left: 7px !important;
}

#services input[type="checkbox"]:checked + label {
  padding-left: 10px !important;
}
#services input[type="checkbox"]:not(:checked) + label {
  padding-left: 10px !important; 
}
#services input[type="checkbox"] {  /* IOTCMPRTK-1018 */
  margin-right: 10px !important; 
}
#services div.crop-text {  
   height:20px;
}
#simsPacks div.crop-text {
  width:25px !important; 
  height: 20px !important;
}
#simsPacks input[type="checkbox"]:checked,
#simsPacks input[type="checkbox"]:not(:checked) {
 /* margin-left: -1px !important; */
}

/* 
   подавляем стилизацию полей с автозаполнением
   ru.stackoverflow.com/questions/94389
 */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: #ссс;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,174,255,0.04) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0.03) 100%);  
}

input#selectFeedbackSubjectCombobox {
  border: 1px solid rgb(204, 204, 204) !important;
  border-radius: 2px !important;
}

textarea:focus {
  border: 1px solid #CCC !important; 
  box-shadow: none !important;
}

#filter_col_type input[type=radio] {
 /*  margin-left: -2px !important; */
}

#chargesListForm table#charges tfoot td.ui-widget-header {  /* Лицевые счета -> Расходы */
  background: #E3E8EC;
  color: #808080;
  border: 1px solid #D4D4D4; 
}


#userDlgForm select[id*=permission] option {
  background-color: #FFF;
}
#userDlgForm select[id*=permission]  option:hover {
  background-color: #464646 !important;   /* не работает */
}

div.jGrowl.bottom-center {  /* информационно всплывающее окошко */
  right: 300px !important;
  top: 300px !important;
  opacity 1.0 !important;
}
#jGrowl > div.error {  /* убираем обводку для текста об ошибке */
  border: 0px solid #FFF !important;
}
#jGrowl > div.warn {   /* убираем обводку для текста предупреждения */
  border: 0px solid #FFF !important;
}
div.jGrowl div.jGrowl-notification {  /* усиливаем тень */
  box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.2) !important;
}
div.m2m_icon_warn { 
  background: url(images/positive.svg) center center no-repeat !important;  
  background-size: 38px !important;
  height: 43px;
  width: 56px;
  padding-top: 10px;
}
div.m2m_icon_error {
  background: url(images/negative.svg) center center no-repeat !important;
  background-size: 38px !important;  
  height: 43px;
  width: 56px;  
  padding-top: 10px;
}
div.jGrowl div.message-text {
  display: block;
  padding: 10px;
}
div.jGrowl div.jGrowl-close {
  padding-right: 5px;
  padding-top: 5px;
}

/* форма "Создание абонентского профиля" */
ul#profileTab li#limit-li span[style*=green] {  /* зеленый текст активного шага */
  color: #7700FF !important;   /* подменяем на фиолетовый */
}
ul#profileTab li i.fa.fa-arrow-right {  /* гасим стрелку сформированную через код символа */
  visibility: hidden;
}
ul#profileTab li:not([id*=limit-li]) {  /* выводим стрелку через фоновую картинку */
  background-image: url(images/str.svg);
}

/* форма просмотра на карте */
label.chkbox-blue  {  /* чекбокс "Отобразить закрепленное местоположение" */
  border-color: #7A929B !important;
}
label.chkbox-blue:after {  /* установленное состояние чекбокса */
  border-color: #7700FF !important;
}
label.chkbox-green {  /* чекбокс "Определить текущее местоположение (платно)" */
  border-color: #7A929B !important;
}
label.chkbox-green:after {
  border-color: #7700FF !important;
}

/* IOTCMPRTK-1109 */
/* div.leaflet-control-container 
div.leaflet-help-button.leaflet-bar.leaflet-control.leaflet-help-content   */
div.map-marker.exclamation div.icon {  /* цвет легенды закрепленного(зарегистрированного) местоположения устройства */
  border-color: #7700FF;               /* контур обводки */
  box-shadow:   none;
  background:   #7700FF;  
}
div.map-marker.exclamation div.arrow {  /* стрелочка обводки, внизу под контуром */
  border-color: #7700FF transparent transparent transparent;
}
div.map-marker.exclamation.red div.icon {  /* цвет легенды измененного пользователем местоположения устройства */
  border-color: #ff2222;
  box-shadow:   none;
  background:   #ff2222;    
}
div.map-marker.exclamation.red div.arrow {
  border-color: #ff2222 transparent transparent transparent;
}
div.map-marker.exclamation.green div.icon {  /* цвет легенды текущего(фактического) местоположения устройства */
  border-color: #449D44;
  box-shadow:   none;
  background:   #449D44;  
}
div.map-marker.exclamation.green div.arrow {
  border-color: #449D44 transparent transparent transparent;
}

/* лейбл, отображающий на карте закрепленное(зарегестированное) местоположение устройства */
div.leaflet-marker-icon.map-marker.exclamation div.icon { 
  background-repeat: no-repeat;
  background-image: url(images/location.svg) !important;
  background-position-x: -8px !important;
  background-position-y: -5px !important;
  background: rgba(0, 0, 0, 0.01);
  box-shadow: none !important;  
  border: none !important;
  border-radius: 0 15px 48px 0;
  width: 90px;
  height: 40px;
 
  padding-left: 40px;
  padding-top: 4px; 
  color: #000;
  background-repeat: no-repeat;
}
div.leaflet-marker-icon.map-marker.exclamation div.arrow {
  display: none !important;
  /*  
    border-color: #7700FF  transparent transparent transparent;
    left: 6px;
    border-width: 11px 8px 0 6px;
  */  
}        
/* лейбл, отображающий на карте измененное местоположение устройства */
div.leaflet-marker-icon.map-marker.red.exclamation div.icon {
  background-image: url(images/location_modified.svg) !important;
 /* color: #FF2222; */
}
div.leaflet-marker-icon.map-marker.red.exclamation div.arrow {
/*   border-color: #FF2222 transparent transparent transparent; */
}
/* лейбл, отображающий на карте текущее(фактическое) местоположение устройства */
div.leaflet-marker-icon.map-marker.green.exclamation div.icon {
  background-image: url(images/location_actual.svg) !important;
 /*  color: #449D44; */
}
div.leaflet-marker-icon.map-marker.green.exclamation div.arrow {
/*  border-color: #449D44  transparent transparent transparent; */
}

#clientSettingsForm div#psInfoPanel {  /* форма Функционирование системы */
  display: none;  /* подавить инфо блок */
}

/* label.btn.btn-danger.btn-sm.active.toggle-off { */
label.btn-danger.toggle-off {
  background-color: #BC104B;
  border-color: #BC104B;
}

label.btn-success.toggle-on {
  background-color: #57D9B7;
  border-color: #57D9B7;
}

a.btn-danger {
  background-color: #BC104B;
  border-color: #BC104B;
}
div.fa.fa-lock.red {
  color: #BC104B !important;
}

#editCardForm input[id*=icc] {
  font-size: 12px;     /* IOTCMPRTK-972 */
  padding-right: 0px;  /* for FireFox */
}

/* выравниваем к общей длине, поля ввода на некоторых формах */
#destEvent {
  width: 350px;
}
#idINACTIVITY_NOTIFY_PERIOD {
  width: 300px !important;
}
input#userAnswer,
input#userEmail,
input#PASSWORD,
input#NEW_PASSWORD,
input#CONFIRM_PASSWORD,
input#admin_password,
input#admin_new_password,
input#admin_confirm_password
{
  width: 350px;
}
#userDlgForm input[id*=position],
#userDlgForm input[id*=eMail],
#userDlgForm input[id*=phone] {
  width: 485px !important;
}
#journal span.select {
  width: 300px !important;
  min-width: 300px !important;
}

#uriExampleLabel {  /* IOTCMPRTK-1150 */
  display: block;
  position: relative;
  left: 110px;
  top: 220px;
  color: #4A4B4C;
}

table[id*="deviceTab"] input  {  /* SIM-карточка, вкладка "Устройство", лейблы 2G 3G 4G */
  color: #4a4b4d !important;     /* IOTCMPRTK-1174 */
  opacity: 1.0 !important;
}
table[id*="deviceTab"] input.systemNotSupported {
  opacity: 0.5 !important;
}

input[id*=deviceBrand],    
input[id*=deviceModel] {      /* SIM-карточка, вкладка "Устройство", поля "Марка" и "Модель" */
  opacity: 1.0 !important;    /* IOTCMPRTK-1174 */
  color: #4a4b4d !important;
}

/*# sourceMappingURL=style.css.map */