/* * {
  margin: 0;
} */

:root {
  --cols2Col1-width: 200px;
  --kanban-header-height: 30px;
}

html,
body {
  margin: 0px;
  padding: 0px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #333333;
  background: #ffffff;
}

#main {
  padding: 0px 0px 0px 0px;
  min-width: 1100px;
  /*max-width: 1400px;*/
  margin: 0px auto;
  margin-top: 80px;
  /* min-height: 100%; */
  /* height: calc(100% - 80px); */
}

table {
  border-collapse: collapse;
}

.userpanel {
  position: relative;
  top: 33px;
  right: 0;
  font-size: 12px;
  text-align: center;
  float: right;
}

.userpanel span {
  margin-left: 8px;
}

.photo_bgr {
  background: url(/media/images/background.jpg) #f0f0f0 no-repeat;
  -moz-background-size: 100%; /* Firefox 3.6+ */
  -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
  -o-background-size: 100%; /* Opera 9.6+ */
  background-size: 100%;
}

body.photo_bgr a {
  font-size: 16px;
  color: #222;
}

body.photo_bgr a:visited {
  color: #222;
}

div.row {
  vertical-align: middle;
}

div.row_for_login {
  width: 180px;
  margin: 0 auto;
  margin-top: 150px;
  align-content: center;
  vertical-align: middle;
}

#content {
  margin: 15px 35px 0px 35px;
}

.cols2Wrap {
  margin: 23px 0px 0px 0px;
  position: relative;
  z-index: 100;
}

.cols2Wrap .cols2Col1 {
  width: var(--cols2Col1-width);
  float: left;
}

.cols2Wrap .cols2Col2 {
  width: calc(100% - var(--cols2Col1-width) - 10px);
  float: right;
}

.cell-1-1 {
  float: left;
  width: 60%;
}

.cell-1-2 {
  float: right;
  width: 36%;
}

.row {
  width: 100%;
}

.cols50pers {
  width: 48%;
  padding-right: 20px;
  padding-bottom: 40px;
  float: left;
  display: block;
}

.row_kanban {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y: auto;
}
.col_kanban_base {
  width: 350px;
  height: calc(100vh - var(--kanban-header-height) - 64px - 23px - 41px - 45px);
  padding: 5px 10px;
  flex: 0 0 auto;
}
.col_header {
  height: var(--kanban-header-height);
}
.col_kanban_scrolable {
  background-color: #f5f5f5;
  height: calc(100% - var(--kanban-header-height) - 10px);
  overflow-y: scroll;
}
.prj_card_kanban {
  display: flex;
  column-gap: 10px;
  justify-content: space-between;

  color: black;
  padding: 5px 5px 5px 5px;
  border: 4px solid #f5f5f5;
  background-color: #fff;
}
.prj_card_kanban .gray1 {
  color: #ccc;
}
.prj_card_kanban a {
  color: black;
  text-decoration: none;
}
.prj_card_kanban_col1 {

}
.prj_card_kanban_col2 {
  text-wrap: nowrap;
}

.clear {
  overflow: hidden;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}

.content {
  margin: 15px 35px 0px 35px;
  font-weight: normal;
  font-size: 12px;
}

.menu_2_level {
  margin-left: 10px;
  font-size: 13px;
}
.menu_2_level td {
  padding: 2px 3px;
}

#center {
  position: relative;
  width: 720px;
  float: left;
  padding-bottom: 20px;
}

#center ul {
  font-weight: normal;
}

div.img_in_center img {
  margin-top: 150px;
  width: 260px;
  height: 240px;
}

.top-indent {
  margin-top: 20px;
}

.text_left {
  width: 260;
  text-align: left;
}

.infopanel {
  position: relative;
  font-size: 11px;
  color: #999;
  margin-top: -3px;
  margin-bottom: -10px;
  display: inline-block;
  line-height: 22px;
}
.author {
  background: url(/media/images/author.png) no-repeat 0px 6px;
  float: left;
  padding-left: 17px;
  margin-right: 10px;
}
.published {
  color: #999;
  float: left;
  margin-bottom: 2px;
  margin-right: 10px;
}
.more {
  color: #999;
  float: left;
  margin-bottom: 2px;
  margin-right: 10px;
}

h1 {
  padding-bottom: 10px;
  font-weight: normal;
  font-size: 26px;
}
h2 {
  padding-bottom: 10px;
  font-weight: normal;
  font-size: 18px;
}
h3 {
  padding-bottom: 7px;
  font-weight: normal;
  font-size: 14px;
}

