html, body {
  background: url(../images/background_pattern.png);
  font: normal 12px tahoma, arial, verdana, sans-serif;
  margin: 0;
  padding: 0;
  border: 0 none;
  overflow: hidden;
  height: 100%;
}

#x-desktop{
    background: url(../login/images/background.jpg) no-repeat left bottom;
    margin: 0;
  padding: 0;
  border: 0 none;
  overflow: hidden;
  height: 100%;
}

/* Фикс для кнопок выбора файла, которые уходят под поле слева*/
.x-form-file-wrap > .x-btn.x-form-file-btn.x-btn-icon {
    -webkit-margin-end: 0;
}

.menu-dicts-32{
    background-image: url(../images/dicts-32.png) !important;
}

.menu-dicts-16{
    background-image: url(../images/dicts-16.png) !important;
}

.default-launcher {
    background-image: url(../images/default-launcher.png) !important;
}

.change-status-icon {
    background-image: url(../images/change-status.png) !important;
}

.log-status-icon {
    background-image: url(../images/log-status.png) !important;
}

.base-desktop-image {
    background: no-repeat top center;
    width: 64px;
	height: 64px;
	display: block;
}

.users {
  background-image:url(../images/users64.png);
}
.person-card {
    background-image:url(../images/person-card.png);
}
.queue {
  background-image:url(../images/queue64.png);
}
.queue-privilege {
  background-image:url(../images/queue_privilege64.png);
}
.queue-health {
  background-image:url(../images/queue_health64.png);
}
.direct {
  background-image:url(../images/direct64.png);
}
.alloc {
  background-image:url(../images/alloc64.png);
}
.protocol {
  background-image:url(../images/protocol64.png);
}
/*
.report {
  background-image:url(../images/report64.png);
}
*/
.roles {
  background-image:url(../images/roles64.png); 
}
.excel {
  background-image:url(../images/excel64.png); 
}
.excel-users {
    background-image:url(../images/excel64.png);
}

.excel-queue {
    background-image:url(../images/excel64.png);
}

.excel-unit{
    background-image:url(../images/excel64.png);
}
.compensation{
    background-image:url(../images/compensation.png);
}

.goskey {
    background-image:url(../images/goskey.png);
}
.declaration {
  background-image:url(../images/declaration64.png); 
}
.declaration-move {
  background-image:url(../images/declaration_move64.png); 
}

.unit {
  background-image:url(../images/unit64.png); 
}

.login-rodplata {
  background-image:url(../images/login-rodplata.png);
}

.poly-reg {
	background-image:url(../images/users-list-48x48.png);			
}

.group {
  background-image:url(../images/group64.png);
}
.group-0901 {
  background-image:url(../images/group_0901_64.png);     
}

.children {
  background-image:url(../images/children64.png);     
}

.norm-doc {
  background-image:url(../images/norm_doc64.png);     
}

.reference-doc {
  background-image:url(../images/reference_doc64.png);     
}

.reports-icon{
    background-image: url(../images/report_icon.png) !important;
    height: 32px !important;
    padding-left: 32px !important;
    //width: 32px !important;
}

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

.x-toolbar-ct .x-btn-focus{
  /*border: 1px solid #CC6600;*/
}

.printer {
    background-image: url(../images/printer.png) !important;
    height: 32px !important;
    height: 32px !important;
    padding-left: 32px !important;
}

.to_excel {
    background-image: url(../images/to_excel.png) !important;
    height: 32px !important;
    height: 32px !important;
    padding-left: 32px !important;
}

.in_window {
    background-image: url(../images/in_window.png) !important;
    height: 32px !important;
    height: 32px !important;
    padding-left: 32px !important;
}

.my-unit-icon {
  background-image: url(../images/emie64.png) !important;
  background-repeat: no-repeat;
  background-position: top center;
  width: 85px;
  height: 85px;
  display: block;
}

/*
 * Эти одинаковые стили будут задаваться колонкам экстовских гридов. Если 
 * задавать один и тот же стиль, то ext будет неправильно нумеровать колонки.
 */
.x-grid3-hd-schedule_weekday_column {font-size: 16px !important; padding-left:20px !important;}
.x-grid3-hd-schedule_monday_column {font-size: 16px !important; padding-left:20px !important;}
.x-grid3-hd-schedule_tuesday_column {font-size: 16px !important; padding-left:20px !important;}
.x-grid3-hd-schedule_wednesday_column {font-size: 16px !important; padding-left:20px !important;}
.x-grid3-hd-schedule_thursday_column {font-size: 16px !important; padding-left:20px !important;}
.x-grid3-hd-schedule_friday_column {font-size: 16px !important; padding-left:20px !important;}
.x-grid3-hd-schedule_saturday_column {font-size: 16px !important; padding-left:20px !important;}
.x-grid3-hd-schedule_sunday_column {font-size: 16px !important; padding-left:20px !important;}

