@font-face {
    font-family: 'fontello';
    src: url('/static/web/fontello/font/fontello.eot?19');
    src: url('/static/web/fontello/font/fontello.eot?19#iefix') format('embedded-opentype'),
       url('/static/web/fontello/font/fontello.woff?19') format('woff'),
       url('/static/web/fontello/font/fontello.ttf?19') format('truetype'),
       url('/static/web/fontello/font/fontello.svg?19#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
Sections:
- GENERAL
- COMMON
- ICONS
- BOOTSTRAP styles
- OTHER PLUGINS
- SITE LAYOUT
- LAYOUT FLEXBOX
- RESPONSIVE SECTION (adjust layout for smaller resolutions)
- DIALOGS
- PAGE SPECIFIC
*/

/****************************
        GENERAL
***************************/
html,body{
    height:100%;
}
body{
    overflow-y:scroll;
    background-color: #ccc;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat;
    background-position-x: 680px;
    background-image: url('/static/web/icons/rada_1280.jpg');
    background-image: -webkit-image-set(url('/static/web/icons/rada_2880.jpg') 1x, url('/static/web/icons/rada_4000.jpg') 2x);
    background-image: image-set(url('/static/web/icons/rada_2880.jpg') 1x, url('/static/web/icons/rada_4000.jpg') 2x);
    min-width: 350px;
}
.h1,.h2,.h3,.h4,.h5,
h1,h2,h3,h4,h5{
    color:#333;
}
h1, .h1{
    padding:9px;
    /*background: #e9e9e9;*/
    /*margin-left:-20px;*/
    /*padding-left:20px;*/
    margin-bottom:20px;
    font-size: 24px;
    border-bottom: 1px solid #1b81ac;
}
h1.no-border{
    border-bottom
}
h2, .h2{
    font-size: 18px;
}
h3, .h3{
    font-size: 16px;
}
h4{
    font-size: 16px;
}
/*h1:before, .h1:before{
    font-family: "fontello", monospace;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .3em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:green;
    content: '\e834';
    float: left;
}*/
a{
    color:#3278b3;
}
/****************************
        COMMON
***************************/
body.busy{ cursor: wait !important; }
.float_trigger_placeholder_upper, .float_trigger_placeholder_lower{ height:1px; }

body.maintenance-approaching{ margin-top: 52px; }
#maintenance{ margin-bottom: 1px; }
#maintenance .alert{ background-color: #e1341e; color: #fff; }
.maintenance-approaching #maintenance{ position: fixed; top: 0; left: 0; width: 100%; z-index: 5000; }
.maintenance-approaching #maintenance .alert{
  animation-name: maintenanceColor;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes maintenanceColor{
  0% {
    background-color: #e1341e;
  }
  50% {
    background-color: #ac2716;
  }
  100 {
    background-color: #e1341e;
  }
}


#ajax-loading{ display: none; }
body.busy #ajax-loading{
    display: block;
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 100;
}
.spinner-ajax { width: 70px; text-align: center; }
.spinner-ajax > div { width: 18px; height: 18px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner-ajax .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner-ajax .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1.0); transform: scale(1.0); }
}
/* http://tobiasahlin.com/spinkit/ - 6-s */
.spinner{margin:100px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2.0s infinite linear;animation:sk-rotate 2.0s infinite linear;}
.dot1,
.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#428BCA;border-radius:100%;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out;}
.dot2{top:auto;bottom:0;-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
@-webkit-keyframes sk-rotate{
    100%{-webkit-transform:rotate(360deg)}
}
@keyframes sk-rotate{
    100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes sk-bounce{
    0%,
    100%{-webkit-transform:scale(0.0)}
    50%{-webkit-transform:scale(1.0)}
}
@keyframes sk-bounce{
    0%,
    100%{transform:scale(0.0);-webkit-transform:scale(0.0);}
    50%{transform:scale(1.0);-webkit-transform:scale(1.0);}
}
.hint{ position: relative; }
.hint:after{ content: '?'; color: #3D617D; font-size: 10px; position: absolute; }
.submit-hidden{ width: 0px; height: 0px; position: absolute; border: 0; font-size: 0; background: transparent; outline: none; color: transparent; }
.kotkas-form_bottom_top{ margin-bottom: 8px; }
.kotkas-form_bottom_buttons{ margin-top: 15px; }
/*siin on tavavormi kohustuslikud väljad (kompleksloa taotluse vormidel on ühtuse mõttes LABEL asemel TH küljes)*/
.form-horizontal label.required:before{
    content: " *";
    font-family: verdana, sans-serif;
    color: #D48400;
    position: relative;
    margin-right: -15px;
    float:right;
    top:2px;
}
.form-vertical label.required:before{
    content: " *";
    font-family: verdana, sans-serif;
    color: #D48400;
    position: relative;
    margin-left: -15px;
    float: left;
    top:2px;
}
.required-info:before{
    content: "*";
    font-family: verdana, sans-serif;
    color: #D48400;
}
.text-nowrap,
.no-wrap { white-space: nowrap; }

.table-search{ width: auto; min-width: 50%; }
.template{ display: none; }
.inline-add-form{ background-color: #F7F7F7; border: 1px solid #E3E3E3;}

.indent-level {
    background-image: url(/static/web/icons/data-table-level-bg.png);
    background-repeat: no-repeat;
}
.indent-level-1 {
    background-image: none;
}
.indent-level-2 {
    padding-left: 35px !important;
    background-position: 4px -2px;
}
.indent-level-3 {
    padding-left: 70px !important;
    background-position: 35px -2px;
}
.indent-level-4 {
    padding-left: 105px !important;
    background-position: 70px -2px;
    /* color:#888; pwn: Indenti level peab reguleerima ainult taande suurust ja ei tohi näppida värve, selleks tuleb vajadusel eraldi klass teha */
}
.indent-level-5 {
    padding-left: 140px !important;
    background-position: 105px -2px;
}
.indent-level-6 {
    padding-left: 175px !important;
    background-position: 140px -2px;
}
.indent-level-7 {
    padding-left: 210px !important;
    background-position: 175px -2px;
}
.checkbox.disabled label{ color: #ccc; }
.break-word{
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.word-break-normal{ word-break: normal !important; }

.user-select-none{
    user-select: none;
}
/* kotkasSearch widget */
.kotkas-search-wrapper{ 
    width:100%; 
    display: table; table-layout: fixed; /* see rida paneb overflow ellipsis tööle. */
    border-radius: 3px; position: relative; 
}
.kotkas-search-wrapper .search-label-wrapper{ display: none; position: relative; cursor: default; border-radius: 3px; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); background-color:#fff;}
.has-error .kotkas-search-wrapper .search-label-wrapper{ border-color: #ED9900; }
.kotkas-search-wrapper .btn:focus{ border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
.kotkas-search-wrapper.selected .search-label-wrapper{ display: block; padding-top: 5px; padding-left:5px; height:30px; overflow: hidden; line-height: 1.5; }
.kotkas-search-wrapper.selected input{ display: none; }
.kotkas-search-wrapper.selected button{ margin-left: 5px; }
.kotkas-search-wrapper.button-mini .search-label{ display: block; margin-right: 28px; }
.kotkas-search-wrapper.button-mini .title{ display: none; }
.kotkas-search-wrapper button{ position: absolute; top: 3px; right: 3px; }
/*kasutame lisaks .truncate klassi, et pikk label ei läheks kahele reale, mouseover näitab ikka pikka teksti*/
.kotkas-search-wrapper.truncate .search-label{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* kui kotkas-searchis on valitud väärtus, kuid äriloogiliselt see on vale, ei sobi, siis kuvame vea selle alla. */
.kotkas-search-wrapper .search-label-wrapper.is-invalid{ color: #dc3545; }
.kotkas-search-wrapper .search-label-wrapper.is-invalid~.invalid-feedback{ display: block; }

/* klassifikaatori valiku modal */
.classificator-modal-container {
    height: 30px;
    cursor: default;
    border-radius: 3px;
    width: 100%;
    display: table;
    table-layout: fixed; /* see rida paneb overflow ellipsis tööle. */
    position: relative;
}
.classificator-modal-container a:focus{ border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
.classificator-modal-container .btn-edit{ float:right !important; position:absolute; top:2px; right: 0px; }
.classificator-modal-container .classificator-label{ padding: 5px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin-right:25px; }
.classificator-modal-container .kotkas-search-wrapper{ 
    width: auto; 
    margin-right:35px; 
    display: block;
}
.classificator-modal-container.readonly .btn{
    visibility: hidden;
}
.classificator-modal-container.readonly .search-label-wrapper{
    background-color: #eee;
}
.classificator-modal-container.readonly .form-control{
    background-color: #eee;
    pointer-events: none;
}

.font-weight-normal{
    font-weight: normal !important; 
}
.font-weight-bold{
    font-weight: bold !important;
}
.float-left{ float: left !important; }
.float-right{ float: right !important; }
.float-none{ float: none !important; }

.inline-block{
    display:inline-block;
}
/* mõeldud kasutamiseks h3 ja h1 sees olevas inline-block või input-group sees */
.inline-block-text{
    font-size:15px;
}

.hidden--nonadmin{ display: none;  } /*  ei kuvata mitteadmin kasutajatele. usecase: kopeeri puhvrisse nupp */


.pad0 { padding: 0px !important; }
.pad2 { padding: 2px !important; }
.pad4 { padding: 4px !important; }
.pad5 { padding: 5px !important; }
.pad6 { padding: 6px !important; }
.pad8 { padding: 8px !important; }
.pad10 { padding: 10px !important; }
.pad15 { padding: 15px !important; }
.pad5top { padding-top: 5px !important; }
.pad10top { padding-top: 10px !important; }
.pad15top { padding-top: 15px !important; }
.pad20top { padding-top: 20px !important; }
.pad25top { padding-top: 25px !important; }
.pad5left { padding-left: 5px !important; }
.pad10left { padding-left: 10px !important; }
.pad15left { padding-left: 15px !important; }
.pad20left { padding-left: 20px !important; }
.pad25left { padding-left: 25px !important; }
.pad5right { padding-right: 5px !important; }
.pad10right { padding-right: 10px !important; }
.pad15right { padding-right: 15px !important; }
.pad5bottom { padding-bottom: 5px !important; }
.pad10bottom { padding-bottom: 10px !important; }
.pad15bottom { padding-bottom: 15px !important; }
.pad20bottom { padding-bottom: 20px !important; }
.mar0 { margin: 0 !important; }
.mar2left { margin-left: 2px !important; }
.mar5left { margin-left: 5px !important; }
.mar10left { margin-left: 10px !important; }
.mar15left { margin-left: 15px !important;}
.mar0top { margin-top: 0px !important; }
.mar5top { margin-top: 5px !important; }
.mar10top { margin-top: 10px !important; }
.mar15top { margin-top: 15px !important; }
.mar20top { margin-top: 20px !important; }
.mar25top { margin-top: 25px !important; }
.mar30top { margin-top: 30px !important; }
.mar0bottom { margin-bottom: 0px !important; }
.mar5bottom { margin-bottom: 5px !important; }
.mar10bottom { margin-bottom: 10px !important; }
.mar15bottom { margin-bottom: 15px !important; }
.mar20bottom { margin-bottom: 20px !important; }
.mar25bottom { margin-bottom: 25px !important; }
.mar30bottom { margin-bottom: 30px !important; }
.mar5right { margin-right: 5px !important; }
.mar10right { margin-right: 10px !important; }
.mar15right { margin-right: 15px !important; }
.marmin15top{ margin-top: -15px !important; }


/* bootstrap 4 stiilid */
.p-0{ padding: 0 !important; }
.pt-0{ padding-top: 0 !important; }
.pl-0{ padding-left: 0 !important; }
.pr-0{ padding-right: 0 !important; }
.pb-0{ padding-bottom: 0 !important; }
.px-0{ padding-left: 0 !important; padding-right: 0 !important; }
.py-0{ padding-top: 0 !important; padding-bottom: 0 !important; }
.m-0{ margin: 0 !important; }
.mt-0{ margin-top: 0 !important; }
.ml-0{ margin-left: 0 !important; }
.mr-0{ margin-right: 0 !important; }
.mb-0{ margin-bottom: 0 !important; }
.mx-0{ margin-left: 0 !important; margin-right: 0 !important; }
.my-0{ margin-top: 0 !important; margin-bottom: 0 !important; }
.ml-auto{ margin-left: auto !important; }
.mr-auto{ margin-left: auto !important; }

.d-flex{ display: flex !important; }
.align-items-center{ align-items: center !important; }
.justify-content-between{ justify-content: space-between !important; }
.justify-content-center{ justify-content: center !important; }
.justify-content-end{ justify-content: flex-end !important; }
.justify-content-around { justify-content: space-around !important; }
.flex-wrap { flex-wrap: wrap!important; }

.text-center{ text-align: center !important; }
.text-left{ text-align: left !important; }
.text-right{ text-align: right !important; }
.text-ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.border-0        { border: 0 !important; }
.border-top-0    { border-top: 0 !important; }
.border-right-0  { border-right: 0 !important; }
.border-bottom-0 { border-bottom: 0 !important; }
.border-left-0   { border-left: 0 !important; }

.w-100{ width: 100% !important; }
.w-75{ width: 750% !important; }
.w-50{ width: 50% !important; }
.w-25{ width: 25% !important; }
/* /// bootstarp 4 */

.cursor_pointer{ cursor: pointer; }
.disable-pointer-events{ pointer-events: none; } /* et vormis disabled selectil tooltipid ei tekiks (need ei kao disabled elementidel ära) */

.lest-container .input-group-addon-lest-search{ display: table-cell; padding: 0 0 0 4px; }
.lest-container .input-group-addon-lest-search .dropdown-toggle{ padding: 1px 3px; }
.lest-container .form-control{ border-radius: 3px !important; }
.lest-container .form-control{ border-radius: 3px !important; }
.lest-container.readonly .input-group-addon{ display: none !important; }

.tr-selectable:hover td{ background-color: #FFFBCE !important; cursor: pointer; color:#000 !important; }
.tr-disabled td{ background-color: #F5F5F5 !important; color: #777; }

.highlight-table-row th:not(.last), .highlight-table-row td:not(.last){ background-color: #fff79d !important; }
.highlight-transition td, .highlight-transition th{ transition: background-color 1s linear !important; }

.form-control-loader,
.ui-autocomplete-loading{
    /* Convert SVG to Data URI for css background-image: https://codepen.io/elliz/pen/ygvgay; */
    /* orig: http://mattstuehler.com/spinner.svg */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cg stroke='%231e81cc' id='svg_1' stroke-width='3' fill='none'%3e%3ccircle stroke='null' id='svg_2' stroke-opacity='0.3' r='8' cy='10' cx='10'/%3e%3cpath stroke='null' id='svg_3' d='m10,2a8,8 0 0 1 8,8'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 10 10' to='360 10 10' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: calc(100% - 3px) 50%;
}
/* IE 11 loading fix (ie doesn't support svg animateTransform) */
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .ui-autocomplete-loading { 
        background-image: url('icons/loading.gif'); 
    }
}


/* btn-toc-toggle */
.btn-toc-toggle{}
.btn-toc-toggle .txt-off{ display: none; }
.btn-toc-toggle.on .txt-off{ display: inline; }
.btn-toc-toggle.on .txt-on{ display: none; }

.hide-if-empty:empty{
    display: none;
}

/****************************
        ICONS
***************************/
.glyphicon-minus{ color:rgba(69, 121, 165, 0.5); font-size:12px; }
.kotkas_trade_secret{  
    color:#F3B538;
    font-size:16px;
}
.kotkas_confidential{  
    color:rgb(214, 70, 68);
    font-size:16px;
}
.kotkas_icon:before{
    font-family: "fontello", monospace;
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.kotkas_icon-mail:before { content: '\e800'; } /* '' */
.kotkas_icon-cog-alt:before { content: '\e801'; } /* '' */
.kotkas_icon-cog:before { content: '\e802'; } /* '' */
.kotkas_icon-cog-1:before { content: '\e803'; } /* '' */
.kotkas_icon-home:before { content: '\e804'; } /* '' */
.kotkas_icon-exclamation:before { content: '\e805'; } /* '' */
.kotkas_icon-checked:before { content: '\e806'; } /* '' */
.kotkas_icon-question:before { content: '\e807'; } /* '' */
.kotkas_icon-mail-alt:before { content: '\e808'; } /* '' */
.kotkas_icon-applications:before { content: '\e809'; } /* '' */
.kotkas_icon-estonia:before { content: '\e80a'; } /* '' */
.kotkas_icon-water:before { content: '\e80b'; } /* '' */
.kotkas_icon-air:before { content: '\e80c'; } /* '' */
.kotkas_icon-waste:before { content: '\e80d'; } /* '' */
.kotkas_icon-declarations:before { content: '\e80e'; } /* '' */
.kotkas_icon-mandates:before { content: '\e80f'; } /* '' */
.kotkas_icon-child:before { content: '\e810'; } /* '' */
.kotkas_icon-briefcase-1:before { content: '\e811'; } /* '' */
.kotkas_icon-refresh:before { content: '\e812'; } /* '' */
.kotkas_icon-group:before { content: '\e813'; } /* '' */
.kotkas_icon-glyph:before { content: '\e814'; } /* '' */
.kotkas_icon-info-circled:before { content: '\e815'; } /* '' */
.kotkas_icon-attention:before { content: '\e816'; } /* '' */
.kotkas_icon-sync:before { content: '\e817'; } /* '' */
.kotkas_icon-user:before { content: '\e818'; } /* '' */
.kotkas_icon-user-secret:before { content: '\e819'; } /* '' */
.kotkas_icon-users:before { content: '\e81a'; } /* '' */
.kotkas_icon-install:before { content: '\e81b'; } /* '' */
.kotkas_icon-search:before { content: '\e81c'; } /* '' */
.kotkas_icon-inbox:before { content: '\e81d'; } /* '' */
.kotkas_icon-help-circled:before { content: '\e81e'; } /* '' */
.kotkas_icon-lock:before { content: '\e81f'; } /* '' */
.kotkas_icon-lock-1:before { content: '\e820'; } /* '' */
.kotkas_icon-lock-circled:before { content: '\e821'; } /* '' */
.kotkas_icon-block:before { content: '\e822'; } /* '' */
.kotkas_icon-air-1:before { content: '\e823'; } /* '' */
.kotkas_icon-droplet:before { content: '\e824'; } /* '' */
.kotkas_icon-check:before { content: '\e825'; } /* '' */
.kotkas_icon-hourglass:before { content: '\e826'; } /* '' */
.kotkas_icon-login:before { content: '\e827'; } /* '' */
.kotkas_icon-logout:before { content: '\e828'; } /* '' */
.kotkas_icon-logout-1:before { content: '\e829'; } /* '' */
.kotkas_icon-login-1:before { content: '\e82a'; } /* '' */
.kotkas_icon-error:before { content: '\e82b'; } /* '' */
.kotkas_icon-error-alt:before { content: '\e82c'; } /* '' */
.kotkas_icon-glyph-1:before { content: '\e82d'; } /* '' */
.kotkas_icon-left-circled:before { content: '\e82e'; } /* '' */
.kotkas_icon-right-circled:before { content: '\e82f'; } /* '' */
.kotkas_icon-up-circled:before { content: '\e830'; } /* '' */
.kotkas_icon-down-circled:before { content: '\e831'; } /* '' */
.kotkas_icon-minus-circled:before { content: '\e832'; } /* '' */
.kotkas_icon-leaf:before { content: '\e833'; color: green; } /* '' */
a.kotkas_icon-leaf:before{ text-decoration: none; }
.kotkas_icon-tree:before { content: '\e834'; } /* '' */
.kotkas_icon-cloud:before { content: '\e835'; } /* '' */
.kotkas_icon-minus-circle:before { content: '\e836'; } /* '' */
.kotkas_icon-popup:before { content: '\e837'; } /* '' */
.kotkas_icon-services:before { content: '\e838'; } /* '' */
.kotkas_icon-location:before { content: '\e839'; } /* '<U+E839>' */
.kotkas_icon-marquee:before { content: '\e83a'; }
.kotkas_icon-dot-circled:before { content: '\e83b'; }
.kotkas_icon-clock:before { content: '\e83c'; }
.kotkas_icon-clock:before { content: '\e83c'; }
.kotkas_icon-docs:before { content: '\f0c5'; }
.kotkas_icon-loading:before { content: '\e83d'; }
.kotkas_icon-lock-open:before { content: '\e83e'; }
.kotkas_icon-location-1:before { content: '\e83f'; } /* '' */
.kotkas_icon-location-inv:before { content: '\e840'; } /* '' */
.kotkas_icon-docs:before { content: '\f0c5'; } /* '' */
.kotkas_icon-bug:before { content: '\f188'; } /* '' */

.kotkas_img_icon{ display: inline-block; }
.kotkas_img_icon-polygon{ background: 50% 50% no-repeat url('/static/web/icons/polygon.svg'); width: 20px; height: 20px; vertical-align: middle; }
.kotkas_img_icon-clipboard{ background: 50% 50% no-repeat url('/static/web/icons/clipboard.svg'); background-size: contain; width: 12px; height: 12px; vertical-align: text-bottom; }
.kotkas_img_icon-clipboard:hover{ filter: invert(40%) sepia(90%) saturate(353%) hue-rotate(165deg) brightness(90%) contrast(100%);  }
/*
   Animation example, for spinners
*/
.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/*form wizard / process tracker*/
.kotkas-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.kotkas-wizard > .kotkas-wizard-step {padding: 0; position: relative;}
.kotkas-wizard > .kotkas-wizard-step + .kotkas-wizard-step {}
.kotkas-wizard > .kotkas-wizard-step .kotkas-wizard-stepnum {color: #444; font-size: 16px; margin-bottom: 5px;}
.kotkas-wizard > .kotkas-wizard-step .kotkas-wizard-info {color: #666; font-size: 12px;}
.kotkas-wizard > .kotkas-wizard-step > .kotkas-wizard-dot {position: absolute; width: 24px; height: 24px; display: block; background: #ECE7D8; top: 49px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.kotkas-wizard > .kotkas-wizard-step > .kotkas-wizard-dot:after {content: ' '; width: 12px; height: 12px; background: #FF9800; border-radius: 50px; position: absolute; top: 6px; left: 6px; }
.kotkas-wizard > .kotkas-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.kotkas-wizard > .kotkas-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #72bd62;}
.kotkas-wizard > .kotkas-wizard-step.complete > .progress > .progress-bar {width:100%;}
.kotkas-wizard > .kotkas-wizard-step.active > .progress > .progress-bar {width:50%;}
.kotkas-wizard > .kotkas-wizard-step.active > .kotkas-wizard-dot:after { background: rgb(237, 153, 0); }
.kotkas-wizard > .kotkas-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.kotkas-wizard > .kotkas-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.kotkas-wizard > .kotkas-wizard-step.disabled > .kotkas-wizard-dot {background-color: #eee;}
.kotkas-wizard > .kotkas-wizard-step.disabled > .kotkas-wizard-dot:after {opacity: 0;}
.kotkas-wizard > .kotkas-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.kotkas-wizard > .kotkas-wizard-step:last-child  > .progress {width: 50%;}
.kotkas-wizard > .kotkas-wizard-step.disabled a.kotkas-wizard-dot{ pointer-events: none; }
.kotkas-wizard-num{
    color:#888;
}
/*
.kotkas-wizard-num:after{
    font-family: "fontello", monospace;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:green;
    content: '\e833';
}
*/

/****************************
    BOOTSTRAP styles
***************************/
[data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

.input-group-addon.input-group-addon-text{
    background: transparent;
    border-color: transparent;
}
.has-error .input-group-addon.input-group-addon-text{
    border:0;
    color:#555;
}
.tooltip-inner {
    /* bootstrap dialog width (200px) override */
    max-width: 500px !important;
}
.progress{
    margin-bottom: 0;
    background:#f2f2f2;
}
/* Bootstrap adds class="modal-open" and padding-right: 15px; to body when the modal is shown. Fix: */
.modal-open{
    /*
    overflow-y: scroll;
    padding-right: 0 !important;
    */
    /* hide scrollbars */
    overflow: hidden;
    /*padding-right: 0 !important;*/
    background-position-x: 668px;
}
/*tabs*/
.tab-block{
    position:relative;
}
.tab-block .tab-content{
    overflow:auto;
    background-color:#FFF;
}
.tab-content{
    position:relative;
    z-index:10;
    min-height:170px;
    border-top:1px solid #CFCFCF;
}
.tab-pane{
    padding: 15px;
}
.subtab-pane{
    padding-bottom:0;
    margin-bottom: -10px;
}
.page-permits_detail_view .tab-pane{
    padding: 8px;
}
.navbar-form{
    margin-top:0 !important;
}
.nav-tabs{
    position:relative;
    top:1px;
}
.nav-tabs>li{
    float:left;
    margin-bottom:-2px;
}
.nav-tabs>li>a{
    position:relative;
    z-index:9;
    padding:12px 16px;
    margin-right:-1px;
    font-weight:700;
    font-size:12px;
    outline:0;
}
.nav-tabs>li:first-child>a{
    margin-left:0;
}
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover{
    border-color:#fff;
    background-color: #fff;
    text-decoration: underline;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus{
    cursor:pointer;
    position:relative;
    z-index:12;
    color:#3278b3;
    background:#FFF;
    border-color:#CFCFCF;
    border-bottom:1px solid #FFF;
    text-decoration: none;
    border-radius:0;
}
.nav-tabs>li.active>a:hover{
    text-decoration: underline;
}
.nav-tabs li i.fa{
    font-size:14px
}
.nav-tabs li i.fa.fa-caret-down{
    font-size:12px
}
.nav>li>a:focus, .nav>li>a:hover{
    background: transparent;    
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus{
    color:#23527c;
    border-color:#CFCFCF;
}
.tabs-bg.nav{
    background:#f5f5f5;
    border:1px solid #CCC;
    padding:10px 10px 0;
}


/*subtabs*/
.kotkas-subtab{
    margin-bottom: 11px;
    font-size: 13px;
    border: 1px solid #CFCFCF;
    border-top-width: 0;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 10px 0;
}
.kotkas-subtab>li{
    margin-bottom: -1px;
}
.kotkas-subtab>li>a{
    padding:6px 15px 5px 12px;
    border-radius: 0;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 0 1px #ffffff;
}
.kotkas-subtab>li+li{
    margin-left:4px;
}
.kotkas-subtab>li>a{
    border: 1px solid #fff;
    border-bottom:1px solid #CFCFCF
}
.kotkas-subtab>li>a>span{
    margin-right:3px;
}
.kotkas-subtab>li.active>a{
    background: #fff;
    text-shadow: none;
    color:#3278b3;
    border: 1px solid #CFCFCF;
    border-bottom: 1px solid white;
}
.kotkas-subtab>li.active>a:focus, 
.kotkas-subtab>li.active>a:hover{
    background-color: #fff;
    color:#3278b3;
}
.kotkas-subtab>li>a:focus, 
.kotkas-subtab>li>a:hover{
    text-decoration: underline;
    background-color: #fff;
}
.kotkas-subtab>li>a>span.glyphicon-chevron-right{
    width:12px;
}

.table{
    border-top:0 !important;
    border-bottom:0 !important;
}
.table th{
    text-decoration : none;
    padding: 4px;
    border-bottom: 1px solid #EAEAEA;
    text-align: left;
    color: #555;
    background-color:transparent;
}
.table th a,.table th[data-sort]{
    color:#1b81ac;
}
.table td{
    background-color: #fff;
}
.table th a{
    color:#30698E;
    font-weight:normal;
}
.table th a.btn{
    color: #fff;
}
div.active_row,
.table>tbody>tr.active>td{
    /*
    background-color:#FFFBCE;
    see pidavat lõheroosa olema?
    */
    background-color:#FDF8BD;
}
.table-sorted th[data-sort]{
    cursor: pointer;
}
/*
.table-sorted th[data-sort]:hover:after{
    content:' ▼';
    font-size:1rem;
    color:#006fb7;
}
*/
.table-sorted .sort-asc:after{
    content:' ▼';
    font-size:1rem;
    color:#006fb7;
}
.table-sorted .sort-desc:after{
    content:' ▲';
    color:#006fb7;
    font-size:1rem;
}
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th{
    padding:7px 5px;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border:0;
}
.table-bordered{
    border:1px solid #EAEAEA;
}
.table-bordered2,
.table-bordered2 td,
.table-bordered2 th{
    border:1px solid #EAEAEA;
}
.table-bordered3,
.table-bordered3 td{
    border:2px solid #fff;
}
.table-bordered4{
    border-top:1px solid #EAEAEA;
    border-bottom:1px solid #EAEAEA;
}
.table-bordered4 td,
.table-bordered4 th{
    border:1px solid #EAEAEA;
}
.table-bordered4 td:nth-child(1),
.table-bordered4 th:nth-child(1){
    border-left:0;
}
.table-bordered4 td:last-child,
.table-bordered4 th:last-child{
    border-right:0;
}


.table-bordered5{
    border-top:1px solid #EAEAEA;
    border-bottom:1px solid #EAEAEA;
}
.table-bordered5 td{
    border:1px solid #EAEAEA;
}
.table-bordered5 td:nth-child(1),
.table-bordered5 th:nth-child(1){
    border-left:0;
}
.table-bordered5 td:last-child,
.table-bordered5 th:last-child{
    border-right:0;
}

/* Neid td värvi fixe (stripe, hover jmt) on vaja sellepärast et määrasime vaikimi TD taustaks valge. Default bootstrap3 on unset, ehk läbipaistev. */
.table-striped>tbody>tr:nth-of-type(even) td, .table-striped>tbody>tr:nth-of-type(even) th{
    background-color:#f9f9f9;
}
.table-striped>tbody>tr:nth-of-type(odd) td, .table-striped>tbody>tr:nth-of-type(odd) th{
    background-color:#fff;
}
tr.stripe-even td{
    background-color:#f9f9f9;
}
tr.stripe-odd td{
    background-color:#fff;
}
tr.bg-danger td, td.bg-danger{
  background-color: #f2dede !important;
}
tr.bg-success td, td.bg-success{
  background-color: #dff0d8 !important;
}
.table-hover > tbody > tr:hover > td{
    background-color:#FFFBE9;
}

.table>thead>tr>th{
    border-bottom:1px solid #B3B3B3;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{
    border-top:1px solid #EAEAEA;
}

.table-condensed-extra>tbody>tr>td,
.table-condensed-extra>tbody>tr>th,
.table-condensed-extra>tfoot>tr>td,
.table-condensed-extra>tfoot>tr>th,
.table-condensed-extra>thead>tr>td,
.table-condensed-extra>thead>tr>th{
    padding:3px 3px;
}
.table-file-listing{
    border-top:0;margin-bottom:0;
}
.table-file-listing>tbody>tr>td{
    padding-left:15px;
}

/*taotluse päise andmete kuvamine, view formid overridevad seda välimust veidi*/
.table-application,
.table-application th,
.table-application td{
    box-shadow: 1px 0 0 0 #eee, 0 1px 0 0 #eee, 1px 1px 0 0 #eee, 1px 0 0 0 #eee inset, 0 1px 0 0 #eee inset;
}
.table-application { margin-bottom: 0px; width:100%;}
.table-application td { vertical-align: middle; padding:5px; padding-top:4px; padding-bottom:4px; }
.table-application>tbody>tr>th { vertical-align: top; padding:5px; padding-top:4px; padding-bottom:4px; font-weight: bold; background-color:#f9f9f9; white-space: nowrap;}
.table-application-field { padding: 0; margin-bottom: 0px; width:100%;}
.table-application-field>tbody>tr>th { vertical-align: top; padding:3px; padding-top:2px; padding-bottom:2px; font-weight: normal;}
#application_field_activity__field_classificator_element_id + .btn-group {width:205px;}
#application_field_activity__subfield_classificator_element_id + .btn-group {width:255px;}
.table-application .required:after{
    content: " *";
    font-family: verdana, sans-serif;
    color: #D48400;
    position: relative;
    top:3px;
    margin-left: -3px;
    font-weight: bold;
}


/*taotluse edit vormid (view vorm on eraldi)*/
#app_table_wrapper__loading{
  animation: 1s appTableFadeIn;
}
@keyframes appTableFadeIn{
  0% {
    opacity: 0;
  }
  99%{
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.app_table{
    width: 100%;
    max-width: 100%;
    background: #fff;
}
.app_table>thead>tr>th,
.app_table>tbody>tr>th,
.app_table>tbody>tr>td{
    padding:3px;
}
.app_table>thead>tr>th.first,
.app_table>tbody>tr>th.first,
.app_table>tbody>tr>td.first{
    border-left:0px;
    width:30%;
}
.app_table>thead>tr>th.last,
.app_table>tbody>tr>th.last,
.app_table>tbody>tr>td.last{
    border-right:0px;
    width:28%;
}
.app_table>thead>tr>th.middle,
.app_table>tbody>tr>th.middle,
.app_table>tbody>tr>td.middle{
    border-right:0px;
    width:42%;
}
.app_table>thead>tr>th{
    border:2px solid #fff;
    vertical-align: top;
}
.app_table>thead>tr>th,
.app_table>tbody>tr>th{
    text-decoration: none;
    color:#555;
    background-color: #f2f2f2;
}
/* Kui header-is tekib tühi th cell siis ära kuva seda. 
See üldiselt tekib siis kui tuplel on subtuple ainult ühe veeruga.
Näide. AME Eenõu Tabel 14. Seiratavad ained
*/
.app_table th:empty{
    border: 0;
    padding: 0;
}
.app_table td{
    vertical-align: top;
    padding:3px;
}
.app_table input.form-control{
    padding: 5px 2px;
}
.app_table .tfoot td{
    font-weight: bold;
    padding: 3px 6px;
}
.kotkas_icon-info-circled{
    color: #0084ae;
}
/*vertical tuple infomull on järel*/
.app_table.vertical>tbody>tr>th>span.kotkas_icon-info-circled{
    font-size: 17px;
    color: #0084ae;
    float:right;
    margin-top: -2px;
    margin-left: 1px;
    margin-right: -5px;
}
/* vertical tuple label-i infomull* */
.application_h1 .kotkas_icon-info-circled{
    font-size: 17px;
    color: #0084ae;
}
/*vertical tuple add row, delete row buttons*/
.app_table.vertical .vertical_tuple_buttons{
    text-align:right;
    background-color: #e9e9e9;
    /*border-top:1px solid #ccc;*/
    height:34px;
}
/*horizontal tuple infomull on järel, veidi väiksem, et line-heighti ära ei rikuks (floati ei saa kasutada)*/
.help-block span.kotkas_icon-info-circled,
.app_table.horizontal>thead>tr>th>span.kotkas_icon-info-circled,
.kotkas_icon-info-circled1{
    font-size: 15px;
    width: 15px;
    height: 15px;
    line-height: 16px;
    color: #0084ae;
    margin:-1px;
}
.app_table.horizontal>thead>tr>th>span.kotkas_icon-info-circled:before{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/*kompleksloa taotluse vormidel on ühtuse mõttes LABEL asemel TH küljes (tavavormide kohustuslikud väljad on mujal defineeritud)*/
/*vertical tuple required * on paremal, before on selleks, et * tuleks mitmerealise pealkirja puhul ülemise rea järele*/
.app_table.vertical>tbody>tr>th.required:before{
    content: " *";
    font-family: verdana, sans-serif;
    color: #D48400;
    position: relative;
    margin-right: -15px;
    float:right;
    top:2px;
}
/*horizontal tuple required * on paremal*/
.app_table.horizontal>thead>tr>th.required:after{
    content: " *";
    font-family: verdana, sans-serif;
    color: #D48400;
    position: relative;
    top:2px;
}
.app_table.vertical>thead>tr>th,
.app_table.vertical>tbody>tr>th,
.app_table.vertical>thead>tr>td,
.app_table.vertical>tbody>tr>td{
    /*min-height ei toimi tabelil, height on min-heighti asemel ja overridetakse brauseri poolt, kui kõrgus on pikem*/
    height:43px;
    border-left:0px;
    border-right:0px;
    /*
    border-bottom:1px solid #f2f2f2;
    */
    padding:6px;
    width:57%;
}
/*
.app_table.vertical>thead>tr:nth-of-type(even),
.app_table.vertical>tbody>tr:nth-of-type(even){
    background-color:#f2f2f2 !important;
}
*/


.app_table.vertical>thead>tr>th,
.app_table.vertical>tbody>tr>th{
    text-align: right;
    background-color: transparent;
    vertical-align: top;
    width:33%;
    padding-right:15px;
    padding-top:11px;
}
.app_table.vertical>thead>tr>th.last,
.app_table.vertical>tbody>tr>th.last,
.app_table.vertical>tbody>tr>td.last{
    border-right:0px;
    width:10%;
}
/*th määrab padding-topi, sest alati labelit pole*/
.app_table.vertical>tbody>tr>th>label{
    padding-top:0px;
}
/*noop, label*/
.app_table>tbody>tr>.borderless{
    border:0;
}
.app_table.striped>thead>tr:nth-of-type(even),
.app_table.striped>tbody>tr:nth-of-type(even){
    background-color:#f9f9f9 !important;
}
.app_table.vertical.striped th[rowspan],
.app_table.striped>thead>tr:nth-of-type(odd),
.app_table.striped>tbody>tr:nth-of-type(odd){
    background-color:#fff !important;
}
/*33% title, 57% sisu, 10% tuple nupud paremal*/
.app_table .vertical_subtuple_container {
    width: 57% !important;
}
/*title eelneval real, 33% + 57% sisu, 10% tuple nupud paremal*/
.app_table .vertical_subtuple_container_wide {
    width:90% !important;
    border-top: 0 !important;
    padding: 0 !important;
    padding-bottom: 6px !important;
}
.app_table.vertical .form-control, 
.app_table.vertical .kotkas-search-wrapper,
.app_table.vertical .classificator-modal-container,
.app_table button,
.app_table .wysiwyg-preview {
    /* sanity-check, et inputid ebamõistlikult pikaks ei läheks, vajalik eelkõige vert-tupletes, mis sisaldavad horizontal subtupleid */
    max-width: 475px;
}
.app_table.vertical .textarea-container--full-width .form-control{
    max-width: 100%;
}

.app_table .td_close{
    width:31px;
    white-space: nowrap;
}
.app_table input.readonly{
    background-color:#fff;
    box-shadow:none;
    border:0;
    margin-top:-1px;
}
.app_table .rowindex{
    padding-top: 12px !important;
}
.app_view_tuple td.validation-error, td.validation-error {
    background-color: #FFECAD !important;
}
.app_view_tuple td.validation-ok, td.validation-ok {
    background-color: #EEFBEE !important;
}
.tocc_container{
    /*background-color: #f2f2f2;*/
    padding: 6px 21px 0px 21px !important;
    border-bottom: 5px solid #FFF;
}
.tocc_table_view{
    min-width:66.6%;
    border-bottom:1px solid #EAEAEA;
}
.tocc_table_view>thead>tr>th,
.tocc_table_view>tbody>tr>td{
    padding:6px;
}
.tocc_table_view>tbody>tr>td{
    background-color: #fff;
    border-top:1px solid #EAEAEA;
}
.tocc_table_view>thead>tr>th:nth-child(1),
.tocc_table_view>tbody>tr>td:nth-child(1){
    text-align: center;
}
.tocc_table_view a{ text-decoration: none; color: #3278b3; }
.tocc_table_view tr:hover td{ background-color: #FDF8BD; cursor: pointer; }

/* taotluse h-d (on ka view vormides pdf_style.css's)*/
h1.application {
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    page-break-inside: avoid !important;
}
h2.application, h3.application {
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    page-break-inside: avoid !important;
}
.application_h1 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.6;
    color:#000;
    page-break-inside: avoid !important;

    padding-top: 15px;
    border-bottom: 1px solid #dadada;
}
.application_h1:before{
    font-family: "fontello", monospace;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:green;
    content: '\e833';
}


.application-top-title{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
    .application-top-title span.extra{
        font-size: 0.7em;
        font-weight: 400;
        margin-left: 10px;
        color: #666;
    }
    .application-top-title span.extra:before{
        display: inline-block;
        content: ' / ';
        margin-right: 4px;
    }
    .application-top-title_type{
        max-width: 70%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;    
    }
    .application-top-title.has-title_object .application-top-title_type{
        max-width: 50%;
    }
    .application-top-title.has-title_permit .application-top-title_type{
        max-width: 60%;
    }
    .application-top-title.has-title_object.has-title_permit .application-top-title_type{
        max-width: 40%;
    }
    .application-top-title_object{
        max-width: 40%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;    
    }
    .application-top-title.has-title_permit .application-top-title_object{
        max-width: 35%;
    }
    .application-top-title_nr{
        margin-left: 5px;
    }
    .application-edit_form_top-title{
        font-size: 18px;
        color: #888;
        font-weight: 500;
        margin-top: 3px;
        margin-left: 10px;
    }
        .application-edit_form_top-title span.extra{
            color: #888;
            margin-top: -3px;
        }

/*muu*/
.app_table_view.vertical>tbody>tr>td.app_label{
    border-left:0;
    border-right:0;
    border-top:0;
    padding:0;
    margin-bottom:10px;
}

a.sort,
th[data-sort]{
    cursor:pointer;
    text-decoration: none;
    color:#444 !important;
}
.sort_arrow_up::before{
    content:'▲';
    font-size:11px;
    padding-right:4px;
}
.sort_arrow_down::before{
    content:'▼';
    font-size:11px;
    padding-right:4px;
}
.text-success{
    color:#09860c;
}
.text-warning{
    color:#9D6910;
}
.icon-error{
    color: #c00;
}
.icon-warning{
    color: #9D6910;
}
.icon-info{
    color:#0084ae;
}
.icon-success{
    color:#09860c;
}
.alert{
    margin-top:20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0; /*et lehe laadimisel ei muutuks wmsg ja btn bar vahe suurus*/
    top:0;
    left:20px;
    right:20px;
    z-index: 999;
    max-width: none;
    /*transition: ease 2s all;*/
    box-shadow:rgba(255, 255, 255, 0.8) 0px 0px 8px;
    box-sizing:border-box;
    border:0;
    border-radius:0;
}
/*laias vaates teeme veateate ka laiaks*/
.alert-success{
    color:#225224;
    background-color: #bbe2ae;
}
.alert-warning{
    color:#402a02;
    background-color: #ffdc75;
}
/*hoiame alert-fixed jaoks vajalikud stiilid juba varem objekti alert klassi küljes, et renderdamine oleks akent resizedes kiirem?*/
.alert-fixed{
    position: fixed;
    /*IE8-IE11 fix: margin auto max-width does not work, we set up media query and set width back to auto on smaller resolutions*/
    width:1160px;
    max-height:117px; /*117px pealt lõikame ära ja kuvame alla noole*/
    overflow-y:hidden;
}
/* button bari puhul muutub alerti (msg, wsmg) floating top position 10px -> 49px */
.primary-alerts.with-formgen-buttonbar .alert, 
.primary-alerts.with-formgen-buttonbar .alert{
    top: 28px;
}
/*avatud pikk veateade*/
.alert-closable{
    max-height: none;
}
.alert-openable.alert-fixed{
    overflow-y:scroll;
}
/*kuvatakse kui teade on kõrgem kui 117px*/
.alert-down-arrow{
    display:none;
    position: absolute;
    bottom: 0;
    margin-left:-15px;
    width: 100%;
    height: 14px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADuklEQVR4nO2ay2oUQRSGvwwiIuLShQQRCUHEZ1AQEVFjvIXyghfEG6Ki+ACuXEqUIBIk4gUMJ0ZjvCFiEhHfwY0L8RlERIK4qNNDM5npnqlTPYNQ3yZJp+rU+f9zuqemuyGRSCQSiUQikUg0Q0SW9TqHUESkVjamcICIbAK+isj2aFl1CRHZgs99Y9G4lgaIyGZgARgAZkVkZ9wUq0ML9hYYBOZEZLDV2KYGqPg5YI0eWgnMiMieyLlGRws1C6zSQ2spMGGJAdr2efEZK4BnIrIvXrpx0QLN4AuWpx9vwkDjnL6GAIP4tl9bsM4f4Ihz7oUt3bhoYQRYXjDsB7DVOfc9O1DvAHVnjmLx6AKTInIoONvIiMgBysUDrAMWRGRddqCmAdbjxfe3uWZmwuGOs42MFmKScvEZ6/Em9AP0qRsLwIaA9ReBk865pwFzzWgBngAhe5VvwNYacIMw8ejCj0TkaOD8YHTNUPHgP95v1oDLwLwhl8yEE4YYHaHiHxEuHuALcLlPA64EXgPbDAEXgbPAQ+ecIUwxavQENvGfgd3OuZ81AOfcL2AIeydMAKdFxBCmNZHEf0LFw9J9QKxOOA88iNUJaugp4D528UOZeGjYCUbshPvAmRidEFH8PA3ioclWOJIJNWAcOGcxQeeewd72TcVDiy9DasIwdhPuARdCTMiJH6fka3sJ88CwalpCy8Dq1jD+vAmlBtylQxN07AXs4j/SovL5BFuiE4eIY8LFdkzIib9bll8JHymofD65QiKaMEaJCfq/i9jFv6cN8VlipeRMsF4TxoArzUzQY5d0jFX8wXbEZ0m1Re6aYDVhlAYT9PcrwJ1OcmpCR+KhYSPUDiKyCn/LybJZ+gtcB27r31eBW9jEv8OL/93JpI4NgPqOcRaw3i2+pj9HjXGCxEOgARDVBCtvgJEQ8WBoudxm6UNojAiYxIOhAzK0E2aAHdZYHWIWD7aLDlDvhP34K3C3eEngOd+IuQMyRGQF8BzYFStmC17hK/8nRjBzB2RoNQ7iW7MqooqHiAZA3YQRfKKxeUlk8RDxFMgjIsuBZ8DeSCFf4J9GRRUPkTsgQxMdwVfNSmXioSIDoG6CA6YNYSoVDxUaAHUTjgFTAdOnqVg8VHQNaERfs3kCtPsscRo4VrV4qLgDMpxzi8BxoJ1niF0TD10yAOomnAQeFwzrqnjo0imQR9/cmsDf688zhRe/2M18um4ANDWhJ+KhRwZA3YRxYDU9Et9zRKT2P7+ImUgkEolEIpFI/Mf8A4YgbWW++JyJAAAAAElFTkSuQmCC');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% -2px;
    cursor: pointer;
    background-color: #ffdc6d;
    background-color: #ffdc6df0;
}
/*pöörame allanoole ümber, kui avatud teade*/
.alert-closable .alert-down-arrow{
    display: block;
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    background-position: 50% 2px;
}
.alert-openable.alert-fixed .alert-down-arrow{
    display: block;
}
/*deprecated: please dont use alert-condensed outside modals!*/
.alert-condensed{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/*modaalis on väiksema paddinguga teated*/
.modal-dialog .alert{
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.alert .alert-link{
    text-decoration: underline;
}
.alert-important{
    border: 2px dashed orange; 
}

/*floating kaasaskäive nuppude konteiner*/
.btn_container_placeholder{
    height:50px;
    padding-top:5px;
}
.btn_container_top,
.btn_container_bottom{
    margin-left:auto;
    margin-right:auto;
    max-width:1160px;
    height: 42px;
    left:20px;
    right:20px;
    background: #fff;
    box-shadow: none;
    text-align: right;
    border-radius:0;
    border: 0;
    z-index: 999;
}
.btn_container_top{
    padding-top: 5px;
    margin-top: 0;
}
.btn_container_bottom{
    padding: 5px;
    text-align:center;
}
.btn_container_fixed.btn_container_top{
    top:0;
    border-bottom: 2px solid #1b81ac;
}
.btn_container_fixed.btn_container_bottom{
    bottom:0;
    border-top: 2px solid #1b81ac;
}
/*hoiame alert-fixed jaoks vajalikud stiilid juba varem objekti alert klassi küljes, et renderdamine oleks akent resizedes kiirem?*/
.btn_container_fixed{
    position: fixed;
    /*IE8-IE11 fix: margin auto max-width does not work, we set up media query and set width back to auto on smaller resolutions*/
    width:1160px;
}

.btn_container .btn-jump-top,
.btn_container_top .btn-jump-top{ 
    display: none;
}
.btn_container.has-waypoint.btn_container_fixed .btn-jump-top,
.btn_container_top.has-waypoint.btn_container_fixed .btn-jump-top{ 
    display: block; 
    float: left;
    margin-left: 28%; 
}




/*BUTTONS*/
/*bootstrapi nuppude muutmine*/
.btn,
.btn-group-sm>.btn, .btn-sm{
    border-radius:0;
    outline: none !important;
}
/*kui väikses aknas nupud/otsingukastid kahele reale lähevad, siis ei kleepuks üksteise vastu*/
.modal-footer .btn+.btn{
    margin-bottom:1px;
    margin-left:5px;
}
.multiselect.btn{
    margin:0 !important;
}
/*et pealkirjast paremal asuvad nupud/otsingukastid oleks pealkirjaga samal joonel*/
.h1 .btn,
h1 .btn{
    position: relative;
    top: -2px;
}
.h2 .btn,
h2 .btn{
    position: relative;
    top: -5px;
}
.h2 .btn-xs,
h2 .btn-xs{
    position: relative;
    top: -2px;
}
/*kustutamisnupu x*/
.btn-xs .glyphicon-remove{
    top:2px;
}
/*peategevus*/
.btn-primary{
    border:1px solid #1882ac;
    background-color: #1882ac;
    color:#fff;
}
.btn.focus,
.btn:focus{
    /*klaviatuurifookusega kuvame underline*/
    text-decoration: underline;
}
.btn.active,
.btn:active,
.btn.hover,
.btn:hover{
    /*klikkides ei taha underline*/
    text-decoration: none !important;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary{
    background-color: #0e637d;
    border-color:#0e637d;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-primary.btn-primary:focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
    background-color: #0e637d;
    border: 1px solid #0e637d;
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover{
    background-color: #0e637d;
    border: 1px solid #0e637d;
}
/*kõrvaltegevus*/
.btn-default{
    background-color: #888;
    border: 1px solid #888;
    color: #fff;
}
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default{
    background-color: #666;
    border:1px solid #666;
    color: #fff;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
    background-color: #777;
    border: 1px solid #777;
    color:#FFF;
}
/*hoiatusnupud*/
.btn-danger{
    background-color: #888;
    border: 1px solid #888;
    color: #fff;
}
.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover{
    color: #fff;
    background-color: #da5c4c;
    border-color: #da5c4c;
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover{
    background-color: #8E4B43;
}
.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{
    background-color: #888;
    border: 1px solid #888;
    color: #fff;
    text-decoration: none;
}
.btn-group .btn-default.active{
    background-color: #0e637d;
    border-color:#0e637d;
}

/*postkasti listid*/
.list-group-item{
    padding: 7px 15px;
    border-left:0;
    border-right:0;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover{
    background-color: #1b81ac;
}
.list-group-item:last-child,
.list-group-item:first-child{
    border-radius: 0;
}

/*otsingukast + paremal otsi nupp*/
/*globaalselt sellist asja üle kirjutada on vale. õige on kasutada .search-container wrapperit, kui vaja. */
.search-container .input-group input.form-control{
    border-radius: 0;
}

.input-group .btn-primary.btn-sm{
    /*veidi laiemaks kui bootstrapis*/
    padding:5px 12px;
    /*see võib IE veidi katki teha?*/
    margin-left:0;
}
/*input groupi sees enam .btn ei ole vaja tõsta, samuti pole vaja "kleepumisvastaseid" margineid*/
.input-group .btn{
    top: 0;
    margin:0;
}
.h1 .inline-block,
h1 .inline-block,
.h3 .inline-block,
h3 .inline-block,
.h1 .input-group,
h1 .input-group,
.h3 .input-group,
h3 .input-group{
    /*et nuppude vertikaalne paigutus h3 sees paremal ääres oleks keskel*/
    position: relative;
    top: -2px;
}
.h2 .input-group,
h2 .input-group{
    /*et nuppude vertikaalne paigutus h2 sees paremal ääres oleks keskel*/
    position: relative;
    top: -5px;
}

/*paginaator*/
.pagination>li>a,
.pagination>li>span{
    border:0;
    border-radius:0;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{
    background-color: transparent;
    text-decoration: underline;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    background-color:#1b81ac;
    border-color:#1b81ac;
    cursor: pointer;
}
.pagination>.active>a:hover,
.pagination>.active>span:hover{
    background-color: #1882ac;
}
.pagination{
    margin:0 0;
}
.pagination .glyphicon-chevron-left,
.pagination .glyphicon-chevron-right{
    font-size:10px;
    top:0;
}

.pagination2{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
    .pagination2 a, .pagination2 span{
        padding: 6px 12px;
    }
    .pagination2 .active{
        background-color:#1b81ac;
        border-color:#1b81ac;
        color: #fff;
    }
    .pagination2 .glyphicon{
        padding: 0;
    }
    .pagination2 .totals{  
        position: absolute;
        right: 0;
    }

/*forms*/
.form-group{
    margin-bottom: 5px;
}
.form-vertical .form-group{
    margin-bottom: 15px;
}
.form-horizontal .form-group{
    min-height: 43px;
}
.form-striped .form-group:nth-child(odd){
    background-color: #f2f2f2;
}
.form-group--odd{ /* JS-iga stipe-idut vormide puhul */
    background-color: #f2f2f2 !important;
}
.form-group--even{ /* JS-iga stipe-idut vormide puhul */
    background-color: transparent !important;
}

.form-horizontal.group-border .form-group:nth-child(1),
.form-inline.group-border .form-group:nth-child(1),
.form-horizontal.group-border .form-group:first-of-type,
.form-inline.group-border .form-group:first-of-type{
    border-top:0;
}
.form-horizontal.group-border .form-group,
.form-inline.group-border .form-group{
    border-bottom:0;
}
.form-horizontal .form-group,
.form-inline .form-group{
    padding-bottom:6px;
    padding-top:6px;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline{
    padding-top:5px;
}
.help-block{
    margin-bottom: 0;
    font-size:12px;
}
.help-block:empty{
    display: none;
}
.form-control{
    -webkit-transition: none;
    transition: none;
}
input.form-control{
    height: 30px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}
textarea.form-control{
    font-size: 13px;
    line-height: 1.5;
}
/* tavaselectide välimuse ühtlustamine eri brauserite vahel */
select.form-control{
    display: inline-block;
    vertical-align: middle;
    font-size:1.3rem;
    line-height: 1.5;
    color: #000;
    transition: none;
    border-radius: 3px;
    padding:3.5px 5px;
    padding-right:15px; /* et pikk tekst ei läheks noole alla */
    height: 30px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    /* hall nool */
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23666666'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-size: 8px;
    background-position: 93% 12px;
    background-position: calc(100% - 4px) calc(50% + 2px);
    background-repeat: no-repeat;
    background-color:#fff;
    min-width: 45px;
}
/*IE 10-11 fix*/
*::-ms-backdrop, select.form-control{
    padding-right:0;
}
.form-control[readonly].ads-input,
.form-control[readonly].js-ads-search{
    background-color: #fff;
}
.form-control-static{
    padding-top:5px;
    padding-bottom:0;
    min-height:30px;
}
.kotkas-width-auto{
    width:auto;
}
/*select like dropdowns*/
.dropdown-menu>li>a{
    color:#5F5F5F;
}
.dropdown-menu>li>a:hover{
    color:#fff;
    background-color: #1882ac;
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover{
    color: #AAA;
}
.dropdown-menu>li>.dropdown-item-primary:focus, .dropdown-menu>li>.dropdown-item-primary:hover{
    color: #fefeff;
    background-color: #3f70b5;
}
.dropdown-menu>li>.dropdown-item-secondary:focus, .dropdown-menu>li>.dropdown-item-secondary:hover{
    color: #fefeff;
    background-color: #8f9396;
}
.dropdown-menu>li>.dropdown-item-danger:focus, .dropdown-menu>li>.dropdown-item-danger:hover{
    color: #fefeff;
    background-color: #b14545;
}

/*Staatuse ikoonid*/
/*
Ikooniga näide:
<span class="badge kotkas_icon kotkas_icon-hourglass kotkas_badge_light6" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Töös"> </span>

Tähemärgiga näide:
<span class="badge kotkas_badge_light6" data-toggle="tooltip" data-original-title="Ettevaatust" style="width: 26px;font-size: 15px;padding-top: 2px;">!</span>
<span class="badge kotkas_badge_light4" data-toggle="tooltip" data-original-title="Luba väljastatud" style="width: 26px;">✓</span>

Tekstiline näide:
<span class="badge kotkas_badge_light6">&nbsp;&nbsp;Mustand&nbsp;&nbsp;</span>
*/
.badge{
    display: inline-block;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 2px;
    background-color:#1b81ac;/*default blue*/
    margin-top:-1px;
}
.badge-round{
    border-radius: 10px !important;
    min-width: 19px;
    height: 19px;
    width:auto;
}
.badge-top{
    padding: 2px 5px;
    vertical-align:top;
    font-size:10px;
}
/*disabled lightblue*/
.kotkas_badge_light{
    background-color:#636363;
    background-color:#63636380;
}
/*helepruun*/
.kotkas_badge_light2{
    background-color:rgb(177, 167, 147);
}
/*helekollane*/
.kotkas_badge_light3{
    background-color:rgb(181, 171, 151);
}
/*heleroheline*/
.kotkas_badge_light4{
    background-color:rgb(116, 176, 100);
}
/*helehall*/
.kotkas_badge_light5{
    background-color:rgb(193, 193, 193)
}
/*oranž*/
.kotkas_badge_light6{
    background-color:rgb(230, 186, 97);
}
/*punane*/
.kotkas_badge_light7{
    background-color:#c76056;
}
.kotkas_badge_neutral{
    background-color: white;
    color: #888;
    font-weight: normal;
}
/*alert*/
.kotkas_badge_alert{
    background-color:rgb(232, 166, 61);
}
/*negative*/
.kotkas_badge_minus{
    color:rgba(69, 121, 165, 0.5);
}
/*exclamation mark*/
.kotkas_badge_exclamation{
    font-size:13px;
    padding:3px 7px 3px 8px;
}
/*tekstiline*/
.kotkas_badge_padded{
    padding:3px 9px;
}
/*number*/
.kotkas_badge_number{
    padding:3px 6px;
}

/*multiselect overrides*/
.btn-group .multiselect-container .input-group-addon,
.btn-group .multiselect-container .input-group-btn{
    display:none;
}
.btn-group .multiselect{
    border:1px solid #ccc;
    height:30px;
    padding:0 10px;
    color:#999;
    width:100%;
    border-radius:3px;
    text-align:left;
}
.btn-group .multiselect:hover,
.btn-group .multiselect:focus,
.btn-group .multiselect.focus,
.btn-group .multiselect:active:hover,
.btn-group .multiselect:active:focus,
.btn-group .multiselect.active:hover,
.btn-group .multiselect.active:focus,
.btn-group .multiselect.active.focus{
    background-color:#fff !important;
    border:1px solid #ccc;
    padding:0 10px;
    color:#999;
}
.btn-group .multiselect-container a:focus{
    outline:none !important;
}
.btn-group.open .multiselect,
.btn-group .multiselect:focus{
    background-color:#fff;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.btn-group .multiselect .caret{
    color: #666;
}
.btn-group .multiselect-selected-text{
    color:#666;
    font-size:13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
    float: left;
    min-height:18px;
    margin-top:2px;
}
.btn-group .multiselect-selected-text{
    width:96%;
    width: calc(100% - 8px);
}
.btn-group .multiselect-container>li>a>label{
    /*for multiselect, mitte single select. 
    pwn: See rakendub ka multiselecti single-select optgroupidele ja teeb need koledaks
    seega fixime need alumise reegli negativise marginiga. Antud 30px left paddingut
    on vaja, et checkboxidega päris multiselect normaalne välja näeks.
    */
    padding:4px 15px 4px 30px; 
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size:13px;
    line-height: 21px;
}
.btn-group .multiselect-container>li>a>label>b{
    /*vt ülemise reegli kommentaar*/
    margin-left: -15px;
}
.btn-group .multiselect-container>li>a>label.radio{
    padding:4px 15px 4px 15px;/*for single select, mitte multiselect*/
}
  .btn-group .multiselect-container>li>a>label>input[type='radio']{
    display:none;
}
.multiselect-container > li > a {
    white-space: normal;
}
.multiselect-container .multiselect-item .input-group{
    width:100%;
    padding-right:10px;
}
.multiselect-container .multiselect-filter{ 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 1;
}
.multiselect-container.has-filter{ 
    padding-top: 40px;
    /*overflow-y: scroll;*/
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background-color:#1882ac;
}
.dropdown-menu>li>a:hover{
    background-color:#eee;
    color:#666;
}
.dropdown-menu .delete,
.dropdown-menu>li>a.delete:hover{
    color: #b94949;
}
.multiselect-native-select{
    position: relative;
}
.kotkas-lazy-multiselect_js.loading .btn-group:after{
    position: absolute;
    content: '';
    background: rgba(204, 204, 204, 0.7);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cg stroke='%231e81cc' id='svg_1' stroke-width='3' fill='none'%3e%3ccircle stroke='null' id='svg_2' stroke-opacity='0.3' r='8' cy='10' cx='10'/%3e%3cpath stroke='null' id='svg_3' d='m10,2a8,8 0 0 1 8,8'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 10 10' to='360 10 10' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 50%;
    opacity: 0.6;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    pointer-events: none;
    z-index: 1000;
    cursor: pointer;
}
.kotkas-lazy-multiselect_js.loading select{
    visibility: hidden;
}
.kotkas-lazy-multiselect_js.loading .caret{
    visibility: hidden;
}
select.kotkas-multiselect_js{
    display: none;
}
.kotkas-multiselect_js + .btn-group{
    width:100%;
}
.multiselect-container{
    max-height: 330px;
    width:100%;
    overflow: hidden;
    overflow-y: auto;
}
.multiselect-indent-1 a label{
    margin-left:0px !important;
}
.multiselect-indent-2 a label{
    margin-left:20px !important;
}
.multiselect-indent-3 a label{
    margin-left:40px !important;
}
.multiselect-indent-4 a label{
    margin-left:60px !important;
}
.multiselect-indent-5 a label{
    margin-left:80px !important;
}
.multiselect.btn-default{
    background-color: #fff;
    text-shadow:none;
}
/* Kui selecti optioneid on vaja peita*/
.multiselect-container li.disabled{
    display:none !important;
}
.multiselect-search{
    max-width: none !important;
}

/*multicheckbox*/
.multicheckbox{
    overflow-y:auto;
    height:150px;
    width:100%;
    background-color:#fff;
    border:1px solid #ccc;
    padding:0;
    border-radius:3px;
    font-weight: normal;
}
.multicheckbox label{
    font-weight: 400;
    width:100%;
    display: block;
    margin:0;
    padding:3px 10px 3px 10px;
}
.multicheckbox label:hover{
    background-color: #f9f9f9;
}

/*vormi väljade puudumisel välja märkimine*/
.has-error .form-control,
.has-error .input-group-addon,
.has-error .btn-group .multiselect{
    border-color:#ED9900;
}
.has-error .form-control:focus{
    border-color:#ED9900;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #DFAA47;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #DFAA47;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label{
    color:#cb8400;
}
/*at väljastamise erandid*/
input.has-error,
select.has-error,
textarea.has-error{
    border-color:#ED9900;
    /* color: #cb8400; */
}
.invalid-feedback{
    padding-top: 3px;
    color: #cb8400;
}
input.has-error:focus,
textarea.has-error:focus{
    border-color:#ED9900;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #DFAA47;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #DFAA47;
}

.has-error.has-error--highlight .form-control{ animation: pulse 2s infinite; }
.has-error.has-error--highlight .input-group-addon{ animation: pulse 2s infinite; }
.has-error.has-error--highlight .btn-group .multiselect{ animation: pulse 2s infinite; }
.has-error.has-error--highlight .kotkas-search-wrapper .search-label-wrapper{ animation: pulse 2s infinite; }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(237,153,0, 0.6);
  }
  70% {
      box-shadow: 0 0 0 20px rgba(237,153,0, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(237,153,0, 0);
  }
}
/*WELL-FILTERS (peab olema peale vormide css-i)*/
.well{
    margin-bottom:15px;
    padding: 10px 2px;
    color:#555;
    box-shadow: none;
    -webkit-box-shadow:none;
    border:0;
    border-radius: 0;
}
/*otsingufiltrites ei taha nõndapalju paddingut kui vormidel vaja*/
.well .form-group{
    padding-bottom:2px;
    padding-top:2px;
    min-height:0;
}
.well label{
    margin-bottom:0;
}

.well .kotkas_date_group{
    width:auto !important;
    min-width: 126px;
}
.well-sm{
    padding:5px 0px !important;
}
/* accordion [:||||||||||||:] */
.panel-group{}
.panel-group .panel-heading{ padding: 0; }
.panel-group .panel-heading h2,
.panel-group .panel-heading .h2{ padding: 10px 15px; }
.panel-group .panel-heading h2 li,
.panel-group .panel-heading .h2 li{ list-style: none; }


/*background version*/
.card{
    background-color: #f2f2f2;
    padding:10px;
    margin:0;
    margin-top:15px;
}
.card .h2,
.card h2,
.card2 .h2,
.card2 h2{
    margin-top:10px;
}

/*bordered version*/
.card2{
    padding:10px;
    margin:0;
    margin-top:15px;
    border: 2px solid #f2f2f2;
    background: #fff;
}
/****************************
    OTHER PLUGINS
***************************/


/*jquery ui datepicker*/
.ui-datepicker-calendar .ui-datepicker-week-end a{
    background:#DFDFDF;
}
.ui-datepicker-calendar .ui-datepicker-today a{
    border:1px solid #999;
}
/* fix datepicker over dialog */
.ui-datepicker{ 
    z-index: 1060 !important; 
} 

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border:1px solid #CACACA;
    background:#fff !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    background:#337AB7 !important;
    color:#FFF !important;
    border:1px solid rgb(39, 90, 134);
}

/*jquery ui autocomplete*/
.ui-autocomplete.ui-menu{
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    z-index: 1051; /* should be larger than 1050(modal disalog) */
}
.ui-autocomplete.ui-menu .ui-menu-item{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #5F5F5F;
}
.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus{
    color: #666;
    background: #eee;
    border: none;
    margin: 0;
}
.ui-autocomplete{
    max-width: 800px;
}



/*tinymce*/
.mce-tinymce{ border-radius: 3px; }
.mce-container iframe{ width: calc(100% - 1px) !important; } /*fix right border*/
.has-error .mce-tinymce{ border: 1px solid #ED9900; }
.mce-btn button{ padding: 0px 2px !important;}
.mce-ico{ font-size: 15px !important;  }
.mce-statusbar .mce-container-body{ height: 16px; background-color:#FFF !important; border-radius: 0 0 3px 3px; }
.mce-statusbar{ border-width:0 !important; border-radius: 3px; }
.mce-statusbar .mce-path{ display: none; }
.mce-toolbar-grp{ border-radius: 3px; }
.mce-branding-powered-by{ display: none !important; } /* remove powered by logo */

/* kotkas kotkas_embed_img plugin, fit-image icon*/
i.mce-i-fit-image:before { 
    content: "\e097"; /* resize-small icon from bootstrap */
    font-family: 'Glyphicons Halflings', monospace;
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    text-decoration: inherit;
    color: #000;
}

/*tooltip*/
.tooltip.in{
    filter:alpha(opacity=93);
    opacity:0.93;
}
.tooltip-inner{
    /*sinine*/
    background-color: #177ba2;
    text-align: justify;
}
.tooltip.top .tooltip-arrow{
    /*sinine*/
    border-top-color: #177ba2;
}
.tooltip.right .tooltip-arrow{
    /*sinine*/
    border-right-color: #177ba2;
}
.tooltip.left .tooltip-arrow{
    /*sinine*/
    border-left-color: #177ba2;
}
.tooltip.bottom .tooltip-arrow{
    /*sinine*/
    border-bottom-color: #177ba2;
}

/****************************
    SITE LAYOUT
***************************/
.kotkas_header{
    background-color:rgba(255, 255, 255, 0.8);
    color:rgb(51, 51, 51);
    position: relative;
    left:0;
    top:0;
    min-height:88px;
    }
    .kotkas_env_version{
        color:#ff0909;
        font-variant: small-caps;
        font-variant: all-small-caps;
        font-weight: bold;
        font-size: 13px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .kotkas_env_version__rot1{
        transform: rotate(90deg);
        transform-origin: 0 0;
        padding: 0px 12px 5px 12px;
        line-height: 15px;
        text-align: right;
        background: rgba(0, 0, 0, 0.42);
    }
    .kotkas_env_version__rot2{
        transform: rotate(-180deg);
    }
    .kotkas_env_version__code{
        vertical-align: super;
        font-size:11px;
        color:#999;
    }
    .kotkas_header .kotkas_logo_container{
        /*et flex containeris aligniks vasakule*/
        width: 100%;
    }
    .kotkas_header .kotkas_logo{
        float:left;
        margin:16px;
        padding-left:10px;
        padding-top:0;
        /*
        height:54px;
        width:159px;
        */
        position: absolute;
        width: 180px;
        top: -2px;
    }
    .kotkas_header .kotkas_header_buttons{
        position: absolute;
        right:14px;
        margin-top:12px;
        margin-left:10px;
        margin-bottom:5px;
        margin-right:5px;
    }
    .kotkas_header .kotkas_icon_menu{
        display:inline-block;
        height:12px;
        float:left;
    }
    .kotkas_header .kotkas_header_buttons .kotkas_icon_bar{
        background-color:#fff;
        display: block;
        width:15px;
        height:2px;
        border-radius:1px;
        margin-top:2px;
        margin-bottom:3px;
        margin-right:7px;
    }
    .kotkas_header .kotkas_header_menu{
        position: absolute;
        top:60px;
        right:20px;
        font-size:14px; /*et pdf styles ei kirjutaks suurus üle */
    }
    .kotkas_header .glyphicon{
        /* et laadimisel ei hüppaks */
        width:12px;
        height:14px;
    }
    .kotkas_header .glyphicon-user{
        margin-right: 5px;
    }
    .kotkas_header .kotkas_header_men a{
        margin-left:10px;
        white-space: nowrap;
    }
    .kotkas_header .admin-dropdown{
        float: right;
    }
    .kotkas_header .kotkas_header_menu a.kotkas_icon-leaf,
    .kotkas_footer .kotkas_footer_item a{
        color:#286084;
    }
    .kotkas_footer_item__content{ padding-left: 5px; }
    .kotkas_footer_item__links{ line-height: 2.4rem; }
    .kotkas_header_menu .kotkas_icon{
        margin-right:3px;
        margin-left:3px;
    }


.kotkas_topmenu{
        /*et kõrgusi ei venitataks suuremaks*/
        flex: 0 0 auto;
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        z-index: 15; /* tab-content z-index on 10, mis katab menyy. seega peab olema suurem */
        background-color: #1882ac;
        list-style: none;
        padding: 0 15px;
        margin: 0;
    }
    .kotkas_topmenu>li {
        width: 14.28%;
        position: relative;
    }
    .kotkas_topmenu a {
        display:block;
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        padding: 14px 10px;
        font-size: 1.3rem;
        text-decoration: none;
        margin: 0;
        font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
        outline: none;
        color: #fff;
        font-weight: bold;
    }
    .kotkas_topmenu>li>a {
        text-transform: uppercase;
        text-align: center;
    }
    .kotkas_topmenu a:focus,
    .kotkas_topmenu a:hover{
        color: #fff;
        /*text-decoration: underline;*/
        background-color: #1a6989;
    }
    .kotkas_topmenu .menuitem--has-submenu > a{
        text-decoration: none !important;
    }
    .kotkas_topmenu .menuitem--has-submenu > a:hover{
    }
    .kotkas_topmenu a.active{
        background-color: #FFF;
        color: #555;
        border-right: 0;
    }
        .kotkas_topmenu>li>ul{
            background: #f5f5f5;
            position: absolute;
            min-width: 180px;
            left: -9999px;
            padding: 0;
            font-weight: normal;
            box-shadow: 1px 2px 2px #aaa;
            text-transform: none;
            list-style: none;
            z-index: 13;
        }
        .kotkas_topmenu li:hover>ul, .kotkas_topmenu li.opened>ul{
            left: 0;
        }
        .kotkas_topmenu li:hover>ul.menu-right, .kotkas_topmenu li.opened>ul.menu-right{
            left: auto;
            right: 0;
        }
        .kotkas_topmenu ul li{
            background-color: #fff;
        }
        .kotkas_topmenu ul li.active{
            background-color: #e9e9e9 !important;
        }
        /*
        .kotkas_topmenu ul li:not(:last-child){
            margin-bottom: 1px;
        }
        */
        .kotkas_topmenu .divider{
            margin-bottom: 2px !important;
        }
        .kotkas_topmenu .sub_title{
            white-space: nowrap;
            padding: 7px 50px 7px 20px;
            color: #000;
            font-weight: bold;
            text-align: center;
            border-bottom: 1px solid #0e637d63;
        }

        .kotkas_topmenu>li>ul a{
            white-space:nowrap;
            padding: 10px 20px 7px 20px;
            color: #fff;
            font-weight: bold;
        }
        .kotkas_topmenu li ul a{
            text-decoration: none !important;
        }
        .kotkas_topmenu li ul li a,
        .kotkas_topmenu li ul li.active a{
            color:#676767;
        }
        .kotkas_topmenu li ul li:hover>a,
        .kotkas_topmenu li ul li.active:hover>a{
            background:#888;
            color:#FFF;
        }
        .kotkas_topmenu li ul li.active{
            background-color:#FFF;
        }
        .mobile-menu>li>ul>li>a{
            display: block;
            padding: 3px 20px 3px 0px;
            color: #5F5F5F;
        }
        .kotkas_topmenu .caret{
            line-height: 1.3rem;
            margin-left: 4px;
        }

.kotkas_main{
    background-color: #fff;
    padding:0 20px 20px;
    /*msg and wmsg use this position*/
    position: relative;
    min-height: 400px;
}
.kotkas_main-container{
    padding-left: 0;
    padding-right: 0;
}
.kotkas_kik_logo{
    width:100px;
    margin-right:10px;
}
.kotkas_sf_logo{
    width:150px;
}


.kotkas_print{
    float:right;
    margin-top:17px;
    display:none;
    /*
    color:#888;
        */
    }
    /*
    .kotkas_print:hover:after{
        content: "Prindi";
        color:#286084;
        margin-left:5px;
        margin-bottom:3px;
        text-decoration: underline;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    */

.kotkas_footer{
    background-color:#227a9c;
    background-color:#057ba9e8;
    padding:4px 0;
    font-size:14px;
    }
    .kotkas_footer .kotkas_footer_item{
        color: #fff;
        padding:10px;
    }
    .kotkas_footer .kotkas_footer_item a{
        color: #fff;
        text-decoration:underline;
        font-size: 15px;
    }
    .kotkas_footer .glyphicon-chevron-right{
        font-size:10px;
        color:#ffc107;
        position:relative;
        top:-1px;
        width:10px;
        height:12px;
    }


.kotkas_right{
    background-color:rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 0.92);

    /* 1200px laius lehe sisul, sellest lisaks veel 100px sissepoole */
    padding-left: calc(50vw - 450px);
    padding-right: calc(50vw - 450px);
    }
    .kotkas_right h1{
        background: transparent;
        margin-bottom: 0;
        font-size:2.2rem;
        color:#555;
    }
    .kotkas_right dl{
        padding-top: 10px;
        max-width:750px;
    }
    .kotkas_right dt{
        color:#555;
    }
    .kotkas_right dd{
        color: #000;
        padding-bottom:15px;
    }

/* datetime group erinevused, et kuvataks ühel real */
.kotkas_datetime_group{
    width:200px;    
}
.input-group-glue {
  width: 5px;
  display: table-cell;
}
.kotkas_datetime_group .kotkas_date_group{
    width:115px;
    display:table;
}
.kotkas_datetime_group .kotkas_time_group{
    width:90px;
    padding-left:6px !important;
    display:table;
}


.kotkas_date_group,
.kotkas_time_group{
    width: 140px;
    /*input-groupil on marginid, et menüü nuppude wrappimisel ei kleebiks teineteise külge, siin pole vaja, sest tegu on input-group vormi elemendiga*/
    margin: 0;
}
.kotkas_date_group input.form-control,
.kotkas_time_group input.form-control{
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
/*datepickeri z-index võetakse siit + 1*/
.kotkas_date_group .date{
    z-index:10;
}
.kotkas_datetime_group .glyphicon,
.kotkas_date_group .glyphicon,
.kotkas_time_group .glyphicon{
    color:#888;
}
.kotkas_date_group .input-group-addon,
.kotkas_time_group .input-group-addon{
    cursor:pointer;
    /*IE fix, et date filter ei suruks kahele reale filtreid (erand: kui datepicker on inline-blockina, siis tuleb käsitsi panna padding: 6px 12px tagasi)*/
    padding: 5px 12px;
}


.kotkas_box{
    background-color:#f7f7f7;
    color:#555;
    border:0;
    min-height: 20px;
    padding: 15px;
    margin-bottom: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    line-height: 25px;
    border-bottom: 1px solid rgb(213, 170, 59);
}
.kotkas_box .kotkas_box_letter{
    margin-bottom:0;
    /*
    background-color:#fff;
    */
    border-bottom:1px solid #ddd;
    padding:4px;
    /*border-radius: 3px;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height:20px;
}
.kotkas_box .kotkas_box_letter a{
    font-size:12px;
}
/*
.kotkas_box .kotkas_box_letter:nth-child(1){
    border-left:5px solid #E5B467;
}
.kotkas_box .kotkas_box_letter:nth-child(2){
    border-left:5px solid #ABAB6F;
}
.kotkas_box .kotkas_box_letter:nth-child(3){
    border-left:5px solid #81B8B1;
}
*/
.kotkas_box_header{
    background-color:rgb(69, 121, 165);
    padding: 8px 15px;
    border-bottom: 2px solid rgb(213, 170, 59);
    font-weight: 600;
    color:#fff;
    margin:0;
}
.kotkas_box_header a{
    color:#fff;
}
.kotkas_box_header .kotkas_icon::before{
    color: #FFF;
}
.kotkas_debug_table td {
    padding: 3px;
}
.kotkas-removable-area .form-control,
.kotkas-removable-area .multiselect,
.kotkas-removable-area .classificator-modal-container,
.kotkas-removable-area .kotkas-search-wrapper .search-label-wrapper
{
    background-color: #ffdad6;
    border-color: #d68080;
}
.kotkas-movable-area{
    background-color: rgb(191, 255, 184);
}


/****************************
        LAYOUT FLEXBOX
***************************/
/*
http://www.sketchingwithcss.com/samplechapter/cheatsheet.html
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*/

/*separate flex container 1*/
.kotkas_body{
    display: flex;
    max-width:1200px;
    height: 100%;
    margin:auto;
    /*ylevalt alla paigutus*/
    flex-direction: column;
    /*columnitel on align-items, rowdel justify-content*/
    align-items: flex-start;
    position: relative;
}
.kotkas_header{
    /*et kõrgusi ei venitataks suuremaks*/
    flex: 0 0 auto;
    width:100%;
    /*võib vaja minna*/
    /*height:111px;*/
}
.kotkas_center{
    /*venitame kõrgust, shrink (teine argument) peab olema 0, et ei peaks kasutama kotkas_bodyl min-height:100% ja ei tekiks IE10/IE11 flex min-height bugi, samuti peab kotkas_header ja kotkas_footer flex-shrink olema 0*/
    flex: 1 0 auto;
    width:100%;
}
.kotkas_footer{
    /*et kõrgusi ei venitataks suuremaks*/
    flex: 0 0 auto;
    width:100%;
    padding:15px 20px 10px 60px;
}

/*separate flex container 2*/
.kotkas_header{
    display: flex;
    flex-flow: row wrap;
    /*columnitel on align-items, rowdel justify-content*/
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.kotkas_logo_container{
    flex: 0 0 auto;
    order:1;
}
.kotkas_header_buttons{
    flex: 0 0 auto;
    order:2;
}
.kotkas_header_menu{
    flex: 0 0 auto;
    order:3;
}

/*separate flex container 3*/
.kotkas_center{
    display: flex;
    /*laiutame*/
    flex-direction: column;
}
.kotkas_main{
    /*siin lubame shrinkida, muidu tekib väiksel resol horisontaalne kerimisriba*/
    flex: 1 1 auto;
}

/*separate flex container 4*/
.kotkas_footer{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.kotkas_footer_item{
    flex: 1 0 auto;
}







/* Avalehe lai vaade */
.page-public_index{
    /* ei soovi pilti jätkukohta vasakusse contenti äärde */
    background-position-x:0;
}
    .page-public_index .kotkas_body{
        max-width:100%;
    }
    .page-public_index .kotkas_header_menu,
    .page-public_index .kotkas_header_buttons,
    .page-public_index .primary-alerts,
    .page-public_index .kotkas_header{
        /* 600px + 600px = 1200px, 8.5px on pool scrollbarist */
        padding-left: calc(50vw - 608.5px);
        padding-right: calc(50vw - 608.5px);
    }
    .page-public_index .kotkas_topmenu{
        /* 600px + 600px = 1200px, 8.5px on pool scrollbarist, 15px on menüü enda paddingud */
        padding-left: calc(50vw - 608.5px + 15px);
        padding-right: calc(50vw - 608.5px + 15px);
    }
    .page-public_index .kotkas_login_modal_dialog{
        right: calc(50vw - 608.5px);
    }
    .page-public_index .kotkas_footer{
        /* 600px + 600px = 1200px, 8.5px on pool scrollbarist, 60px ja 20px on footeri enda paddingud */
        padding-left: calc(50vw - 608.5px + 60px);
        padding-right: calc(50vw - 608.5px + 20px);
    }
    .page-public_index .kotkas_main{
        background-color: rgba(56, 60, 65, 0.5);
    }
    .page-public_index .alert{
        box-shadow: none;
    }
    .page-public_index .alert-success{
        background-color: #bbe2aedb;
    }
    .page-public_index .alert-warning{
        background-color: #ffdc75e0;
    }
    .page-public_index .kotkas_right{
        min-height: 200px;
    }
    .public_index__container{
        position: relative;
        margin-top:10vh;
        padding-left: calc(50vw - 450px);
        padding-right: calc(50vw - 450px);
    }
    .public_index__name{
        font-size:60px;
        color: #eee;
    }
    .public_index__desc{
        font-size:30px;
        color: #eee;
    }
    .public_index__btn_container{
        margin-top:6vh;
        line-height: 5rem;
    }
    .public_index__btn_container__btn{
        border: 2px solid #ccc;
        background: rgba(47, 142, 78, 0.7);
        padding: 10px 20px;
        font-size: 20px;
        color:#fff;
        margin-right:20px;
    }
    .public_index__btn_container__btn:focus,
    .public_index__btn_container__btn:hover{
        color:#fff;
        text-decoration: none;
        background: rgba(47, 142, 78, 0.85);
    }







/****************************
        RESPONSIVE SECTION (adjust layout for smaller resolutions)
***************************/

/*IE8-IE11 fix: margin auto max-width does not work, we set up media query and set width back to auto on smaller resolutions*/
@media all and (max-width: 1220px){
    .btn_container_fixed,
    .alert-fixed{
        width:auto;
    }

    /*kui nupud kahele reale lähevad, siis ei kleepuks üksteise külge*/
    .form-control, /*paneme ka tava vormiväljadele, sest muidu oleks nt dokumendiregistri filtrist väiksel laiusel eri kõrgused ja wrapiks koledate tühialadega*/
    .btn,
    .input-group{
        margin-bottom: 1px;
    }
}
@media all and (max-width: 800px){
    .kotkas_header .kotkas_logo_container{
        position: static !important;
        flex: 1 1 auto;
        width:auto;
        order:0;
        margin-bottom:65px;

    }
    .kotkas_header .kotkas_header_buttons{
        position: static !important;
        order:1;
    }
    .kotkas_header .kotkas_header_menu{
        position: static !important;
        flex: 1 1 100%;
        text-align: right;
        margin:0;
        margin-right:5px;
        padding-bottom:10px;
    }
    .kotkas_footer{
        padding-left:10px;
    }
    .alert-fixed{
        left:20px;
    }
}

/*large view, lets switch button on headerbar to menu*/
@media all and (min-width: 800px) {
    /*show full menu*/
    .kotkas_topmenu{
        display: flex;
    }
    /*hide menu button*/
    .kotkas_topmenu_dropdown{
        display: none;
    }
}

/*small view, lets switch menu to button on headerbar*/
@media all and (max-width: 800px) {
    /*hide full menu*/
    .kotkas_topmenu {
        display: none !important;
    }
    /*show new menu button*/
    .kotkas_topmenu_btn {
        display: inline-block;
    }
}

/*tiny view buttons wrap fix*/
@media all and (max-width: 480px) {
    .kotkas_header .kotkas_header_buttons{
        width:100%;
        text-align: right;
    }
    /*väiksel resol tohib olla vapi laius umbes 1/13 lehe laiusest*/
    .kotkas_header .kotkas_logo{
        height:auto;
        max-width:50%;
        min-width:120px;
    }
}


/****************************
        DIALOGS
***************************/

/* kotkas_dialog-common */
.kotkas_dialog-common .modal-header{ padding: 10px 15px; }
.kotkas_dialog-common .bootstrap-dialog-close-button{ margin-top: 2px; }
.kotkas_dialog-common .modal-body{ max-height: calc(100vh - 160px); overflow-y: auto; }
.kotkas_dialog-common .modal-footer{ padding: 10px 15px 6px; }
/*cancel button on meil paremal*/
.kotkas_dialog-common .bootstrap-dialog-footer-buttons .pull-left{ float:right !important;margin-left:5px;}
.kotkas_dialog-XL .modal-dialog{ width: 1100px; }
.kotkas_dialog-MAXWIDTH .modal-dialog{ width: calc(100vw - 40px) !important; }
.kotkas_dialog-MAXHEIGHT .modal-dialog{ height: calc(100vh - 160px) !important; }
.kotkas_dialog-map_editor{ padding-right: 0 !important; }
.kotkas_dialog-map_editor .modal-dialog{ margin: 10px auto; }
.kotkas_dialog-map_editor .modal-body{ padding: 0; overflow: hidden; max-height: calc(100vh - 110px); }
.kotkas_dialog_gray .modal-body, .kotkas_dialog_gray .kotkas_main { background: #eee; }
.kotkas_dialog_gray .card2 { border: 2px solid #ddd; }


/**** login dialog ****/
.kotkas_modal_header {
    background-image: linear-gradient(rgb(255, 255, 255) 1%, rgb(242, 242, 242) 100%);
    background-repeat: repeat-x;
    border-bottom: 1px solid rgb(201, 201, 201);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 3px 0px, rgba(0, 0, 0, 0.0470588) 0px -1px 1px 0px;
    box-sizing: border-box;
    color: rgb(102, 102, 102);
    display: block;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 13px 20px 12px 20px;
    position: relative;
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    width: 100%;
}
.kotkas_modal_title {
    box-sizing: border-box;
    color: rgb(102, 102, 102);
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin:0;
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
}
.kotkas_modal_footer{
    padding: 8px 20px 9px 20px;
    background-color: rgb(242,242,242);
    border-top: 1px solid rgb(201, 201, 201);
}
.kotkas_login_modal{
    outline:none;
    text-align: left;
    margin-right:-17px;
    display:none;
}
.kotkas_login_modal .modal-body > p{ text-align: center; }
.kotkas_login_modal_dialog{
    z-index:1041; /*peab olema v2iksem kui kotkas modal dialog (1040)*/
    width:460px;
    position:absolute;
    right:0;
}
.kotkas_login_modal_dialog .modal-body{
    padding:0;
}
.kotkas_dialog-error{
    z-index: 6000 !important;
}

@media (max-width: 768px){
    .kotkas_login_modal_dialog{
        margin: 2px 10px 10px 10px !important;
        width: auto;
        right: 0;
    }
    .pad5top_max768{
        padding-top:5px;
    }
    /*tavavormide kohustuslikud väljad - et väiksel resol ei läheks kohustusliku välja tärn teisele reale*/
    label.required:after{
        display:inline-block;
        margin-left:6px;
    }
}
@media (min-width: 768px){
    .kotkas_login_modal_dialog{
        margin: 2px 10px 10px 10px !important;
    }
    .form-horizontal .control-label{
        padding-top:5px;
    }
}
@media (min-width: 800px){
    .kotkas_login_modal_dialog{
        margin: 2px 0px 10px 0px !important;
    }
}
.kotkas_login-dropdown{
    width: 600px;
    background: #fff;
    padding-top: 0;
}
.kotkas_login_link img{
    margin:20px 10px 5px 10px;
}


.kotkas_ajax-error-dialog .modal-dialog{}
.kotkas_ajax-error-dialog-large .modal-dialog{
    width: 800px;
    /*height: 600px;*/
}

/****************************
        PRINT
***************************/

@media print {
    body { background-color: #FFF; background-image: none; }
    /*siin ei tohi ühte blokki kokku panna, muidu ei tööta*/
    .noprint { display: none; }
    .kotkas_header { display: none; }
    .kotkas_footer { display: none; }
    #toc, .nav, .kotkas_topmenu
    { display: none; }
    /*defineerime kohad, mida ei taha poolitada*/
    img,
    .keep-with-next,
    .app_view_form thead, /*rowspaniga tabeli thead page break on bugine*/
    .app_view_form thead>tr,
    .app_view_tuple tbody>tr,
    .app_table_view tbody>tr, /*vertical tuple*/
    .app_view_el_container,
    .app_view_wysiwyg tr,
    .app_view_wysiwyg_title,
    .app_view_footnote{
        page-break-inside: avoid !important;
    }
    /*defineerime kohad, mida võib poolitada*/
    .app_view_wysiwyg_content,
    .app_view_noop,
    .app_view_noop_tuple,
    .app_view_form tbody{
        page-break-inside: auto;
    }
}

/******************************************
    Teadete nimekiri seotud objekti sakis
******************************************/

.general_object_messages_list .kotkas-message-link { color: #888; padding-left: 30px; position: relative; }
.general_object_messages_list .unread,
.general_object_messages_list .unread .kotkas-message-title,
.general_object_messages_list .unread .kotkas-related-object{ font-weight: bold; color: rgb(65, 65, 65); }
.general_object_messages_list .kotkas-message-type { color: #fff; font-size: 11px; position: absolute; left: 6px; top: 9px; }
.general_object_messages_list .kotkas-message-sender { color: #222; font-size: 14px; }
.general_object_messages_list .kotkas-message-type-text { text-align:left; width: 15%; font-size: 14px; color: #888; }
.general_object_messages_list .kotkas-message-time { color: #222; width: 20%; text-align:right;}
.general_object_messages_list .kotkas-message-attachment { color: #888; font-size:14px; padding-right: 5px;}
.general_object_messages_list .kotkas-message-title { color: #888; overflow-x: hidden; }
.general_object_messages_list .kotkas-related-object { color: #888; font-size: 13px; }

/**************************************
    Teate vaade seotud objekti listis
**************************************/
.general_object_messages_view .message-short { display: block;}
.general_object_messages_view .message-full { display: none; }
.general_object_messages_view .message.open .message-full { display: block; }
.general_object_messages_view .message.open .message-short { display: none; }
.general_object_messages_view .message-header .ame { color: #6f6f6f; }
.general_object_messages_view .message-short-header { cursor: pointer; padding: 10px 15px 15px 15px; }
.general_object_messages_view .message-short-header-sender { font-weight: bold; }
.general_object_messages_view .message-short-header > table { width: 100%; }
.general_object_messages_view .message-short-header-sent_time { color: #696969; font-size: 12px; }
.general_object_messages_view .message-full-header { padding: 10px 15px 10px 15px;}
.general_object_messages_view .message-full-header > table { width: 100%; }
.general_object_messages_view .message-full-header-sender { font-weight: bold; }
.general_object_messages_view .message-full-header-sent_time { color: #696969; font-size: 12px; }
.general_object_messages_view .message-full-body { margin: 0 15px; padding: 15px 0; border-top: 1px dashed #DBDAD8; text-align: justify;}
.general_object_messages_view .message-short-header-sender,
.general_object_messages_view .message-full-header-sender {  color: #494949; }
.general_object_messages_view .message.wrapped { display: none; }
.general_object_messages_view .message-reply-textarea { resize: none; }
.general_object_messages_view ul.message-attachments { font-size: 14px; list-style: none; padding-left:0; }
.general_object_messages_view ul.message-menu { margin: 0; padding: 0; font-size: 12px; list-style-type: none; line-height: 14px; margin-top: 5px; }
.general_object_messages_view ul.message-menu li { display: inline-block; padding-left: 8px; text-align: left; }
.general_object_messages_view ul.message-menu li:not(:last-child) { border-right: 1px solid #ccc; padding-right: 10px; }
.general_object_messages_view ul.message-menu li a { font-size: 12px; font-weight: bold; }
.general_object_messages_view ul.message-menu .menu-icon { display: inline-block; vertical-align: top; width: 14px; margin-right: 0; }
.general_object_messages_view .message-label { font-size: 10px; top: -2px; position: relative; }
.general_object_messages_view .message-wrapper-line-container { position: relative; cursor: pointer; }
.general_object_messages_view .message-wrapper-line { background: #f9f9f9; height: 8px; overflow: visible; border-top: 1px solid #ccc; text-align: center; }
.general_object_messages_view .message-wrapper-line-text { background: #f9f9f9; padding: 2px 4px; font-size: 11px; position: absolute; top: 1px; color: #6f6f6f; left: 50%; margin-left: -50px; }
.general_object_messages_view .message{background-color: rgba(193, 219, 241, 0.5);margin-bottom:10px;}
.general_object_messages_view .message-ame{background-color: rgba(230, 230, 230, 0.5);margin-bottom:10px;}
.general_object_messages_view .message .glyphicon{ color: #888; font-size: 12px;}
.general_object_messages_view .message .kotkas-message-attachment { padding-right: 5px;}

/****************************
        PAGE SPECIFIC
***************************/

.page-public_index { }
    .page-public_index .container-fluid { padding-left: 0; padding-right: 0; line-height: 1.8; }
    .page-public_index .container-fluid ul { list-style: none; }
    .page-public_index .container-fluid ul li { position: relative; }
    .page-public_index .container-fluid ul li:before { content: "•"; vertical-align: middle; padding-right: 7px; line-height: 20px; float: left; position: absolute; left: -25px; font-size: 23px; margin-top: 2px; color: #696969; }

.page-representation_index{}
    .page-representation_index .representation-list .name{ font-weight: bold; }
    .page-representation_index .representation-list .col-1{ width: 1%; }
    .page-representation_index .representation-list .col-icon{ width: 16%; }
    .page-representation_index .representation-list .kotkas_icon:before{ font-size: 20px; line-height: 10px; vertical-align: middle; color: #1b81ac; }
    .page-representation_index .representation-list .kotkas_icon-exclamation:before{ color: #f00; }
    .page-representation_index .representation-list .kotkas_icon-checked:before{ color: #080; }
    .page-representation_index .representation-list .kotkas_icon-mail-alt{ position:relative;top:-2px; }
    .page-representation_index .representation-list .kotkas_icon-loading:before{ color: rgba(69, 121, 165, 0.5) }
    .page-representation_index .representation-list .kotkas_icon-loading{ display: none; }
    .page-representation_index .representation-list .row-loading .kotkas_icon-loading{ display: inline-block; }
    .page-representation_index .representation-list .row-loading .status{ display: none; }
    .page-representation_index .table td:nth-child(3),
    .page-representation_index .table td:nth-child(5){
        background-color:#f7f7f7;
        color:#fff;
    }

.page-workspace_index{}
    .page-workspace_index .btn-show-all{ padding: 0px 5px 0px; display: inline-block; }

.page-contract_index { }
    .page-contract_index .container-fluid ul { list-style: none; }
    .page-contract_index .container-fluid ul li { position: relative; }
    .page-contract_index .container-fluid ul li:before { content: "•"; vertical-align: middle; padding-right: 7px; line-height: 20px; float: left; position: absolute; left: -25px; font-size: 23px; margin-top: 2px; color: #696969; }

.page-messages_index { }
    .page-messages_index .message-nav { margin: 0; padding: 0; list-style-type: none; }
    .page-messages_index .message-nav li { margin-bottom: 1px; display: block; }
    .page-messages_index .message-nav li > a { padding: 5px 0; display: block; outline: 0; color: #696969; padding-left: 15px; }
    .page-messages_index .message-nav li a:active,
    .page-messages_index .message-nav li a:focus,
    .page-messages_index .message-nav li a:hover { background: #F1F1F1; text-decoration: none; border-left: 5px solid #696969; padding-left: 10px; }
    .page-messages_index .message-nav li.active > a { font-weight: bold; color: #72859B; padding-left: 10px; border-left: 5px solid #72859B; }
    .page-messages_index .kotkas-message-link { color: #888; padding-left: 30px; position: relative; }
    .page-messages_index .unread,
    .page-messages_index .unread .kotkas-message-title,
    .page-messages_index .unread .kotkas-related-object{ font-weight: bold; color: rgb(65, 65, 65); }
    .page-messages_index .kotkas-message-type { font-size: 11px; position: absolute; left: 6px; top: 9px; }
    .page-messages_index .kotkas-message-sender { color: #222; font-size: 14px; }
    .page-messages_index .kotkas-message-time { color: #222; }
    .page-messages_index .kotkas-message-attachment { color: #888; font-size:14px; padding-right: 5px;}
    .page-messages_index .kotkas-message-title { color: #888; overflow-x: hidden; }
    .page-messages_index .kotkas-related-object { color: #888; font-size: 13px; }
    .page-messages_index .search-btn .glyphicon{ font-size: 9px; }


/*väljastused - kasutusel mitmel eri lehel*/
.kotkas-document-general-listing .second td { border-top:0; padding-top:0; font-size:12px; }
.kotkas-document-general-listing .indent-level-2 { padding-left: 55px !important; background-position: 24px -4px; }
.kotkas-document-general-listing .issuances-title { margin-top:-5px; margin-left:27px;}
.kotkas-document-general-listing .document-children td { padding:0; padding-right:25px; color:#888; font-size:12px; }
.kotkas-document-general-listing>tbody>tr>td:first-child>a { font-weight: bold; }

.page-messages_conversation{}
    .page-messages_conversation .message-short { display: block;}
    .page-messages_conversation .message-full { display: none; }
    .page-messages_conversation .message.open .message-full { display: block; }
    .page-messages_conversation .message.open .message-short { display: none; }
    .page-messages_conversation .message-header .ame { color: #6f6f6f; }
    .page-messages_conversation .message-short-header { cursor: pointer; padding: 10px 15px 15px 15px; }
    .page-messages_conversation .message-short-header-sender { font-weight: bold; }
    .page-messages_conversation .message-short-header > table { width: 100%; }
    .page-messages_conversation .message-short-header-sent_time { color: #696969; font-size: 12px; }
    .page-messages_conversation .message-full-header { padding: 10px 15px 10px 15px;}
    .page-messages_conversation .message-full-header > table { width: 100%; }
    .page-messages_conversation .message-full-header-sender { font-weight: bold; }
    .page-messages_conversation .message-full-header-sent_time { color: #696969; font-size: 12px; }
    .page-messages_conversation .message-full-body { margin: 0 15px; padding: 15px 0; border-top: 1px dashed #DBDAD8; text-align: justify;}
    .page-messages_conversation .message-short-header-sender,
    .page-messages_conversation .message-full-header-sender {  color: #494949; }
    .page-messages_conversation .message.wrapped { display: none; }
    .page-messages_conversation .message-reply-textarea { resize: none; }
    .page-messages_conversation ul.message-attachments { font-size: 14px; list-style: none; padding-left:0; }
    .page-messages_conversation ul.message-menu { margin: 0; padding: 0; font-size: 12px; list-style-type: none; line-height: 14px; margin-top: 5px; }
    .page-messages_conversation ul.message-menu li { display: inline-block; padding-left: 8px; text-align: left; }
    .page-messages_conversation ul.message-menu li:not(:last-child) { border-right: 1px solid #ccc; padding-right: 10px; }
    .page-messages_conversation ul.message-menu li a { font-size: 12px; font-weight: bold; }
    .page-messages_conversation ul.message-menu .menu-icon { display: inline-block; vertical-align: top; width: 14px; margin-right: 0; }
    .page-messages_conversation .message-label { font-size: 10px; top: -2px; position: relative; }
    .page-messages_conversation .message-wrapper-line-container { position: relative; cursor: pointer; }
    .page-messages_conversation .message-wrapper-line { background: #f9f9f9; height: 8px; overflow: visible; border-top: 1px solid #ccc; text-align: center; }
    .page-messages_conversation .message-wrapper-line-text { background: #f9f9f9; padding: 2px 4px; font-size: 11px; position: absolute; top: 1px; color: #6f6f6f; left: 50%; margin-left: -50px; }
    .page-messages_conversation .message{background-color: rgba(193, 219, 241, 0.5);margin-bottom:10px;}
    .page-messages_conversation .message-ame{background-color: rgba(230, 230, 230, 0.5);margin-bottom:10px;}
    .page-messages_conversation .message .glyphicon{ color: #888; font-size: 12px;}
    .page-messages_conversation .message .kotkas-message-attachment { padding-right: 5px;}

.page-messages_message{}
    .page-messages_message .message-short { display: block;}
    .page-messages_message .message-full { display: none; }
    .page-messages_message .message.open .message-full { display: block; }
    .page-messages_message .message.open .message-short { display: none; }
    .page-messages_message .message-header .ame { color: #6f6f6f; }
    .page-messages_message .message-short-header { cursor: pointer; padding: 10px 15px 15px 15px; }
    .page-messages_message .message-short-header-sender { font-weight: bold; }
    .page-messages_message .message-short-header > table { width: 100%; }
    .page-messages_message .message-short-header-sent_time { color: #696969; font-size: 12px; }
    .page-messages_message .message-full-header { padding: 10px 15px 10px 15px;}
    .page-messages_message .message-full-header > table { width: 100%; }
    .page-messages_message .message-full-header-sender { font-weight: bold; }
    .page-messages_message .message-full-header-sent_time { color: #696969; font-size: 12px; }
    .page-messages_message .message-full-body { margin: 0 15px; padding: 15px 0; border-top: 1px dashed #DBDAD8; text-align: justify;}
    .page-messages_message .message-short-header-sender,
    .page-messages_message .message-full-header-sender {  color: #494949; }
    .page-messages_message .message.wrapped { display: none; }
    .page-messages_message .message-reply-textarea { resize: none; }
    .page-messages_message ul.message-attachments { font-size: 14px; list-style: none; padding-left:0; }
    .page-messages_message ul.message-menu { margin: 0; padding: 0; font-size: 12px; list-style-type: none; line-height: 14px; margin-top: 5px; }
    .page-messages_message ul.message-menu li { display: inline-block; padding-left: 8px; text-align: left; }
    .page-messages_message ul.message-menu li:not(:last-child) { border-right: 1px solid #ccc; padding-right: 10px; }
    .page-messages_message ul.message-menu li a { font-size: 12px; font-weight: bold; }
    .page-messages_message ul.message-menu .menu-icon { display: inline-block; vertical-align: top; width: 14px; margin-right: 0; }
    .page-messages_message .message-label { font-size: 10px; top: -2px; position: relative; }
    .page-messages_message .message-wrapper-line-container { position: relative; cursor: pointer; }
    .page-messages_message .message-wrapper-line { background: #f9f9f9; height: 8px; overflow: visible; border-top: 1px solid #ccc; text-align: center; }
    .page-messages_message .message-wrapper-line-text { background: #f9f9f9; padding: 2px 4px; font-size: 11px; position: absolute; top: 1px; color: #6f6f6f; left: 50%; margin-left: -50px; }
    .page-messages_message .message{background-color: rgba(193, 219, 241, 0.5);margin-bottom:10px;}
    .page-messages_message .message-ame{background-color: rgba(230, 230, 230, 0.5);margin-bottom:10px;}
    .page-messages_message .message .glyphicon{ color: #888; font-size: 12px;}
    .page-messages_message .message .kotkas-message-attachment { padding-right: 5px;}


.kotkas_notification-container { z-index: 999; position: fixed; bottom: 0; left: auto; right: 17px; top: auto; background: #EAEAEA; box-shadow: 2px 2px 5px #333; width: 400px;}
    .kotkas_notification-container .header { color: #fff; font-weight: bold; text-align: left; padding: 5px; font-size: 13px; background-color:#1b81ac;}
    .kotkas_notification-container .header .close { margin-top: -1px; opacity: 1; color: white; margin-left: 7px; margin-right: 2px; text-shadow: none; }
    .kotkas_notification-container .header .close.minimize { outline: none; margin-top: -5px; }
    .kotkas_notification-container .header .close:hover{ color: #B9B9B9; }
    .kotkas_notification-container .header a { color: white;  }
    .kotkas_notification-container .maximize-icon{ display: none;  }
    .kotkas_notification-container.minimized .header .close.minimize { outline: none; margin-top: -3px; }
    .kotkas_notification-container.minimized .msg-list{ display: none;  }
    .kotkas_notification-container.minimized .maximize-icon{ display: inline;  }
    .kotkas_notification-container.minimized .minimize-icon{ display: none;  }
    .kotkas_notification-container .msg { width: 100%; background: #fff; padding: 0 5px; display: none; margin-bottom: 2px; position: relative; border-left: 8px solid #B9B9B9;}
    .kotkas_notification-container .url { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
    .kotkas_notification-container .msg:hover { background: #f1f1f1; }
    .kotkas_notification-container .msg:last-child { border-bottom: 0; }
    .kotkas_notification-container .kotkas_icon-mail { margin-right: 5px; }
    .kotkas_notification-container .body { width: 100%; float: left; padding: 5px; overflow-x: hidden;}
    .kotkas_notification-container .sender { font-size: 14px; font-weight: bold; color:#1b81ac; }

.page-application_form {}
    .page-application_form .tooltip { min-width: 200px; }
    .page-application_form blockquote { font-size:14px; }
    .page-application_form .table>thead>tr>th { vertical-align: top; }

.page-admin_news_edit{}
    .page-admin_news_edit .ui-datepicker{ z-index: 1060 !important; } /* fix datepicker over dialog */


.page-application_na{}
    /*.page-application_na .form-title{ border: 1px solid #ccc; }*/
    /*.page-application_na .subform-title{ margin-left: 10px; }*/
    /*.page-application_na .subform-title:before{ content: "\203A\00A0"; font-size: 18px; line-height: 12px; }*/
    .page-application_na .level-1{ font-weight: bolder; }
    .page-application_na .arr{ padding: 0; text-align: center; }
    .page-application_na .arr-tooltip .tooltip{ margin-top: 15px; }
    .page-application_na .arr .badge{ padding: 3px 7px; margin-top: 7px;}
    .page-application_na .form-row .yes div{ display: block; }
    .page-application_na .form-row .no div{ display: none; }
    .page-application_na .form-row .arr-yes{ display: block; }
    .page-application_na .form-row .arr-no{ display: none; }
    .page-application_na .form-row.form-row-no .yes div{ display: none; }
    .page-application_na .form-row.form-row-no .no div{ display: block; animation: fadein 1s; }
    .page-application_na .form-row.form-row-no .arr-yes{ display: none; }
    .page-application_na .form-row.form-row-no .arr-no{ display: block; }
    @keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }

.page-applications_application_view_formselection{}
    /*.page-applications_application_view_formselection .form-title{ border: 1px solid #ccc; }*/
    /*.page-applications_application_view_formselection .subform-title{ margin-left: 10px; }*/
    /*.page-applications_application_view_formselection .subform-title:before{ content: "\203A\00A0"; font-size: 18px; line-height: 12px; }*/
    .page-applications_application_view_formselection .level-1{ font-weight: bolder; }
    .page-applications_application_view_formselection .arr{ padding: 0; text-align: center; }
    .page-applications_application_view_formselection .arr-tooltip .tooltip{ margin-top: 15px; }
    .page-applications_application_view_formselection .arr .badge{ padding: 3px 7px; margin-top: 7px;}
    .page-applications_application_view_formselection .form-row .yes div{ display: block; }
    .page-applications_application_view_formselection .form-row .no div{ display: none; }
    .page-applications_application_view_formselection .form-row .arr-yes{ display: block; }
    .page-applications_application_view_formselection .form-row .arr-no{ display: none; }
    .page-applications_application_view_formselection .form-row.form-row-no .yes div{ display: none; }
    .page-applications_application_view_formselection .form-row.form-row-no .no div{ display: block; animation: fadein 1s; }
    .page-applications_application_view_formselection .form-row.form-row-no .arr-yes{ display: none; }
    .page-applications_application_view_formselection .form-row.form-row-no .arr-no{ display: block; }
    @keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }

.page-applications_application_edit{}
    .page-applications_application_edit #sub_activities_list{ padding-right: 5px; }

/* wysiwyg table style START (see /js/tinymce/themes/application_content.css), ei saa olla "page-specific" kuna seda kasutatakse paljudel lehtedel */
.app_wysiwyg table{
    border: 1px solid #EAEAEA;
    width: 100%;
    max-width: 99%;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;    
    box-sizing: border-box;
}
.app_wysiwyg table td, .app_wysiwyg table th{
    border: 1px solid #EAEAEA;
}
.app_wysiwyg table>caption+thead>tr:first-child>td,
.app_wysiwyg table>caption+thead>tr:first-child>th,
.app_wysiwyg table>colgroup+thead>tr:first-child>td,
.app_wysiwyg table>colgroup+thead>tr:first-child>th,
.app_wysiwyg table>thead:first-child>tr:first-child>td,
.app_wysiwyg table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.app_wysiwyg table>thead>tr>th {
    border-bottom: 2px solid #B3B3B3;
}
.app_wysiwyg table>tbody>tr>td, .app_wysiwyg table>tbody>tr>th, .app_wysiwyg table>tfoot>tr>td, .app_wysiwyg table>tfoot>tr>th, .app_wysiwyg table>thead>tr>td, .app_wysiwyg table>thead>tr>th {
    padding: 7px 5px;
    vertical-align: top;
    line-height: 1.42857143;
    border-top: 1px solid #EAEAEA;
}
.app_wysiwyg table>thead>tr>th{
    vertical-align: bottom;
}
.app_wysiwyg table td:nth-child(1), .app_wysiwyg table th:nth-child(1) {
    border-left: 0;
}
.app_wysiwyg table td:last-child, .app_wysiwyg table th:last-child{
    border-right: 0;
}
/* wysiwyg table style END */


.page-public_uudis{}
    .page-public_uudis .news-content{ padding-top: 15px; }

.page-applications_application_view_general{}
    .page-applications_application_view_general .modal-dialog .dropdown-menu{position: relative;}

.page-applications_application_view_formlist{}
    .page-applications_application_view_formlist .top-buttons .tooltip{ white-space: nowrap; }
    .page-applications_application_view_formlist tr.form_not_applicable td { background-color:#f8f8f8; }

.page-proceedings_applications{}
    .page-proceedings_applications .app_formdata .h1,
    .page-proceedings_applications .app_formdata h1{ margin-top:35px; }
    .page-proceedings_applications .app_formdata .h2,
    .page-proceedings_applications .app_formdata h2{ margin-top:25px; }

.page-applications_application_view_statefee{}
    @media print {
        /*.page-applications_application_view_statefee .kotkas_main-container,*/
        .page-applications_application_view_statefee .kotkas-wizard{ 
            display: none; 
        }
    }


.page-permits_detail_view{}
    .page-permits_detail_view #app_formlist_container{ margin: 0; }
    .page-permits_detail_view #app_formlist{ width: 790px; padding: 0; margin: 0; }

/* #app_edit_form GENERAL */
.page_backdrop{
    min-height: 100%;
    position: fixed;
    cursor: wait;
    display: block !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    color: white;
    font-size: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    line-height: 90vh;
}
#app_edit_form{}
    #app_edit_form { font-size:13px; }
    #app_edit_form .checkbox label { line-height: 21px; }
    #app_edit_form .btn-edit{ float: left; margin: 2px 2px 2px 2px; padding: 1px 2px; }
    #app_edit_form .ads-btn{ cursor: pointer; padding: 6px 8px; border-radius: 0 3px 3px 0; border-left:0; }
    #app_edit_form .ads-input{ cursor: pointer; }
    #app_edit_form .ads-input-group{ position: relative; max-width: 475px; }
    #app_edit_form .ads-input-group.readonly .input-group-addon{ display: none;  }
    #app_edit_form .ads-input-group.readonly .ads-input{ background: #eee; cursor: text; }
    #app_edit_form .input-group-lest-vertical{ position: relative; max-width: 475px; }
    #app_edit_form .ads-search-input::-ms-clear {
        display: none;
    } 
    #app_edit_form .ads-search-container{ 
        position: absolute; 
        left: 0;
        top: 31px; 
        padding: 6px; 
        border: 1px solid #ccc;
        background: #eee; 
        z-index: 5;
        width: 400px;
        border-radius: 0 0 3px 3px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    #app_edit_form .ads-search-container.closed{
        display: none;
    }
    #app_edit_form .ads-search-container .input-group-addon{ padding: 0; }
    #app_edit_form .ads-search-container .close{ padding: 3px 8px; }

    #app_edit_form .btn-edit.lest-search{ margin: -6px 0; padding: 1px 3px; }
    #app_edit_form .btn-edit .title{ margin-left: 5px; padding-right: 3px; }
    #app_edit_form .btn-classificator-copy{ margin-left: -3px; padding: 1px 3px; display: none; }
    #app_edit_form .classificator-modal-container--selected .btn-classificator-copy{ display: block; }
    #app_edit_form .wysiwyg-container{ position: relative; }
    #app_edit_form .wysiwyg-preview{ position: relative; height: 60px; overflow: hidden; padding:5px; cursor:text; font-size: 13px; color: #555; word-break: break-all; }
    #app_edit_form .wysiwyg-preview:hover{ cursor: pointer; }
    #app_edit_form .wysiwyg-preview:hover:before,
    #app_edit_form .wysiwyg-preview:focus:before{ font: normal 400 14px 'Glyphicons Halflings', monospace; content: "\270f"; color: #aaa; position: absolute; right: 4px; top: 4px; padding:3px; z-index: 10; background-color: #fff;}
    
    #app_edit_form .hidden_edit_td,
    #app_edit_form .hidden_edit_th{
        /*  hidden_edit elemndi puhul peidame tuples päise ja td  */
        padding: 0 !important;
        width: 0 !important;
        font-size: 0 !important;
        visibility: hidden;
    }
    #app_edit_form .hidden_edit_tr{
        display: none;
    }

    #app_edit_form .business_secret_reason{ width:50%; height:105px; border:1px solid #ccc; resize:vertical; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
    #app_edit_form .business_secret_reason:focus{ border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); }

    #app_edit_form .form-group:nth-child(odd) .wysiwyg-preview:before{ background-image: linear-gradient(transparent 100px, #f9f9f9); }
    #app_edit_form .dialog-orientation-portrait > .modal-dialog{ width: 900px; }
    #app_edit_form .dialog-orientation-landscape > .modal-dialog{ width: 1200px; }
    #app_edit_form .modal-dialog .pagebreak{ border-top: 1px #ccc dashed; margin-top: 15px; margin-bottom: 15px; height: 0; font-size: 0; position: relative; }
    #app_edit_form .modal-dialog .pagebreak:before{ display: block; top: 2px; color: #999; content: 'lehe vahetus'; text-align: center; font-size: 12px; position: absolute; width: 100%; }
    #app_edit_form .tooltip.right { margin-left:-13px; }

    #app_edit_form .has-error .files-container .file_select_btn_js{ border-color: #ED9900 !important; }
    #app_edit_form .files-container .upload-info{ padding: 5px 0 5px; margin-bottom: 5px; clear: both; position: relative; }
    #app_edit_form .files-container .upload-info .filename{ overflow: hidden; text-overflow: ellipsis; word-break: break-word;  }
    #app_edit_form .files-container .upload-info .progress-bar{ height: 10px; width: 0%; background: #74B064; position: relative; margin: 3px 0; }
    #app_edit_form .files-container .upload-info .message{ display: none; }
    #app_edit_form .files-container .upload-info .close{ display: none; }
    #app_edit_form .files-container .upload-info.status-error .message{ color: #d00; }
    #app_edit_form .files-container .upload-info.status-ok .progress-bar:after { content: "\e084"; color: #fff; position: absolute; right: -2px; top: -4px; font: normal 400 16px 'Glyphicons Halflings', monospace; }
    #app_edit_form .files-container .upload-info.status-error .progress-bar{ display: none; }
    /*#app_edit_form .files-container .upload-info.status-error .progress-bar{ background: #ED9900; }*/
    /*#app_edit_form .files-container .upload-info.status-error .progress-bar:after { content: "\e101"; color: #fff; position: absolute; right: -2px; top: -4px; font: normal 400 16px 'Glyphicons Halflings', monospace; }*/
    #app_edit_form .files-container .upload-info.status-error .close{ display: block; position: absolute; right: 3px; top: 3px; }
    #app_edit_form .files-container .upload-info.status-error .close .glyphicon{ color: #d00; }

    #app_edit_form .files-container .files-list{ margin-top:6px; border-top:1px solid #eee; }
    #app_edit_form .files-container .files-list:empty{ display: none; }
    #app_edit_form .files-container--view .files-list{ margin-top:0; border-top:none; }
    #app_edit_form .files-container .file-info{ padding: 3px 0; background-color: #fff; border-bottom:1px solid #eee; display: flex; align-items: end; }
    #app_edit_form .files-container .file-info:last-child{ border-bottom: none; }
    #app_edit_form .files-container .file-info > .kotkas_icon{ margin-top: 4px; }
    #app_edit_form .files-container .file-info .filename{ flex-grow: 1; word-break: break-word; margin: 3px 0 0 3px; min-width: 80px; }
    #app_edit_form .files-container .file-info button{ margin-left: 3px; }
    #app_edit_form .file-business-secret-text { display: none; }
    #app_edit_form .file-business-secret-text--no{ display: block; }
    #app_edit_form .file-business-secret--yes .file-business-secret-text--no{ display: none; }
    #app_edit_form .file-business-secret--yes .file-business-secret-text--yes{ display: block; }
    #app_edit_form .files-container .kotkas_icon-lock-1{ display: none; }
    #app_edit_form .file-business-secret--yes .kotkas_icon-declarations { display: none; }
    #app_edit_form .file-business-secret--yes .kotkas_icon-lock-1 { display: inline; }
    .file-info .kotkas_icon-lock-1{ color: #c00; }
    .file-business-secret--yes .btn-business-secret{ color: #fff; background-color: #da5c4c; border-color: #da5c4c; }
    .form-business-secret--yes .btn-business-secret{ color: #fff; background-color: #da5c4c; border-color: #da5c4c; }

    
    .app_edit_form_buttons-bottom{ padding-top: 15px; margin-left: 367px; }

    #app_edit_form .wysiwyg-row>td, #app_edit_form .wysiwyg-row>th{ transition: background-color 1s linear !important; }
    #app_edit_form .wysiwyg-row-highlight>td, #app_edit_form .wysiwyg-row-highlight>th{ background-color: #FFFBCE !important; }
    #app_edit_form .lest-container-vertical{ width: 50%; }
    #app_edit_form .lest-container-horizontal{ min-width: 130px; }
    #app_edit_form .horizontal .input-group-addon-text{ display: none; }
    #app_edit_form .horizontal .input-group-addon-lest-search{ display: table-cell; padding: 0 0 0 4px; }
    #app_edit_form .horizontal .input-group-addon-lest-search .dropdown-toggle{ padding: 1px 3px; }
    #app_edit_form .horizontal .input-group-addon-info{ display: table-cell; padding: 0; }

    #app_edit_form .lestx-vertical,
    #app_edit_form .lesty-vertical{ width: 80px; }
    /*containeri min-width:130px, sees 2elementi 50%-2px + vahe nende vahel 4px*/
    #app_edit_form .lestx-horizontal, 
    #app_edit_form .lesty-horizontal{ width:calc(50% - 2px); }

    #app_edit_form .horizontal .lesty, #app_edit_form .horizontal .lesty2{ margin-left: 4px; }
    #app_edit_form .horizontal .lestx2, #app_edit_form .horizontal .lesty2{ margin-top: 1px; }

    #app_edit_form .tuple-anchor{ position: relative; top: -50px; }
    #app_edit_form .tuple-anchor:before{ content: ""; float: left; height: 0px; }
    #app_edit_form .vertical-middle{ vertical-align: middle; }
    #app_edit_form .readonly_text_as_input { padding: 5px 2px; }

    #app_edit_form .reposition-container-vertical .dropdown-toggle{ margin-left: 4px; float: none; }

    /*vormi ees olev infobox*/
    #app_edit_form .headnote{
        border: 0;
        background-color: #f2f2f2;
        margin-bottom:15px;
        margin-top: -10px; /*kui koos titlega headnote, siis ei liituks ülemine padding*/
        width: 100%;
        padding: 5px;
        font-size:14px;
    }
    #app_edit_form .headnote_title{
        display: block;
        text-align: justify;
        color:rgb(210, 149, 13);
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    #app_edit_form .headnote_body{
        text-align: justify;
        color:#444;
        max-width:850px;
        padding-left:3px;
        padding-right:3px;
    }
    #app_edit_form .headnote_title .kotkas_icon-info-circled,
    #app_edit_form .headnote_body .kotkas_icon-info-circled{
        color:#0084ae;
    }


    .kotkas_dialog-app_edit_form-wysiwyg .modal-dialog{}
    .kotkas_dialog-app_edit_form-wysiwyg .wysiwyg-wrapper{ margin: 0 auto; }
    .kotkas_dialog-app_edit_form-wysiwyg .mce-tinymce{ border-radius: 0; }
    .kotkas_dialog-app_edit_form-wysiwyg .mce-toolbar-grp{ border-radius: 0; }
    
    .kotkas_dialog-app_edit_form-classificator{}
    .kotkas_dialog-app_edit_form-classificator.modal{ overflow-y: hidden !important; }
    .kotkas_dialog-app_edit_form-classificator .searchbar{ position: absolute; top: 0; left: 15px; right: 15px; background: white; padding: 15px 0 5px 0; }
    .kotkas_dialog-app_edit_form-classificator .group{ font-weight: 700; }
    .kotkas_dialog-app_edit_form-classificator .classificator-list{ padding-top: 40px; }
    .kotkas_dialog-app_edit_form-classificator .highlight{ background-color: yellow; }
    .kotkas_dialog-app_edit_form-classificator tr td{ color: #333; background: #eee; }
    .kotkas_dialog-app_edit_form-classificator tr:hover td{  }
    .kotkas_dialog-app_edit_form-classificator tr.selectable td{ background: #fff; }
    .kotkas_dialog-app_edit_form-classificator tr.selectable:hover td{ background-color: #FFFBCE !important; cursor: pointer; }
    .kotkas_dialog-app_edit_form-classificator label{ cursor: pointer !important; }

    textarea.app_edit_form_textarea_modal{ resize: none; height: 30px !important; overflow: hidden; font-size: 13px; line-height: 1.5; padding: 5px 2px; }
    .textarea-container{ position: relative; max-width: 475px; }
    .textarea-container--full-width{ max-width: 100%; }
    .reposition-container .btn-group{ margin-top: 4px; }
    .reposition-container .dropdown-toggle{ padding-left: 6px; padding-right: 6px; }

.airviro-list{}
    .airviro-list__name{ text-overflow: ellipsis; max-width: 600px; white-space: nowrap; overflow: hidden; }
    .airviro-list__substance_name{ text-overflow: ellipsis; max-width: 150px; white-space: nowrap; overflow: hidden; }

.airviro-edit{}
    .airviro-edit .sources_list{ margin-top: 10px; margin-bottom: 10px; }
    .airviro-edit .sources_list th{ vertical-align: top; font-size: 12px;}
    .airviro-edit .sources_list .required:after{ content: " *"; font-family: verdana, sans-serif; color: #D48400; }
    .airviro-edit .sources_list .lest-container{ width: 160px; }
    .airviro-edit .sources_list td{ vertical-align: middle; }
    .airviro-source-type-area .element-type-point{ display: none; }

.airviro-progress{ display: inline-block; width: 160px; height: 15px; background: #ccc; font-size: 0; line-height: 0; }
.airviro-progress .percentage{ line-height: 15px; height: 15px; background: rgb(232, 166, 61); font-size: 10px; }



/* declarations styling */
.page-declarations_declaration_edit{}
    .page-declarations_declaration_edit .D_AIR_TABEL003_v1_RIDA_ValisohkuEralduvSaasteaine_CASnr_th {width: 100px;}
    .page-declarations_declaration_edit .D_WASTE_T1_RIDA_table>tbody>tr>td:first-child { border-left: 1px solid #EAEAEA;}
    .page-declarations_declaration_edit .D_WASTE_T1_RIDA_table>tbody>tr>td:last-child { border-top: 0; border-bottom: 1px solid #FFF;}
    .page-declarations_declaration_edit .D_WASTE_T1_RIDA_table>thead>tr:first-child>th:last-child { background-color: #FFF; }
    .page-declarations_declaration_edit .D_WASTE_T2_RIDA_table>tbody>tr>td:first-child { border-left: 1px solid #EAEAEA; }

    .page-declarations_declaration_edit .D_EARTH_Mahuaruanne_Mootyhik_th { width: 50px; }
    .page-declarations_declaration_edit .D_EARTH_Mahuaruanne_KaevandatudMaavaraKogus_th { width: 150px; }
    .page-declarations_declaration_edit .D_EARTH_Mahuaruanne_KasutatudMaavaraKogus_th { width: 150px; }
    .page-declarations_declaration_edit .D_EARTH_Mahuaruanne_AllpoolPohjaveetasetMaavaraKogus_th { width: 150px; }
    .page-declarations_declaration_edit .D_EARTH_Mahuaruanne_Selgitus_th { width: 300px; }

    .page-declarations_declaration_edit .D_EARTH_KOVJaotus_KaevandatudMaavaraMaht_th + th { width: 300px; }
    .page-declarations_declaration_edit .D_EARTH_KOVJaotus_KaevandatudMaavaraMaht_th { width: 200px; }
    .page-declarations_declaration_edit .D_EARTH_PolevkiviTootlemiseKOVJaotus_KaevandatudMaavaraMaht_th  + th { width: 300px; }
    .page-declarations_declaration_edit .D_EARTH_PolevkiviTootlemiseKOVJaotus_KaevandatudMaavaraMaht_th { width: 200px; }


    .page-declarations_declaration_edit .D_EARTH_TasuArvutus_YleLoaKoefitsent_th { width: 40px; }
    .page-declarations_declaration_edit .D_EARTH_TasuArvutus_AllpoolPohjavettKoefitsent_th { width: 40px; }

    .page-declarations_declaration_edit .D_EARTH_MahuaruanneKatendJaSetend_MaapoueKasututamiseViis { width: 180px; }
    .page-declarations_declaration_edit .D_EARTH_MahuaruanneKatendJaSetend_Katend_th  { width: 180px; }
    .page-declarations_declaration_edit .D_EARTH_MahuaruanneKatendJaSetend_Maavara_th  { width: 180px; }
    .page-declarations_declaration_edit .D_EARTH_MahuaruanneKatendJaSetend_MaavaraLiik_th  { width: 180px; }
    .page-declarations_declaration_edit .D_EARTH_MahuaruanneKatendJaSetend_VoorandatudMaavaraKogus_th { width: 80px; }
    .page-declarations_declaration_edit .D_EARTH_MahuaruanneKatendJaSetend_TarbitudMaavaraKogus_th { width: 80px; }
    .page-declarations_declaration_edit .D_EARTH_MahuaruanneKatendJaSetend_KOV_EHAK_th  { width: 60px; }
    .page-declarations_declaration_edit .D_EARTH_MahuaruanneKatendJaSetend_KOV_Nimi_th   { width: 150px; }
	.page-declarations_declaration_edit .D_EARTH_MahuaruanneKatendJaSetend_Selgitus_th { width: 80px; }

.page-declarations_index{}
    .page-declarations_index .indent-level-2{ background-position: 4px 4px; }


.page-annual_reports_index{}
    .page-annual_reports_index .indent-level-2{ background-position: 4px 4px; }


.page-applications_application_new{}
    .page-applications_application_new .card{ margin-top: 0px; padding: 10px 10px 30px; margin-bottom: 20px; min-height: 150px; border: 1px solid #1882ac; background: white; position: relative; }
    .page-applications_application_new .card:hover{ border-color:  #286090; }
    .page-applications_application_new .card-header{ background: #1882ac; padding: 0; margin: -11px -11px 0; }
    .page-applications_application_new .card:hover .card-header{ background-color: #286090; }
    .page-applications_application_new .card h2{ color: white; padding: 15px 20px; margin: 0; text-align: center; }
    .page-applications_application_new .card-body{ margin-top: 10px; background: white; position: relative; }
    .page-applications_application_new .btn-more{ padding: 10px 0; }
    .page-applications_application_new .btn-more .glyphicon:before{ font-weight: normal; }
    .page-applications_application_new .card-buttons{ position: absolute; bottom: -17px; left: 0; width: 100%; }
    .page-applications_application_new .btn-apply{ 
        border: 1px solid #1882ac !important;
        background: white !important;
        padding: 6px 30px;
        font-size: 16px;
        color: #1882ac;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: bold;
    }
    .page-applications_application_new .btn-apply:hover{
        color: #fff;
        border-color: #286090;
        background: #275b88 !important;
    }
    .page-applications_application_new .nano{ height: 200px; }
    .page-applications_application_new ul.fullbullet {
        padding-inline-start: 20px;
        margin-top: 10px;
        list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 100 100'><circle cx='50%' cy='50%' r='30' /></svg>");
    }


/* Floating table of contents */
#toc_nav{ background: #fff; padding: 7px 0 0; border-bottom: 2px solid #1e80ac; margin: 0px; display: none; }
#toc_nav .jump_top_js{ display: none; margin-left: 10px; }
#toc_nav.scroll-to-fixed-fixed{ display: block; position: fixed; top: 0; z-index: 12; margin-left: 0; width: 1106px; }
#toc_nav.scroll-to-fixed-fixed .jump_top_js{ display: block; }
#toc_nav .current_section_label{ visibility: hidden; max-width: 920px; font-weight: bold; display: inline-block; overflow: hidden; text-overflow: ellipsis; height: 20px; white-space: nowrap; margin: 10px 0; }
#toc_nav.scroll-to-fixed-fixed .current_section_label{ visibility: visible; }
#toc_nav .current_section_label--small{ max-width: 600px; }
#toc_nav button{ margin-top: 5px; }
#toc { padding: 0; margin-left: 15px; width: 300px; margin-top: 30px; z-index: 1; border: 1px solid #B3B3B3; background: white; }
#toc.scroll-to-fixed-fixed { margin-top: 0px; }
#toc .search{ border-bottom: 1px solid #B3B3B3; margin-bottom: 3px; }
#toc .search input{ border: 0; }
#toc_tree{ max-height: calc(100vh - 145px); overflow: auto; }
#toc_tree ul { margin: 0; padding: 0; list-style: none; }
#toc_tree li { padding: 4px 8px 4px 8px; }
#toc_tree li a{ padding: 0 !important; background: transparent !important; font-size: 11px; }
#toc_tree li:hover{  background: #EAEAEA;}
#toc_tree li.is_reviewed a:before{ position: absolute; margin-left: -16px; margin-top: 0px; font-family: "fontello", monospace; font-variant: normal; text-transform: none; line-height: 1; content: '\e806'; background-color: rgb(116, 176, 100); padding: 1px; color: #fff; font-size: 12px; }
#toc_tree li.is_invalid a:before{ position: absolute; margin-left: -16px; margin-top: 0px; font-family: "fontello", monospace; font-variant: normal; text-transform: none; line-height: 1; content: '\e816'; background-color: rgb(230, 186, 97); padding: 1px; color: #fff; font-size: 12px; }
#toc_tree .tocify-subheader li a{ padding-left: 20px !important; }
#toc_tree .tocify-subheader .tocify-subheader li a{ padding-left: 40px !important; }
#toc_tree .active{ background-color: #1b81ac !important; }
#toc_tree .active a{  color: #fff;  }
#toc_tree a{ text-decoration: none; }
#toc_tree .highlight{ background-color: yellow; }
#toc_tree .active .highlight{ color: #1b81ac; }
#toc_tree li.is_unresolved a:before{ position: absolute; margin-left: -16px; margin-top: 0px; font-family: 'Glyphicons Halflings', monospace; font-variant: normal; text-transform: none; line-height: 1; content: '\e111'; padding: 1px; color: #E8A63D; font-size: 12px; }
#toc_tree li.is_reviewed, #toc_tree li.is_invalid, #toc_tree li.is_unresolved{ padding-left: 20px; }


.wysiwyg-html{  }
.wysiwyg-html img{ max-width: 100% !important; } /* teeme ülilaiad pildid väiksemaks */
.wysiwyg-html table{ max-width: 100% !important; } 


/* input[type=range] stiil */
/* http://danielstern.ca/range.css/?ref=css-tricks#/ */
input[type=range] { -webkit-appearance: none; width: 100%; margin: 10.8px 0; }
input[type=range]:focus { outline: none; }
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8.4px; cursor: pointer; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; background: #3071a9; border-radius: 1.3px; border: 0.2px solid #010101; }
input[type=range]::-webkit-slider-thumb { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0); border: 1px solid #000000; height: 30px; width: 18px; border-radius: 2px; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -11px; }
input[type=range]:focus::-webkit-slider-runnable-track { background: #367ebd; }
input[type=range]::-moz-range-track { width: 100%; height: 8.4px; cursor: pointer; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; background: #3071a9; border-radius: 1.3px; border: 0.2px solid #010101; }
input[type=range]::-moz-range-thumb { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0); border: 1px solid #000000; height: 30px; width: 18px; border-radius: 2px; background: #ffffff; cursor: pointer; }
input[type=range]::-ms-track { width: 100%; height: 8.4px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; }
input[type=range]::-ms-fill-lower { background: #2a6495; border: 0.2px solid #010101; border-radius: 2.6px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; }
input[type=range]::-ms-fill-upper { background: #3071a9; border: 0.2px solid #010101; border-radius: 2.6px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; }
input[type=range]::-ms-thumb { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0); border: 1px solid #000000; height: 30px; width: 18px; border-radius: 2px; background: #ffffff; cursor: pointer; height: 8.4px; }
input[type=range]:focus::-ms-fill-lower { background: #3071a9; }
input[type=range]:focus::-ms-fill-upper { background: #367ebd; }

.mobile_id_num{
    font-size:34px;
    color: #555;
    font-weight: bold;
    background: #e9e9e9;
    padding:5px 10px;
    border-radius: 3px;
    margin-top:20px;
}


/* nano default */
.nano { position: relative; width: 100%; height: 100%; overflow: hidden }
.nano > .nano-content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; padding-right: 10px; }
.nano > .nano-content:focus { outline: thin dotted }
.nano > .nano-content::-webkit-scrollbar { display: none }
.has-scrollbar > .nano-content::-webkit-scrollbar { display: block }
.nano > .nano-pane { background: rgba(0, 0, 0, .25); position: absolute; width: 10px; right: 0; top: 0; bottom: 0; visibility: hidden\9; opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.nano > .nano-pane > .nano-slider { background: #444; background: rgba(0, 0, 0, .5); position: relative; margin: 0 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed { visibility: visible\9; opacity: 0.99 }



.formgen-coordinates-preview{ color: #3278b3;  cursor: pointer; }
.formgen-coordinates-preview:hover{ 
    text-decoration: underline; 
    text-underline-position: under; 

}
.formgen-coordinates-preview:before{ 
    font-family: "fontello", monospace; 
    line-height: 1; 
    content: '\e83f'; 
    margin: 0 3px 0 0;
    text-decoration: none !important;
    color: #3278b3;
}
.formgen-coordinates-preview:empty:before{
    display: none;
}

    
/* vormid diffid */
.formgen_forms_diff{}
    /*pdf style override*/
    .formgen_forms_diff .app_view_form { padding-top: 0 !important; }
    /*laiem, sest diffi vasak pealkiri ja paddingud tulevad juurde, pdf_style max-width override*/
    .formgen_forms_diff .application_forms_view_container { max-width: 100% !important; }
    .formgen_forms_diff .diff_title_container { padding: 7px 150px 7px 10px; border-top: 1px solid #e3e3e3; font-size: 14px; }
    .formgen_forms_diff .diff_content_container { min-width:1101px; margin-bottom: 10px; }
    .formgen_forms_diff .td_title_prev { vertical-align: top; background-color: #FDD0D0; width: 118px; }
    .formgen_forms_diff .td_title_new { vertical-align: top; background-color: #C7FFC7; width: 118px; }
    .formgen_forms_diff .table_diff { margin-top:10px; width:100%; }
    .formgen_forms_diff .table_diff>tbody>tr>td { padding:10px; }
    .formgen_forms_diff .table_diff .app_view_form{ width: 963px; }
    .formgen_forms_diff .diff_content_container ins { background-color: #eaffea; color: #333; text-decoration: none; }
    .formgen_forms_diff .diff_content_container del { background-color: #ffeaea color: #a33; text-decoration: line-through; }



/* KMH register */
.registry_kmh__search_container{
        position: relative;
        margin-bottom: 35px;
    }
    .registry_kmh__search_container .multiselect-container{
        width: auto;
        max-width: 550px;
    }
    .registry_kmh__search_container .kotkas_icon-info-circled{
        position: absolute;
        top: 0;
    }
    .registry_kmh__search_container .form-group label.ellipsis_info{
        padding-right: 25px;
    }
    .registry_kmh__search_container .form-group label.ellipsis_info .kotkas_icon-info-circled{
        right: 10px;
    }
    .registry_kmh__search_detailed_container{
        max-height: 1000px; 
        transition: max-height 0.3s ease-in-out; 
        padding: 5px 0 0 0;
    }
    .registry_kmh__search_detailed_container--hidden .registry_kmh__search_detailed_container{
        overflow: hidden;
    }
    .registry_kmh__search_detailed_container--collapsed .registry_kmh__search_detailed_container{
        max-height: 0;
    }
    .registry_kmh__search_detailed__toggler {
        cursor: pointer;
        margin: -5px -3px;
        color: black;
    }
    .registry_kmh__search_detailed__toggler__text:hover{
        color: #3278b3;
        user-select: none;
    }
    .registry_kmh__search_detailed__toggler__text{
        width: 180px;
        height: 30px;
        text-align: center;
        position: absolute;
        left: calc(50% - 90px);
        display: block;
        background: #F5F5F5;
        border: 1px solid #e3e3e3;
        margin-left: -20px;
        border-radius: 0 0 3px 3px;
        border-top-width: 0;
        bottom: -30px;
        line-height: 30px;
    }
    .registry_kmh__search_detailed__toggler__text--open{
        display: none;
    }
    .registry_kmh__search_detailed_container--collapsed .registry_kmh__search_detailed__toggler__text--close{
        display: none;
    }
    .registry_kmh__search_detailed_container--collapsed .registry_kmh__search_detailed__toggler__text--open{
        display: block;
    }
    .registry_kmh__search_detailed_container--has-details .registry_kmh__search_detailed__toggler__text::before{
        width: 20px;
        height: 20px;
        /*content: '\e825';*/
        content: '\e806';
        font-family: "fontello", monospace;
        position: absolute;;
        color: green;
        font-size: 20px;
        left: 5px;
    }