/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Newly added at isimis */

.title-explanation {
  margin-bottom: 0;
  font-size: 12px;
  font-style: italic;
  color: grey;
}

.mb-0 {
  margin-bottom: 0;
}

/* vertical text from bottom to top */
.vertical-text {
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    margin: 0 auto;
}
/* END vertical text from bottom to top */

li a {
    color: green;
}

/* Pagination Start */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.pagination a,
.current-page {
  font-size: 1.2rem;
  padding: 0.5rem 0.75rem;
  margin: 0 0.5rem;
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.pagination a:hover {
  color: #fff;
  background-color: #72c02c;
  border-color: #72c02c;
}

.current-page {
  font-weight: bold;
  color: #fff;
  background-color: #72c02c;
  border-color: #72c02c;
}
/* Pagination End */


/* Copied from main.css */

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600');

th {
	text-align: center;
}
.actions {
    width: 150px;
}
.td-center {
    text-align: center;
}
.choose-or-items-not-exist {
    font-style: italic;
}
.info-for-table {
    margin: 10px 0 2px 10px;
}

.form-group {
    margin-bottom: 10px;
}

.th-normal {
    font-weight: normal;
}

/* Error at ajax validation */
.error {
    display: inline-block;
    color: #cf4432;
    margin-top: -15px;
}

/* Receipts */
.receipts-key {
    font-weight: bold;
    font-style: italic;
}
.receipts-value {
    margin-right: 8px;
    font-style: italic;
}

/* Payments - volumetric WUA */
#payments-table td {
    padding: 2px 2px;
}

/* Journal */
#journals-table {
    width: 100%;
    margin: 0 auto;
}
#journals-table td {
    padding: 1px 0;
}
#journals-table td input {
    margin-bottom: 0;
    padding: 2px 4px;
}

/* Loading... */
#loading {
    position: fixed;
    top: 0;
    left: 47%;
    font-size: 18;
    font-weight: bold;
    color: black;
    background: #FEE27C;
    margin-top: 50px;
    padding: 3px 5px;
    display: none;
}
/* Loading... */

/* HQ Table */
#hq-table-table {
    width: 620px;
    margin: 0 auto;
}
#hq-table-table td {
    padding: 1px 0;
}
#hq-table-table td input {
    margin-bottom: 0;
    padding: 2px 4px;
}
/* HQ Table */

#page-wrapper {
    /*background: #f5f5f5;*/
    min-height: initial;
}

/* top-menu */
.navbar-default{
    margin-bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 1010;
}
.thumb-dropdown .dropdown-menu > li {position: relative;}
.thumb-dropdown .dropdown-menu > li > a .thumbnail {
    position: absolute;
    left: 100%;
    top: -10px;
    display: none;
    width: 350px;
    height: auto;
    margin-left: 5px;
}
.thumb-dropdown .dropdown-menu > li > a:hover .thumbnail {
    display: block;
}
#drop li a {color: #337ab7;}
#drop li a:hover {
    color: #23527c;
    background-color: #eee;
}
#drop li a.active {background-color: #eee;}
/* END top-menu */

/* directory-display */
.directory-display{text-align: left;}
.breadcrumb-users{
    padding:15px 0;
    margin-bottom: 0;
}
.breadcrumb-users li{display: inline-block;}
.breadcrumb-users>.active {color: #777;}
.breadcrumb-users>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.period{
    float: right;
    text-align: right;
}
.form-inline{padding: 11px 0;}
.form-group{margin-right: 10px;}
/* END directory-display */

/* table */
.table-head{
    left: 0;
    position: fixed;
    height:130px;
    display: block;
    background: #fff;
    z-index: 1001;
}
.table-body{
    margin-top: 128px;
    margin-left: 0;
}
.table-buvh{
    border: 2px solid #999999;
    width: 100%;
}
.system-name{
    font-weight: bold;
    text-indent: 1em;
}
.systema{
    text-align: center;
    font-size: 12px;
    width: 9.2%;
}
.pokaz{
    text-align: center;
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 4%;
}
.edizm{
    text-align: center;
    font-size: 12px;
    width: 4%;
}
.td{
    text-align: center;
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
    width: 4.6%;
}
/* END table */

/* vertical text from bottom to top */
.vertical-text {
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    margin: 0 auto;
}
/* END vertical text from bottom to top */

/* table for summarnyi_plan */
#summarnyi_plan .td{width: 4.5%;}
#summarnyi_plan .systema{width: 3.1%;}
#summarnyi_plan .edizm{width: 3.5%}
#summarnyi_plan .pokaz{width: 3%;}
#summarnyi_plan .raion-name{
    width: 9.4%;
    font-size: 12px;
    text-align: center;
}
#water_use_plan .systema{font-weight: bold;}
#water-charge .raion-name{
    width: 9%;
    font-size: 12px;
    text-align: center;
}
#water-charge .table-head {height: 205px;}
#water-charge .table-body {margin-top:203px;}
#water-charge .systema{width: 4%;}
#water-charge .pokaz{width: 4%;}
#water-charge .edizm{width: 4%;}
#water-charge .td{width: 3.3%;}
#water-charge .vertical-text{height: 105px;}
#hoz-dog .table-head {height: 167px;}
#hoz-dog .table-body {margin-top: 165px;}
#hoz-dog .systema{width: 7.6%;}
#hoz-dog .td{width: 4.2%;}
/* END table for summarnyi_plan */