.pointer-cursor {cursor:pointer;}

.printer {
    background-image: url(../images/printer.png) !important;
    height: 32px !important;
    height: 32px !important;
    padding-left: 32px !important;
}

.to_excel {
    background-image: url(../images/to_excel.png) !important;
    height: 32px !important;
    height: 32px !important;
    padding-left: 32px !important;
}

.in_window {
    background-image: url(../images/in_window.png) !important;
    height: 32px !important;
    height: 32px !important;
    padding-left: 32px !important;
}

#x-shortcuts td div {
  color: black;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  width: 100%;
}

#x-shortcuts {
    display: block;
    width: 80%;
}

@media screen and (max-width: 1024px){
#x-shortcuts {
    width: 70%;
}
}

#x-shortcuts td {
  display: block;
  float: left;
  font: normal normal normal 10px/normal tahoma, arial, verdana, sans-serif;
  margin: 15px 0 0 15px;
  text-align: center;
  width: 100px;
  zoom: 1;
  height: 120px;
}

#x-shortcuts td a {
  width: 100px;
}

td.x-grid3-cell .x-grid3-hd-inner{
  white-space: normal;
    background: transparent none;
}

.x-grid3-hd-row td {
  vertical-align: bottom;
  padding-bottom: 5px;
}


/* Стили для виджетов */
.left
{
    float:left;
}
.right
{
    float:right;
}
.center
{
    text-align:center;
}

.desktop .widgets
{
    float:right;
    margin:20px;
}

.desktop .info 
{
    width:157px;
    padding:0 22px 3px 22px;
}

.desktop .widget
{
    width:201px;
    margin-bottom:20px;
    padding-bottom:19px;
    background:url('../images/widgets/widget-footer.png') left bottom no-repeat;
}
.desktop .widget .header 
{
    width:201px;
    height:20px;
    overflow:hidden;
    background:url('../images/widgets/widget-header.png') left top no-repeat;
}
.desktop .widget .content 
{
    width:157px;
    padding:0 22px 3px 22px;
    background:url('../images/widgets/widget.png') left top repeat-y;
}

.desktop .title 
{
    font-weight:bold;
    padding:10px 0 5px 0;
}

.desktop .word 
{
    padding-bottom:10px;
}

.desktop .widget .panel
{
    border:1px solid red;
    background:#fff;
    
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.desktop .widget .calendar
{
    border-color:#add8ea;
    background-color:#eef6fa;
    margin-top:15px;
    padding:5px 5px 3px 3px;
}
.desktop .widget .calendar .month
{
    text-align:center;
    padding:4px 0 8px 0;
    font-size:11px;
    color:#0e799f;
}
.desktop .widget .calendar .empty-day,
.desktop .widget .calendar .day
{
    float:left;
    margin:0 0 2px 2px;
    border:1px solid #d6edf5;
    background:#ffffff;
    color:#4faed0;
    font-size:11px;
    width:17px;
    height:17px;
    text-align:center;
    line-height:17px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.desktop .widget .calendar .empty-day
{
    background-color:#f8fbfb;
    color:#d6edf5;
    cursor:default;
    
}
.desktop .widget .calendar .day:hover,
.desktop .widget .calendar .active-day
{
    background:#e5f7fd;
    border-color:#7abdd4;
    color:#0e799f;
    cursor:pointer;
}

.language_switch_container {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.langswitch {
    cursor: pointer;
    border: 0;
    color: #555;
    font-size: 12px;
    text-decoration: underline;
    display: inline-block;
    padding: 0;
    margin: 0 5px;
}

.langswitch.selected {
    color: #74a0ad;
}

.language_switch_login_container {
	box-sizing: border-box;
	width: 100%;
	padding: 0 37px 25px 37px;
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
}


/*
    Фиксы для ExtJs
*/

.x-combo-list-item {
    min-height: 13px !important;
    white-space: normal;
}

.task-details .x-grid3-cell-inner {
    white-space: normal;
}
/* Делаем полупрозрачными read only чекбоксы */
input[type="checkbox"].m3-grey-field {
    opacity: 0.5
}