#top-side {
  height: 60%;
  width: 100%;
}
.logo_start_page {
  position: absolute;
  width: 44px;
  height: 47px;
  top: 60%;
  margin-top: -115px;
  left: 50%;

  margin-left: -22px;
}

#bottom-side {
  background: url(/media/images/black_lozenge.png) repeat #1a1a1a;
  height: 40%;
  width: 100%;
}
#bottom-side div.center {
  text-align: center;
  padding-top: 25px;
  font-size: 24px;
  color: #fff;
  font-style: italic;
}

#bottom-side div.center a {
  color: #fff;
  font-style: italic;
}

#bottom-side div.center a,
#bottom-side div.center span {
  padding: 0px 10px 0px 10px;
}

#bottom-side div.center a:hover {
  color: #fff;
  font-style: italic;
}

.list {
  margin-top: 20px;
}

.one_line {
  display: inline;
}
.one_line h1,
.one_line h2,
.one_line h3,
.one_line p {
  margin-right: 8px;
  display: inline;
}
.one_line span {
  margin-right: 8px;
  display: inline;
}

.required_field {
  color: #e00606;
}

textarea {
  border: 1px solid #999;
  border-radius: 2px;
  resize: both;
  max-width: 100%;
  width: 100%;
  height: 130px;
}

