/**
 * Файл CSS для приложения TouchTrain
 * @author Podzorov P.V.
 * @version 0.0.1
 */


body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 16px;
    font-family: arial, sans-serif;
    /*overflow-x: hidden;*/
    /*overflow-y: hidden;*/
}

/* Текст в сплывающей форме диаонгстики */
.app-tt-sheet-train-newmessage {

	font-size: 70%;
    background-color: lightblue;
    border-radius: 5px; /* Уголки */
    border: 1px solid #fff; /* Белая рамка */
	}

.app-tt-sheet-train-newmessage-kolvo {

	font-size: 70%;
    text-align: center;
    background-color: lightblue;
    padding: 1px; /* Поля вокруг текста */
    border-radius: 5px; /* Уголки */
    border: 1px solid #fff; /* Белая рамка */
}

   .app-tt-sheet-train-newmessage-dot {
    display: inline-block;
    text-decoration: underline; /* подчеркивание */
    cursor: pointer;
    margin-left : 50px
   
   }
   .app-tt-sheet-train-newmessage-dot:hover {
   display: inline-block;
   color: #f00000; /* Цвет ссылки при наведении на нее курсора */
   cursor: pointer;
   margin-left : 50px
   }
   
   .app-tt-sheet-train-newmessage-capt {
   
      text-align: center;
      padding: 1px;
   }
   
   .app-tt-sheet-train-newmessage-padding {   
      text-align: left;
      padding: 1px;
      margin-left : 5px   
   }
   
      .app-tt-sheet-train-newmessage-date { 
        
      display: inline-block;
      text-align: right;
      padding-left : 110px;
      padding-top: 2px;
        
   }


/*Кнопка инструментов в заголовке  */
.app-tt-button-tool-header-close {
/*     background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
*/
    border: 1px solid white;
    border-radius: 5px 5px 5px 5px; 
    padding: 5px 5px 5px 5px;
    /*box-shadow: inset 0 0 10px rgba(200,200,200,0.3);*/
}

.app-tt-button-tool-header-find:close {
/*     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C7EC), color-stop(70%, #4E9AD8), color-stop(100%, #66A6DA));
    background: -webkit-linear-gradient(top, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);
    background: linear-gradient(to bottom, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);

    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    box-shadow: inset 0 0 6px rgba(200,200,200,0.5); */
}


/*---------------------------------------------------------------------------------------------------------*/
/* Mobile   ------------------------------------------------------------------------------------------------*/
.app-tt-logo-akt-bg-mobile {
    background: url('/images/logo_akt/akt.png') no-repeat;
    background-size: 100%;
}

