/*----------------------Основные стили----------------------*/
body {
	height: 100%;
	width: 100%;
	padding-top: 50px;
	margin-bottom: 48px;
	background: #eeeeee;
	overflow: hidden;
	font-family: Arial, sans-serif;
}

.border-one {
    background: white;
    border-radius: 0.25em;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.05),
        0 0 10px 0 rgba(0, 0, 0, 0.2),
        1px 1px 0 0 rgba(0, 0, 0, 0.2) inset,
        -1px -1px 0 0 rgba(0, 0, 0, 0.2) inset,
        -1px 1px 0 0 rgba(0, 0, 0, 0.2) inset,
        1px -1px 0 0 rgba(0, 0, 0, 0.2) inset;
}

.ellipsis {
  overflow: hidden;
  max-height: 75px;
}

.ellipsis:before {
	content:"";
	float: left;
	width: 5px;
	height: 66px; }

.ellipsis > *:first-child {
	float: right;
	width: 100%;
	margin-left: -5px; }

.ellipsis:after {
	content: "\02026";
	box-sizing: content-box;
	float: right;
	position: relative;
	top: -25px;
	left: 100%;
	width: 3em;
	margin-left: -3em;
	padding-right: 5px;
	text-align: right;
	background: linear-gradient(to right, #ffffff00, #ffffff80, #ffffff);
}

.list-group-item-info.ellipsis:after {
	background: linear-gradient(to right, #d9edf700, #d9edf780, #d9edf7);
}

.list-group-item-info:hover.ellipsis:after {
	background: linear-gradient(to right, #c4e3f300, #c4e3f380, #c4e3f3);
}

.list-group-item-danger.ellipsis:after {
	background: linear-gradient(to right, #f2dede00, #f2dede80, #f2dede);
}

.list-group-item-danger:hover.ellipsis:after {
	background: linear-gradient(to right, #ebcccc00, #ebcccc80, #ebcccc);
}

.list-group-item-warning.ellipsis:after {
	background: linear-gradient(to right, #fcf8e300, #fcf8e380, #fcf8e3);
}

.list-group-item-warning:hover.ellipsis:after {
	background: linear-gradient(to right, #faf2cc00, #faf2cc80, #faf2cc);
}

.list-group-item-success.ellipsis:after {
	background: linear-gradient(to right, #dff0d800, #dff0d880, #dff0d8);
}

.list-group-item-success:hover.ellipsis:after {
	background: linear-gradient(to right, #d0e9c600, #d0e9c680, #d0e9c6);
}

.active.ellipsis:after, .active:hover.ellipsis:after {
	background: linear-gradient(to right, #2c699f00, #2c699f80, #2c699f);
}

a.list-group-item.active, a.list-group-item.active:hover {
	border-color: #2c699f;
}

div[id^="menu_direction"] > .panel.panel-primary, #right-side > .panel.panel-primary, #search, #statistics {
    height: calc(50% - 5px);
    margin-bottom: 10px;
}

div[id^="menu_direction"] > div + div > .panel-heading, #search > div.panel-heading,
#left-side div.panel-heading, #right-side div.panel-heading {
    height: 44px;
}

div[id^="menu_direction"] > div + div > .panel-body,
#right-side div + div.panel-body, #search > div + div.panel-body,
#id_modal_training_description div + div.panel-body {
    height: calc(100% - 45px);
    overflow: auto;
}

div[id^="menu_direction"] > div + div > .panel-body {
    padding: 7% 5% 0% 7%;
}

#log_content.panel-body {
    padding: 0;
}

#log_content > p {
    margin: 0;
    padding: 7px 14px 7px 14px;
    cursor: default;
}

#log_content > p:nth-of-type(odd) {
    background: ghostwhite;
}

#log_content > p:hover {
    background: #e4e4ff;
}

.form-control[disabled] {
    cursor: default;
}

.form-control:focus{
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

/*
label:not(.active) {
    text-shadow: 0 1px 0 #fff;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    line-height: 1.42857143;
    text-align: center;
}
*/
#total_mark{
    padding: 10px 15px;
    border-top: 1px solid transparent;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    border-color: #ddd;
}

/*----------------------Стили login-----------------------*/
#authorization {
    width: 400px;
    padding: 1%;
    margin: auto;
    margin-top: 6%;
}

#authorization p {
    margin-top: 0;
    margin-bottom: 5%;
    text-align: center;
    font-size: 1.5em;
}

.form-horizontal div {
    margin-bottom: 2.5%;
}

.form-actions {
    margin: 5% auto 0;
    text-align: center;
}

/* .tab-content, div[id^="menu_direction"], #left-side > .panel.panel-primary, #id_ajax, #id_ajax>div, #id_ajax .panel-body, #id_ajax .panel-body > div { */
div[id^="menu_direction"], #left-side > .panel.panel-primary, #id_ajax, #id_ajax>div, #id_ajax .panel-body, #id_ajax .panel-body > div {
    height: 100%;
}