/*ruvh ponel*/
#page-wrapper th{font-weight: inherit;}
        #page-wrapper .create{padding: 11px 15px;}
        .period .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle;
        }
        .table-ruvh{width: 100%;}
        .household{
            text-indent: 10px;
            text-align: left;
        }

        #farm-hoz-plan .table-head{height: 180px;}
        #farm-hoz-plan .table-body{margin-top: 178px;}
        #farm-hoz-plan .systema{
            text-indent: 10px;
            text-align: left;
            width: 9%;
        }
        #farm-hoz-plan .edizm{width: 4%;}
        #farm-hoz-plan .pokaz{width: 3.3%;}
        #farm-hoz-plan .td{width: 3.1%;}
        .ktp{
            margin: 15px 0 0;
            float: right;
        }

        .system-plans .table-head{height: 146px;}
        .system-plans .table-body {margin-top: 144px;}
        .system-plans .hydropost{
            width: 25%;
            text-indent: 10px;
            text-align: left;
        }
        .system-plans .permeability{width: 15%;}
        .system-plans .length{width: 15%;}
        .system-plans .actions{width: 20%;}
        .system-plans .form-control {
            width: auto;
            margin: 0 auto;
        }
        .system-plans .length .form-group {
            margin: 0;
            width: 100%;
        }
        .system-plans .length .form-control{width: 80%;}

        #system-plan .table-head{height: 182px;}
        #system-plan .table-body{margin-top: 180px;}
        #system-plan .systema{width: 12.3%;}
        #system-plan .edizm{width: 4%;}
        #system-plan .td{width: 3.1%;}
        #system-plan .btn, #decadal .btn, #cumulative .btn{
            margin-top: 15px;
            float: right!important;
        }

        #itogovyi .table-head{height: 180px;}
        #itogovyi .table-body{margin-top: 178px;}
        #itogovyi .systema{
            width: 19%;
            text-indent: 10px;
            text-align: left;
        }
        #itogovyi .td{width: 3%;}

        #journals-table{width: 80%}

        #ruvh-disch .table-ruvh{
            width: 70%;
            margin: 0 auto;
        }

        #decadal .table-head {height: 160px;}
        #decadal .table-body {margin-top: 158px;}
        #decadal .systema {
            text-indent: 10px;
            text-align: left;
        }

        #cumulative .table-head {height: 280px;}
        #cumulative .table-body {margin-top: 278px;}
        #cumulative .systema{width: 16%;}
        #cumulative .td{width: 14%;}

        .admin-ruvh .period, .journals .period, .system-plans .period, .sowings .period{
            text-align: left;
            float: left;
        }
        .admin-ruvh .pull-right, .journals .pull-right, .system-plans .pull-right, .sowings .pull-right{margin:15px 0 0 10px;}
        .admin-ruvh  td{
            padding: 8px;
            text-align: center;
        }
        /*.admin-ruvh p{padding: 15px;}*/
        /*ruvh-panel END*/

