/* Тут высота крошек = точно высоте букв в них */
/* и убираем у навбара отступы слева и снизу выравниваем - на странице лисинга */
.breadcrumb{
    line-height: 0px;
}

#content-navbar-collapse .navbar-nav.navbar-right>li>a{
    padding: 10px;
}
#content-navbar-collapse{
    padding: 0px 0px 13px 0px;
}

/* Цвет заголовков таблиц делаем серым в листинге как в suit */
#_changelist .results th{
    font-weight: bold;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e5e5e5));
    background-image: -webkit-linear-gradient(#f3f3f3, #e5e5e5);
    background-image: -moz-linear-gradient(#f3f3f3, #e5e5e5);
    background-image: -o-linear-gradient(top, #f3f3f3, #e5e5e5);
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e5e5e5));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f3f3f3', EndColorStr='#e5e5e5', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#e5e5e5', GradientType=0))";
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.3);
}

/* Ширина виджета для выбора множества значений (например, права юзера) */
/* по умолчанию такая что вылазит за край окна (т.к. меню слева добавлено) */
/* делаем ее снова меньше */
.related-widget-wrapper .selector{
    width: 640px;
}

/* При ошибке в поле - подсветка метки тоже */
.control-group.error .control-label label{
    color: #a94442;
}

/* Без этого стиля кнопка "Добавить ТП" слишком далеко отстоит от крошек серхву */
/* на странице Мои ТП */
#content-navbar-collapse .btn-primary {
    margin-top: 0px;
}
#content-navbar-collapse .btn-success {
    color: #fff;
    padding: 6px 12px;
    margin-top: 0px;
}
#content-navbar-collapse .btn-success:hover, #content-navbar-collapse .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

/* Почему-то контролы на карточке изначально находятся выше чем метки, исправляем */
/* Кроме даты-времени и чекбокса, она нормально расположена */
.controls {
    padding-top: 5px;
}
.controls>.datetime {
    padding-top: 0px;
}
.controls>.checkbox {
    padding-top: 2px;
}

/* Без этого стиля чекбокс "Блокирован" на карточке пользователя в разделе Пользователи у админа */
/* слишком большой отступ снизу и подсказка располагается справа от чекбокса неркасиво. */
.controls>.checkbox>.help-block{
    display: block;
    clear: left;
    padding-top: 5px;
    margin-bottom: 0px;
}

/* Ш-357 Подчеркиваем ссылки - ID почта и пр. кроме ссылок-заголовоки таблиц листинга и кнопки */
a {
    text-decoration: underline;
}
a.btn{
    text-decoration: none;
}
thead th>a{
    text-decoration: none;
}

/* Ш-357 Сообщения об ошибках после радио-переключателей на карточке кривые без этого */
/* или текст подсказки help_text начинается не под радио-переключателем а на той же строке - криво */
.radiolist {
    margin-bottom: 3px;
}
.radiolist:after {
    content: " ";
    clear: both;
    display: table;
}


/* Ш-7316 Без этого стиля урл поле слишком жирное http://pvoytko.ru/jx/lcwa63YQCG */
/* используется там где и класс pvl_dab_css_class_override см. поиском по коду */
.vURLField {
    font-weight: normal;
    margin-top: 5px;
}

/* UPD 31.01.2024 это добавляется к полям ввода на карточке */
/*     без это поля ввода для чисел очень длинные */
/*     и там же поле даты чтоб нормально показывалось */
.pvl_dab_short_number_input{
    max-width: 200px;
}
.pvl_dab_date_input{
    max-width: 200px;
    display: inline;
}
.pvl_dab_phone_input{
    max-width: 200px;
}

/* Ш-7316 Джанговский стиль переопределяем иначе урл слишком малы */
/* Было http://pvoytko.ru/jx/6N5uoI58IA */
/* Стало норм, 14px задано у form-control так что тут такой же размер будет */
p.url{
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    margin-top: -2px;
}


/* НАСТРОЙКА ДАТА-ВРЕМЯ КАЛЕНДАРЯ НА КАРТОЧКЕ ДЖАНГО - НАЧАЛО */