/*Рамка  */
.app-tt-sheet-login-headerline-mobile {
    background: rgba(45, 45, 45, 0.5);
    border-bottom: rgba(45, 45, 45, 0.9) solid 1px;
    background-image: url('/images/logo_akt/akt.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.app-tt-one-train-packet-mobile-area {

    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 30px;
    width: 100%;
    margin-right: 10px;
    overflow: hidden;

}

.app-tt-one-train-packet-mobile-button {

    position: absolute;
    left: 0px;
    right: 0px;
    height: 20px;
    bottom: 0px;
    width: 100%;
    margin-right: 10px;
    overflow: hidden;
    background-image: url('/images/touch_train/tree_trains/NoConn.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}

/* Кнопка входа */
.app-tt-sheet-login-button-mobile {
    font-size: 300%;
    font-style: italic;
    color: #ebebeb;
    display: table;
    border-radius: 20px;
    padding: 0px;
}

.app-tt-sheet-login-full-version-mobile {
    border-radius: 20px;
}

/* Текст на кнопке вхлда */
.app-tt-sheet-login-button-span-mobile {
    display: table-cell;
    vertical-align: middle;
}

.app-tt-sheet-login-full-version-mobile {
    background-image: url('/images/touch_train/sheet_login/pc.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px;
}

/*Кнопка цифры  */
.app-tt-sheet-codelogin-button-num-mobile {
    background: rgba(48, 78, 105, 0.65);
    font-size: 60px;
    font-weight: bold;
    color: #ebeaeb;
    border: #15152a solid 2px;
    border-radius: 50px 50px 50px 50px;
    text-align: center;
    vertical-align: middle;
}

/*Панель кода содержания  */
.app-tt-sheet-codelogin-board-mobile {
    background: rgba(230, 230, 230, 0.65);
    font-size: 76px;
    font-weight: bold;
    color: #0d0c0d;
    border: #000052 solid 2px;
    border-radius: 4px 4px 4px 4px;
    text-align: center;
    vertical-align: bottom;
}



/*Декоратор содержимого заголовка страницы поезда (ячейка)  */
.app-tt-decorator-list-test-train-content-item-mobile {
    width: 100%;
    box-sizing: border-box;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 60px 3px 3px;
    margin: 1px 1px 1px 1px;
    height: 100%;
}

.app-tt-hbut-textfind-t {
    background: url('/images/touch_train/header_buttons/Linse-F.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Общее   ------------------------------------------------------------------------------------------------*/
.app-tt-logo-akt-bg {
    background: url('/images/logo_akt/akt.png') no-repeat center;
}

.app-tt-logo-bg {
    background: url('/images/touch_train/header_buttons/logoDTW.png') no-repeat center;
    border: white solid 1px;
    border-radius: 10px 10px 10px 10px;
    padding: 5px;

}

.app-tt-logo-bg:hover {
    background: url('/images/touch_train/header_buttons/logoDTW.png') no-repeat center;
    border: white solid 2px;
    border-radius: 10px 10px 10px 10px;
    padding: 5px;

}

.app-tt-sheet-login-window-field-mobile {
    font-size: 300%;
    border-radius: 20px;
    padding-left: 1%;

}

/* Текст на кнопке вхлда */
.app-tt-sheet-login-button-span-mobile {
    display: table-cell;
    vertical-align: middle;
}

.app-tt-sheet-login-full-version-mobile {
    border-radius: 20px;
}

.app-tt-sheet-login-full-version-mobile {
    background-image: url('/images/touch_train/sheet_login/pc.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px;
}

/*Кнопка цифры  */
.app-tt-sheet-codelogin-button-num-mobile {
    background: rgba(48, 78, 105, 0.65);
    font-size: 60px;
    font-weight: bold;
    color: #ebeaeb;
    border: #15152a solid 2px;
    border-radius: 50px 50px 50px 50px;
    text-align: center;
    vertical-align: middle;
}

/*Панель кода содержания  */
.app-tt-sheet-codelogin-board-mobile {
    background: rgba(230, 230, 230, 0.65);
    font-size: 76px;
    font-weight: bold;
    color: #0d0c0d;
    border: #000052 solid 2px;
    border-radius: 4px 4px 4px 4px;
    text-align: center;
    vertical-align: bottom;
}



/*Декоратор содержимого заголовка страницы поезда (ячейка)  */
.app-tt-decorator-list-test-train-content-item-mobile {
    width: 100%;
    box-sizing: border-box;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 60px 3px 3px;
    margin: 1px 1px 1px 1px;
    height: 100%;
}

.app-tt-hbut-textfind-t {
    background: url('/images/touch_train/header_buttons/Linse-F.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль UIComponenets   ---------------------------------------------------------------------------------*/

/*Фон листа  */
.app-tt-sheet-bg {
    background: #dadee1 url('/images/touch_train/sheet_login/bg_web.jpg') no-repeat;
    background-size: 100% 100%;
}

.app-tt-sheet-bg-mobile {
    background: #4a7ca1;
}

/*Заголовок  */
.app-tt-sheet-headerline {
    /*background: rgba(45, 45, 45, 0.5);*/
    background-image: -webkit-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: -moz-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: -o-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);

    border-bottom: white solid 1px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////*/

/* Укладка пакетов - главное меню  */
.app-tt-hbut-group-led {

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    font-size: 18px;
    width: 100%;
    height: 50%;
}

.app-tt-hbut-group-led:hover {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C7EC), color-stop(70%, #4E9AD8), color-stop(100%, #66A6DA));
    background: -webkit-linear-gradient(top, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);
    background: linear-gradient(to bottom, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);

    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    font-size: 18px;
    width: 100%;
    height: 50%;
}

.app-tt-hbut-led-on {
    background: url('/images/touch_train/header_buttons/led_on.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-size: 60%, 60%;
    padding: 5px;
    border: none;
    left: 2px;
}

.app-tt-hbut-led-on:hover {
    background: url('/images/touch_train/header_buttons/led_on.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-size: 60%, 60%;
    padding: 5px;
    border: none;
    left: 2px;
}

.app-tt-hbut-led-off {
    background: url('/images/touch_train/header_buttons/led_off.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-size: 60%, 60%;
    padding: 5px;
    border: none;
    left: 2px;
}

.app-tt-hbut-led-off:hover {
    background: url('/images/touch_train/header_buttons/led_off.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-size: 60%, 60%;
    padding: 5px;
    border: none;
    left: 2px;
}

.app-tt-label-led {
    font-weight: normal;
    font-size: 13px;
    color: white;
}

/*/////////////////////////////////////////////////////////////////////////////////////////*/

.app-tt-sheet-headerline-find {
    background-image: -webkit-linear-gradient(top, #3f3f3f 0%, #3f3f3f 100%);
    background-image: linear-gradient(top, #3f3f3f 0%, #3f3f3f 100%);
    background-image: -moz-linear-gradient(top, #3f3f3f 0%, #3f3f3f 100%);
    background-image: -o-linear-gradient(top, #3f3f3f 0%, #3f3f3f 100%);
    border-bottom: rgb(25, 25, 25) solid 1px;
}

/*Поле поиска  */
.app-tt-sheet-textfind {
    background-color: rgba(255, 255, 255, 0.79);
    color: rgba(15, 15, 15);
    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    font-size: 18px;
    width: 100%;
    height: 26px;

}

.app-tt-sheet-textcode {
    background-color: rgba(255, 255, 255, 1.0);
    color: rgba(15, 15, 15);
    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    font-size: 18px;
    width: 100%;
    height: 26px;

}

.app-tt-hbut-textfind {
    background: url('/images/touch_train/header_buttons/search.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-hbut-textfind:hover {
    background: url('/images/touch_train/header_buttons/search.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-hbut-textfind-t {
    background: url('/images/touch_train/header_buttons/search.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}




.app-tt-hbut-textmessage {
    background: url('/images/touch_train/tree_trains/NoConn.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;

    
}

.app-tt-hbut-textmessage:hover {
    background: url('/images/touch_train/tree_trains/NoConn.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;

}

.app-tt-hbut-textmessage-closeone {
    background: url('/images/touch_train/messages/delete_message.png') no-repeat center center;
    position: absolute;
    left: -2px;
    right: 0px;
    top: -2px;
    bottom: 0px;
    
}

.app-tt-hbut-textmessage-closeall {
    background: url('/images/touch_train/messages/delete_message_all.png') no-repeat center center;
    position: absolute;
    left: -2px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    
}


/*Кнопка инструментов в заголовке  */
.app-tt-button-tool-header-find {
    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    /*box-shadow: inset 0 0 10px rgba(200,200,200,0.3);*/
}

.app-tt-button-tool-header-find:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C7EC), color-stop(70%, #4E9AD8), color-stop(100%, #66A6DA));
    background: -webkit-linear-gradient(top, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);
    background: linear-gradient(to bottom, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);

    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    /*box-shadow: inset 0 0 6px rgba(200,200,200,0.5);*/
}

/*Кнопка поиска  */
.app-tt-sheet-buttonfind {
    width: 20px;
    top: 0;
    right: -7px;
    height: 20px;
    border: 0px;
    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;

}

/*Кнопка закрытия сообщения  */
.app-tt-sheet-buttonclose {
    width: 11px;
    top: 0;
    right: -7px;
    height: 11px;
    border: 0px;
    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    


}

/*Поле поиска  */
.app-tt-sheet-formfind {
    width: 20%;
}

/*/////////////////////////////////////////////////////////////////////////////////////////*/

/*Кнопка инструментов в заголовке  */
.app-tt-button-tool-header {
    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

    background-color: transparent;
    border: 1px solid white;
    border-radius: 4px 4px 4px 4px;
    padding: 2px 2px 2px 2px;
    /*box-shadow: inset 0 0 10px rgba(200,200,200,0.3);*/
}

.app-tt-button-tool-header:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C7EC), color-stop(70%, #4E9AD8), color-stop(100%, #66A6DA));
    background: -webkit-linear-gradient(top, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);
    background: linear-gradient(to bottom, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);

    border: 1px solid white;
    border-radius: 4px 4px 4px 4px;
    /*box-shadow: inset 0 0 6px rgba(200,200,200,0.5);*/
}

/*Для кнопки заливки Update */
.app-tt-button-tool-header2 {
    background: #a7c7dc; /* Old browsers */
    background: -moz-linear-gradient(top, #a7c7dc 100%, #85b2d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #a7c7dc), color-stop(100%, #85b2d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a7c7dc 100%, #85b2d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a7c7dc 100%, #85b2d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a7c7dc 100%, #85b2d3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a7c7dc 100%, #85b2d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7c7dc', endColorstr='#85b2d3', GradientType=0); /* IE6-9 */

    background-color: transparent;
    border: 1px solid white;
    padding: 0px 2px 0px 2px;

    /*  opacity : 0.5;*/
    /*box-shadow: inset 0 0 10px rgba(200,200,200,0.3);*/

}

.app-tt-button-tool-header2:hover {
    background: #a7c7dc; /* Old browsers */
    background: -moz-linear-gradient(top, #a7c7dc 100%, #85b2d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #a7c7dc), color-stop(100%, #85b2d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a7c7dc 100%, #85b2d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a7c7dc 100%, #85b2d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a7c7dc 100%, #85b2d3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a7c7dc 100%, #85b2d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7c7dc', endColorstr='#85b2d3', GradientType=0); /* IE6-9 */
    background-color: transparent;
    border: 1px solid white;
    padding: 0px 2px 0px 2px;

    /*  opacity : 0.5;*/
    /*box-shadow: inset 0 0 6px rgba(200,200,200,0.5);*/

}

.app-tt-hbut-sheet-messages-num {
    background: #dd0408; /* Old browsers */
    background: -moz-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd0408), color-stop(62%, #8f0222), color-stop(100%, #6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0408', endColorstr='#6d0019', GradientType=0); /* IE6-9 */
    position: absolute;
    border-radius: 50%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding-right: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1px;
    border: none;
    color: white;
    text-align: center;
	vertical-align: middle;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Параметры тени */
}

.app-tt-hbut-sheet-messages-num:hover {
    background: #dd0408; /* Old browsers */
    background: -moz-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd0408), color-stop(62%, #8f0222), color-stop(100%, #6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0408', endColorstr='#6d0019', GradientType=0); /* IE6-9 */
    position: absolute;
    border-radius: 50%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding-right: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1px;
    border: none;
    color: white;
}

.app-tt-hbut-sheet-diags-num {
    background: #dd0408; /* Old browsers */
    background: -moz-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd0408), color-stop(62%, #8f0222), color-stop(100%, #6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0408', endColorstr='#6d0019', GradientType=0); /* IE6-9 */
    position: absolute;
    border-radius: 50%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding-right: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1px;
    border: none;
    color: white;
    text-align: center;
	vertical-align: middle;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Параметры тени */
}

.app-tt-hbut-sheet-diags-num:hover {
    background: #dd0408; /* Old browsers */
    background: -moz-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd0408), color-stop(62%, #8f0222), color-stop(100%, #6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dd0408 0%, #8f0222 62%, #6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0408', endColorstr='#6d0019', GradientType=0); /* IE6-9 */
    position: absolute;
    border-radius: 50%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding-right: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1px;
    border: none;
    color: white;
}

/*Компонент PopUp кнопок заголовка  */
.app-tt-component-popup-button-hedaer {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #488cc3), color-stop(100%, #2778b9));
    background: -webkit-linear-gradient(top, #488cc3 0%, #2778b9 100%);
    background: linear-gradient(to bottom, #488cc3 0%, #2778b9 100%);
    opacity: 0.95;
    border: white solid 1px;
    border-radius: 2px 2px 2px 2px;
    padding: 1px 1px 1px 1px;
    overflow: hidden;
}

.app-tt-component-popup-button-hedaer-noscroll {

    overflow: hidden;
}

/*Класс единицы списка выбора листов  */
.app-tt-item-of-popup-list-sheets {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 5px;
    color: #f5f5f5;
    border-bottom: #a0a0a0 solid 1px;
    cursor: pointer;
    border-radius: 2px 2px 2px 2px;
    font-size: 19px;
}

.app-tt-item-of-popup-list-sheets:hover {
    background-color: #076081;
    border-radius: 2px 2px 2px 2px;
}

.app-tt-ipuls-chect-true {
    background: url('/images/touch_train/header_popup/sheets/CheckTrue.png') no-repeat right center;
}

.app-tt-ipuls-chect-false {
    background: url('/images/touch_train/header_popup/sheets/CheckFalse.png') no-repeat right center;
}

.app-tt-border-radius-none {
    border-radius: 0px 0px 0px 0px;
}

.app-tt-border-radius-none:hover {
    border-radius: 0px 0px 0px 0px;
}

.app-tt-border-radius-full {
    border-radius: 6px 6px 6px 6px;
}

.app-tt-border-radius-full:hover {
    border-radius: 6px 6px 6px 6px;
}

.app-tt-border-radius-leftside {
    border-radius: 6px 0px 0px 6px;
}

.app-tt-border-radius-leftside:hover {
    border-radius: 6px 0px 0px 6px;
}

.app-tt-border-radius-rightside {
    border-radius: 0px 6px 6px 0px;
}

.app-tt-border-radius-rightside:hover {
    border-radius: 0px 6px 6px 0px;
}

/*---------------------------------------------------------------------------------------------------------*/
/** Кнопки заголовка   ------------------------------------------------------------------------------------*/
.app-tt-hbut-back {
    background: url('/images/touch_train/header_buttons/nav_left.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-back:hover {
    background: url('/images/touch_train/header_buttons/nav_left.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-next {
    background: url('/images/touch_train/header_buttons/nav_right.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-next:hover {
    background: url('/images/touch_train/header_buttons/nav_right.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-trains {
    background: url('/images/touch_train/header_buttons/mode_train.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-trains:hover {
    background: url('/images/touch_train/header_buttons/mode_train.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-map {
    background: url('/images/touch_train/header_buttons/mode_map.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-map:hover {
    background: url('/images/touch_train/header_buttons/mode_map.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}


.app-tt-hbut-sheet-sound {
    background: url('/images/touch_train/header_buttons/mode_sound.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-sound:hover {
    background: url('/images/touch_train/header_buttons/mode_sound.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}


.app-tt-hbut-sheet-messages {
    background: url('/images/touch_train/header_buttons/mode_alarm.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-messages:hover {
    background: url('/images/touch_train/header_buttons/mode_alarm.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-anv {
    background: url('/images/touch_train/header_buttons/mode_anv.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-anv:hover {
    background: url('/images/touch_train/header_buttons/mode_anv.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-skdu {
    background: url('/images/touch_train/header_buttons/skdu-icon.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-skdu:hover {
    background: url('/images/touch_train/header_buttons/skdu-icon.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-diagnostics {
    background: url('/images/touch_train/header_buttons/mode_diag.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-diagnostics:hover {
    background: url('/images/touch_train/header_buttons/mode_diag.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-tests {
    background: url('/images/touch_train/header_buttons/mode_signals.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-tests:hover {
    background: url('/images/touch_train/header_buttons/mode_signals.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-users {
    background: url('/images/touch_train/header_buttons/mode_users.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-users:hover {
    background: url('/images/touch_train/header_buttons/mode_users.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-requests {
    background: url('/images/touch_train/header_buttons/mode_query.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheet-requests:hover {
    background: url('/images/touch_train/header_buttons/mode_query.png') no-repeat center center transparent;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sheets {
    background: url('/images/touch_train/header_buttons/Sheets.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-hbut-sheets:hover {
    background: url('/images/touch_train/header_buttons/Sheets_F.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-hbut-fullscreen {
    background: url('/images/touch_train/header_buttons/FullScreen.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-hbut-fullscreen:hover {
    background: url('/images/touch_train/header_buttons/FullScreen_F.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

/*Кнопка обновления  */
.app-tt-hbut-update {
    background: url('/images/touch_train/header_buttons/nav_ref.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;

}

.app-tt-hbut-update:hover {
    background: url('/images/touch_train/header_buttons/nav_ref.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;

}

/*Кнопка обновления Картинка  */
.app-tt-hbut-update3 {

    background-color: transparent;
    border: 1px solid white;
    background: url('/images/touch_train/header_buttons/nav_ref.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;

}

/*Кнопка обновления Картинка  */
.app-tt-hbut-update3:hover {

    background-color: transparent;
    border: 1px solid white;
    background: url('/images/touch_train/header_buttons/nav_ref.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;

}

/*Кнопка главного меню  */
.app-tt-hbut-main-menu {
    border: none;
}

.app-tt-hbut-main-menu:hover {
    border: none;
}

/*Компонент PopUp кнопки главного меню  */
.app-tt-component-popup-main-menu {
    background-color: rgba(115, 115, 115, 0.9);
    border: #191919 solid 1px;
    border-radius: 0px 0px 8px 8px;
    padding: 1px 1px 1px 1px;
}

.app-tt-main-menu-item {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 5px 5px 5px 5px;
    background: none;
    border: none;
    border-radius: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    vertical-align: middle;
    color: #F8F8F8;
    /*line-height: 1.0;*/
    /*border-bottom: #e6e6e6 solid 1px;*/
}

.app-tt-main-menu-item:hover {
    background-color: #076081;
    border: none;
    border-radius: 0px 0px 0px 0px;
}

.app-tt-main-menu-item-nametext {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.app-tt-main-menu-item-descrtext {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 14px;
    font-style: italic;
    vertical-align: middle;
    color: #f5f5a0;
    line-height: 0.8;
}

/*Кнопка пользователя  */
.app-tt-hbut-user {
    border: none;
}

.app-tt-hbut-user:hover {
    border: none;
}

/*Компонент PopUp кнопки пользователя  */
.app-tt-component-popup-user {
    background-color: rgba(115, 115, 115, 0.9);
    border: #191919 solid 1px;
    border-radius: 0px 0px 8px 8px;
    padding: 5px 5px 5px 5px;
}

/*Ячейка компонента PopUp кнопки пользователя  */
.app-tt-component-popup-user-cell {
    position: absolute;
    display: block;
    background-color: none;
    border: none;
    border-radius: 0px 0px 0px 0px;
    color: #f5f5f5;
    font-size: 16px;
    font-weight: normal;
    /*padding: 5px 5px 5px 5px;*/
}

/*Описаие поля в ячейке пользователя  */
.app-tt-component-popup-user-label {
    color: #cdcdcd;
    font-size: 14px;
    font-weight: normal;
}

/*---------------------------------------------------------------------------------------------------------*/
/** Панель перелистывания   -------------------------------------------------------------------------------*/
.app-tt-panel-paging {
    background-image: -webkit-linear-gradient(top, #737373 0%, #3f3f3f 100%);
    background-image: linear-gradient(top, #737373 0%, #3f3f3f 100%);
    background-image: -moz-linear-gradient(top, #737373 0%, #3f3f3f 100%);
    background-image: -o-linear-gradient(top, #737373 0%, #3f3f3f 100%);
    border: rgb(25, 25, 25) solid 1px;
    border-radius: 4px 4px 4px 4px;
}

.app-tt-panel-paging-start {
    background: url('/images/touch_train/paging/Start.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-panel-paging-start:hover {
    background: url('/images/touch_train/paging/Start_F.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-panel-paging-back {
    background: url('/images/touch_train/paging/Back.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-panel-paging-back:hover {
    background: url('/images/touch_train/paging/Back_F.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-panel-paging-next {
    background: url('/images/touch_train/paging/Next.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-panel-paging-next:hover {
    background: url('/images/touch_train/paging/Next_F.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-panel-paging-end {
    background: url('/images/touch_train/paging/End.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-panel-paging-end:hover {
    background: url('/images/touch_train/paging/End_F.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.app-tt-panel-paging-label {
    border: rgb(95, 95, 95) solid 1px;
    border-radius: 4px 4px 4px 4px;
    padding: 1px 1px 1px 1px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #ebebeb;
}

/*Класс комнпонента узла дерева  */
.app-tt-train-tree-node {

}

.app-tt-train-tree-node:hover {
    /* background-color: #f5f5f5; */
    opacity: 1;
}

.app-tt-train-tree-opacity {
	
	opacity: 0.8;

}

.app-tt-train-tree-opacity:hover {
    /* background-color: #f5f5f5; */
    opacity: 0.8;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль Clock   -----------------------------------------------------------------------------------------*/
.app-tt-clock {
    color: #fac819;
    background: none;
    /*font-family: "Courier New", Courier;*/
    font-weight: bold;
    font-size: 27px;
    z-index: 6900;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль Sheet_Login   -----------------------------------------------------------------------------------*/
.app-tt-main-menu-content {;
}

/*Декоратор узлов дерева  */
.app-tt-item-main-menu {
    background-color: rgba(255, 255, 255, 0.45);
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;
    border-bottom: none;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль Sheet_Login   -----------------------------------------------------------------------------------*/

/*Фон  */
.app-tt-sheet-login-bg {
    /*background: #dadee1 url('/images/touch_train/sheet_login/BG.png');*/
    background: #dadee1 url('/images/touch_train/sheet_login/bg_web.jpg') no-repeat;
    background-size: 100% 100%;
}

.app-tt-sheet-login-bg-fields {
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
    padding: 3px 4px 0px 4px;
    margin-top: 2px;
    height: 52px;

    background-color: rgba(255, 255, 255, 0.79);
    font-size: 24px;
    font-weight: 100;

}

.app-tt-sheet-login-bg-pin-active {
    /*border: white solid 1px;*/
    font-size: 16px;
    /*padding: 5px 0px 0px 0px;*/
    border-radius: 6px 6px 6px 6px;
    background: #2778b9;
    color: #dadee1;
}

.app-tt-sheet-login-bg-pin-unactive {
    /*border: white solid 1px;*/
    border-radius: 6px 6px 6px 6px;
    font-size: 16px;
    /*background-color: rgba(255, 255, 255, 0.79);*/
    color: #2778b9;
}

.app-tt-sheet-login-bg-mobile {
    background: #4a7ca1;

}

/*Рамка с вводом пароля и логина*/
.app-tt-sheet-login-window {
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
    padding: 3px 4px 0px 4px;
    margin-top: 2px;
    height: 52px;

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
}

/*Рамка  */
.app-tt-sheet-login-headerline {
    background: rgba(45, 45, 45, 0.5);
    border-bottom: rgba(45, 45, 45, 0.9) solid 1px;
}

.app-tt-sheet-login-font-hline {
    font-size: 32px;
    font-style: italic;
    color: #ebebeb;
}

/*Панель информирования  */
.app-tt-sheet-login-label-info {
    font-size: 24px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль Sheet_CodeLogin   -------------------------------------------------------------------------------*/

/*Фон  */
.app-tt-sheet-codelogin-bg {
    background: #dadee1 url('/images/touch_train/sheet_login/bg_web.jpg') no-repeat;
    background-size: 100% 100%;
}

.app-tt-sheet-codelogin-bg-mobile {
    background: #4a7ca1;
}

/*Рамка  */
.app-tt-sheet-codelogin-headerline {
    background: rgba(45, 45, 45, 0.5);
    border-bottom: rgba(45, 45, 45, 0.9) solid 1px;
}

.app-tt-sheet-codelogin-font-hline {
    font-size: 32px;
    font-style: italic;
    color: #ebebeb;

}

/*Панель информирования  */
.app-tt-sheet-codelogin-label-info {
    font-size: 24px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
}

/*Панель кода  */
.app-tt-sheet-codelogin-panel {
    border: #000052 solid 1px;
    border-radius: 4px 4px 4px 4px;
}

/*Панель кода содержания  */
.app-tt-sheet-codelogin-board {
    background: rgba(230, 230, 230, 0.65);
    font-size: 28px;
    font-weight: bold;
    color: #0d0c0d;
    border: #000052 solid 1px;
    border-radius: 4px 4px 4px 4px;
    text-align: center;
    vertical-align: bottom;
}

/*Кнопка цифры  */
.app-tt-sheet-codelogin-button-num {
    background: rgba(48, 78, 105, 0.65);
    font-size: 44px;
    font-weight: bold;
    color: #ebeaeb;
    border: #15152a solid 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: center;
    vertical-align: middle;
}

.app-tt-sheet-codelogin-button-num:hover {
    background: rgba(59, 97, 133, 0.75);
    border: #2067ff solid 1px;
}

/*Кнопка цифры  */
.app-tt-sheet-codelogin-button-num2 {
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
    background: #2778b9;
    font-size: 44px;
    font-weight: bold;
    color: #ebeaeb;
    /*border: #15152a solid 1px;*/
    /*border-radius: 30px 30px 30px 30px;*/
    text-align: center;
    vertical-align: middle;
}

.app-tt-sheet-codelogin-button-num2:hover {
    color: #2778b9;
}

/*Кружок окна*/

.app-tt-sheet-codelogin-circle {
    border: white solid 2px;
    border-radius: 20px 20px 20px 20px;
}

/*Надпись окна*/

.app-tt-sheet-codelogin-headlabel {

    font-size: 28px;
    font-weight: bold;
    color: #ebeaeb;

    /*.app-tt-sheet-codelogin-button-num:hover {*/
    /*background: rgba(59, 97, 133, 0.75);*/
    /*border: #2067ff solid 1px;*/
}

/*Кнопка сброса  */
.app-tt-sheet-codelogin-button-cancel {
    font-size: 28px;
    font-weight: bold;
    color: #ebeaeb;
    border: #000088 solid 1px;
    border-radius: 4px 4px 4px 4px;
    text-align: center;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль Sheet_Trains   ----------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/
/** Кнопки заголовка   ------------------------------------------------------------------------------------*/
.app-tt-hbut-mode-view {
    background: url('/images/touch_train/sheet_trains/mode_view/status_view.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
    margin-bottom: 1px;
}

.app-tt-hbut-mode-view:hover {
    background: url('/images/touch_train/sheet_trains/mode_view/status_view.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
    margin-bottom: 1px;
}

.app-tt-hbut-sort-view {
    background: url('/images/touch_train/sheet_trains/sort/status_sort.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-sort-view:hover {
    background: url('/images/touch_train/sheet_trains/sort/status_sort.png') no-repeat center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px;
}

.app-tt-hbut-lock-view {
    position: absolute;
}

.app-tt-hbut-lock-view:hover {
    position: absolute;
}

/*Класс единицы списка выбора сортировщика  */
.app-tt-item-of-popup-list-sorters {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 5px 5px 5px 5px;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 16px;
}

.app-tt-ipuls-sorter-true {

    margin-right: 5px;
    background: url('/images/touch_train/sheet_trains/sort/check_on.png') no-repeat right center;

}

.app-tt-ipuls-sorter-false {

    margin-right: 5px;
    background: url('/images/touch_train/sheet_trains/sort/check_off.png') no-repeat right center;

}

/*Класс единицы списка выбора сортировщика  */
.app-tt-item-of-popup-list-sorters-anv {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 5px 30px 5px 5px;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 14px;
}


.app-tt-ipuls-sorter-desc-true {
    position: absolute;
    background: url('/images/touch_train/sheet_trains/sort/arrow_top.png') no-repeat right center;
    width: 24px;
    height: 24px;
    right: 30px;
    top: 0px;
    z-index: 205;
}

.app-tt-ipuls-sorter-desc-false {
    position: absolute;
    background: url('/images/touch_train/sheet_trains/sort/arrow_bottom.png') no-repeat right center;
    width: 24px;
    height: 24px;
    right: 30px;
    top: 0px;
    z-index: 205;
}

.app-tt-item-of-popup-list-modeview-global {

    border-bottom: white solid 1px;
    border-radius: 2px 2px 2px 2px;

}

.app-tt-item-of-popup-list-modeview-global:hover {

    border-bottom: white solid 1px;
    border-radius: 2px 2px 2px 2px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C7EC), color-stop(70%, #4E9AD8), color-stop(100%, #66A6DA));
    background: -webkit-linear-gradient(top, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);
    background: linear-gradient(to bottom, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);

}

/*Класс единицы списка выбора режима отображения  */
.app-tt-item-of-popup-list-modeview {
    position: relative;
    left: 5px;
    right: 0px;
    padding: 5px 5px 5px 35px;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 16px;
}

.app-tt-ipuls-modeview-true {

    background: url('/images/touch_train/sheet_trains/mode_view/check_on.png') no-repeat left center;

}

.app-tt-ipuls-modeview-false {
    background: url('/images/touch_train/sheet_trains/mode_view/check_off.png') no-repeat left center;

}

/*Декоратор узлов дерева  */
.app-tt-decorator-tree-train {
    background-color: rgba(255, 255, 255, 0.45);
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    border: white 1px solid;
    border-radius: 2px 2px 2px 2px;
    /*border-bottom: none;*/
}

.app-tt-decorator-tree-train-bg-1 {
    background-color: rgba(110, 200, 110, 0.45);
}

.app-tt-decorator-tree-train-bg-2 {
    background-color: rgba(255, 110, 110, 0.45);
}

.app-tt-decorator-tree-train-bg-del {
    background-image: url('/images/touch_train/tree_trains/BGTrainDel.png');
    background-repeat: no-repeat;
    background-position: center;
    
}

.app-tt-decorator-tree-train-bg-del:hover {
    background-image: url('/images/touch_train/tree_trains/BGTrainDel.png');
    background-repeat: no-repeat;
    background-position: center;
    
}

.app-tt-decorator-tree-train-bg-del-2 {
	margin: 0px;
	padding: 0px;
    background-image: url('/images/touch_train/tree_trains/BGTrainDel.png');
    background-repeat: no-repeat;
    background-position: center;
    
}


.app-tt-decorator-tree-passport-noselection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.app-tt-decorator-tree-passport-noselection:hover {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.app-tt-decorator-tree-passport {
    background-color: rgba(255, 255, 255, 0.45);
    margin: 2px 20px 3px 25px;
    padding: 3px 3px 3px 3px;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 1px;
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;

}

.app-tt-decorator-tree-passport:hover {
    background-color: rgba(255, 255, 255, 0.45);
    margin: 2px 20px 3px 25px;
    padding: 3px 3px 3px 3px;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 1px;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
}

/*Декоратор содержимого узлов дереваузлов дерева  */
.app-tt-decorator-tree-content {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    border-bottom: none;
}

.app-tt-decorator-tree-content-expand {
    /*    font-size: 12px;
        font-weight: normal;
        font-style: normal;
        border-bottom: none;*/
    color: white;

}

.app-tt-decorator-tree-content-expand2 {
    /*    font-size: 12px;
        font-weight: normal;
        font-style: normal;
        border-bottom: none;*/

    color: black;
    /*    height: 400px*/

}

/*Для кнопки растяжки*/
.app-tt-decorator-tree-content-button-rast-fon {

    background: white;
    color: black;
    cursor: n-resize;

}

/*Без скролла */
.app-tt-decorator-tree-content-without-scroll {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    border-bottom: none;
    overflow-y: hidden;
    margin: 2px 20px 2px 2px;

}

/*Без скролла */
.app-tt-decorator-one-train-content-with-scroll {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    border-bottom: none;
    overflow-y: auto;
    margin: 2px 2px 2px 2px;

}

/*Декоратор содержимого узлов дереваузлов дерева (ячейка)  */
.app-tt-decorator-tree-content-cell {
    display: inline-block;

    /*    padding: 5px 3px 6px 3px;*/
    margin: 2px 2px 2px 2px;
    /*    height: 46px;*/
}

.app-tt-decorator-tree-content-cell-new-div {
    border: #185383 solid 1px;
    border-radius: 6px 6px 6px 6px;
    padding: 3px 4px 0px 4px;
    margin-top: 2px;
    height: 52px;
}

.app-tt-decorator-tree-content-cell-new-div-expand {
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
    padding: 3px 4px 0px 4px;
    margin-top: 2px;
    height: 52px;

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

}

.app-tt-decorator-tree-content-desg-dim {
    left: 0px;
    top: 3px;
    width: 90%;
    bottom: 3px;
}

.app-tt-decorator-tree-content-cell-expand {
    display: inline-block;
    /*    border: white solid 1px;
        border-radius: 6px 6px 6px 6px;*/
    /*padding: 5px 3px 6px 3px;*/
    margin: 2px 2px 2px 2px;
    /*    height: 46px;*/

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

}

.app-tt-decorator-tree-content-cell-expand-click {

    cursor: pointer;
}

/*Декоратор содержимого узлов дереваузлов дерева (ячейка)  */
.app-tt-decorator-one-train-content-cell-noheight {
    display: inline-block;
    border: #185383 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;

}

.app-tt-decorator-tree-content-line-height {
    height: 55px;
}

/*Декоратор содержимого узлов дереваузлов дерева без рамки (ячейка)  */
.app-tt-decorator-one-train-content-cell-noborder {
    float: right;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin: 2px 2px 2px 2px;
    right: 0px;
    height: 100%;
    width: auto;
}

.app-tt-decorator-tree-content-route-true {
    display: block;
    position: absolute;
    right: 4px;
    top: 2px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/ride_ride_32.png') no-repeat right center;
    cursor: pointer;
    /*    background-size: 80%;*/
    z-index: 10000;

}

.app-tt-decorator-tree-content-route-false {
    display: block;
    position: absolute;
    right: 4px;
    top: 2px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/ride_stop_32.png') no-repeat right center;
    cursor: pointer;
    /*    background-size: 80%;*/
    z-index: 10000;
}

.app-tt-decorator-one-train-content-route-true {
    display: block;
    position: absolute;
    right: 32px;
    top: 2px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/ride_ride_32.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-one-train-content-route-false {
    display: block;
    position: absolute;
    right: 32px;
    top: 2px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/ride_stop_32.png') no-repeat right center;
    cursor: pointer;
    /*    background-size: 80%;*/
}

.app-tt-decorator-tree-content-card {
    display: block;
    position: absolute;
    right: 32px;
    top: 0px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/TrainCard_32.png') no-repeat right center;
    cursor: pointer;
}

.app-tt-decorator-tree-content-card-query {
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/TrainCard_32.png') no-repeat right center;
    cursor: pointer;
}

.app-tt-decorator-tree-content-grps-bgan-p {
    display: block;
    position: relative;
    right: -7px;
    top: 38px;
    width: 64px;
    height: 24px;
    font-size: 12px;
    font-weight: bold;
}

.app-tt-decorator-one-train-content-grps-bgan-p {
    display: block;
    position: relative;
    /* right: 16px; */
    left: -1px;
    top: 38px;
    width: 62px;
    height: 24px;
    font-size: 11px;
    font-weight: bold;
    color: white;
    text-align: center;
}

.app-tt-decorator-tree-content-lock {
    display: block;
    position: absolute;
    right: 40px;
    top: 5px;
    width: 16px;
    height: 16px;
}

.app-tt-decorator-tree-content-lock2 {
    display: block;
    position: absolute;
    right: 40px;
    top: 5px;
    width: 16px;
    height: 16px;
}

.app-tt-decorator-tree-content-pack {
    display: block;
    position: absolute;
    right: 79px;
    top: 24px;
    width: 16px;
    height: 16px;
}

.app-tt-decorator-tree-content-alarm {
    display: block;
    position: absolute;
    right: 40px;
    top: 21px;
    width: 16px;
    height: 16px;
}

/*Класс компонента со скролом  */
.app-tt-decorator-tree-scrollbar {;

}

.app-tt-decorator-tree-scrollbar::-webkit-scrollbar {
    width: 12px;
}

.app-tt-decorator-tree-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.45);
    border: 1px solid white;

}

.app-tt-decorator-tree-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #488cc3;
    background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 50%, transparent, transparent);
    -webkit-box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);

}

.app-tt-decorator-tree-scrollbar::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.45);
    border: 1px solid white;
}


/*Класс компонента со скролом  */
.app-tt-decorator-tree-scrollbar-tab-equipment {;

	overflow-x : visible;

}

.app-tt-decorator-tree-scrollbar-tab-equipment::-webkit-scrollbar {
    width: 12px;
}

.app-tt-decorator-tree-scrollbar-tab-equipment::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.45);
    border: 1px solid white;

}

.app-tt-decorator-tree-scrollbar-tab-equipment::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #488cc3;
    background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 50%, transparent, transparent);
    -webkit-box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);

}

.app-tt-decorator-tree-scrollbar-tab-equipment::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.45);
    border: 1px solid white;
}

/*Декоратор содержимого узлов дереваузлов дерева (Passport)  */
.app-tt-decorator-tree-content-passport {;
}

.app-tt-decorator-tree-content-passport:hover {
    background: none;
}

/*Декоратор содержимого узлов дереваузлов дерева (Passport)  */
.app-tt-decorator-tree-content-passport-in {;
}

.app-tt-decorator-tree-content-passport-in:hover {
    background: none;
}

.app-tt-tree-passport-table-obertka {

    height: 150px;
    width: 100%;
    margin-top: -14px;
    overflow-y: auto;
    border: white solid 1px;
    color: #424242;
    font-size: 12px;

}

.app-tt-tree-passport-table-obertka-header-with-comment {
    width: 80%;
    /*margin-top: 33px;*/
    /*15*/
}

.app-tt-tree-passport-table-obertka-header {
    width: 80%;
    margin-top: 33px;
}

.app-tt-tree-passport-table-comment {

    margin-top: 23px;
    font-size: 14px;

}

.app-tt-tree-passport-table {
    width: 100%;
    border-collapse: collapse;
    border: #2d2d2d solid 0px;

    /*    margin-top: 50px;
        margin-left: -85px;*/
}

.app-tt-tree-passport-table-header {
    /*    width: 100%;*/
    border-collapse: collapse;
    /*    border: #2d2d2d solid 1px;*/
    /*    margin-top: 50px;
        margin-left: -85px;*/

}

.app-tt-passport-table-one-train {
    width: 100%;
    border-collapse: collapse;
    border: #2d2d2d solid 1px;
    height: 20px;
    overflow: auto;

    position: relative;

}

.app-tt-tree-passport-table-thead {
    /*    background-color: rgba(145, 145, 145, 0.5);*/
    border: #2d2d2d solid 0px;
    font-weight: bold;
}

.app-tt-tree-passport-table-thead:hover {
    /*    background-color: rgba(145, 145, 145, 0.5);*/
    border: #2d2d2d solid 0px;
}

.app-tt-one-train-passport-table-thead {
    /*    background-color: rgba(145, 145, 145, 0.5);*/
    border: #2d2d2d solid 0px;
    font-weight: bold;
}

.app-tt-one-train-passport-table-thead:hover {
    /*    background-color: rgba(145, 145, 145, 0.5);*/
    border: #2d2d2d solid 0px;
}

.app-tt-tree-passport-table-thead-tr {
    border: #2d2d2d solid 0px;
}

.app-tt-tree-passport-table-thead-tr:hover {
    border: #2d2d2d solid 0px;
}

.app-tt-tree-passport-table-thead-tr-header {
    border: #2d2d2d solid 0px;
}

.app-tt-tree-passport-table-thead-tr-header:hover {
    border: #2d2d2d solid 0px;
}

.app-tt-one-tarin-passport-table-thead-tr {
    border: #2d2d2d solid 0px;
}

.app-tt-one-train-passport-table-thead-tr:hover {
    border: #2d2d2d solid 0px;
}

.app-tt-tree-passport-table-thead-td {
    border: #2d2d2d solid 0px;
}

.app-tt-tree-passport-table-thead-td:hover {
    border: #2d2d2d solid 0px;
}

.app-tt-tree-passport-table-tr {
    border: #2d2d2d solid 0px;

}

.app-tt-tree-passport-table-tr-1 {
    border: #2d2d2d solid 0px;
    /*background: rgba(209, 218, 223, 0.3);*/

}

.app-tt-tree-passport-table-tr-2 {
    border: #2d2d2d solid 0px;
    background-color: rgba(200, 200, 200, 0.5);
    border-bottom: #e6e6e6 solid 1px;

}

.app-tt-tree-passport-table-tr:hover {
    /*    background-color: rgba(255, 255, 190, 0.5);*/
    border: #2d2d2d solid 0px;
}

.app-tt-one-train-passport-table-tr {
    border: #2d2d2d solid 0px;
}

.app-tt-one-train-passport-table-tr:hover {
    /*    background-color: rgba(255, 255, 190, 0.5);*/
    border: #2d2d2d solid 0px;
}

.app-tt-tree-passport-table-td {
    border: #2d2d2d solid 0px;
}

/*.app-tt-tree-passport-table-td:hover {
    background-color: #ffffbe;
    border: #2d2d2d solid 1px;
}*/

.app-tt-tree-passport-table-td-header {
    border: #2d2d2d solid 0px;

}

/*.app-tt-tree-passport-table-td-header:hover {
    background-color: #ffffbe;
}*/

/*Node-Open  */
.app-tt-tree-button-expand-open {
    border: 0px none;
    padding: 0px;
    background: url('/images/touch_train/tree_trains/TreeNodeOpen.png') no-repeat center;
}

.app-tt-tree-button-expand-open:hover {
    border: 0px none;
    padding: 0px;
    background: url('/images/touch_train/tree_trains/TreeNodeOpen_F.png') no-repeat center;
}

/*Node-Close  */
.app-tt-tree-button-expand-close {
    border: 0px none;
    padding: 0px;
    background: url('/images/touch_train/tree_trains/TreeNodeClose.png') no-repeat center;
}

.app-tt-tree-button-expand-close:hover {
    border: 0px none;
    padding: 0px;
    background: url('/images/touch_train/tree_trains/TreeNodeClose_F.png') no-repeat center;
}

.app-tt-button-expand-top {

    left: 3px;
    bottom: 2px;
    width: 57px;
    top: 1px;

}

/*Кнопка поезд  */
.app-tt-button-expand-watch {
    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
    height: 46px;
}

.app-tt-button-expand-watch:hover {
    /*    background: #488cc3;
        background: -moz-linear-gradient(top, #488cc3 0%, #2778b9 30%, #79abd3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #488cc3), color-stop(30%, #2778b9), color-stop(100%, #79abd3));
        background: -webkit-linear-gradient(top, #488cc3 0%, #2778b9 30%, #79abd3 100%);
        background: -o-linear-gradient(top, #488cc3 0%, #2778b9 30%, #79abd3 100%);
        background: -ms-linear-gradient(top, #488cc3 0%, #2778b9 30%, #79abd3 100%);
        background: linear-gradient(to bottom, #488cc3 0%, #2778b9 30%, #79abd3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#488cc3', endColorstr='#79abd3', GradientType=0);*/
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
    height: 46px;
}

/*Кнопка поезд  */
.app-tt-button-expand-no-watch {
    /*    background: #f2eeea; *//* Old browsers *//*
        background: -moz-linear-gradient(top, #f2eeea 14%, #4D4B4D 100%); *//* FF3.6+ *//*
        background: -webkit-gradient(linear, left top, left bottom, color-stop(14%, #f2eeea), color-stop(100%, #4D4B4D)); *//* Chrome,Safari4+ *//*
        background: -webkit-linear-gradient(top, #f2eeea 14%, #4D4B4D 100%); *//* Chrome10+,Safari5.1+ *//*
        background: -o-linear-gradient(top, #f2eeea 14%, #4D4B4D 100%); *//* Opera 11.10+ *//*
        background: -ms-linear-gradient(top, #f2eeea 14%, #4D4B4D 100%); *//* IE10+ *//*
        background: linear-gradient(to bottom, #f2eeea 14%, #4D4B4D 100%); *//* W3C *//*
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2eeea', endColorstr='#4D4B4D', GradientType=0); *//* IE6-9 */

    background: #d5c775; /* Old browsers */
    background: -moz-linear-gradient(top, #d5c775 0%, #bfa825 70%, #c7b341 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#d5c775 0%), color-stop(#bfa825 70%), color-stop(100%, #c7b341)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d5c775 0%, #bfa825 70%, #c7b341 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d5c775 0%, #bfa825 70%, #c7b341 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d5c775 0%, #bfa825 70%, #c7b341 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d5c775 0%, #bfa825 70%, #c7b341 100%); /* W3C */

    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
}

.app-tt-button-expand-no-watch:hover {
    /*    background: #adadad; *//* Old browsers *//*
        background: -moz-linear-gradient(top, #adadad 0%, #f2eeea 56%); *//* FF3.6+ *//*
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #adadad), color-stop(56%, #f2eeea)); *//* Chrome,Safari4+ *//*
        background: -webkit-linear-gradient(top, #adadad 0%, #f2eeea 56%); *//* Chrome10+,Safari5.1+ *//*
        background: -o-linear-gradient(top, #adadad 0%, #f2eeea 56%); *//* Opera 11.10+ *//*
        background: -ms-linear-gradient(top, #adadad 0%, #f2eeea 56%); *//* IE10+ *//*
        background: linear-gradient(to bottom, #adadad 0%, #f2eeea 56%); *//* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#f2eeea', GradientType=0); /* IE6-9 */
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
}

/*Кнопка поезд  */
.app-tt-button-expand-delete {

    background: #c2454b; /* Old browsers */
    background: -moz-linear-gradient(top, #d98f8b 0%, #c34c46 70%, #ca645f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d98f8b), color-stop(70%, #c34c46), color-stop(100%, #ca645f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d98f8b 0%, #c34c46 70%, #ca645f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d98f8b 0%, #c34c46 70%, #ca645f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d98f8b 0%, #c34c46 70%, #ca645f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d98f8b 0%, #c34c46 70%, #ca645f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d98f8b', endColorstr='#ca645f', GradientType=0); /* IE6-9 */
    position: absolute;
    /*    border: none;
        border-radius: 6px 6px 6px 6px;*/
    color: white;
    text-align: match-parent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6940', endColorstr='#aa0505', GradientType=0); /* IE6-9 */

    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
}

.app-tt-button-expand-delete:hover {
    /*    background: #aa0505; *//* Old browsers *//*
        background: -moz-linear-gradient(top, #aa0505 0%, #ef6940 56%); *//* FF3.6+ *//*
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa0505), color-stop(56%, #ef6940)); *//* Chrome,Safari4+ *//*
        background: -webkit-linear-gradient(top, #aa0505 0%, #ef6940 56%); *//* Chrome10+,Safari5.1+ *//*
        background: -o-linear-gradient(top, #aa0505 0%, #ef6940 56%); *//* Opera 11.10+ *//*
        background: -ms-linear-gradient(top, #aa0505 0%, #ef6940 56%); *//* IE10+ *//*
        background: linear-gradient(to bottom, #aa0505 0%, #ef6940 56%); *//* W3C *//*
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa0505', endColorstr='#ef6940', GradientType=0); *//* IE6-9 */

    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
}

/*Кнопка поезд  */
.app-tt-button-expand-new {
    /*    background: #00ea00; *//* Old browsers *//*
        background: -moz-linear-gradient(top, #00ea00 0%, #006e2e 100%); *//* FF3.6+ *//*
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00ea00), color-stop(100%, #006e2e)); *//* Chrome,Safari4+ *//*
        background: -webkit-linear-gradient(top, #00ea00 0%, #006e2e 100%); *//* Chrome10+,Safari5.1+ *//*
        background: -o-linear-gradient(top, #00ea00 0%, #006e2e 100%); *//* Opera 11.10+ *//*
        background: -ms-linear-gradient(top, #00ea00 0%, #006e2e 100%); *//* IE10+ *//*
        background: linear-gradient(to bottom, #00ea00 0%, #006e2e 100%); *//* W3C *//*
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ea00', endColorstr='#006e2e', GradientType=0); *//* IE6-9 *//*
        border: white solid 1px;
        border-radius: 6px 6px 6px 6px; */

    background: #62c247; /* Old browsers */
    background: -moz-linear-gradient(top, #8cd278 0%, #50bd32 70%, #62c247 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8cd278), color-stop(70%, #50bd32), color-stop(100%, #62c247)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8cd278 0%, #50bd32 70%, #62c247 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8cd278 0%, #50bd32 70%, #62c247 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8cd278 0%, #50bd32 70%, #62c247 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8cd278 0%, #50bd32 70%, #62c247 100%);

    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
}

.app-tt-button-expand-new:hover {
    /*    background: #006e2e; *//* Old browsers *//*
        background: -moz-linear-gradient(top, #006e2e 0%, #00ea00 100%); *//* FF3.6+ *//*
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006e2e), color-stop(100%, #00ea00)); *//* Chrome,Safari4+ *//*
        background: -webkit-linear-gradient(top, #006e2e 0%, #00ea00 100%); *//* Chrome10+,Safari5.1+ *//*
        background: -o-linear-gradient(top, #006e2e 0%, #00ea00 100%); *//* Opera 11.10+ *//*
        background: -ms-linear-gradient(top, #006e2e 0%, #00ea00 100%); *//* IE10+ *//*
        background: linear-gradient(to bottom, #006e2e 0%, #00ea00 100%); *//* W3C *//*
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#00ea00', GradientType=0); *//* IE6-9 */
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
}

/*Декоратор поезд  */
.app-tt-tree-button-expand-open-new {
    display: inline-block;
    position: absolute;

    padding: 0px;
    margin: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: url('/images/touch_train/tree_trains/bigtrain_70.png') no-repeat center;
    /*    background-size: 90%*/
}

/*Декоратор поезд */
.app-tt-tree-button-expand-open-new:hover {
    display: inline-block;
    position: absolute;

    padding: 0px;
    margin: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: url('/images/touch_train/tree_trains/bigtrain_70.png') no-repeat center;

}

.app-tt-decorator-one-train-button-text {

    margin-left: 18px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

/*Кнопки справа для поезда  */
.app-tt-decorator-one-train-button1 {
    display: inline-block;
    height: 15px;
    margin-left: 4px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/14_pack.png') no-repeat left;
    /*    background-size: 13%;*/
}

.app-tt-decorator-one-train-button2 {
    display: inline-block;
    height: 15px;
    margin-left: 3px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/14_coord.png') no-repeat left;

}

.app-tt-decorator-one-train-button3 {
    display: inline-block;
    height: 15px;
    margin-left: 4px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/14_arch.png') no-repeat left;

}

.app-tt-decorator-one-train-group-button {
    margin: 2px 2px 2px 2px;
    height: 100%;
    position: absolute;
    /*    right: 59px;*/
    top: -6px;

}

.app-tt-decorator-one-train-group-button-full-button {

    right: 0px;
    height: 100%;
    font-size: 10px;
    cursor: pointer;

}

.app-tt-decorator-one-train-zvezda {
    background: url('/images/touch_train/tree_trains/mover_blue.png') no-repeat center center;
    position: absolute;
    /*    left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background-size: 60%, 60%;
        padding: 5px;
        border: none;
        left: 2px;*/
}

.app-tt-decorator-one-train-group-info-ending-no {
    margin: 1px 2px 2px 2px;
    height: 100%;
    position: absolute;
    left: 105px;
    top: -1px;
    background: #63be4b; /* Old browsers */
    background: -moz-linear-gradient(top, #63be4b 0%, #449f2b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63be4b), color-stop(100%, #449f2b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #63be4b 0%, #449f2b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #63be4b 0%, #449f2b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #63be4b 0%, #449f2b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #63be4b 0%, #449f2b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63be4b', endColorstr='#449f2b', GradientType=0); /* IE6-9 */

    border: white solid 1px;
    border-radius: 3px 3px 3px 3px;
    height: 55px;

}

.app-tt-decorator-one-train-group-info-ending-yes {
    margin: 1px 2px 2px 2px;
    position: absolute;
    left: 105px;
    top: -1px;

    background: #c96b5c;
    background: -moz-linear-gradient(top, #c96b5c 47%, #d8451c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(47%, #c96b5c), color-stop(100%, #d8451c));
    background: -webkit-linear-gradient(top, #c96b5c 47%, #d8451c 100%);
    background: -o-linear-gradient(top, #c96b5c 47%, #d8451c 100%);
    background: -ms-linear-gradient(top, #c96b5c 47%, #d8451c 100%);
    background: linear-gradient(to bottom, #c96b5c 47%, #d8451c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c96b5c', endColorstr='#d8451c', GradientType=0);

    /*    background: #c2454b; *//* Old browsers *//*
        background: -moz-linear-gradient(top, #d98f8b 0%, #c34c46 70%, #ca645f 100%); *//* FF3.6+ *//*
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d98f8b), color-stop(70%, #c34c46), color-stop(100%, #ca645f)); *//* Chrome,Safari4+ *//*
        background: -webkit-linear-gradient(top, #d98f8b 0%, #c34c46 70%, #ca645f 100%); *//* Chrome10+,Safari5.1+ *//*
        background: -o-linear-gradient(top, #d98f8b 0%, #c34c46 70%, #ca645f 100%); *//* Opera 11.10+ *//*
        background: -ms-linear-gradient(top, #d98f8b 0%, #c34c46 70%, #ca645f 100%); *//* IE10+ *//*
        background: linear-gradient(to bottom, #d98f8b 0%, #c34c46 70%, #ca645f 100%); *//* W3C *//*
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d98f8b', endColorstr='#ca645f', GradientType=0); *//* IE6-9 *//*
        color: white;
        text-align: match-parent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6940', endColorstr='#aa0505', GradientType=0); *//* IE6-9 */

    border: white solid 1px;
    border-radius: 3px 3px 3px 3px;
    height: 55px;

}

/*Кнопки для 1 поезда  */
.app-tt-button-one-train-three-button1 {
    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

    border: white solid 1px;
    border-radius: 6px 0px 0px 6px;
    position: absolute;
    height: 18px;
    top: 4px;
}

.app-tt-button-one-train-three-button1:hover {

    background-color: #f5f5f5;
    opacity: 0.8;
}

/*Кнопки для 1 поезда  */
.app-tt-button-one-train-three-button2 {
    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

    border: white solid 1px;
    border-radius: 6px 0px 0px 6px;
    position: absolute;
    height: 18px;
    top: 23px;
}

.app-tt-button-one-train-three-button2:hover {

    background-color: #f5f5f5;
    opacity: 0.8;
}

/*Кнопки для 1 поезда  */
.app-tt-button-one-train-three-button3 {
    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

    border: white solid 1px;
    border-radius: 6px 0px 0px 6px;
    position: absolute;
    height: 18px;
    top: 41px;
}

.app-tt-button-one-train-three-button3:hover {

    background-color: #f5f5f5;
    opacity: 0.8;
}

/*Кнопки для отображения оборудования */

.app-tt-button-one-train-equipment-button-fon-passive {

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

    /*    border: white solid 1px;*/
    border-radius: 5px 5px 5px 5px;
    position: absolute;
    height: 50px;
    top: 50px;
}

.app-tt-button-one-train-equipment-button-fon-unactive {
    background: #ef6940; /* Old browsers */
    background: -moz-linear-gradient(top, #ef6940 44%, #aa0505 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, #ef6940), color-stop(100%, #aa0505)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ef6940 44%, #aa0505 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ef6940 44%, #aa0505 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ef6940 44%, #aa0505 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ef6940 44%, #aa0505 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6940', endColorstr='#aa0505', GradientType=0); /* IE6-9 */
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
}

.app-tt-button-one-train-equipment-button-fon-warning {
    background: #ef6940; /* Old browsers */
    background: -moz-linear-gradient(top, #b0aa5b 44%, #999018 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, #b0aa5b), color-stop(100%, #999018)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b0aa5b 44%, #999018 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b0aa5b 44%, #999018 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b0aa5b 44%, #999018 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b0aa5b 44%, #999018 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0aa5b', endColorstr='#999018', GradientType=0); /* IE6-9 */
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
}

.app-tt-button-one-train-equipment-button-header-cpu {
	width: 42px;
	height: 42px;
	display: table-cell;
	vertical-align: middle;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/device_cpu.png') no-repeat left;
    background-size: 100%;
}

.app-tt-button-one-train-equipment-button-header-gsm {
    width: 42px;
	height: 42px;
	display: table-cell;
	vertical-align: middle;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/device_gsm.png') no-repeat left;
    background-size: 100%;
}

.app-tt-button-one-train-equipment-button-header-bgan {
    width: 42px;
	height: 42px;
	display: table-cell;
	vertical-align: middle;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/device_bgan.png') no-repeat left;
    background-size: 100%;
}

.app-tt-button-one-train-equipment-button-header-navi {
    width: 42px;
	height: 42px;
	display: table-cell;
	vertical-align: middle;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/device_navi.png') no-repeat left;
    background-size: 100%;
}

.app-tt-button-one-train-equipment-button-header-cus {
    width: 42px;
	height: 42px;
	display: table-cell;
	vertical-align: middle;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/device_cus.png') no-repeat left;
    background-size: 100%;
}

.app-tt-decorator-one-train-button-header-text-equipment {
	margin-left: 10px;
    color: white;
    font-size: 11px;    
}

.app-tt-decorator-one-train-button-header-text-equipment-label {
    margin: 100px 40px 10px 70px;
    color: blueviolet;
    font-size: 10px;
}

/*Кнопки для 1 поезда  вверху паспорта */

.app-tt-button-one-train-three-button-header {

    cursor: pointer;

}

.app-tt-button-one-train-three-button-header:hover {

}

.app-tt-button-one-train-three-button-header-plusminus {

    background: white;
    /*    margin-left: 5px;
        margin-right: 6px;*/
    height: 16px;
}

.app-tt-button-one-train-three-button-header-plusminus-count {

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
    height: 20px;
}

.app-tt-button-one-train-three-button-header-plusminus-count:hover {

    background: #a2c4df; /* Old browsers */
    background: -moz-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2c4df), color-stop(48%, #72a5cf), color-stop(100%, #75a7cf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2c4df', endColorstr='#75a7cf', GradientType=0); /* IE6-9 */
    
    /*    margin-left: 5px;
        margin-right: 6px;*/
    height: 20px;
}


.app-tt-decorator-one-train-button-header-text-plusminus-count {
    margin-left: 26px;
    margin-top: 10px;
    width: 250px;
    color: white;
    font-size: 12px;
    padding-top: 2px;
}




.app-tt-button-one-train-three-button-header-plusminus-height {

    background: white;
    /*    margin-left: 5px;
        margin-right: 5px;*/
    height: 16px;
}

.app-tt-button-one-train-three-button-fon-passive {

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

    /*    border: white solid 1px;*/
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    height: 21px;
    top: -1px;
}

.app-tt-button-one-train-three-button-fon-passive:hover {
    background-color: #f5f5f5;
    opacity: 0.8;
}

.app-tt-button-one-train-three-button-fon-active {
    background: #a2c4df; /* Old browsers */
    background: -moz-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2c4df), color-stop(48%, #72a5cf), color-stop(100%, #75a7cf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2c4df', endColorstr='#75a7cf', GradientType=0); /* IE6-9 */

    /*    border: white solid 1px;*/
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    height: 21px;
    top: -1px;

}

.app-tt-button-one-train-header-button-fon-active {
    background: #a2c4df; /* Old browsers */
    background: -moz-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2c4df), color-stop(48%, #72a5cf), color-stop(100%, #75a7cf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2c4df', endColorstr='#75a7cf', GradientType=0); /* IE6-9 */

    /*    border: white solid 1px;*/
    position: absolute;
    height: 21px;
    top: -1px;

}

.app-tt-decorator-one-train-button-header-pack {
    /*    display: inline-block;*/
    padding: 0px 0px 0px 5px;
    margin-left: 5px;
    margin-top: 3px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/16_bar_pack.png') no-repeat left;
    /* background-size: 18%;*/
}

.app-tt-decorator-one-train-button-header-card {
    /*    display: inline-block;*/
    padding: 0px 0px 0px 2px;
    margin-left: 5px;
    margin-top: 3px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/16_bar_card.png') no-repeat left;
    /*  background-size: 18%;*/
}

.app-tt-decorator-one-train-button-header-coord {
    /*    display: inline-block;*/
    padding: 0px 0px 0px 2px;
    margin-left: 5px;
    margin-top: 3px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/16_bar_coord.png') no-repeat left;
    /*background-size: 12%;*/
}

.app-tt-decorator-one-train-button-header-arch {
    /*    display: inline-block;*/
    padding: 0px 0px 0px 2px;
    margin-left: 5px;
    margin-top: 3px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/16_bar_arch.png') no-repeat left;
    /* background-size: 15%;*/
}

.app-tt-decorator-one-train-button-header-alarm {
    padding: 0px 0px 0px 2px;
    margin-left: 5px;
    margin-top: 3px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/16_bar_alarm.png') no-repeat left;
    /*background-size: 13%;*/
}

.app-tt-decorator-one-train-button-header-diag {
    padding: 0px 0px 0px 2px;
    margin-left: 5px;
    margin-top: 3px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/16_bar_diag.png') no-repeat left;
    /*background-size: 13%;*/
}

.app-tt-decorator-one-train-button-header-signal {
    padding: 0px 0px 0px 2px;
    margin-left: 5px;
    margin-top: 3px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/16_bar_signal.png') no-repeat left;
    /*background-size: 13%;*/
}

.app-tt-decorator-one-train-button-header-test {
    padding: 0px 0px 0px 2px;
    margin-left: 5px;
    margin-top: 3px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/16_bar_test.png') no-repeat left;
    /*background-size: 20%;*/
}

.app-tt-decorator-one-train-button-header-devices {
    padding: 0px 0px 0px 2px;
    margin-left: 5px;
    margin-top: 3px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/16_bar_devices.png') no-repeat left;
    /*background-size: 11%;*/
}

.app-tt-decorator-one-train-button-header-plus {
    padding: 0px 0px 0px 2px;
    margin-left: 5px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/sp_plus.png') no-repeat left;
    background-size: 35%;
}

.app-tt-decorator-one-train-button-header-plus-eq {
    padding: 0px 0px 0px 2px;
    margin-left: 5px;
    cursor: pointer;
    background: url('/images/touch_train/edit_users/edit_add20.png') no-repeat left;
    background-size: 55%;
}


.app-tt-decorator-one-train-button-header-minus {
    padding: 0px 0px 0px 2px;
    margin-left: 5px;
    cursor: pointer;
    background: url('/images/touch_train/tree_trains/sp_minus.png') no-repeat left;
    background-size: 35%;
}

.app-tt-decorator-one-train-button-header-text-pack {
    margin-left: 15px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
}

.app-tt-decorator-one-train-button-header-text-card {
    margin-left: 24px;
    margin-top: -14px;
    color: white;
    font-size: 11px;
}

.app-tt-decorator-one-train-button-header-text-plusminus {
    margin-left: 15px;
    margin-top: 10px;
    width: 250px;
    color: #000000;
    font-size: 12px;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль Sheet_Map   -------------------------------------------------------------------------------------*/

/*фон компонента карты  */
.app-tt-maposm-component-bg {
    background-color: rgba(190, 190, 190, 0.45);
}

.app-tt-sheet-map-popup-menu-label {
    display: block;
    position: absolute;
    font-size: small;
    margin-top: 5px;
    text-align: center;
    width: 90%;
    margin-left: 5px;
    color: white;
}

.app-tt-sheet-map-popup-menu-cart-train {
    display: block;
    position: absolute;
    background: #2072b3;
    border: 2px solid #f5f5f5;
    border-radius: 4px;
    font-size: small;
    margin-top: 25px;
    text-align: center;
    width: 90%;
    margin-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: white;
}

.app-tt-sheet-map-popup-menu-show-path {
    display: block;
    position: absolute;
    background: #2072b3;
    border: 2px solid #f5f5f5;
    border-radius: 4px;
    font-size: small;
    margin-top: 60px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 90%;
    margin-left: 5px;
    color: white;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль Card_Train   ------------------------------------------------------------------------------------*/

/*Компонент PopUp кнопок заголовка  */
.app-tt-component-popup-button-card-tabs {
    background-color: rgba(115, 115, 115, 0.9);
    border: #191919 solid 1px;
    border-radius: 8px 8px 0px 0px;
    padding: 1px 1px 1px 1px;
}

.app-tt-button-card-tabs {
    background: url('/images/touch_train/sheet_card_train/BgUp.png') no-repeat center center;
    color: #f5f5f5;
    font-size: 24px;
}

.app-tt-button-card-tabs:hover {
    background: url('/images/touch_train/sheet_card_train/BgUp.png') no-repeat center center;
    color: #f5f5f5;
    font-size: 24px;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль Messages   --------------------------------------------------------------------------------------*/

/*Декоратор единицы списка  */
.app-tt-decorator-list-message {
    background-color: rgba(255, 255, 255, 0.45);
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

.app-tt-decorator-list-message:hover {
    background-color: #ffffbe;
}

/*Декоратор содержимого единицы списка (ячейка номера)  */
.app-tt-decorator-tree-message-content-cell-n {
    display: inline-block;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #00007d;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-tree-message-content-cell {
    display: inline-block;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 30px;
    vertical-align: top;
}

.app-tt-decorator-tree-message-content-card {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/TrainCard_32.png') no-repeat right center;
    cursor: pointer;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль Diagnostics   --------------------------------------------------------------------------------------*/

/*Декоратор единицы списка  */
.app-tt-decorator-list-diagnostic {
    background-color: rgba(255, 110, 110, 0.45);
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

/*Декоратор единицы списка  */
.app-tt-decorator-list-diagnostic-1 {
    background-color: rgba(255, 110, 110, 0.45);
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

/*Декоратор единицы списка  */
.app-tt-decorator-list-diagnostic-2 {
    background-color: rgba(70, 90, 255, 0.45);
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

/*Декоратор единицы списка  */
.app-tt-decorator-list-diagnostic-3 {
    background-color: rgba(255, 255, 0, 0.45);
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

/*Декоратор единицы списка  */
.app-tt-decorator-list-diagnostic-4 {
    background-color: rgba(110, 200, 110, 0.45);
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

/*Декоратор содержимого единицы списка (ячейка номера)  */
.app-tt-decorator-tree-diagnostic-content-cell-n {
    display: table-cell;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #00007d;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-tree-diagnostic-content-cell {
    display: table-cell;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 30px;
    vertical-align: top;
}

/*Декоратор содержимого единицы списка (ячейка номера)  */
.app-tt-decorator-one-train-packets-content-cell-n {
    display: inline-block;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    /*color: #00007d;*/
    /*background-color: rgba(255, 255, 255, 0.45098);*/
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-one-train-packets-content-cell {
    display: inline-block;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 30px;
    vertical-align: top;
    /*background-color: rgba(255, 255, 255, 0.45098);*/
}

/*Декоратор единицы списка  */
.app-tt-decorator-list-one-train-packets {
    background-color: rgba(255, 255, 255, 0.45098);
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

/*Декоратор содержимого единицы списка (ячейка номера)  */
.app-tt-decorator-list-one-train-route-cell-n {
    display: table-cell;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #00007d;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-list-one-train-route-cell {
    display: table-cell;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 30px;
    vertical-align: top;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-tree-diagnostic-content-cell-1 {
    display: inline-block;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 30px;
    vertical-align: top;
    background-color: rgba(255, 110, 110, 0.45);
}

.app-tt-decorator-tree-diagnostic-content-cell-1:hover {
    background-color: #ffffbe;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-tree-diagnostic-content-cell-2 {
    display: inline-block;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 30px;
    vertical-align: top;
    background-color: rgba(110, 200, 110, 0.45);
}

.app-tt-decorator-tree-diagnostic-content-cell-2:hover {
    background-color: #ffffbe;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-tree-diagnostic-content-cell-3 {
    display: inline-block;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 30px;
    vertical-align: top;
    background-color: rgba(110, 200, 110, 0.45);
}

.app-tt-decorator-tree-diagnostic-content-cell-3:hover {
    background-color: #ffffbe;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-tree-diagnostic-content-cell-4 {
    display: inline-block;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 30px;
    vertical-align: top;
    background-color: rgba(110, 200, 110, 0.45);
}

.app-tt-decorator-tree-diagnostic-content-cell-4:hover {
    background-color: #ffffbe;
}

.app-tt-decorator-tree-diagnostic-content-card {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/TrainCard_32.png') no-repeat right center;
    cursor: pointer;
}

.app-tt-decorator-list-diagnostic_prior1-active {
    position: absolute;
    /*background-color: rgba(255,0,0,0.8);*/
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 9pt;
    font-weight: normal;
    text-align: left;
    display: table-cell;
    vertical-align: top;
    color: black;
    cursor: pointer;

    background-image: -webkit-gradient(linear, left top, left top, color-stop(0, #FF0000), color-stop(1, #F58787));
    background-image: -o-linear-gradient(left top, #FF0000 0%, #F58787 100%);
    background-image: -moz-linear-gradient(left top, #FF0000 0%, #F58787 100%);
    background-image: -webkit-linear-gradient(left top, #FF0000 0%, #F58787 100%);
    background-image: -ms-linear-gradient(left top, #FF0000 0%, #F58787 100%);
    background-image: linear-gradient(to left top, #FF0000 0%, #F58787 100%);

    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.app-tt-decorator-list-diagnostic_prior1-active:hover {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.app-tt-decorator-list-diagnostic_prior1-passive {
    position: absolute;
    /*background-color: rgba(255,0,0,0.2);*/
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 9pt;
    font-weight: normal;
    color: black;
    text-align: left;
    display: table-cell;
    vertical-align: top;
    cursor: pointer;

    background-image: -webkit-gradient(linear, left top, left top, color-stop(0, #660A0A), color-stop(1, #F5D2D2));
    background-image: -o-linear-gradient(left top, #660A0A 0%, #F5D2D2 100%);
    background-image: -moz-linear-gradient(left top, #660A0A 0%, #F5D2D2 100%);
    background-image: -webkit-linear-gradient(left top, #660A0A 0%, #F5D2D2 100%);
    background-image: -ms-linear-gradient(left top, #660A0A 0%, #F5D2D2 100%);
    background-image: linear-gradient(to left top, #660A0A 0%, #F5D2D2 100%);

    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;

}

.app-tt-decorator-list-diagnostic_prior1-passive:hover {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.app-tt-decorator-list-diagnostic_prior2-active {
    position: absolute;
    /* background-color: rgba(0,0,255,0.8);*/
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 9pt;
    font-weight: normal;
    text-align: right;
    display: table-cell;
    vertical-align: top;
    color: black;
    cursor: pointer;

    background-image: -webkit-gradient(linear, right top, right top, color-stop(0, #072C91), color-stop(1, #8CA0D1));
    background-image: -o-linear-gradient(right top, #072C91 0%, #8CA0D1 100%);
    background-image: -moz-linear-gradient(right top, #072C91 0%, #8CA0D1 100%);
    background-image: -webkit-linear-gradient(right top, #072C91 0%, #8CA0D1 100%);
    background-image: -ms-linear-gradient(right top, #072C91 0%, #8CA0D1 100%);
    background-image: linear-gradient(to right top, #072C91 0%, #8CA0D1 100%);

    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;

}

.app-tt-decorator-list-diagnostic_prior2-active:hover {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.app-tt-decorator-list-diagnostic_prior2-passive {
    position: absolute;
    /*background-color: rgba(0,0,255,0.2);*/
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 9pt;
    font-weight: normal;
    color: black;
    text-align: right;
    display: table-cell;
    vertical-align: top;
    cursor: pointer;

    background-image: -webkit-gradient(linear, right top, right top, color-stop(0, #769BF7), color-stop(1, #DAE2F5));
    background-image: -o-linear-gradient(right top, #769BF7 0%, #DAE2F5 100%);
    background-image: -moz-linear-gradient(right top, #769BF7 0%, #DAE2F5 100%);
    background-image: -webkit-linear-gradient(right top, #769BF7 0%, #DAE2F5 100%);
    background-image: -ms-linear-gradient(right top, #769BF7 0%, #DAE2F5 100%);
    background-image: linear-gradient(to right top, #769BF7 0%, #DAE2F5 100%);

    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;

}

.app-tt-decorator-list-diagnostic_prior2-passive:hover {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.app-tt-decorator-list-diagnostic_prior3-active {
    position: absolute;
    /*background-color: rgba(255,255,0,0.8);*/
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 9pt;
    font-weight: normal;
    text-align: right;
    display: table-cell;
    vertical-align: bottom;
    color: black;
    line-height: 4;
    cursor: pointer;

    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFE600), color-stop(1, #FCFCED));
    background-image: -o-linear-gradient(right bottom, #FFE600 0%, #FCFCED 100%);
    background-image: -moz-linear-gradient(right bottom, #FFE600 0%, #FCFCED 100%);
    background-image: -webkit-linear-gradient(right bottom, #FFE600 0%, #FCFCED 100%);
    background-image: -ms-linear-gradient(right bottom, #FFE600 0%, #FCFCED 100%);
    background-image: linear-gradient(to right bottom, #FFE600 0%, #FCFCED 100%);

    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;

}

.app-tt-decorator-list-diagnostic_prior3-active:hover {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.app-tt-decorator-list-diagnostic_prior3-passive {
    position: absolute;
    /*background-color: rgba(255,255,0,0.2);*/
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 9pt;
    font-weight: normal;
    color: black;
    text-align: right;
    display: table-cell;
    vertical-align: bottom;
    line-height: 4;
    cursor: pointer;

    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #6B6740), color-stop(1, #FCFCED));
    background-image: -o-linear-gradient(right bottom, #6B6740 0%, #FCFCED 100%);
    background-image: -moz-linear-gradient(right bottom, #6B6740 0%, #FCFCED 100%);
    background-image: -webkit-linear-gradient(right bottom, #6B6740 0%, #FCFCED 100%);
    background-image: -ms-linear-gradient(right bottom, #6B6740 0%, #FCFCED 100%);
    background-image: linear-gradient(to right bottom, #6B6740 0%, #FCFCED 100%);

    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;

}

.app-tt-decorator-list-diagnostic_prior3-passive:hover {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.app-tt-decorator-list-diagnostic_prior4-active {
    position: absolute;
    /* background-color: rgba(0,255,0,0.8);*/
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 9pt;
    font-weight: normal;
    text-align: left;
    display: table-cell;
    vertical-align: bottom;
    line-height: 4;
    color: black;
    cursor: pointer;

    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #98F598), color-stop(1, #056305));
    background-image: -o-linear-gradient(right top, #98F598 0%, #056305 100%);
    background-image: -moz-linear-gradient(right top, #98F598 0%, #056305 100%);
    background-image: -webkit-linear-gradient(right top, #98F598 0%, #056305 100%);
    background-image: -ms-linear-gradient(right top, #98F598 0%, #056305 100%);
    background-image: linear-gradient(to right top, #98F598 0%, #056305 100%);

    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;

}

.app-tt-decorator-list-diagnostic_prior4-active:hover {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}

.app-tt-decorator-list-diagnostic_prior4-passive {
    position: absolute;
    /* background-color: rgba(0,255,0,0.2);*/
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 9pt;
    font-weight: normal;
    color: black;
    text-align: left;
    display: table-cell;
    vertical-align: bottom;
    line-height: 4;
    cursor: pointer;

    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #98F598), color-stop(1, #494A49));
    background-image: -o-linear-gradient(right top, #98F598 0%, #494A49 100%);
    background-image: -moz-linear-gradient(right top, #98F598 0%, #494A49 100%);
    background-image: -webkit-linear-gradient(right top, #98F598 0%, #494A49 100%);
    background-image: -ms-linear-gradient(right top, #98F598 0%, #494A49 100%);
    background-image: linear-gradient(to right top, #98F598 0%, #494A49 100%);

    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;

}

.app-tt-decorator-list-diagnostic_prior4-passive:hover {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}

.app-tt-decorator-list-diagnostic_mode0 {
    position: absolute;
    background-color: rgba(0, 255, 0, 0.8);
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 9pt;
    font-weight: normal;
    color: black;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 5px 5px 5px 5px;

}

.app-tt-decorator-list-diagnostic_mode0:hover {

    cursor: pointer;
    border-radius: 5px 5px 5px 5px;

}

.app-tt-decorator-list-diagnostic_mode1 {
    position: absolute;
    background-color: rgba(255, 255, 0, 0.2);
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 9pt;
    font-weight: normal;
    color: black;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 5px 5px 5px 5px;

}

.app-tt-decorator-list-diagnostic_mode1:hover {

    cursor: pointer;
    border-radius: 5px 5px 5px 5px;

}

/*Панель информирования  */
.app-tt-sheet-diagnostic-label {
    font-size: 16px;
    font-weight: normal;
    color: rgba(0, 0, 0, 1);
    text-align: center;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль Tests   -----------------------------------------------------------------------------------------*/

/*Декоратор единицы списка  */
.app-tt-decorator-list-test {
    background-color: rgba(196, 207, 214, 0.45);
    margin: 3px 3x 3px 3px;
    padding: 3px 3px 3px 3px;
    border: none;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

.app-tt-decorator-list-header {
    background-color: rgba(255, 255, 255, 0.85);
    margin: 3px 3x 3px 3px;
    padding: 3px 3px 3px 3px;
    border: none;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

.app-tt-decorator-list-test-even {
    background-color: rgba(196, 207, 214, 0.45);
    margin: 3px 3x 3px 3px;
    padding: 3px 3px 3px 3px;
    border: none;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

.app-tt-decorator-list-test-odd {
    background-color: rgba(202, 214, 220, 0.77);
    margin: 3px 3x 3px 3px;
    padding: 3px 3px 3px 3px;
    border: none;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

/*Декоратор содержимого единицы списка (ячейка номера)  */
.app-tt-decorator-tree-test-content-cell-n {
    display: table-cell;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    margin: 1px 1px 1px 1px;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-tree-test-content-cell {
    display: table-cell;
    border: none;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 1px 1px 1px 1px;
    height: 100%;
}

/*Декоратор содержимого единицы списка (ячейка номера)  */
.app-tt-decorator-tree-theme-content-cell-n {
    display: table-cell;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    margin: 1px 1px 1px 1px;
    height: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #00007d;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-tree-theme-content-cell {
    display: table-cell;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 1px 1px 1px 1px;
    height: 100%;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль Engineer   --------------------------------------------------------------------------------------*/

/*Компонен статуса  */
.app-tt-engineer-comp-status {
    background-color: rgba(255, 255, 255, 0.56);
    margin: 3px 3px 3px 3px;
    padding: 10px 10px 10px 10px;
    border: #8c8c8c 1px solid;
    border-radius: 3px 3px 3px 3px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
}

/*Компонен лога  */
.app-tt-engineer-comp-log {
    border: #8c8c8c 1px solid;
    border-radius: 3px 3px 3px 3px;
}

/*Декоратор единицы лога  */
.app-tt-engineer-log-list-item {
    background-color: rgba(255, 255, 255, 0.65);
    margin: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    border-radius: 0px 0px 0px 0px;
    border-bottom: solid #bebebe 1px;
    font-size: 12px;
    font-weight: normal;
}

.app-tt-engineer-log-list-item:hover {
    background-color: #ffffbe;
}

.app-tt-one-train-header {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    overflow: hidden;
    margin: 2px 20px 2px 2px;

    background-color: rgba(255, 255, 255, 0.45);
    padding: 3px 3px 3px 3px;
    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;

    position: relative;

    /*border-bottom: #e6e6e6 solid 1px;*/
    cursor: default;

    height: 55px;

}

.app-tt-package-body-button {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/sheet_packages/PackageBody_28.png') no-repeat right center;
    cursor: pointer;
}

.app-tt-id-way-button {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/sheet_archive_train/ListRoutes_28.png') no-repeat right center;
    cursor: pointer;
}

.app-tt-id-map-button {
    display: block;
    position: absolute;
    right: 5px;
    top: 0px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/sheet_coords/TargetPoint.png') no-repeat right center;
    cursor: pointer;
}

.app-tt-package-body-message {
    background-color: rgb(160, 173, 224);
    right: 130px;
    width: 60%;
    padding: 15px 15px 15px 15px;

    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;

    font-size: small;

}

.app-tt-package-body-close-button {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: url('/images/touch_train/sheet_packages/Close.png') no-repeat center;
    cursor: pointer;
}

.app-tt-package-body-close-button:hover {
    background-color: rgb(91, 118, 219);
}

.app-tt-date-chooser-1 {
    margin-left: 25%;
    margin-top: 65px;
    width: 200px;
    height: 30px;
}

.app-tt-date-chooser-2 {
    margin-left: 65%;
    margin-top: 65px;
    width: 200px;
    height: 30px;
}

.app-tt-date-chooser-one-train-1 {
    margin-left: 25%;
    margin-top: 130px;
    width: 200px;
    height: 30px;

}

.app-tt-date-chooser-one-train-2 {
    margin-left: 65%;
    margin-top: 130px;
    width: 200px;
    height: 30px;
}

.app-tt-date-chooser-one-train-1-mobile {
    margin-left: 25%;
    margin-top: 160px;
    width: 200px;
    height: 30px;

}

.app-tt-date-chooser-one-train-2-mobile {
    margin-left: 65%;
    margin-top: 160px;
    width: 200px;
    height: 30px;
}

.app-tt-date-chooser-one-train-3 {
    margin-left: 47%;
    margin-top: 132px;
    width: 130px;
    height: 20px;
}

.app-tt-button-on-packets-one-train {
    margin-left: 25%;
    margin-top: 130px;
    width: 170px;
    height: 20px;

}

.app-tt-button-on-coords-one-train {
    margin-left: 65%;
    margin-top: 130px;
    width: 170px;
    height: 20px;
}

.app-tt-speed-tab {
    position: absolute;
    right: 15px;
    margin-top: 70px;
    width: 170px;
    height: 120px;

    background-image: url('/images/touch_train/sheet_map/speed_tab.png');
    background-repeat: no-repeat;
    background-position: center;

}

.app-tt-query-label {

    font-weight: bold;
    font-size: 16px;
    margin-left: 30%;

}

.app-tt-query-label-2 {

    font-weight: bold;
    font-size: 16px;
    margin-left: 39%;

}

.app-tt-query-button {

    font-weight: bold;
    font-size: 16px;
    margin-left: 42%;

    width: 170px;
    height: 20px;

}

/*Класс комнпонента узла дерева  */
.qui-tree-node-requests {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 5px;
    cursor: default;
}

/*.qui-tree-node-requests:hover {
    background-color: #ffffbe;
}*/

/*Декоратор единицы списка  */
.app-tt-decorator-list-query {
    background-color: rgba(255, 255, 255, 0.45);
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

/*Класс комнпонента единицы списка  */
.qui-list-item-query {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 5px;
    border-bottom: #e6e6e6 solid 1px;
    cursor: default;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-tree-content-cell-query {
    display: inline-block;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 30px;
    vertical-align: top;
    font-size: 22px;
}

.app-tt-table-spacing {
    display: table;
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
}

/*
.row {display:table-row;}
.cell {display:table-cell;padding:5px;border:1px solid black;}*/
.app-tt-root-mobile {
    position: fixed;
    overflow: hidden;
}

.app-tt-decorator-list-train-content-item-mobile {
    width: 100%;
    display: table-cell;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 1px 1px 1px 1px;
    height: 100%;
}

.app-tt-sheet-train-mobile-button-card {
    position: absolute;
    left: 5px;
    bottom: 3px;
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/TrainCard_32.png') no-repeat right center;
    cursor: pointer;
}

.app-tt-decorator-list-trains-mobile-content-cell-n {
    display: table-cell;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 3px 20px 3px 3px;
    margin: 1px 1px 1px 1px;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #00007d;
}

.app-tt-sheet-train-mobile-button-on-map {
    position: absolute;
    left: 5px;
    bottom: 3px;
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/TrainCard_32.png') no-repeat right center;
    cursor: pointer;
}

.app-tt-decorator-list-mobile-content-route-true {
    display: block;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/FlagGreen_32.png') no-repeat right center;
    cursor: pointer;
}



.app-tt-decorator-list-mobile-content-route-false {
    display: block;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 32px;
    height: 32px;
    background: url('/images/touch_train/tree_trains/FlagRed_32.png') no-repeat right center;
    cursor: pointer;
}

.app-tt-sheet-map-mobile-button-plus {
    display: block;
    position: absolute;
    /*left: 30px;*/
    /*top: 150px;*/
    /*width: 60px;*/
    /*height: 60px;*/
    background: url('/images/touch_train/sheet_map/ScalePlus.png') no-repeat center center, #e9edf0;
    cursor: pointer;
}

.app-tt-sheet-map-mobile-button-minus {
    display: block;
    position: absolute;
    /*left: 30px;*/
    /*top: 230px;*/
    /*width: 60px;*/
    /*height: 60px;*/
    background: url('/images/touch_train/sheet_map/ScaleMinus.png') no-repeat center center, #e9edf0;
    cursor: pointer;
}

.app-tt-sheet-map-mobile-popup-menu-label {
    display: block;
    position: absolute;
    font-size: small;
    margin-top: 5px;
    text-align: center;
    width: 90%;
    margin-left: 5px;
}

.app-tt-sheet-map-mobile-popup-menu-cart-train {
    display: block;
    position: absolute;
    background: #C6C7C6;
    border: 2px solid #f5f5f5;
    border-radius: 4px;
    font-size: small;
    margin-top: 25px;
    text-align: center;
    width: 90%;
    margin-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.app-tt-sheet-map-mobile-popup-menu-show-path {
    display: block;
    position: absolute;
    background: #C6C7C6;
    border: 2px solid #f5f5f5;
    border-radius: 4px;
    font-size: small;
    margin-top: 60px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 90%;
    margin-left: 5px;
}

.app-tt-one-train-header-mobile {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    overflow: hidden;
    margin: 2px 20px 2px 2px;

    background-color: rgba(255, 255, 255, 0.45);
    padding: 3px 3px 3px 3px;
    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;

    position: relative;

    /*border-bottom: #e6e6e6 solid 1px;*/
    cursor: default;

    height: 75px;

}

.app-tt-sheet-card-train-mobile {
    display: block;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    /*margin: 1px 2px 2px 2px;*/
    /*width: 100%;*/
    height: 90%;
}

.app-tt-passport-table-one-train-mobile {
    width: 100%;
    border-collapse: collapse;
    border: #2d2d2d solid 1px;
    height: 20px;
    overflow: auto;

    position: relative;

}

.app-tt-sheet-card-train-table-base-mobile {

    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;

    border: #bebebe 1px solid;
    border-radius: 2px 2px 2px 2px;
    border-bottom: none;
    background-color: rgba(255, 255, 255, 0.45);
}

/*---------------------------------------------------------------------------------------------------------*/
/* Tab coords   -------------------------------------------------------------------------------------------*/

.app-tt-tab-coords-table-header {
    background-color: #f8f8f8;
}

.app-tt-tab-coords-cell {
    color: #424242;
    font-size: 10px;
}

.app-tt-tab-coords-cell-bg {
    background-color: rgba(200, 200, 200, 0.5);
}

.app-tt-item-tab-coords:hover {
    background-color: #f5f5f5;
    opacity: 0.8;
}

.app-tt-item-tab-coords {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 5px;
    border-bottom: #e6e6e6 solid 1px;
    cursor: pointer;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Tab Packets  -------------------------------------------------------------------------------------------*/

.app-tt-tab-packets-cell-black-text {
    color: #424242;
    font-size: 10px;
}

.app-tt-tab-packets-cell-white-text {
    color: white;
    font-size: 10px;
}

.app-tt-tab-packets-cell-bg {
    background-color: rgba(200, 200, 200, 0.5);
}

.app-tt-tab-list-item-arrow {

    position: absolute;
    left: 0px;
    right: 0px;
    height: 20px;
    bottom: 0px;
    width: 100%;
    margin-right: 10px;
    overflow: hidden;
    background-image: url('/images/touch_train/tree_trains/right-arrow.png');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right;

    color: white;

}

.app-tt-tab-list-item-arrow-background {

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

    color: white;

}

.app-tt-tab-list-item-arrow:hover {

}

.app-tt-tab-packets-header-pointer {

    cursor: pointer;
}

.app-tt-page-anv-notfound {

    font-size: 16px;
    font-weight: bold;
    color: #2e3436;
}

/*Класс комнпонента единицы списка  */
.app-tt-tab-list-item-white {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 5px;
    border-bottom: #e6e6e6 solid 1px;
    cursor: default;
}

/*Класс комнпонента единицы списка  */
.app-tt-tab-list-item-white-skdu {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 0px;
    border-bottom: #e6e6e6 solid 1px;
    cursor: default;
}

.app-tt-tab-list-item-white:hover {
    /*    background: #79abd3;
        background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
        background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
        background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
        background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
        background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);*/

    background-color: #f5f5f5;
    opacity: 0.8;

    color: white;
}

/*Класс комнпонента единицы списка  */
.app-tt-tab-list-item-black {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 5px;
    border-bottom: #e6e6e6 solid 1px;
    cursor: default;
}

.app-tt-tab-list-item-black:hover {
    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
    color: white;
}

.app-tt-tab-list-item-passport {
    color: blue;
}

.app-tt-tab-list-item-coord {
    color: black;
}

.app-tt-tab-list-item-stop {
    color: red;
}

.app-tt-tab-list-item-alarm {
    color: red;
}

.app-tt-tab-list-item-debug {
    color: #db7093;
}

.app-tt-tab-list-item-train {
    color: #f4a460;
}

.app-tt-tab-list-item-sort-arrow-up {

    left: 0px;
    right: 0px;
    height: 100%;
    background-image: url(/images/touch_train/tree_trains/14_arrow_up.png);
    background-repeat: no-repeat;

}

.app-tt-tab-list-item-sort-arrow-down {

    left: 0px;
    right: 0px;
    height: 100%;
    background-image: url(/images/touch_train/tree_trains/14_arrow_down.png);
    background-repeat: no-repeat;

}

/*---------------------------------------------------------------------------------------------------------*/
/* Tab coords   -------------------------------------------------------------------------------------------*/

.app-tt-tab-coords-table-header {
    background-color: #f8f8f8;
}

.app-tt-tab-font-size-12 {
    font-size: 12px;
}

/*
Страница сообщения*/

.app-tt-button-messages-three-button1 {
    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
    position: absolute;
    height: 18px;
    top: 4px;
    font-size: 10px;
    cursor: pointer;
}

.app-tt-button-messages-three-button1:hover {

    background-color: #f5f5f5;
    opacity: 0.8;
}

.app-tt-button-messages-three-button1-push {
    background: #b5b7ba;
    background: -moz-linear-gradient(top, #b5b7ba 0%, #969a9d 55%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5b7ba), color-stop(55%, #969a9d));
    background: -webkit-linear-gradient(top, #b5b7ba 0%, #969a9d 55%);
    background: -o-linear-gradient(top, #b5b7ba 0%, #969a9d 55%);
    background: -ms-linear-gradient(top, #b5b7ba 0%, #969a9d 55%);
    background: linear-gradient(to bottom, #b5b7ba 0%, #969a9d 55%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b7ba', endColorstr='#969a9d', GradientType=0);
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
    position: absolute;
    height: 18px;
    top: 4px;
    font-size: 10px;
    cursor: pointer;
}

.app-tt-button-messages-three-button1-push:hover {

    background-color: #f5f5f5;
    opacity: 0.8;
}

.app-tt-decorator-messages-button-text1 {

    margin-left: 50px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-messages-button-text2 {

    margin-left: 45px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-messages-button-text3 {

    margin-left: 42px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-messages-button-text4 {

    margin-left: 60px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-messages-button-line-green {
    border-bottom: 2px solid #00ec1c;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-top: 16px;
    margin-left: 5px;
}

.app-tt-decorator-messages-button-line-red {
    border-bottom: 2px solid #e30000;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-top: 16px;
    margin-left: 5px;
}

.app-tt-decorator-messages-button1 {
    display: inline-block;
    height: 15px;
    margin-left: 31px;
    margin-top: -3px;
    cursor: pointer;
    background: url('/images/touch_train/sheet_messages/14_messages_letter.png') no-repeat left;
}

.app-tt-decorator-messages-button2 {
    display: inline-block;
    height: 15px;
    margin-left: 26px;
    margin-top: -3px;
    cursor: pointer;
    background: url('/images/touch_train/sheet_messages/14_messages_buks.png') no-repeat left;
}

.app-tt-decorator-messages-button3 {
    display: inline-block;
    height: 15px;
    margin-left: 23px;
    margin-top: -3px;
    cursor: pointer;
    background: url('/images/touch_train/sheet_messages/14_messages_police.png') no-repeat left;
}

.app-tt-decorator-messages-button4 {
    display: inline-block;
    height: 15px;
    margin-left: 41px;
    margin-top: -3px;
    cursor: pointer;
    background: url('/images/touch_train/sheet_messages/14_messages_fire.png') no-repeat left;
}

/* Маршруты */

.app-tt-decorator-routes-on-map {
    display: block;
    position: absolute;
    right: 22px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/tree_trains/14_coord.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-routes-no-map {
    display: block;
    position: absolute;
    right: 22px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/sheet_packages/Close.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-routes-on-packet {
    display: block;
    position: absolute;
    right: 5px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/tree_trains/14_pack.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-routes-on-mess {
    display: block;
    position: absolute;
    right: 39px;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url('/images/touch_train/tree_trains/16_alarm.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-tree-passport-table-obertka-header-with-comment-route {
    width: 100%;
    margin-top: 5px;
    font-size: 11px;
    margin-bottom: 10px;

}

.app-tt-tree-passport-table-obertka-header-route {
    width: 100%;
    margin-top: 5px;
    font-size: 11px;
    margin-bottom: 5px;
}

.app-tt-tree-passport-table-obertka-route {

    height: 165px;
    width: 100%;
    margin-top: -14px;
    overflow-y: auto;
    border: white solid 1px;
    color: #424242;
    font-size: 12px;

}

.app-tt-tree-passport-table-obertka-header-with-comment-route {
    width: 80%;
    margin-top: 15px;
}

/*.app-tt-tree-passport-table-comment {

    margin-top: 23px;

}*/

/*Класс комнпонента узла дерева  маршрутов*/
.app-tt-tree-node-routes {
    position: relative;
    left: 0px;
    right: 0px;

}

.app-tt-tab-routes-cell-bg {

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);

}

.app-tt-tab-routes-cell-bg:hover {

}

.app-tt-item-tab-routes-hv:hover {
    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
    opacity: 0.8;
    color: white;
}

.app-tt-item-tab-routes-hv {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 5px;
    border-bottom: #e6e6e6 solid 1px;
    cursor: pointer;
    color: white;
}

.app-tt-tab-routes-cell {
    /*  color: #424242;*/
    font-size: 10px;
}

.app-tt-item-tab-routes:hover {
    background-color: #f5f5f5;
    opacity: 0.8;
}

.app-tt-item-tab-routes {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 5px;
    border-bottom: #e6e6e6 solid 1px;
    cursor: pointer;
    color: #424242;
}

/*Диагностики*/

.app-tt-tab-diags-table-header {
    background-color: #f8f8f8;
    right: 0px;
    left: 180px;
    top: 80px;
    height: 20px;
}

/*Декоратор содержимого единицы списка (ячейка номера)  */
.app-tt-decorator-tree-diagnostic-content-cell-n-new {
    display: table-cell;
    border: none;
    border-radius: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #00007d;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-tree-diagnostic-content-cell-new {
    display: table-cell;
    border: #787878 solid 1px;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 30px;
    vertical-align: top;
}

/*Декоратор единицы списка  */
.app-tt-decorator-list-diagnostic-1-new {
    /*    background-color: rgba(255, 110, 110, 0.45);*/

    background-image: -webkit-gradient(linear, left top, left top, color-stop(0, #FF0000), color-stop(1, #F58787));
    background-image: -o-linear-gradient(left top, #FF0000 0%, #F58787 100%);
    background-image: -moz-linear-gradient(left top, #FF0000 0%, #F58787 100%);
    background-image: -webkit-linear-gradient(left top, #FF0000 0%, #F58787 100%);
    background-image: -ms-linear-gradient(left top, #FF0000 0%, #F58787 100%);
    background-image: linear-gradient(to left top, #FF0000 0%, #F58787 100%);

}

/*Декоратор единицы списка  */
.app-tt-decorator-list-diagnostic-2-new {
    background-color: #eac37c;
    /*background-color: rgba(234, 195, 124, 0.45);*/

}

/*Декоратор единицы списка  */
.app-tt-decorator-list-diagnostic-3-new {
    background-color: #e5e869;

}

/*Декоратор единицы списка  */
.app-tt-decorator-list-diagnostic-4-new {
    background-color: rgba(110, 200, 110, 0.45);

}

.app-tt-decorator-diags-button-text1 {

    margin-left: 58px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-diags-button-text2 {

    margin-left: 63px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-diags-button-text3 {

    margin-left: 50px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-diags-button-text4 {

    margin-left: 58px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-diags-button-text5 {

    margin-left: 55px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-diags-button-text6 {

    margin-left: 55px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-diags-button-text7 {

    margin-left: 55px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-diags-button-text8 {

    margin-left: 62px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-diags-button-text9 {

    margin-left: 50px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-diags-on-result-new {
    display: block;
    position: absolute;
    right: 20px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/sheet_diagnostics/14_diag_new.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-diags-on-result-error {
    display: block;
    position: absolute;
    right: 20px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/sheet_diagnostics/14_diag_error.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-diags-on-result-ok {
    display: block;
    position: absolute;
    right: 20px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/sheet_diagnostics/14_diag_ok.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-diags-on-result-wait {
    display: block;
    position: absolute;
    right: 20px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/sheet_diagnostics/14_diag_wait.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-diags-on-result-tab-new {
    display: block;
    position: absolute;
    right: 20px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/sheet_diagnostics/14_diag_new.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-diags-on-result-tab-error {
    display: block;
    position: absolute;
    right: 20px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/sheet_diagnostics/14_diag_error.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-diags-on-result-tab-ok {
    display: block;
    position: absolute;
    right: 20px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/sheet_diagnostics/14_diag_ok.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-diags-on-result-tab-wait {
    display: block;
    position: absolute;
    right: 20px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/sheet_diagnostics/14_diag_wait.png') no-repeat right center;
    cursor: pointer;

}

/* Стандартная кнопка */
.app-tt-standart-button {
    border-radius: 6px 6px 6px 6px;
    border: #ffffff solid 1px;
    color: #ffffff;
    height: 18px;
    padding-top: 8px;
    background-image: -webkit-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: -moz-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: -o-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
}

.app-tt-standart-button:hover {
    border: #ffffff solid 1px;
    background-image: -webkit-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: -moz-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: -o-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    /*border-bottom: rgb(25, 25, 25) solid 1px;*/
}

/* Стандартный заголовок диалога */
.app-tt-standart-dialog-title {
    border-radius: 6px 6px 0px 0px;
    border: #ffffff solid 1px;
    color: #ffffff;
    height: 18px;
    padding-top: 4px;
    background-image: -webkit-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: -moz-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
    background-image: -o-linear-gradient(top, #2174b7 0%, #175282 70%, #2174b7 100%);
}

.app-tt-standart-dialog-content {
    border: #ffffff solid 1px;
    background-color: #ece9e3;
    border-radius: 0px 0px 0px 0px;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.app-tt-standart-dialog {
    border: #ffffff solid 1px;
    border-top: none;
}

.app-tt-standart-dialog-footer {
    background-color: #ece9e3;
}

.app-tt-sheet-swap-padding-bottom-top {
    padding-bottom: 3px;
    padding-top: 3px;

}

.app-tt-sheet-swap-marginr-left {
    margin-left: 3px;
}

.app-tt-decorator-diags-button-text-vyp {

    margin-left: 45px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-diags-button-text-vrab {

    margin-left: 52px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-diags-button-text-nevyp {

    margin-left: 40px;
    margin-top: 3px;
    color: white;
    font-size: 10px;
    font-weight: normal;
}

.app-tt-decorator-tree-diagnostic-passport {
    background-color: rgba(255, 255, 255, 0.45);
    margin: 2px 20px 3px 25px;
    padding: 3px 3px 3px 3px;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: white;
    border-top-style: solid;
    border-top-width: 1px;
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;

}

.app-tt-decorator-diags-button-res-label {
    top: 3px;
    right: 22px;
}

.app-tt-decorator-diags-button-res-label-arrow {
    top: 4px;
    right: 8px;
}

.app-tt-tab-list-item-sort-arrow-up-diags {

    height: 100%;
    background-image: url('/images/touch_train/tree_trains/14_arrow_up.png');
    background-repeat: no-repeat;
    width: 14px;

}

.app-tt-tab-list-item-sort-arrow-down-diags {

    height: 100%;
    background-image: url('/images/touch_train/tree_trains/14_arrow_down.png');
    background-repeat: no-repeat;
    width: 14px;

}

.app-tt-decorator-diags-button-dop-label {
    top: 3px;
    right: 72px;
}

.app-tt-decorator-diags-button-dop-label-arrow {
    top: 4px;
    right: 56px;
}

.app-tt-tab-diags-cell-packet {
    color: #424242;
    font-size: 10px;
}

/*/////////ANV////////////////*/

.app-tt-decorator-anv-button-comment {
    top: 3px;
    right: 310px;
}

.app-tt-decorator-anv-button-comment-arrow {
    top: 4px;
    right: 293px;
}


/*///////////////////////////////////////////////////TESTS///////////////////////////////////////////////////////*/

.app-tt-tab-tests-table-header {
    background-color: #f8f8f8;
    right: 0px;
    left: 10px;
    top: 75px;
    height: 20px;
}

/*///////////////////////////////////////////////////SOUNDS///////////////////////////////////////////////////////*/

.app-tt-tab-sounds-table-header {
    background-color: #f8f8f8;
    right: 0px;
    left: 180px;
    top: 75px;
    height: 20px;
}


/*///////////////////////////////////////////////////WAITER///////////////////////////////////////////////////////*/
.app-tt-image-waiter {
    background: url('/images/touch_train/rotator_blue.gif') no-repeat center;
}

.app-tt-image-waiter-background {
    background: #cfdde8;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Модуль SheetUserMenu   ---------------------------------------------------------------------------------*/

.app-tt-usermenu-permission-allow-icon {
    background-image: url('/images/touch_train/tree_trains/check_on.png');
    background-color: #00be06;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

.app-tt-usermenu-permission-allow-icon:hover {
    background-image: url('/images/touch_train/tree_trains/check_on.png');
    background-color: #00be06;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

.app-tt-usermenu-permission-deny-icon {
    background-image: url('/images/touch_train/tree_trains/check_off.png');
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

.app-tt-usermenu-permission-deny-icon:hover {
    background-image: url('/images/touch_train/tree_trains/check_off.png');
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

.app-tt-usermenu-label {
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    /*color:#666666;*/
    color: black;

}

/*Кнопка инструментов в заголовке  */
.app-tt-button-usermenu {
    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
    color: white;
    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    /*box-shadow: inset 0 0 10px rgba(200,200,200,0.3);*/
}

.app-tt-button-usermenu:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C7EC), color-stop(70%, #4E9AD8), color-stop(100%, #66A6DA));
    background: -webkit-linear-gradient(top, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);
    background: linear-gradient(to bottom, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);
    color: white;
    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    /*box-shadow: inset 0 0 6px rgba(200,200,200,0.5);*/
}

/*MOBILE-NEW*/

/*Класс компонента со скролом  */
.app-tt-decorator-tree-scrollbar-mobile {;

}

.app-tt-decorator-tree-scrollbar-mobile::-webkit-scrollbar {
    width: 6px;
}

.app-tt-decorator-tree-scrollbar-mobile::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.45);
    border: 1px solid white;

}

.app-tt-decorator-tree-scrollbar-mobile::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #488cc3;
    background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 50%, transparent, transparent);
    -webkit-box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.7);

}

.app-tt-decorator-tree-scrollbar-mobile::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.45);
    border: 1px solid white;
}

.app-tt-sheet-bg-mobile {
    background: #ffffff;
}

/*Класс комнпонента единицы списка  */
.app-tt-list-item-mobile {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 5px;
    border-bottom: #e6e6e6 solid 1px;
    cursor: default;
    /*    color : #737373;*/
    width: 100%;

    /*background-color: rgba(196, 207, 214, 0.45);*/

}

.app-tt-list-item-phone-mobile-bgan {

    background: #c2454b; /* Old browsers */
    background: -moz-linear-gradient(top, #d3ebff 0%, #bdd2e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3ebff), color-stop(100%, #bdd2e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d3ebff 0%, #bdd2e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d3ebff 0%, #bdd2e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d3ebff 0%, #bdd2e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d3ebff 0%, #bdd2e4 100%); /* W3C */

}

.app-tt-list-item-phone-mobile-gprs {

    background: #dcccad; /* Old browsers */
    background: -moz-linear-gradient(top, #feebc8 0%, #dcccad 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feebc8), color-stop(100%, #dcccad)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feebc8 0%, #dcccad 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feebc8 0%, #dcccad 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feebc8 0%, #dcccad 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feebc8 0%, #dcccad 100%);

}

.app-tt-list-item-phone-mobile-bgan:hover {
    /*background-color: #7fc0ff;*/
    background: #7fc0ff;
    color: white;
}

.app-tt-list-item-phone-mobile-gprs:hover {
    /*background-color: #7fc0ff;*/
    background: #7fc0ff;
    color: white;
}

/*Декоратор единицы списка  */
.app-tt-decorator-list-test-mobile {

    /*    background: #ececec;
        background: -moz-linear-gradient(top,  #ececec 0%, #e2e2e2 50%, #e2e2e2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(50%,#e2e2e2), color-stop(100%,#e2e2e2));
        background: -webkit-linear-gradient(top,  #ececec 0%,#e2e2e2 50%,#e2e2e2 100%);
        background: -o-linear-gradient(top,  #ececec 0%,#e2e2e2 50%,#e2e2e2 100%);
        background: -ms-linear-gradient(top,  #ececec 0%,#e2e2e2 50%,#e2e2e2 100%);
        background: linear-gradient(to bottom,  #ececec 0%,#e2e2e2 50%,#e2e2e2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#e2e2e2',GradientType=0 );*/

    margin: 3px 3x 3px 3px;
    padding: 0px 0px 0px 0px;
    border: none;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
}

.app-tt-table-spacing-mobile {
    box-sizing: border-box;
    display: table;
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
    font-size: 32px;
}

/*Декоратор содержимого единицы списка (ячейка)  */
.app-tt-decorator-tree-test-content-cell-mobile {
    display: table;
    border: #cbcbcb solid 1px;
    border-radius: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    /*    margin: 1px 1px 1px 1px;*/
    height: 100%;

}

/*---------------------------------------------------------------------------------------------------------*/
/* Requests   -------------------------------------------------------------------------------------------*/

.app-tt-lbltxt {
    background-color: rgba(255, 255, 255, 0.79);
    color: rgba(15, 15, 15);
    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    font-size: 18px;
    height: 26px;
    position: relative;
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-tt-sheet-query-content {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 75px;
}

.app-tt-sheet-query-content2 {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    margin-top: 20px;
    top: 300px;
    bottom: 0px;
}

.app-tt-sheet-query-position-relative {
    position: relative;
    margin: 10px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.app-tt-sheet-query-position-absolute {
    position: absolute;
    margin: 10px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.app-tt-sheet-query-label {

    font-weight: bold;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    display: table-cell;
    text-align: center;
    vertical-align: middle;

}

.app-tt-sheet-query-blue-lbl {
    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
    border-radius: 5px 5px 5px 5px;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    font-size: 13px;
    color: white;
    padding: 5px;
}

.app-tt-sheet-query-txt-field {

    border: none;
    background-color: transparent;
    width: 130px;
    font-size: 19px;
    margin-top: 3px;

}

.app-tt-sheet-query-btn {

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
    color: white;
    height: 24px;
    width: 100px;
    font-size: 13px;

    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;

    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.app-tt-sheet-query-btn:hover {

    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C7EC), color-stop(70%, #4E9AD8), color-stop(100%, #66A6DA));
    background: -webkit-linear-gradient(top, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);
    background: linear-gradient(to bottom, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);

}

.app-tt-sheet-query-decorator-tree {
    display: table-cell;
    border: none;
    padding: 3px 3px 3px 3px;
    margin: 2px 2px 2px 2px;
    height: 100%;
    color: #424242;
    font-size: 10px;
    background-color: transparent;
}

.app-tt-sheet-query-decorator-list {
    margin: 3px 3x 3px 3px;
    padding: 3px 3px 3px 3px;
    border: none;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
}

.app-tt-sheet-query-decorator-list:hover {
    background-color: #f5f5f5;
    opacity: 0.8;
}

.app-tt-sheet-query-decorator-tree-content-card-query {
    display: block;
    position: absolute;
    right: 10px;
    top: 2px;
    width: 20px;
    height: 20px;
    background: url('/images/touch_train/tree_trains/TrainCard_20.png') no-repeat right center;
    cursor: pointer;
}

.app-tt-sheet-query-list {
    box-sizing: border-box;
    width: 98%;
    padding: 10px;
    margin-top: 18px;
    height: 100%;
}

.app-tt-sheet-query-list-header {
    background-color: #f8f8f8;
    display: table;
    width: 98%;
    padding-left: 12px;
    padding-right: 10px;
    box-sizing: border-box;
}

.app-tt-sheet-query-list-cell {
    position: relative;

}

.app-tt-sheet-query-position-row {
    position: relative;
    margin: 10px;
    width: 100%;
    box-sizing: border-box;
}

.app-tt-sheet-query-label-base {
    background: url('/images/touch_train/header_buttons/nav_ref.png') no-repeat left 5px center;
    border: 1px solid #799FF1;
    border-radius: 6px 6px 6px 6px;
    font-size: 19px;
    position: relative;
    display: block;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 6px;
    padding-left: 35px;

}

/*---------------------------------------------------------------------------------------------------------*/
/** Панель перелистывания для мобильной версии  -------------------------------------------------------------------------------*/
.app-ttm-panel-paging {
    width: 100%;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------------------*/
/** Кнопки заголовка   ------------------------------------------------------------------------------------*/
.app-ttm-hbut-menu {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    background: url('/images/touch_train_mobile/menu_munu.png') no-repeat center center transparent;
    border: none;
}

.app-ttm-hbut-menu:hover {
    background: url('/images/touch_train_mobile/menu_munu_hover.png') no-repeat center center transparent;
    border: none;

}

.app-ttm-hbut-update {
    border: none;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    background: url('/images/touch_train_mobile/menu_refresh.png') no-repeat center center transparent;
}

.app-ttm-hbut-update:hover {
    background: url('/images/touch_train_mobile/menu_refresh_hover.png') no-repeat center center transparent;
    border: none;
}

.app-ttm-hbut-main {
    border: none;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    background: url('/images/touch_train_mobile/menu_main.png') no-repeat center center transparent;
}

.app-ttm-hbut-main:hover {
    border: none;
    background: url('/images/touch_train_mobile/menu_main_hover.png') no-repeat center center transparent;
}

.app-ttm-hbut-map {
    border: none;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    background: url('/images/touch_train_mobile/menu_map.png') no-repeat center center transparent;
}

.app-ttm-hbut-map:hover {
    border: none;
    background: url('/images/touch_train_mobile/menu_map_hover.png') no-repeat center center transparent;
}

.app-ttm-hbut-diag {
    border: none;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    background: url('/images/touch_train_mobile/menu_diag.png') no-repeat center center transparent;
}

.app-ttm-hbut-diag:hover {
    border: none;
    background: url('/images/touch_train_mobile/menu_diag_hover.png') no-repeat center center transparent;
}

.app-ttm-hbut-tests {
    border: none;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    background: url('/images/touch_train_mobile/menu_tests.png') no-repeat center center transparent;
}

.app-ttm-hbut-tests:hover {
    border: none;
    background: url('/images/touch_train_mobile/menu_tests_hover.png') no-repeat center center transparent;
}

.app-ttm-hbut-find {
    border: none;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    background: url('/images/touch_train_mobile/menu_find.png') no-repeat center center transparent;
}

.app-ttm-hbut-find:hover {
    border: none;
    background: url('/images/touch_train_mobile/menu_find_hover.png') no-repeat center center transparent;
}

/*Заголовок  */
.app-ttm-sheet-headerline-find {
    padding: 0px;
    margin: 0px;
    /*background: rgba(45, 45, 45, 0.5);*/
    /*background-image: -webkit-linear-gradient(top, #88d6ff 0%, #86d4fe 100%);*/
    /*background-image: linear-gradient(top, #88d6ff 0%, #86d4fe 100%);*/
    /*background-image: -moz-linear-gradient(top, #88d6ff 0%, #86d4fe 100%);*/
    /*background-image: -o-linear-gradient(top, #88d6ff 0%, #86d4fe 100%);*/

    background-image: -webkit-linear-gradient(top, #88d6ff 0%, #87d3fd 50%, #86d4fe 100%);
    background-image: linear-gradient(top, #88d6ff 0%, #87d3fd 50%, #86d4fe 100%);
    background-image: -moz-linear-gradient(top, #88d6ff 0%, #87d3fd 50%, #86d4fe 100%);
    background-image: -o-linear-gradient(top, #88d6ff 0%, #87d3fd 50%, #86d4fe 100%);

    border-bottom: white solid 1px;
    border-top: white solid 1px;

}

/*Поле поиска  */
.app-ttm-sheet-textfind {
    box-sizing: border-box;
    margin: 0px;
    background-color: #d5eaf6;
    color: rgba(15, 15, 15);
    border: 1px solid white;
    width: 100%;
    height: 100%;

    -webkit-box-shadow: inset 3px 3px 3px 0px rgba(196, 196, 196, 1);
    -moz-box-shadow: inset 3px 3px 3px 0px rgba(196, 196, 196, 1);
    box-shadow: inset 3px 3px 3px 0px rgba(196, 196, 196, 1);
}

.app-ttm-sheet-labelfind {
    padding: 0px;
    margin: 0px;
    color: white;
}

.app-ttm-hbut-textfind {
    background: url('/images/touch_train_mobile/menu_find.png') no-repeat center center transparent;
    border: none;

    /*border: 1px solid white;*/
    /*padding: 0px;*/
    /*margin: 0px;*/
    /*box-sizing: border-box;*/
    /*background-image: -webkit-linear-gradient(top, #0849a2 0%, #096eff 100%);*/
    /*background-image: linear-gradient(top, #194bbc 0%, #096eff 100%);*/
    /*background-image: -moz-linear-gradient(top, #0836f8 0%, #096eff 100%);*/
    /*background-image: -o-linear-gradient(top, #0836f8 0%, #096eff 100%);*/

}

.app-ttm-hbut-textfind:hover {
    background: url('/images/touch_train_mobile/menu_find_hover.png') no-repeat center center transparent;
    border: none;
    /*border: 1px solid white;*/
    /*background-image: -webkit-linear-gradient(top, #096eff 0%, #0849a2 100%);*/
    /*background-image: linear-gradient(top, #096eff 0%, #0849a2 100%);*/
    /*background-image: -moz-linear-gradient(top, #096eff 0%, #0849a2 100%);*/
    /*background-image: -o-linear-gradient(top, #096eff 0%, #0849a2 100%);*/
}

.app-ttm-panel-gradient {

    background-image: -webkit-linear-gradient(top, #0074b9 0%, #005a91 50%, #0074b9 100%);
    background-image: linear-gradient(top, #0074b9 0%, #005a91 50%, #0074b9 100%);
    background-image: -moz-linear-gradient(top, #0074b9 0%, #005a91 50%, #0074b9 100%);
    background-image: -o-linear-gradient(top, #0074b9 0%, #005a91 50%, #0074b9 100%);

}

.app-ttm-gradient-button {
    border: 1px solid white;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;

}


.app-tt-hbut-add {
    
    background: url('/images/touch_train/edit_users/edit_add20.png') no-repeat center center transparent;
    border: none;
}

.app-tt-hbut-add:hover {
    
    background: url('/images/touch_train/edit_users/edit_add20.png') no-repeat center center transparent;
    border: none;
    margin-top : 1px;
    margin-right : -1px;
}



.app-tt-item-tab-coords-but:hover {
}

.app-tt-item-tab-coords-but {

	margin-right: 60px;
    height: 15px;
	
}

.app-tt-decorator-user-remove {
    display: block;
    position: absolute;
    right: 22px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/edit_users/edit_remove20.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-request-edit {
    display: block;
    position: absolute;
    right: 45px;
    top: 21px;
    width: 20px;
    height: 20px;
    background: url('/images/touch_train/sheet_requests/edit_request20.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-request-remove {
    display: block;
    position: absolute;
    right: 22px;
    top: 21px;
    width: 14px;
    height: 14px;
    background: url('/images/touch_train/edit_users/edit_remove20.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-users-button-go-editor-win-eng-parent{
	
	border-radius: 8px 8px 8px 8px;
	
}

.app-tt-users-button-go-editor-win-eng{

    background-color: #c8d2d2;
    border-radius: 8px 8px 8px 8px;
	
}

.app-tm-menu-button-label {
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
    position: absolute;
    color: rgb(0, 0, 153);
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 150%;
}

.app-tt-users-go-eng-editor-label {
    top: 35px;
    width: 100%;
    margin: 0 auto; 
    text-align: center;
}

.app-tt-users-go-eng-editor-label-user {
    top: 80px;
    width: 100%;
    margin: 0 auto; 
    text-align: center;
}

.app-tt-users-go-eng-editor-button-close{
	
    background-image: url(/images/touch_train/dialog_delete/DontSavePass.png);
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    position: absolute;
    width: 215px;
    height: 35px;
    top: 135px;
    right: 20px;
}

.app-tt-users-go-eng-editor-button-close:hover {
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	margin-right: -2px;
	margin-top: 2px;
}


.app-tt-users-go-eng-editor-button-ok{
	
    background-image: url(/images/touch_train/dialog_delete/AcceptPin.png);
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    position: absolute;
    width: 215px;
    height: 40px;
    top: 135px;
    left: 30px;
}

.app-tt-users-go-eng-editor-button-ok:hover {
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	margin: 2px;
}

.app-tt-users-go-editor-error-pas{	
    background-color: #ef2929;
    border: #bebeb4 solid 2px;
    position: absolute;
    width: 600px;
    height: 60px;
    top: 120px;
    left: 170px;
    text-align: left;
    border-radius: 30px;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 100%;
}

.app-tt-users-go-editor-error-pas-good{	
    background-color: #8ae234;
    border: #bebeb4 solid 2px;
    position: absolute;
    width: 600px;
    height: 60px;
    top: 120px;
    left: 170px;
    text-align: left;
    border-radius: 30px;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 100%;
}

.app-tt-users-go-editor-error-pas-label{	
    background-color: transparent;
    border: none;
    position: absolute;
    width: 750px;
    height: 30px;
    top: 14px;
    left: 55px;
    text-align: center;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 160%;
}
 
 
 .app-tt-users-logo-bg {
   /*  background: url('/images/touch_train/edit_users/users61.png') center transparent; */
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;
    padding: 2px;
		
	background-image: url('/images/touch_train/edit_users/users-icon1.png');
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('/images/touch_train/edit_users/users-icon1.png'), linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
	
/*  	background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);  */
    

}

 .app-tt-users-logo-bg:hover {
    background-image: url('/images/touch_train/edit_users/users-icon1.png');
    background-position: center;
	background-repeat: no-repeat;
    border: white solid 1px;
    border-radius: 6px 6px 6px 6px;  
    background-image: url('/images/touch_train/edit_users/users-icon1.png'), linear-gradient(to bottom, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);

}


.app-tt-button-one-train-header-button-fon-active-2 {
/*  background-color: #a2c4df; Old browsers
    background-color: -moz-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); FF3.6+
    background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2c4df), color-stop(48%, #72a5cf), color-stop(100%, #75a7cf)); Chrome,Safari4+
    background-color: -webkit-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); Chrome10+,Safari5.1+
    background-color: -o-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); Opera 11.10+
    background-color: -ms-linear-gradient(top, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); IE10+
    background-color: linear-gradient(to bottom, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%); W3C
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2c4df', endColorstr='#75a7cf', GradientType=0); IE6-9 */
    
    background-image: url('/images/touch_train/edit_users/users-icon1.png');
    background-image: url('/images/touch_train/edit_users/users-icon1.png'), linear-gradient(to bottom, #a2c4df 0%, #72a5cf 48%, #75a7cf 100%);

}

.app-tt-button-one-train-header-button-fon-active-2:hover {
    background-color: #f5f5f5;
    opacity: 0.8;
}

.app-tt-users-go-editor-error-pas-good-30{	
    background-color: #8ae234;
    border: #bebeb4 solid 2px;
    position: absolute;
    width: 600px;
    height: 60px;
    top: 120px;
    left: 30%;
    text-align: left;
    border-radius: 30px;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 100%;
}

.app-tt-requestmenu-label {
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    /*color:#666666;*/
    color: black;

}

.app-tt-requests-go-editor-error-pas{	
    background-color: #ef2929;
    border: #bebeb4 solid 2px;
    position: absolute;
    width: 600px;
    height: 60px;
    top: 120px;
    left: 30px;
    text-align: left;
    border-radius: 30px;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 100%;
}

.app-tt-requests-go-editor-error-pas-label{	
    background-color: transparent;
    border: none;
    position: absolute;
    width: 750px;
    height: 30px;
    top: 14px;
    left: 55px;
    text-align: center;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 160%;
}

.app-tt-requests-go-editor-error-pas-label{	
    background-color: transparent;
    border: none;
    position: absolute;
    width: 750px;
    height: 30px;
    top: 14px;
    left: 55px;
    text-align: center;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 160%;
}

.app-tt-requests-go-editor-error-pas-good-30{	
    background-color: #8ae234;
    border: #bebeb4 solid 2px;
    position: absolute;
    width: 600px;
    height: 60px;
    top: 120px;
    left: 35%;
    text-align: left;
    border-radius: 30px;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 100%;
}

.app-tt-requests-go-editor-error-pas-label{	
    background-color: transparent;
    border: none;
    position: absolute;
    width: 750px;
    height: 30px;
    top: 14px;
    left: 55px;
    text-align: center;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 160%;
}

.app-tt-tab-coords-cell-bg-red {
    background-color: #ef2929;
}

.app-tt-decorator-routes-on-unlock-route {
    display: block;
    position: absolute;
    right: 59px;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url('/images/touch_train/tree_trains/16_unlock_new.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-decorator-routes-on-lock-route {
    display: block;
    position: absolute;
    right: 59px;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url('/images/touch_train/tree_trains/16_lock.png') no-repeat right center;
    cursor: pointer;

}

.app-tt-users-go-editor-error-pas-good-32{	
    background-color: #8ae234;
    border: #bebeb4 solid 2px;
    position: absolute;
    width: 600px;
    height: 60px;
    top: 120px;
    left: 32%;
    text-align: left;
    border-radius: 30px;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 100%;
}

.app-tt-users-go-editor-error-pas-error-32{	
    background-color: #ef2929;
    border: #bebeb4 solid 2px;
    position: absolute;
    width: 600px;
    height: 60px;
    top: 120px;
    left: 32%;
    text-align: left;
    border-radius: 30px;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 100%;
}

.app-tt-users-go-editor-error-pas-warn-32{	
    background-color: #f7f177;
    border: #bebeb4 solid 2px;
    position: absolute;
    width: 600px;
    height: 60px;
    top: 120px;
    left: 32%;
    text-align: left;
    border-radius: 30px;
    color: black;
    font-family: 'Arial', Arial, bold;
    font-weight: bold;
    font-size: 100%;
}


.app-tt-new-message-fone {	

	background : linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
	background-color : transparent;
	
}

.app-tt-sheet-login-bg-labels {
	color: rgb(255, 255, 255);
	 font-size: 19px;
	 font-weight: bold;
}



.app-tt-dialog-user-go-eng-editor-label {
	
	font-size: 24px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;	
    top: 75px;
    width: 100%;
    margin: 0 auto; 
    text-align: center;
}

.app-tt-dialog-user-go-eng-editor-label2 {
	
	font-size: 24px;
    font-weight: bold;
    color: #eeeeec;
    text-align: center;
	
    top: 25px;
    width: 100%;
    margin: 0 auto; 
    text-align: center;
}


.app-tt-dialog-user-go-eng-editor-label2-reboot {
	
	font-size: 24px;
    font-weight: bold;
    color: #eeeeec;
    text-align: center;
	
    top: 55px;
    width: 100%;
    margin: 0 auto; 
    text-align: center;
}



.app-tt-dialog-user-button-go-editor-win-eng-parent{
	
	border-radius: 8px 8px 8px 8px;
	
}

.app-tt-dialog-user-button-go-editor-win-eng{

    border-radius: 6px 6px 6px 6px;

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
	
}


.app-tt-dialog-user-go-eng-editor-button-close{
	
    position: absolute;
    width: 215px;
    height: 35px;
    top: 135px;
    right: -380px;
}



.app-tt-dialog-user-go-eng-editor-button-ok{	

    position: absolute;
    width: 215px;
    height: 40px;
    top: 135px;
    left: 0px;
}


.app-tt-dialog-user-go-eng-editor-button-ok-reboot{	

    position: absolute;
    width: 215px;
    height: 40px;
    top: 135px;
    left: 230px;
}



.app-tt-sheet-query-btn-dialog {

    background: #79abd3;
    background: -moz-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79abd3), color-stop(70%, #2778b9), color-stop(100%, #488cc3));
    background: -webkit-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -o-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: -ms-linear-gradient(top, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    background: linear-gradient(to bottom, #79abd3 0%, #2778b9 70%, #488cc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79abd3', endColorstr='#488cc3', GradientType=0);
    color: white;
    height: 24px;
    width: 100px;
    font-size: 13px;

    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;

    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}


.app-tt-sheet-query-btn-dialog:hover {

    border: 1px solid white;
    border-radius: 5px 5px 5px 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99C7EC), color-stop(70%, #4E9AD8), color-stop(100%, #66A6DA));
    background: -webkit-linear-gradient(top, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);
    background: linear-gradient(to bottom, #99C7EC 0%, #4E9AD8 70%, #66A6DA 100%);

}



.app-ta-menu-ip-button {
    margin-bottom: 5px;
    width: 120px;
    height: 20px;
    margin-left: 5px;
}


.app-tt-sheet-map-selector-image {
    background:url('/images/touch_train/selector/selector.png');
    position: relative;    
    width: 18px;
    height: 18px;
    
}

.app-tt-sheet-map-selector-bk {
    background-color: rgba(248, 247, 216, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.app-tt-usermenu-permission-allow-icon2 {
    background-color: green;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 28px;
    height: 15px;
    width: 15px;
}

.app-tt-usermenu-permission-allow-icon2:hover {
    background-color: green;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 28px;
    height: 15px;
    width: 15px;
}

.app-tt-usermenu-sound-icon2 {
    background-image: url('/images/Gonets/mode_sound.png');
    background-color: #00be06;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 28px;
    height: 28px;
    width: 28px;
}

.app-tt-usermenu-sound-icon2:hover {
    background-image: url('/images/Gonets/mode_sound.png');
    background-color: #00be06;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 22px;
    height: 22px;
    width: 22px;
}




.app-tt-usermenu-permission-deny-icon2 {

    background-color: red;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 28px;
    height: 15px;
    width: 15px;
}

.app-tt-usermenu-permission-deny-icon2:hover {

    background-color: red;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 28px;
    height: 15px;
    width: 15px;
}