/* MEDIA request */
.container{width: 1300px;}
@media screen and (max-width: 1330px){.container{width: 1200px;}}
@media screen and (max-width: 1239px){
    .container{width: 1170px;}
    .navbar-default{overflow:hidden;}
    .table-head {height: 129px;}
    .table-body {margin-top: 127px;}
    #summarnyi_plan .td, #summarnyi_plan .systema, #summarnyi_plan .pokaz, #summarnyi_plan .edizm, #summarnyi_plan .raion-name, #summarnyi_plan .btn{font-size: 11px;}
    #water-charge .table-head {height: 203px;}
    #water-charge .table-body {margin-top:201px;}
}
@media screen and (max-width: 1200px){
    .container{width: 1120px;}
    .systema, .pokaz, .edizm, .td{font-size: 11px;}
}
@media screen and (max-width: 1150px){
    .container{width: 1070px;}
    .table-head{left: 1px;}
    .table-body {margin-top: 127px;}
}
@media screen and (max-width: 1100px){
    .container{width: 1020px;}
    .systema, .pokaz, .edizm, .td{font-size: 10px;}
    #summarnyi_plan .td, #summarnyi_plan .systema, #summarnyi_plan .pokaz, #summarnyi_plan .edizm, #summarnyi_plan .raion-name, #summarnyi_plan .btn {font-size: 10px;}
    .system-name{font-size: 12px;}

    /*ruvh-panel*/
    #farm-hoz-plan .table-head {height: 204px;}
    #farm-hoz-plan .table-body {margin-top: 202px;}
    .ktp{
        width: 100%;
        margin:0;
        float: left;
    }
    #itogovyi .table-head {height: 204px;}
    #itogovyi .table-body {margin-top: 202px;}
    #system-plan .table-head {height: 200px;}
    #system-plan .table-body {margin-top:198px;}
    #system-plan .breadcrumb-users, #decadal .breadcrumb-users, #cumulative .breadcrumb-users{width: 100%}
    #system-plan .btn, #decadal .btn, #cumulative .btn{margin: 0; float: left!important;}
    #journals-index .form-group, #ruvh-disch .form-group{
        margin-bottom: 10px;
        display: block;
    }
    #decadal .table-head {height:175px;}
    #decadal .table-body {margin-top:173px;}
    #cumulative .table-head {height:280px;}
    #cumulative .table-body {margin-top:278px;}
    /*ruvh-panel END*/
}
@media screen and (max-width: 1050px){.container{width: 970px;}}
@media screen and (max-width: 1000px){
    #page-wrapper{width: 1000px; overflow-x:scroll; }
    .container{width: 980px;}
    .table-head {height: 128px;}
    .table-body {margin-top: 126px;}
}
@media screen and (max-width: 767px){
    .table-head {height: 163px;}
    .table-body {margin-top: 164px;}
    .d-flex{
        display:-ms-flexbox!important;
        display:flex!important;
    }
    .justify-content-center{
        -ms-flex-pack:start!important;
        justify-content:flex-start!important;
    }
    .period{
        float: left;
        text-align: left;
    }
    /*ruvh-panel*/
    .form-inline{padding:0;}
    #farm-hoz-plan .table-head{height: 320px;}
    #farm-hoz-plan .table-body{margin-top: 318px;}
    .ktp{margin-bottom:10px;}
    .system-plans .table-head {height:178px;}
    .system-plans .table-body {margin-top:176px;}
    #itogovyi .table-head {height: 320px;}
    #itogovyi .table-body {margin-top: 318px;}
    #system-plan .table-head {height: 286px;}
    #system-plan .table-body {margin-top:284px;}
    #system-plan .btn, #decadal .btn, #cumulative .btn{margin:0 0 10px;}
    #decadal .table-head {height:306px;}
    #decadal .table-body {margin-top:304px;}
    #cumulative .table-head {height:280px;}
    #cumulative .table-body {margin-top:278px;}
    /*ruvh-panel END*/
}
/* END MEDIA request */

/* Create Button */
.td-only-top-border {
    border-left: 0!important;
    border-bottom: 0!important;
    border-right:0!important;
}
/* End Create Button */

/* Crop Map */
.auto-resizable-embed {
  max-width: 100%;
  margin: 0px auto;
}

.auto-resizable-embed > div {
  position: relative;
  /*padding-bottom: 75%;*/
  padding-bottom: calc( 100vh - 93px );
  height: 0px;
}

.auto-resizable-embed embed {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
/* End Crop Map */

/* Validation Text */
.errorlist {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
/* End Validation Text */

/* css make tbody scrollable */
.mytable tbody {
    display: block;
    height: calc( 100vh - 306px );
    overflow: auto;
}
.mytable thead, .mytable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;/* even columns width, fix width of table too*/
}
.mytable thead {
    /*width: calc( 100% - 1em )*//* scrollbar is average 1em/16px width, remove it from thead width */
}
.mytable td.sm {
    font-size: 9px;
    padding-left: 0.1em;
    padding-right: 0.1em;
}
.mytable td.sz {
    width: 98px;
}
.mytable {
    width: 100%;
}

.mytable td {
    font-size: 9px;
}
/* END css make tbody scrollable */