.button {
  margin-top: 5px;
  margin-bottom: 15px;
  border: 1px solid #399d14;
  background: #3dad11;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4acb1a),
    to(#40b216)
  );
  background: -webkit-linear-gradient(top, #4acb1a, #40b216);
  background: -moz-linear-gradient(top, #4acb1a, #40b216);
  background: -ms-linear-gradient(top, #4acb1a, #40b216);
  background: -o-linear-gradient(top, #4acb1a, #40b216);
  background: linear-gradient(top, #4acb1a, #40b216);
  padding: 6px 17px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  -moz-box-shadow: 0px 3px 2px 0px #ddd;
  -webkit-box-shadow: 0px 3px 2px 0px #ddd;
  box-shadow: 0px 3px 2px 0px #ddd;
  color: white;
  font-size: 13px;
  text-decoration: none;
  vertical-align: middle;
}
.button:hover {
  background: #3dad11;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4dd41b),
    to(#48c919)
  );
  background: -webkit-linear-gradient(top, #4dd41b, #48c919);
  background: -moz-linear-gradient(top, #4dd41b, #48c919);
  background: -ms-linear-gradient(top, #4dd41b, #48c919);
  background: -o-linear-gradient(top, #4dd41b, #48c919);
  background: linear-gradient(top, #4dd41b, #48c919);
  color: #fff;
}
.button:active {
  background: #3dad11;
}

.button-inline {
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: 10px;
  border: 1px solid #808080;
  background: #fbfbfb;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fbfbfb),
    to(#dcdcdc)
  );
  background: -webkit-linear-gradient(top, #fbfbfb, #dcdcdc);
  background: -moz-linear-gradient(top, #fbfbfb, #dcdcdc);
  background: -ms-linear-gradient(top, #fbfbfb, #dcdcdc);
  background: -o-linear-gradient(top, #fbfbfb, #dcdcdc);
  background: linear-gradient(top, #fbfbfb, #dcdcdc);
  padding: 6px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 2px;

  -moz-box-shadow: 0px 3px 2px 0px #ddd;
  -webkit-box-shadow: 0px 3px 2px 0px #ddd;
  box-shadow: 0px 3px 2px 0px #ddd;
  color: black;
  font-size: 12px;
  text-decoration: none;
}
.button-inline:hover {
  border: 1px solid #434343;
}
.button-inline:active {
  background: #fbfbfb;
}

input,
select {
  border: 1px solid #999;
  border-radius: 2px;
  background: #fffffd;
  padding: 3px;
}

input.search {
  background: url(/static/images/find.png) 3px 3px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  width: 22px;
}

.prj_new select {
  width: 300px;
  margin-bottom: 10px;
}

img.car_icon {
  margin-bottom: -23px;
  margin-left: 10px;
}

img.icon_fav_prj_open_in_title {
  margin-bottom: -4px;
}

img.icon-to-center-str {
  margin-bottom: -5px;
}

.apps_quickly_dashboard p {
  margin-bottom: 20px;
}
.apps_quickly_dashboard img {
  margin-right: 5px;
  float: left;
  margin-top: -9px;
}

div.inline-block {
  display: inline-block;
  margin-right: 20px;
}

#input_form {
  background-color: #ececec;
  padding: 15px 15px 15px 15px;
  border-radius: 2px;
  margin-bottom: 15px;
}

div.id_distance input {
  width: 75px;
  text-align: right;
}

div.id_search input#id_text {
  width: 45px;
}

.tapp {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 8px;
}
.tapp th {
  text-align: left;
  background: #ddd;
  padding: 8px;
  border: 1px solid rgb(187, 187, 187);
  color: #333;
  font-weight: bolder;
  vertical-align: bottom;
}
.tapp td {
  padding: 8px 8px;
  border: 1px solid rgb(187, 187, 187);
  vertical-align: top;
}
.tapp td.caption {
  border: 0px solid #666;
}
.tapp tr.current {
  background: #666;
}

.tapp.t_list td {
  background: #f2f2f2;
  border: 2px solid #e8e8e8;
}

.t_app_green_border td {
  border: 2px solid #32cd32;
}

.t_app_index {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0px;
}

.t_app_index td {
  padding: 8px 8px;
  border: 0px;
}

.tabs {
  margin-top: 20px;
}

.tabs_normal_active {
  cursor: default;
}

.tabs_hover_active {
  cursor: pointer;
}
.tabs_normal {
  cursor: default;
  background: #fff;
}

.tabs_hover {
  cursor: pointer;
  background: #eee;
}

.tapp_normal {
  cursor: default;
  background: #fff;
}

.tapp_hover {
  cursor: pointer;
  background: #eee;
}

.tapp_id {
  font-size: 14px;
}
.tapp_project {
  background-color: #ddd;
}
.tapp_project a:visited {
  color: #333;
}

.tapp_bk_orange {
  border-radius: 2px;
  padding: 1px 2px;
  background-color: #ffa500;
  margin-right: 3px;
}
.tapp_bk_light_orange {
  border-radius: 2px;
  padding: 1px 2px;
  background-color: #ffe4b5;
  margin-right: 3px;
  border: solid 1px #e89300;
}
.tapp_bk_red {
  border-radius: 2px;
  padding: 1px 2px;
  background-color: #ffb6c1;
  margin-right: 3px;
}
.tapp_bk_green {
  border-radius: 2px;
  padding: 1px 2px;
  background-color: #90ee90;
  margin-right: 3px;
}
.tapp_bk_gray {
  border-radius: 2px;
  padding: 1px 2px;
  background-color: #c0c0c0;
  margin-right: 3px;
}
.tapp_bk_yellow_light {
  border-radius: 2px;
  padding: 1px 2px;
  background-color: #fffecb;
  margin-right: 3px;
}

.tabs__content {
  padding-top: 25px;
  display: none;
}
.tabs__content.active {
  display: block;
}

/* .tabs-bg {
  //background:
  //url(/media/images/menu_bg_lines.png) repeat,
  //url(/media/images/menu_bg_gr.png) repeat;
} */
ul.tabs__caption {
  border-bottom: solid 2px #dcdcdc;
  padding-left: 0px;
}
ul.tabs__caption li {
  display: inline-block;
  vertical-align: top;
  padding: 6px 13px 9px;
  border-radius: 0px;
}
ul.tabs__caption li.active {
  text-decoration: none;
  /* //background:
  //url(/media/images/menu_bg_lines.png) repeat,
  //url(/media/images/menu_bg_gr_dark.png) repeat; */
  color: #333;
  border-bottom: solid 5px #32cd32;
}

@-moz-document url-prefix() {
  .tabs LI {
    display: -moz-inline-grid;
    display: inline-block;
  } /*For FF2 only*/
  .tabs LI {
    margin: 0 -2px;
  } /*For FF*/
  .tabs LI,
  x:-moz-any-link,
  x:default {
    margin: 0 -2px;
  } /*For FF3*/
}

.width_n1 {
  position: relative;
  width: 28%;
  float: right;
}

.width420 {
  display: relative;
  width: 68%;
  float: left;
}
.width420r {
  position: relative;
  width: 48%;
  float: left;
}
.width420l {
  position: relative;
  width: 48%;
  float: right;
}

.width_col_left_1 {
  position: relative;
  width: 765px;
  float: left;
  padding-right: 40px;
}
.width_col_right_1 {
  position: relative;
  width: 315px;
  float: left;
  padding-left: 0px;
}

.red_text {
  color: red;
  border-bottom: 1px solid red;
}

div.prj_table_info span.red_text {
  color: #e00606;
}

#id_client {
  width: 450px;
}

#id_organization {
  width: 177px;
}

.dashboard #id_text {
  width: 350px;
}

.dashboard #id_keywords {
  width: calc(100% - 75px);
}

.dashboard #btn_quick_track {
  display: inline;
  float: right;
  margin-top: -3px;
  border: 2px solid #47cc43;
}

.dashboard #btn_quick_track:hover {
  border: 2px solid #2dac29;
}

.userpanel {
  text-align: right;
  line-height: 1.5;
}

.prj_title {
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
}

.prj_title_2 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  padding-bottom: 10px;
}

.background_tracker_red {
  background: #ffcccc;
}

.background_tracker_green {
  background: #e1ffe0;
}

.litle_text_1 {
  font-size: 8pt;
}

.prj_categories dt {
  padding-left: 20px;
}

.prj_categories a:link {
  color: black;
  text-decoration: none;
}
.prj_categories a:visited {
  color: black;
}
.prj_categories a:hover {
  color: black;
  text-decoration: underline;
}
.prj_categories a:active {
  color: black;
  text-decoration: underline;
}

div.prj_table_info {
  margin-bottom: 10px;
}
div.prj_table_info span {
  font-size: 10pt;
  color: #808080;
  margin-right: 10px;
}

span.prj_status_note {
  font-size: 10pt;
  color: black;
}

.t_prj_index {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  line-height: 160%;
}
.t_prj_index th {
  text-align: left;
  background: #ddd;
  padding: 8px;
  color: #333;
  font-weight: bolder;
  vertical-align: bottom;
}
.t_prj_index td {
  vertical-align: top;
}

.t_prj_index a:link {
  color: black;
  text-decoration: none;
}
.t_prj_index a:visited {
  color: black;
  text-decoration: none;
}
.t_prj_index a:hover {
  color: #28a228;
  text-decoration: none;
}
.t_prj_index a:active {
  color: black;
  text-decoration: none;
}

.t_prj_title_of_prj span.indent {
  margin-left: 10px;
}

span.indent-right {
  margin-right: 10px;
}

.prj_status_info {
  padding: 3px 5px;
  border: 2px solid #ffd700;
  border-radius: 2px;
}

div.prj_status_info_mb {
  margin-bottom: 15px;
}

div.prj_info {
}

.block01 {
  display: inline-block;
}

#id_datetime_start {
  width: 165px;
}
#id_datetime_stop {
  width: 165px;
}
#id_gsm {
  width: 50px;
}
.app_open #id_notes {
  width: 390px;
}

.diagram_01 {
}

.diagram_01 td {
  padding: 2px 5px;
}

.horiz-diagram {
  background-color: #aaa;
  height: 8px;
  margin: 1px 0px;
}

.txt_gray1 {
  color: #a9a9a9;
}
.txt_gray1 a {
  color: #a9a9a9;
}

.txt_black1 {
  color: black;
}
.txt_black1 a {
  color: black;
}

.tbl_txt_blue {
  color: #004992;
}

.tbl_txt_green {
  color: #007c00;
}

.tbl_txt_red {
  color: rgb(110, 2, 2);
}

.tbl_report1 td {
  padding: 0px 5px 0px 5px;
}

input#id_add_field_2 {
  width: calc(100% - 17px);
}

input#id_budget,
input#id_tmc,
input#id_add_field_3,
input#id_transport,
input#id_thirdparty_services,
input#id_zp,
input#id_nakl_rashodi,
input#id_add_field_1 {
  text-align: right;
  width: 85px;
}