#search > div.panel-body {
    overflow: hidden;
}

#left-side > .panel.panel-primary {
    overflow: hidden auto;
}

div:first-of-type.panel-body {
    height: 100%;
    overflow: auto;
}

/*----------------------Стиль чердака----------------------*/
.navbar-brand{
    padding: 0 15px;
}
/*----------------------Стиль разметки----------------------*/
#wrap {
    position: absolute;
    height: 100%;
    width: 100%;
}

#wrap > div {
    display: inline-block;
    height: calc(100% - 55px);
}

#left-side {
    float: left;
    width: 20%;
    padding: 10px;
}

#content {
    width: 60%;
    padding: 0;
    padding: 10px 0;
}

#right-side {
    float: right;
    width: 20%;
    padding: 10px;
}

div[id^="menu_direction"] div + h4, div[id^="menu_direction"] h4 + div {
    margin: 18px 10px;
}

div[id^="menu_direction"] > div:first-of-type > .panel-heading {
    height: 67px;
}

div[id^="menu_direction"] > div:first-of-type > .panel-body {
    height: calc(100% - 68px);
    padding: 0;
}

.panel-heading {
    font-size: larger;
}

#content>div>div>div.panel-heading {
    height: 61px;
}

.comment, .remark {
    margin: 10px;
    height: calc(100% - 60px);
}

div[id^="menu_direction"] .btn-group.btn-group-toggle{
    margin: 0 10px;
}

.comment {
    width: calc(60% - 30px);
    margin-right: 0;
}

.remark {
    width: 40%;
    float: right;
}

textarea.form-control  {
    height: 100px;
    resize: none;
}

/*----------------------Стиль подвала----------------------*/
#footer {
	font-size: 11px;
    width: 100%;
    background: #363636;
    color: lightgray;
    padding: 0.5%;
	text-align: center;
}

/*-------------------------------------Поиск--------------------------------------------------------------------------*/
table img {
    height: 40px;
    width: 40px;
    object-fit: cover;
}

#left-side>div {
    padding: 0;
}

#left-side>div>div:nth-of-type(odd)>div.panel-body
{
    padding-top: 0;
}

#left-side>div>div.panel.panel-default {
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 0;
}

#menu_npp, #menu_rr {
    padding: 15px;
    padding-bottom: 45px!important;
}

#left-side>div>div>div.panel-body>.checkbox, #menu_npp>.checkbox, #menu_rr>.checkbox {
    overflow: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 3px;
}

.date-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.date-group-justified>.input-group {
    display: inline-table;
    float: none;
    width: 50%;
}

#left-side .panel {
    margin: 0;
}

#id_select_tip {
    width: 100%;
}

#id_select_tip > .btn.btn-default.btn-sm {
    width: 33%;
}

#training_table {
    width: 100%;
    margin-bottom: 0px;
    table-layout: fixed;
}