/* UPD 30.01.2024 это чтобы календарь был больше шрифт */
/* например на странице простых заказов */
/* UPD 31.01.2024 поле даты чтобы лучше календарь выглядет */
/*     например в lsa1_b "Простые заказы" на карточке и дата и время есть */
.calendarbox{
    /* От шрифта тут зависит ширина календаря */
    /* При 13 не влазят нижние ссылки, при 14 влазят */
    font-size: 14px;

    /* UPD 28.09.2024 */
    /* Без этого календарь под полем ввода пример бага: */
    /* https://pvoytko.ru/jx/DNRitOuvb4 */
    z-index: 10;
}
.calendar th{
    font-weight: bold;
    font-size: 15px;
    color: #c365db;
}
.calendar td{
    font-size: 18px;
}
.calendar caption, .calendarbox h2{
    font-size: 18px;
    color: #929292;
}
.calendar-shortcuts{
    font-size: 18px;
}
.calendar-cancel{
    font-size: 18px;
}
.calendar td a:focus, .calendar td a:hover{
    background-color: #aed8ff;
    color: black;
    border-radius: 10px;
}
.calendar-shortcuts{
    margin: 10px 0px;
}
.calendar-shortcuts a, .calendar-shortcuts a{
    padding: 10px;
}
.calendar-shortcuts a:hover, .calendar-shortcuts a:focus{
    background-color: #aed8ff;
    color: black;
    border-radius: 10px;
}
.calendar .today{
    color: orange;
}
.calendarbox, .clockbox{
    background-color: #ffffc5;
}
.calendar table{
    background-color: #ffffec;
}
.calendarnav-previous{
    width: 28px !important;
    height: 28px !important;
    background-image: none;
    position: relative;
    text-indent: 0 !important;
    font-size: 20px;
    border-radius: 10px;
    text-decoration: none !important;
    font-weight: bold;
    border: 1px solid orange;
    background-color: #fffdf1;
}
.calendarnav-next{
    width: 28px !important;
    height: 28px !important;
    background-image: none;
    position: relative;
    text-indent: 0 !important;
    font-size: 20px;
    border-radius: 10px;
    text-decoration: none !important;
    font-weight: bold;
    border: 1px solid orange;
    background-color: #fffdf1;
}
.calendarbox .calendarnav-previous:hover{
    background-color: #aed8ff;
}
.calendarbox .calendarnav-next:hover{
    background-color: #aed8ff;
}
/* UPD 28.09.2024 */
/* это чтобы покомпактнее календарь ыл на lsa1 проекте например */
.calendar td a, .timelist a{
    padding: 1px;
}
/* UPD 28.09.2024 */
/* Доавлен этот стиль иначе без него */
/* выор календаря переносился на две стркои, пример бага: */
/* https://pvoytko.ru/jx/ATFUU8GF9Y */
.datetimeshortcuts{
    white-space: nowrap;
}
.datetimeshortcuts .date-icon, .datetimeshortcuts .clock-icon{
    padding: 5px;
    display: inline-flex;
    border: 7px solid #e4ffe6;
    width: 30px;
    height: 30px;
    background-color: #e4ffe6;
    border-radius: 10px;
}
.datetimeshortcuts .date-icon:hover, .datetimeshortcuts .clock-icon:hover{
    background-color: #dbeeff;
    border-color: #dbeeff;
}
.datetime .datetimeshortcuts{
    font-size: 14px;
}
.clockbox h2{
    font-size: 20px;
    padding: 10px;
    margin: 0px;
}
.clockbox .timelist{
    font-size: 14px;
    margin-bottom: 10px;
}
.clockbox .timelist li a{
    text-decoration: none;
    font-size: 15px;
}
.clockbox .timelist li a:hover{
    background-color: #aed8ff;
    color: black;
    border-radius: 10px;
}
/* НАСТРОЙКА ДАТА-ВРЕМЯ КАЛЕНДАРЯ НА КАРТОЧКЕ ДЖАНГО - КОНЕЦ */


/* Это на карточке заказа крупнее метки делаем иначе в новой джанге */
/* (lsa1_nn) они очень мелкие, тут http://pvoytko.ru/jx/jRAA5Ix45m*/
/* И более компактно делаем убираем отступ снизу */
.controls label{
    font-size: 15px;
    color: #666;
    margin-bottom: 0px
}

/* UPD 15.08.2024 чтобы радио точки с телефона было удобнее */
/* тыкать их увеличиваем, для lsa1 была такая просбьа */
/* На карточке заказа */
/* Было https://pvoytko.ru/jx/eZyXD6phoq.png */
/* Стало https://pvoytko.ru/jx/wYygL5rvmh.png */
div.radiolist label{
    padding: 5px;
    border-radius: 10px;
    display: flex;
    align-items: flex-end;
}
div.radiolist label:hover{
    background-color: #e9e9ff;
}
div.radiolist input[type="radio"]{
    width: 20px;
    height: 20px;
}