.tbl_numb {
  text-align: right;
}

.table_tr_col_w1 {
  max-width: 220px;
}

.info_mglft {
  margin-left: 10px;
}

.txt_sm1 {
  font-size: 11px;
}

.t_tr_index {
  width: 100%;
  border-collapse: collapse;
  line-height: 160%;
}
.t_tr_index th {
  text-align: left;
  background: #ddd;
  padding: 8px;
  color: #333;
  font-weight: bolder;
  vertical-align: bottom;
}
.t_tr_index td {
  padding: 10px 10px;
  vertical-align: top;
}
.t_tr_index tr:hover td {
  background: #e8ffe7;
}

hr.t_tr_index {
  border-style: solid;
  border-color: #f2efe1;
  border-width: 0 0 1px 0;
}

.hidden {
  display: none;
}

.notify {
  font-size: 10pt;
  color: white;
  background-color: #ccc;
  border-radius: 2px;
  padding: 1px 4px;
  margin-top: -5px;
}

.notify_new {
  background: red;
  color: white;
}

.tracker_prj_list {
  width: 100%;
  border-collapse: collapse;
  line-height: 160%;
}
.tracker_prj_list th {
  text-align: left;
  background: #ddd;
  padding: 3px;
  color: #333;
  font-weight: bolder;
  vertical-align: bottom;
}
.tracker_prj_list td {
  padding: 2px 6px;
  vertical-align: top;
}