#training_table td {
    overflow: hidden;
}

#training_table td p {
    margin: 0;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#training_table td:last-of-type .glyphicon.glyphicon-ok.completed {
	color: orange;
}

#training_table td:last-of-type .glyphicon.glyphicon-ok.approved {
	color: green;
}

#training_table td:nth-child(3), #training_table td:nth-child(4),
#training_table td:nth-child(6), #training_table td:nth-child(7),
#training_table_wrapper th {
	text-align: center;
}

#training_table .bad {
	font-weight: bold;
	color: red;
}

#training_table .normal {
	font-weight: bold;
	color: orange;
}

#training_table .good {
	font-weight: bold;
	color: green;
}

/*-----------------------------------------------Data Table-----------------------------------------------------------*/
.dataTables_scrollBody {overflow-x: hidden !important;}

.table-responsive {overflow-x: hidden;}

/*--------------------------------------------------Чат---------------------------------------------------------------*/

div[id^="chat_"] {
    height: 100px;
    margin-bottom: 5px;
    overflow: auto;
    word-break: break-word;
}

div[id^="chat_"] + div textarea {
    height: 34px;
    background: oldlace;
}

div[id^="chat_"] + div button {
    top: unset;
    height: 34px;
    background: oldlace;
    transition: all 0.3s;
}

div[id^="chat_"] + div button:hover {
    background-position: unset;
    border-color: #ccc;
    background-color: oldlace;
}

div[id^="chat_"] + div button:hover > span {
    color: darkslateblue;
}

span.glyphicon.glyphicon-send {
    color: dodgerblue;
    transition: all 0.3s;
}

span.glyphicon.glyphicon-send:hover {
}

.disable {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}

/*----------------------Стили модальное окно--------------------------------------*/
.modal-title {
    text-align: center;
}

.modal-header > .btn-group {
    float: left;
}

.modal-header > .table {
    margin-top: 5px;
}

#id_modal_training_description .modal-dialog.modal-lg {
	height: calc(78% - 60px);
	overflow: hidden;
	transition: all 0.3s;
}

#id_modal_training_description .modal-content {
	height: 100%;
}

#id_modal_training_description .modal-body {
	height: calc(100% - 81px);
}

#id_modal_training_description .modal-body > div:first-of-type {
    margin-bottom: 0px;
    height: 100%;
    width: calc(65% - 10px);
}

#id_modal_training_description .modal-body > div + div {
    height: 100%;
    width: 35%;
}

#id_modal_training_description .modal-body > div + div > div:first-of-type {
    height: 50%;
    margin-bottom: 10px;
}

#id_modal_training_description .modal-body > div + div > div + div {
	height: calc(25% - 10px);
    margin-bottom: 10px;
	overflow: auto;
}

#id_modal_training_description .modal-body > div + div > div + div + div {
	height: calc(25% - 10px);
    margin-bottom: 0px;
	overflow: auto;
}

#id_modal_training_description .modal-body > div:first-of-type td + td, .modal-body > div:first-of-type th {
	text-align: center;
}

#id_modal_training_description .modal-body > div:first-of-type td:first-of-type div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#id_modal_training_description .modal-body b + b {
    text-transform: lowercase;
}

@media (min-width: 1200px) {
    #id_modal_training_description .modal-dialog.modal-lg {
        width: 1200px;
    }

    #id_modal_training_description .modal-body > div:first-of-type td:first-of-type div {
    	width: 544px;
    }
}

@media (min-width: 926px) and (max-width: 1199px) {
    #id_modal_training_description .modal-dialog.modal-lg {
        width: 926px;
    }

    #id_modal_training_description .modal-body > div:first-of-type td:first-of-type div {
    	width: 369px;
    }
}

div.table-responsive b:first-of-type {
    display: inline-block;
    width: 50%;
}

.popover{
    max-width: 600px;
}