html,
body {
  margin:0;
  padding:0;
  height:100%;
}
body {
  font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ffffff;
}
body > div.body {
  min-height: 100%;
  position: relative;
}
.link { 
  cursor: pointer;
}
.underline {
   text-decoration: underline;
}
.strike {
   text-decoration: line-through;
}
.drag {
  cursor: move;
}
.center {
  text-align: center;
}
.shablon, .hidden {
  display: none;
}
.left { float: left;}
.right { float: right;}
.cb {
  clear: both;
}
.number {
  text-align: right;
}
h1,h2,h3,h4,h5,h6{
  font-size: 1em;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.big {
  font-size: 1.4em;
}

/*general classes*/
/*general select list*/
div.box {background-color: #fff;}
div.box > label {
  display: block; 
  color: #fff;
  background-color: #7DCEFD;
  font-size: 1.6em;
  padding: 0.318em 1em;
}
div.box > div, div.box > form {
  padding: 1em;
  display: block;
}


table {
  border-collapse: collapse;
  width: 100%;
}
table, table > thead > tr > td, table > tbody > tr > td { vertical-align: top; }
table > thead > tr > th {
  font-weight: normal;
  color: DarkSlateGray;
  background-color: Gainsboro;
  text-align: left;
}
table > thead > tr > th[data-field] {
  cursor: pointer;
}
table > thead > tr > th.[data-order-type]:after{
  dispaly: inline-block;
  margin-left: 1em;
}
table > thead > tr > th[data-order-type=ASC]:after {
  content: "▲";
  color: green;
}
table > thead > tr > th[data-order-type=DESC]:after {
  content : "▼";
  color: red;
}


table.lists {
  border-spacing: 0.2em;
}
table.lists > thead > tr > th, table.lists, table.lists > tbody > tr > td {
  border: 1px solid grey;
  padding: 0.2em;
}
table.lists > tbody > tr {
  cursor: pointer;
}
table.lists > tbody > tr:hover {
  background-color: LightSteelBlue;
}
table.lists > tbody > tr.selected, table.lists > tbody > tr.selected:hover {
  background-color: PowderBlue;
}


textarea,  select, input[type=text], input[type=password], input[type=number], input[type=email] {
  border: 1px solid grey;
  /*background-color: Ivory;*/
  font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  /*font-style: italic;*/
  font-size: 1.1em;
  box-sizing: border-box;
}
textarea:disabled,  select:disabled, input[type=text]:disabled, input[type=password]:disabled {
  border: 1px solid #eee;
  background-color: #ddd;
}
[class$=_ctl] {display: inline-block;}
input[type=button], input[type=submit], input[type=reset], button, [class$=_ctl], .nav {
  border: 0;
  margin: 0;
  background-color: Chocolate;
  padding: 0.3em 1em;
  color: #fff;
  font-weght: normal;
  cursor: pointer;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, [class$=_ctl]:hover, .nav:hover {
  background-color: SaddleBrown;
} 


div[position=main] {display: none;}


div.fog, div.fog_without_loader {
  position: absolute;
  top: 0; bottom: 0; left:0; right: 0;
  background-color: Silver;
  opacity:0.8;
  z-index: 1000;
}
div.fog:after{
  content: "";
  background-image: url(images/ajax-loader.gif);
  display: block;
  position: absolute;
  top: 50%; left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  z-index: 999;
}
 
.popup > .fog{ position: fixed; z-index: -1;}
.popup > .fog:after{display: none;}
.popup {
  display: none;
  position: fixed;
  /*width: 30em;*/
  /*height: 22.5em;*/
  top: 10%;
  /*left: 50%;
  margin-left: -15em;
  */
  left: 0; right: 0;
  vertical-align: middle;
  z-index: 1000;
}
.popup > div.outer {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
}
.popup > div.outer > div.inner {
  padding: 5em 4.1em;
  background-color: #fff;
  position: relative;
  /*position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;*/
}
.popup > div.outer > div.inner > div.close {
  background-color: #4b4f5a;
  color: #fff;
  cursor: pointer;
  font-size: 2em;
  height: 1em;
  line-height: 1em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  width: 1em;
  z-index: 1;
}
.popup > div.outer > div.inner > div.close:hover {
  color: #7dcefd;
}



div.pagination { }
div.pagination > div.row {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content: space-between;
}
div.pagination div.ctls {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
}
div.pagination div.ctls > .nav { margin: 0.2em;}
div.pagination div.ctls > .between { margin: 0.2em; padding: 0.3em;}
div.pagination div.ctls > .nav.selected { background-color: #7dcefd;}
div.pagination div.ctls > .nav.inactive { background-color: #ccc; cursor: inherit;}



.list_set > :after { content: ", "; }
.list_set > :last-child:after { display: none; }


.provider_C {background-color: #88C718; color: #fff;}
.provider_V {background-color: #F90001; color: #fff;}
.provider_T, .provider_Q {background-color: #00ACE7; color: #fff;}
.provider_Y {background-color: #FFC20F; color: #fff;}

.notificaton_status_1 {background-color: Lime;}
.notificaton_status_2 {background-color: LightPink;}
.notificaton_status_3 {background-color: Bisque;}
.notificaton_status_4 {background-color: NavajoWhite;}
.notificaton_status_8 {background-color: Wheat;}
.notificaton_status_16 {background-color: DarkRed; color: #fff;}



.icon {
  background-repeat: no-repeat;
  background-size: cover;
  
  display: inline-block;
  height: 1em;
  width: 1em;
}
.home_icon {  
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJNMTUwLjg0MSwxNS4zOThjLTc0LjU2LDAtMTM0Ljk5OCw2MC40MzgtMTM0Ljk5OCwxMzQuOTk5YzAsNzQuNTU4LDYwLjQzOCwxMzUuMDAxLDEzNC45OTgsMTM1LjAwMSAgIGM3NC41NjMsMCwxMzUuMDAyLTYwLjQ0MywxMzUuMDAyLTEzNS4wMDFDMjg1Ljg0NCw3NS44MzYsMjI1LjQwNCwxNS4zOTgsMTUwLjg0MSwxNS4zOTh6IE0xNTAuODQxLDI2Ni4zMTMgICBjLTY0LjAxNiwwLTExNS45MS01MS45MDUtMTE1LjkxLTExNS45MTVjMC02NC4wMTcsNTEuODk0LTExNS45MDgsMTE1LjkxLTExNS45MDhjNjQuMDIsMCwxMTUuOTEyLDUxLjg5MSwxMTUuOTEyLDExNS45MDggICBDMjY2Ljc1MywyMTQuNDA3LDIxNC44NjEsMjY2LjMxMywxNTAuODQxLDI2Ni4zMTN6IiBmaWxsPSIjNkE4QTRCIi8+PHBhdGggZD0iTTI1NS4yNjcsMTUwLjM5N2MwLDU3LjY4MS00Ni43NDYsMTA0LjQyOS0xMDQuNDIxLDEwNC40MjljLTU3LjY3NywwLTEwNC40MjgtNDYuNzQ4LTEwNC40MjgtMTA0LjQyOSAgIGMwLTU3LjY3NCw0Ni43NS0xMDQuNDI2LDEwNC40MjgtMTA0LjQyNkMyMDguNTIxLDQ1Ljk3MiwyNTUuMjY3LDkyLjcyMywyNTUuMjY3LDE1MC4zOTd6IiBmaWxsPSIjNkE4QTRCIi8+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxOTUuNDk4LDE0Ni40NTUgMTk1LjQ5OCwxOTcuNzQ3IDE3NS43ODIsMTk3Ljc0NyAxNzUuNzgyLDE2OS41NTMgMTUzLjI4OCwxNjkuNTUzICAgIDE1My4yODgsMTk3Ljc0NyAxMDguMTQzLDE5Ny43NDcgMTA4LjE0MywxNDYuNDU1IDkzLjE0NiwxNDYuNDU1IDE1MS44MTksMTAzLjA1MiAyMDguNTQxLDE0Ni40NTUgICIvPjwvZz48L3N2Zz4=');
}
.information_icon {  
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJNMTUxLjEyMywxNC44Yy03NC41NTcsMC0xMzQuOTk4LDYwLjQ0LTEzNC45OTgsMTM1LjAwMmMwLDc0LjU1NCw2MC40NCwxMzQuOTk4LDEzNC45OTgsMTM0Ljk5OCAgIGM3NC41NTksMCwxMzUuMDAyLTYwLjQ0MywxMzUuMDAyLTEzNC45OThDMjg2LjEyNSw3NS4yNDEsMjI1LjY4MiwxNC44LDE1MS4xMjMsMTQuOHogTTE1MS4xMjMsMjY1LjcxNCAgIGMtNjQuMDEzLDAtMTE1LjkxMS01MS45MDEtMTE1LjkxMS0xMTUuOTEyYzAtNjQuMDE4LDUxLjg5OC0xMTUuOTExLDExNS45MTEtMTE1LjkxMWM2NC4wMTksMCwxMTUuOTEyLDUxLjg5NCwxMTUuOTEyLDExNS45MTEgICBDMjY3LjAzNSwyMTMuODEzLDIxNS4xNDIsMjY1LjcxNCwxNTEuMTIzLDI2NS43MTR6IiBmaWxsPSIjRDc3RTQ3Ii8+PGNpcmNsZSBjeD0iMTUxLjEyNSIgY3k9IjE0OS44MDIiIGZpbGw9IiNENzdFNDciIHI9IjEwNC40MzEiLz48Zz48cGF0aCBkPSJNMTM5LjE1Niw5My45MjJjMy4wMi0yLjc5MSw2LjYzOC00LjE4MywxMC44MjktNC4xODNjNC4xOTUsMCw3Ljc4NSwxLjM5MiwxMC43OTMsNC4xODMgICAgYzIuOTk2LDIuODA0LDQuNDk2LDYuMTYxLDQuNDk2LDEwLjA5MWMwLDMuOTMxLTEuNTE3LDcuMjc5LTQuNTQsMTAuMDUxYy0zLjAyMSwyLjc2OC02LjYwMiw0LjE1MS0xMC43NDksNC4xNTEgICAgYy00LjE4MywwLTcuODAxLTEuMzc5LTEwLjgyOS00LjE1MWMtMy4wMjQtMi43NzEtNC41MzYtNi4xMi00LjUzNi0xMC4wNTFDMTM0LjYyLDEwMC4wODMsMTM2LjEzMiw5Ni43MjYsMTM5LjE1Niw5My45MjJ6IiBmaWxsPSIjRkZGRkZGIi8+PHBhdGggZD0iTTE3Ni42MDQsMjA5Ljg2MWgtNDkuMDQ2di01LjY2M2MxLjM0Ny0wLjEsMi42NjMtMC4yMzYsMy45NjItMC4zODljMS4yODctMC4xNiwyLjQwMi0wLjQxMywzLjMyOS0wLjc3OCAgICBjMS42NjUtMC42MTMsMi44MjQtMS41MTYsMy41MDUtMi42NzljMC42NjYtMS4xNjMsMS4wMTEtMi42OTksMS4wMTEtNC42MTZ2LTQ1LjE3MmMwLTEuODA5LTAuNDE3LTMuMzkzLTEuMjM5LTQuNzY1ICAgIGMtMC44My0xLjM4LTEuODY5LTIuNDgzLTMuMTA4LTMuMzA1Yy0wLjkyNi0wLjYxOC0yLjM0Ni0xLjIxNS00LjIyNy0xLjc4OWMtMS44ODUtMC41NjUtMy42MDktMC45MjItNS4xNTgtMS4wODN2LTUuNjU5ICAgIGwzOC4wMjktMi4wMThsMS4xNjMsMS4xNTl2NjEuNjJjMCwxLjgxMywwLjM5MywzLjM0NSwxLjE1OCw0LjYxNmMwLjc4MiwxLjI2OCwxLjg5LDIuMjA2LDMuMzQxLDIuODM1ICAgIGMxLjAzNSwwLjQ2NiwyLjE4MywwLjg4NywzLjQxMywxLjIzOWMxLjI0OCwwLjM2NSwyLjUzNSwwLjYxOCwzLjg4MywwLjc3OHY1LjY2N0gxNzYuNjA0TDE3Ni42MDQsMjA5Ljg2MXoiIGZpbGw9IiNGRkZGRkYiLz48L2c+PC9nPjwvc3ZnPg==');
}
.alert_icon {  
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJNMTUwLjg0MSwxNC43OThjLTc0LjU2LDAtMTM0Ljk5OCw2MC40NDEtMTM0Ljk5OCwxMzQuOTk5YzAsNzQuNTYyLDYwLjQzOCwxMzUuMDAxLDEzNC45OTgsMTM1LjAwMSAgIGM3NC41NjIsMCwxMzUuMDAyLTYwLjQzOSwxMzUuMDAyLTEzNS4wMDFDMjg1Ljg0NCw3NS4yNCwyMjUuNDAzLDE0Ljc5OCwxNTAuODQxLDE0Ljc5OHogTTE1MC44NDEsMjY1LjcwOCAgIGMtNjQuMDE2LDAtMTE1LjkxNC01MS44OTctMTE1LjkxNC0xMTUuOTExYzAtNjQuMDEzLDUxLjg5OC0xMTUuOTA4LDExNS45MTQtMTE1LjkwOGM2NC4wMTgsMCwxMTUuOTEyLDUxLjg5NSwxMTUuOTEyLDExNS45MDggICBDMjY2Ljc1MywyMTMuODExLDIxNC44NTksMjY1LjcwOCwxNTAuODQxLDI2NS43MDh6IiBmaWxsPSIjQkYzRDI3Ii8+PHBhdGggZD0iTTI1NS4yNzEsMTQ5Ljc5N2MwLDU3LjY3Ny00Ni43NTIsMTA0LjQzMy0xMDQuNDI5LDEwNC40MzNjLTU3LjY3NywwLTEwNC40MjctNDYuNzU2LTEwNC40MjctMTA0LjQzMyAgIGMwLTU3LjY3NCw0Ni43NS0xMDQuNDI4LDEwNC40MjctMTA0LjQyOEMyMDguNTE5LDQ1LjM2OSwyNTUuMjcxLDkyLjEyMywyNTUuMjcxLDE0OS43OTd6IiBmaWxsPSIjQkYzRDI3Ii8+PGc+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxNjYuMzY2LDkzLjQwMiAxNjUuODAxLDE2Mi4wMjUgMTM3LjAzMSwxNjIuMDI1IDEzNS4zMyw5My40MDIgICAiLz48cGF0aCBkPSJNMTY0LjQyMSwyMDAuNjRjLTMuNzg2LDMuNzAyLTguMzUsNS41NTUtMTMuNjkyLDUuNTU1Yy01LjU3MywwLTEwLjE0Ny0xLjc5My0xMy43MzYtNS4zOTUgICAgYy0zLjU5Ni0zLjU4OS01LjM5MS04LjE2NS01LjM5MS0xMy43MjljMC01LjQwMiwxLjg2My05Ljk4Miw1LjU4OS0xMy43MzZjMy43MjgtMy43NTQsOC4yMzYtNS42MjIsMTMuNTM4LTUuNjIyICAgIGM1LjI5NCwwLDkuODUsMS45MTMsMTMuNjQ0LDUuNzUxYzMuODE0LDMuODM0LDUuNzExLDguMzk4LDUuNzExLDEzLjY5MkMxNzAuMDg4LDE5Mi40NTgsMTY4LjE5NSwxOTYuOTQxLDE2NC40MjEsMjAwLjY0eiIgZmlsbD0iI0ZGRkZGRiIvPjwvZz48L2c+PC9zdmc+');
}
.question_icon {  
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJNMTUwLjg0MiwxNC41MTljLTc0Ljc4NSwwLTEzNS40MDksNjAuNjMxLTEzNS40MDksMTM1LjQxNWMwLDc0Ljc4Myw2MC42MjQsMTM1LjQxNSwxMzUuNDA5LDEzNS40MTUgICBjNzQuNzg4LDAsMTM1LjQxMS02MC42MzIsMTM1LjQxMS0xMzUuNDE1QzI4Ni4yNTMsNzUuMTUsMjI1LjYzLDE0LjUxOSwxNTAuODQyLDE0LjUxOXogTTE1MC44NDIsMjY2LjE5NiAgIGMtNjQuMjA5LDAtMTE2LjI2Mi01Mi4wNTUtMTE2LjI2Mi0xMTYuMjYzYzAtNjQuMjA4LDUyLjA1My0xMTYuMjY3LDExNi4yNjItMTE2LjI2N2M2NC4yMTIsMCwxMTYuMjYzLDUyLjA1OSwxMTYuMjYzLDExNi4yNjcgICBDMjY3LjEwNCwyMTQuMTQyLDIxNS4wNTQsMjY2LjE5NiwxNTAuODQyLDI2Ni4xOTZ6IiBmaWxsPSIjRTY1MTM1Ii8+PHBhdGggZD0iTTI1NS41ODcsMTQ5LjkzNGMwLDU3Ljg1Mi00Ni44OTQsMTA0Ljc0NS0xMDQuNzQ1LDEwNC43NDVjLTU3Ljg1LDAtMTA0Ljc0My00Ni44OTQtMTA0Ljc0My0xMDQuNzQ1ICAgUzkyLjk5Miw0NS4xODgsMTUwLjg0Miw0NS4xODhDMjA4LjY5Myw0NS4xODgsMjU1LjU4Nyw5Mi4wODIsMjU1LjU4NywxNDkuOTM0eiIgZmlsbD0iI0U2NTEzNSIvPjxnPjxwYXRoIGQ9Ik0xNjQuOTIyLDIwNC4xNDhjLTMuOTI3LDMuODM4LTguNjY5LDUuNzYxLTE0LjIyMSw1Ljc2MWMtNS43NzUsMC0xMC41MjUtMS44NTgtMTQuMjU5LTUuNTkyICAgIGMtMy43MjUtMy43MzMtNS41OS04LjQ4My01LjU5LTE0LjI2MWMwLTUuNjA3LDEuOTMxLTEwLjM2Miw1LjgwMS0xNC4yNTdjMy44NjYtMy44OTcsOC41NTItNS44NDUsMTQuMDQzLTUuODQ1ICAgIGM1LjQ5NSwwLDEwLjIxOCwxLjk5MSwxNC4xNzYsNS45N2MzLjk1MSwzLjk4Miw1LjkzLDguNzIyLDUuOTMsMTQuMjE3QzE3MC44MDcsMTk1LjY0MSwxNjguODQ0LDIwMC4zMDcsMTY0LjkyMiwyMDQuMTQ4eiIgZmlsbD0iI0ZGRkZGRiIvPjxwYXRoIGQ9Ik0xNzIuOTk1LDE1My4yMTZjLTMuMzU4LDEuNjg2LTUuNDE0LDMuMTQzLTYuMTM5LDQuMzc3Yy0wLjczMSwxLjIyOC0xLjA4NiwzLjg3LTEuMDg2LDcuOTA5aC0zMS4yMDUgICAgdi01LjMwM2MwLTcuMDExLDAuNzgtMTIuMTg1LDIuMzU1LTE1LjUyN2MxLjU2Ny0zLjMzNSw0LjQyOS01LjkyNiw4LjU4My03Ljc4bDUuNzIxLTIuNTE4YzQuMzItMS45MTEsNi40NzctNC41OTgsNi40NzctOC4wNzggICAgYzAtMi4wMjMtMC43MTItMy43MjUtMi4xMDQtNS4xMzdjLTEuMzk5LTEuMzkyLTMuMTE3LTIuMTA0LTUuMTMzLTIuMTA0Yy01LjQ5NSwwLTguMjQ3LDMuODIyLTguMjQ3LDExLjQ0NWgtMjkuMDE5ICAgIGMwLTEwLjIxLDIuMzYxLTE4LjUzMyw3LjA3LTI0Ljk4MWMzLjQ3OS00Ljc2Nyw3Ljk4OS04LjU1MiwxMy41NDEtMTEuMzU2YzUuNTUzLTIuOCwxMS4zLTQuMjA4LDE3LjI0Ni00LjIwOCAgICBjMTAuNTQ3LDAsMTkuNDEzLDMuNDk2LDI2LjYyMiwxMC40NzVzMTAuODEsMTUuNjMyLDEwLjgxLDI1Ljk1MUMxODguNDcxLDEzOS4xMDgsMTgzLjMxMywxNDguMDU5LDE3Mi45OTUsMTUzLjIxNnoiIGZpbGw9IiNGRkZGRkYiLz48L2c+PC9nPjwvc3ZnPg==');
}
.search_icon {  
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJNMTUwLjc1NSwxNC43OThjLTc0LjU1NCwwLTEzNC45OTQsNjAuNDQxLTEzNC45OTQsMTM0Ljk5OWMwLDc0LjU2Miw2MC40NCwxMzUuMDAxLDEzNC45OTQsMTM1LjAwMSAgIGM3NC41NjIsMCwxMzUuMDA1LTYwLjQzOSwxMzUuMDA1LTEzNS4wMDFDMjg1Ljc2MSw3NS4yNCwyMjUuMzE3LDE0Ljc5OCwxNTAuNzU1LDE0Ljc5OHogTTE1MC43NTUsMjY1LjcwOCAgIGMtNjQuMDEsMC0xMTUuOTEyLTUxLjg5Ny0xMTUuOTEyLTExNS45MTFjMC02NC4wMTMsNTEuOTAyLTExNS45MDgsMTE1LjkxMi0xMTUuOTA4YzY0LjAxOCwwLDExNS45MTIsNTEuODk1LDExNS45MTIsMTE1LjkwOCAgIEMyNjYuNjY3LDIxMy44MTEsMjE0Ljc3MywyNjUuNzA4LDE1MC43NTUsMjY1LjcwOHoiIGZpbGw9IiNENzdFNDciLz48cGF0aCBkPSJNMjU1LjE5MiwxNDkuNzk3YzAsNTcuNjc3LTQ2Ljc2LDEwNC40MzMtMTA0LjQzNywxMDQuNDMzUzQ2LjMzLDIwNy40NzQsNDYuMzMsMTQ5Ljc5NyAgIGMwLTU3LjY3NCw0Ni43NDgtMTA0LjQyOCwxMDQuNDI1LTEwNC40MjhTMjU1LjE5Miw5Mi4xMjMsMjU1LjE5MiwxNDkuNzk3eiIgZmlsbD0iI0Q3N0U0NyIvPjxwYXRoIGQ9Ik0xNzIuNjAyLDg2LjU2OGMtMjUuNTYsMC00Ni4yODcsMjAuNzE5LTQ2LjI4Nyw0Ni4yOTJjMCw2LjM2MywxLjI4MywxMi40MjksMy42MTMsMTcuOTU0bC00Ny4zMDEsNDIuMTgxICAgbDE3Ljg3MiwyMC4wMzNsNDYuNi00MS41NTRjNy4zMjcsNC44MjgsMTYuMDgyLDcuNjY4LDI1LjUwNCw3LjY2OGMyNS41NzEsMCw0Ni4yOS0yMC43MTksNDYuMjktNDYuMjgyICAgQzIxOC44OTIsMTA3LjI5NSwxOTguMTczLDg2LjU2OCwxNzIuNjAyLDg2LjU2OHogTTE3MS45NTEsMTYzLjM2MWMtMTYuMjA3LDAtMjkuMzM3LTEzLjEzMy0yOS4zMzctMjkuMzM4ICAgYzAtMTYuMjAzLDEzLjEzLTI5LjM0LDI5LjMzNy0yOS4zNGMxNi4yMDMsMCwyOS4zMzgsMTMuMTM3LDI5LjMzOCwyOS4zNEMyMDEuMjg5LDE1MC4yMjgsMTg4LjE1NCwxNjMuMzYxLDE3MS45NTEsMTYzLjM2MXoiIGZpbGw9IiNGRkZGRkYiLz48L2c+PC9zdmc+');
}
.plus_icon {  
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJNMTUxLjMzOCwxNS4zOTljLTc0LjU1NywwLTEzNC45OTcsNjAuNDQxLTEzNC45OTcsMTM0Ljk5OWMwLDc0LjU1NCw2MC40MzksMTM1LjAwMSwxMzQuOTk3LDEzNS4wMDEgICBjNzQuNTU2LDAsMTM1LjAwNC02MC40NDcsMTM1LjAwNC0xMzUuMDAxQzI4Ni4zNDIsNzUuODQsMjI1Ljg5NCwxNS4zOTksMTUxLjMzOCwxNS4zOTl6IE0xNTEuMzM4LDI2Ni4zMDkgICBjLTY0LjAxMywwLTExNS45MDgtNTEuODk2LTExNS45MDgtMTE1LjkxMVM4Ny4zMjUsMzQuNDkxLDE1MS4zMzgsMzQuNDkxYzY0LjAxNiwwLDExNS45MDksNTEuODkzLDExNS45MDksMTE1LjkwNyAgIFMyMTUuMzU0LDI2Ni4zMDksMTUxLjMzOCwyNjYuMzA5eiIgZmlsbD0iI0Q3N0U0NyIvPjxjaXJjbGUgY3g9IjE1MS4zNDEiIGN5PSIxNTAuMzk4IiBmaWxsPSIjRDc3RTQ3IiByPSIxMDQuNDI4Ii8+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIyMTcuNDcyLDE3Mi44ODggMTczLjgyOSwxNzIuODg4IDE3My44MjksMjE2LjUyNiAxMjguODQ0LDIxNi41MjYgMTI4Ljg0NCwxNzIuODg4IDg1LjIwOSwxNzIuODg4ICAgIDg1LjIwOSwxMjcuOTA1IDEyOC44NDQsMTI3LjkwNSAxMjguODQ0LDg0LjI2OCAxNzMuODI5LDg0LjI2OCAxNzMuODI5LDEyNy45MDUgMjE3LjQ3MiwxMjcuOTA1ICAiLz48L2c+PC9zdmc+');
}
.account_icon {  
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJNMTUxLjMzOCwxNC43OThDNzYuNzgsMTQuNzk4LDE2LjM0LDc1LjI0LDE2LjM0LDE0OS43OTdjMCw3NC41NjIsNjAuNDQsMTM1LjAwMSwxMzQuOTk4LDEzNS4wMDEgICBjNzQuNTU3LDAsMTM1LjAwNS02MC40MzksMTM1LjAwNS0xMzUuMDAxQzI4Ni4zNDMsNzUuMjQsMjI1Ljg5NSwxNC43OTgsMTUxLjMzOCwxNC43OTh6IE0xNTEuMzM4LDI2NS43MDggICBjLTY0LjAxNCwwLTExNS45MDktNTEuODk3LTExNS45MDktMTE1LjkxMWMwLTY0LjAxMyw1MS44OTUtMTE1LjkxLDExNS45MDktMTE1LjkxYzY0LjAxNywwLDExNS45MSw1MS44OTcsMTE1LjkxLDExNS45MSAgIEMyNjcuMjQ4LDIxMy44MTEsMjE1LjM1NCwyNjUuNzA4LDE1MS4zMzgsMjY1LjcwOHoiIGZpbGw9IiNFRkM4NDkiLz48cGF0aCBkPSJNMjU1Ljc3LDE0OS43OTdjMCw1Ny42NzctNDYuNzU2LDEwNC40MzMtMTA0LjQzMiwxMDQuNDMzYy01Ny42NzUsMC0xMDQuNDI2LTQ2Ljc1Ni0xMDQuNDI2LTEwNC40MzMgICBjMC01Ny42NzQsNDYuNzUxLTEwNC40MjgsMTA0LjQyNi0xMDQuNDI4QzIwOS4wMTQsNDUuMzY5LDI1NS43Nyw5Mi4xMjMsMjU1Ljc3LDE0OS43OTd6IiBmaWxsPSIjRUZDODQ5Ii8+PGc+PHBhdGggZD0iTTE1MS4zMzgsODguNzEzYzE0LjMxLDAsMjUuOTE2LDExLjYwMywyNS45MTYsMjUuOTE3YzAsMTQuMzE0LTExLjYwNiwyNS45MTUtMjUuOTE2LDI1LjkxNSAgICBjLTE0LjMxNiwwLTI1LjkxNy0xMS42MDEtMjUuOTE3LTI1LjkxNUMxMjUuNDIxLDEwMC4zMTYsMTM3LjAyMSw4OC43MTMsMTUxLjMzOCw4OC43MTN6IiBmaWxsPSIjRkZGRkZGIi8+PHBhdGggZD0iTTIwMy40MTUsMjEwLjg4M0g5OS4yNjR2LTI4LjgyNGMwLTE5LjQ0MywxNS43NTQtMzUuMjA1LDM1LjIwNy0zNS4yMDVoMzMuNzM5ICAgIGMxOS40NDMsMCwzNS4yMDUsMTUuNzYyLDM1LjIwNSwzNS4yMDVWMjEwLjg4M3oiIGZpbGw9IiNGRkZGRkYiLz48L2c+PC9nPjwvc3ZnPg==');
}


details, summary { display: block; border: 1px solid #666; padding: 1em; }
/* Apply a pointer cursor and style the background upon hover to indicate <summary> is a clickable element. */
/* These styles can be applied regardless of whether the fallback is needed */
summary { cursor: pointer; }
summary:hover, summary:focus { background: #ddd; }

/* The following styles are not really needed, since the jQuery script takes care of hiding/displaying the elements. */
/* However, we’re still gonna use CSS as well to prevent FOUC in browsers that understand these selectors. */
/* Remember: by default (and probably most of the time), the contents of the <details> element are hidden. */
.no-details details > * { display: none; }
/* This doesn’t work very well in Firefox 3.6.x */
/* .no-details details[open] > * { display: block; } */
/* The following doesn’t toggle correctly in WebKit:
.no-details details > summary:before { content: '► '; }
.no-details details[open] > summary:before { content: '▼ '; }
*/
/* And yes, it should really be ::before, but that doesn’t work in IE8 */
.no-details details > summary:before { float: left; width: 20px; content: '► '; }
.no-details details.open > summary:before { content: '▼ '; }
/* For IE6 and IE7, who don’t support generated content, you could use padding-left + a background image instead */
/* I really couldn’t be bothered though. */
/*
.no-details details > summary { padding-left: 20px; background: url(img/arrow-sprite.png) no-repeat 0 0; }
.no-details details.open > summary { background-position: 0 -20px; }
*/
/* Make sure summary remains visible */
.no-details details summary { display: block; }



ul.tabs {
  display: block;
  margin: 0 0 0 1em;
  padding: 0;
}
ul.tabs > li {
  background-color: LightSteelBlue;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  margin: 0 0 0 0.6em;
  padding: 0.5em;
}
ul.tabs > li.selected {
  background-color: SteelBlue;
}
div.tab {
  background-color: SteelBlue;
  padding: 1em;
}





.flash {
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 1;
}

@-webkit-keyframes flash {
    0% { background-color: none; }
    50% { background-color: OrangeRed; }
    100% { background-color: none; }
}

@-moz-keyframes flash {
    0% { background-color: none; }
    50% { background-color: OrangeRed; }
    100% { background-color: none; }
}

@-ms-keyframes flash {
    0% { background-color: none; }
    50% { background-color: OrangeRed; }
    100% { background-color: none; }
}
div.laheio {
  display: -webkit-flex;
  display: flex;
}
div.laheio > div { padding: 1em;}

div.laheio > div.list { background-color: Lavender;}
div.laheio > div.bar_hide_show { background-color: Snow; border-width: 0 1px 0 1px; border-style: solid; border-bottom-color: LightGrey; padding: 0 0.5em;}
div.laheio > div.edit { background-color: LightCyan;}


div.laheio > div.list > ul.laheia{ margin:0; padding: 1em; background-color: SteelBlue; min-width: 26em; font-size: 1.2em}
div.laheio > div.list > ul.laheia > li[data-id]{cursor: pointer; display: block; color: white;}
div.laheio > div.list > ul.laheia > li.selected {background-color: MistyRose; color: navy;}

div.laheio h2 {font-size: 1.6em; text-align: center; margin-bottom: 0.5em;}

div[data-laheio=true] > form[name=laheio]{
  min-width: 20em;
  background-color: OldLace;
}
.no-details div[data-laheio=true] > form[name=laheio] details > summary::before{ width: 2em;}
div[data-laheio=true] > form[name=laheio] summary { font-size: 1.6em; font-weight: bold;}
div[data-laheio=true] > form[name=laheio] summary > div.not_new{ font-size: 0.8em; font-weight: normal;}
div[data-laheio=true] {position: relative;}
div[data-laheio=true] section.klirosi {
  display: -webkit-flex;
  display: flex;
}
div[data-laheio=true] section.klirosi > p {padding-right: 1em;}

div[data-laheio=true] section.klirosi input[type=number] { width: 4em; text-align: right;}
div[data-laheio=true] section.klirosi input[name=date_klirwsis]{ width: 7em; text-align: center;}
div[data-laheio=true] section.klirosi.commments label > span { display: block;}
div[data-laheio=true] section.klirosi.ctls { justify-content: space-around;}

div[data-laheio=true] section.kerdi_tridimou {
  position: relative;
  margin-top: 1em;
  padding: 1em;
  background-color: OldLace;
  border: 1px solid #666;
}
div[data-laheio=true] section.kerdi_tridimou input[type=number] {
  width: 6em;
  text-align: right;
}
div[data-laheio=true] section.kerdi_tridimou input[type=number][name=poso] {width: 8em;}

div[data-laheio=true] section.kerdi {
  margin-top: 1em;
  padding: 1em;
  background-color: OldLace;
  border: 1px solid #666;
}
div[data-laheio=true] section.kerdi > div {
  display: -webkit-flex;
  display: flex;
}
div[data-laheio=true] section.kerdi > div > div.list {
  margin-right: 1em;
}
div[data-laheio=true] section.kerdi > div > div.list > table{
  background-color: Azure;
}
div[data-laheio=true] section.kerdi > div > div.list > table,
div[data-laheio=true] section.kerdi > div > div.list > table th,
div[data-laheio=true] section.kerdi > div > div.list > table td{
  border: 1px solid #666;
  padding: 2px;
}
div[data-laheio=true] section.kerdi > div > div.list > table > thead > tr > th{ cursor: pointer;}

div[data-laheio=true] section.kerdi > div > div.list > table td[data-field=poso],
div[data-laheio=true] section.kerdi > div > div.list > table td[data-field=foros] {text-align: right}

div[data-laheio=true] section.kerdi > div > div.list > table > tbody > tr{ cursor: pointer;}
div[data-laheio=true] section.kerdi > div > div.list > table > tbody > tr:hover { background-color: AntiqueWhite;}


div[data-laheio=true] section.kerdi ul.group_kerdi {padding-left: 0;}
div[data-laheio=true] section.kerdi ul.group_kerdi > li[data-poso] {
  display: block; 
  border: 1px solid darkgrey; 
  margin-bottom: 1em; 
  padding: 1em;
  background-color: AliceBlue;
  width: 48em;
  position: relative;
}
div[data-laheio=true] section.kerdi ul.group_kerdi > li[data-poso]:nth-child(odd) {
  background-color: GhostWhite;
}

div[data-laheio=true] section.kerdi ul.group_kerdi > li input[name=delete_ctl],
div[data-laheio=true] section.kerdi ul.group_kerdi > li div.count {
  position: absolute;
  right: 0;
}
div[data-laheio=true] section.kerdi ul.group_kerdi > li input[name=delete_ctl] { 
  top: 0;
}
div[data-laheio=true] section.kerdi ul.group_kerdi > li div.count { 
  bottom: 0;
  font-size: 1em;
  font-style: italic;
  color: #333;
  padding: 0.2em;
}

div[data-laheio=true] section.kerdi ul.group_kerdi > li > div.group_data > span > strong { font-size: 1.6em;}
div[data-laheio=true] section.kerdi ul.group_kerdi > li > ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
div[data-laheio=true] section.kerdi ul.group_kerdi > li[data-poso] > ul > li[data-id] {display: block; margin-right: 0.2em; cursor: pointer;}
div[data-laheio=true] section.kerdi ul.group_kerdi > li[data-poso] > ul > li[data-id]:after {content: ",";}
div[data-laheio=true] section.kerdi ul.group_kerdi > li[data-poso] > ul > li[data-id]:hover { background-color: OldLace;}
div[data-laheio=true] section.kerdi ul.group_kerdi > li[data-poso] > ul > li[data-id]:last-child:after { content: "";}

div[data-laheio=true] section.kerdi div.insert > div.tab { min-width: 50em;}


form[name=kerdos] {position: relative;}
form[name=kerdos] fieldset.edit_kerdos {}
form[name=kerdos] fieldset.edit_kerdos {
  background-color: Ivory;
  padding: 1em;
}
form[name=kerdos] fieldset.edit_kerdos > legend { background-color: Ivory; }
form[name=kerdos] fieldset.edit_kerdos input[type=number] {width: 6em;}