.tracker_prj_list tr:hover td {
  background: #fffaf0;
}

.tracker_prj_list #current {
  font-weight: bold;
}
.tracker_prj_list .current_was {
  font-weight: bold;
  color: red;
}

.project_info {
  margin-bottom: 20px;
}

.project_info {
}

.with-border {
  margin-top: 5px;
  border-radius: 4px;
  padding: 10px 10px;
}

.border-light-gray {
  border: solid 2px #dcdcdc;
}
.border-light-orange {
  border: solid 2px #ffdead;
}
.border-light-green {
  border: solid 2px #98fb98;
}
.border-dark-black {
  border: solid 2px black;
}

.tbl-prj_list_app {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 25px;
}
.tbl-prj_list_app th {
  text-align: left;
  background: #ddd;
  padding: 8px;
  border: 0px solid rgb(187, 187, 187);
  color: #333;
  font-weight: bolder;
  vertical-align: bottom;
}
.tbl-prj_list_app td {
  border: none;
  vertical-align: top;
}
hr.tbl-prj_list_app {
  border-style: solid;
  border-color: #f2efe1;
  border-width: 0 0 2px 0;
}

.tbl-trackers_user_by_day {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.tbl-trackers_user_by_day th {
  text-align: left;
  background: #ddd;
  padding: 8px;
  border: 0px solid rgb(187, 187, 187);
  color: #333;
  font-weight: bolder;
  vertical-align: bottom;
}
.tbl-trackers_user_by_day td {
  border: none;
  vertical-align: top;
}
hr.tbl-trackers_user_by_day {
  border-style: solid;
  border-color: #f2efe1;
  border-width: 0 0 2px 0;
}
hr.tbl-trackers_user_by_day {
  border-style: solid;
  border-color: #f2efe1;
  border-width: 0 0 2px 0;
}

.tbl-clients_list {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.tbl-clients_list th {
  text-align: left;
  background: #ddd;
  padding: 8px;
  border: 0px solid rgb(187, 187, 187);
  color: #333;
  font-weight: bolder;
  vertical-align: bottom;
}
.tbl-clients_list tr:hover td {
  background: #fffaf0;
}

.tbl-clients_list td {
  padding: 20px 5px;
  border: none;
  vertical-align: top;
}
hr.tbl-clients_list {
  border-style: solid;
  border-color: #f2efe1;
  border-width: 0 0 2px 0;
}
hr.tbl-clients_list {
  border-style: solid;
  border-color: #f2efe1;
  border-width: 0 0 2px 0;
}

.tbl-clients_projects td {
  padding: 3px 5px;
  border: none;
  vertical-align: top;
}

.header__link--courses[data-value]:after {
  content: attr(data-value);
  position: absolute;
  top: 17px;
  width: 18px;
  height: 15px;
  border-radius: 8px;
  text-align: center;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  background-color: #fe6248;
  font-size: 10px;
  line-height: 15px;
  color: #fff;
}

tr.red_tr td {
  background-color: rgb(253, 200, 200);
}
tr.red_tr:hover td {
  background-color: rgb(247, 210, 202);
}

.tbl-clear {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.tbl-clear th {
  text-align: left;
  background: #ddd;
  padding: 8px;
  border: 0px solid rgb(187, 187, 187);
  color: #333;
  font-weight: bolder;
  vertical-align: bottom;
}
.tbl-clear td {
  border: none;
  vertical-align: top;
}

.log_message_body {
  padding: 5px 5px;
  margin-bottom: 4px;

  border: solid #a9a9a9 1px;
  border-radius: 2px;
}

.log_message_body_info {
  margin-bottom: 10px;
  color: #a9a9a9;
}

.track_note_edit,
.track_gsm_edit {
  padding: 2px;
}
.track_note_edit:hover,
.track_gsm_edit:hover {
  padding: 0px;
  border: solid #32cd32 2px;
}

.select2-results {
  display: block;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-result-repository {
  padding-top: 4px;
  padding-bottom: 3px;
}

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-result-repository__meta {
  margin-left: 0px;
}

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers,
.select2-result-repository__watchers {
  display: inline-block;
  color: #aaa;
  font-size: 11px;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers {
  margin-right: 1em;
}