html,
body {
  margin:0;
  padding:0;
  height:100%;
}
body {
  font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdiYTdjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(123,167,192,1) 0, rgba(255,255,255,1) 30em);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(123,167,192,1)), color-stop(30em,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(123,167,192,1) 0,rgba(255,255,255,1) 30em);
  background: -o-linear-gradient(top,  rgba(123,167,192,1) 0,rgba(255,255,255,1) 30em);
  background: -ms-linear-gradient(top,  rgba(123,167,192,1) 0,rgba(255,255,255,1) 30em);
  background: linear-gradient(to bottom,  rgba(123,167,192,1) 0,rgba(255,255,255,1) 30em);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ba7c0', endColorstr='#ffffff',GradientType=0 );
  background-repeat: no-repeat;
}
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: #fff;
  background-color: #aaa;
  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: 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: #7ba7c0;
  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: #4B4F5A;
} 


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


div.fog, div.fog_without_loader {
  position: absolute;
  top: 0; bottom: 0; left:0; right: 0;
  background-color: rgba(0, 0, 0, .6);
  /*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;
}
div.fog > div.progress {
  margin: 1em;
  padding: 0.5em;
  background: white;  
  color: black;
}
div.fog > div.progress.update {
  animation-name: alert;
  animation-duration: 1s;
  animation-iteration-count: 1;
}
@keyframes alert {
  from {background-color: white;}
  to {background-color: yellow;}
}
 
.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_8 {background-color: BurlyWood;}
.notificaton_status_16 {background-color: DarkRed; color: #fff;}


.viber_notification_code_1 {background-color: Lime;}
.viber_notification_code_2 {background-color: GreenYellow;}
.viber_notification_code_10 {background-color: Red;}
.viber_notification_code_11,
.viber_notification_code_12,
.viber_notification_code_13,
.viber_notification_code_14,
.viber_notification_code_15,
.viber_notification_code_16,
.viber_notification_code_17,
 {background-color: LightPink;}
.viber_notification_code_20 {background-color: DarkRed;}
.viber_notification_code_30 {background-color: DarkRed;}
.viber_notification_code_99 {background-color: DarkRed;}


.icon {
  background-repeat: no-repeat;
  background-size: cover;
  
  display: inline-block;
  height: 1em;
  width: 1em;
}
.icon.hidden { display: none;}
.home_icon {  
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJNMTUwLjg0MSwxNS4zOThjLTc0LjU2LDAtMTM0Ljk5OCw2MC40MzgtMTM0Ljk5OCwxMzQuOTk5YzAsNzQuNTU4LDYwLjQzOCwxMzUuMDAxLDEzNC45OTgsMTM1LjAwMSAgIGM3NC41NjMsMCwxMzUuMDAyLTYwLjQ0MywxMzUuMDAyLTEzNS4wMDFDMjg1Ljg0NCw3NS44MzYsMjI1LjQwNCwxNS4zOTgsMTUwLjg0MSwxNS4zOTh6IE0xNTAuODQxLDI2Ni4zMTMgICBjLTY0LjAxNiwwLTExNS45MS01MS45MDUtMTE1LjkxLTExNS45MTVjMC02NC4wMTcsNTEuODk0LTExNS45MDgsMTE1LjkxLTExNS45MDhjNjQuMDIsMCwxMTUuOTEyLDUxLjg5MSwxMTUuOTEyLDExNS45MDggICBDMjY2Ljc1MywyMTQuNDA3LDIxNC44NjEsMjY2LjMxMywxNTAuODQxLDI2Ni4zMTN6IiBmaWxsPSIjNkE4QTRCIi8+PHBhdGggZD0iTTI1NS4yNjcsMTUwLjM5N2MwLDU3LjY4MS00Ni43NDYsMTA0LjQyOS0xMDQuNDIxLDEwNC40MjljLTU3LjY3NywwLTEwNC40MjgtNDYuNzQ4LTEwNC40MjgtMTA0LjQyOSAgIGMwLTU3LjY3NCw0Ni43NS0xMDQuNDI2LDEwNC40MjgtMTA0LjQyNkMyMDguNTIxLDQ1Ljk3MiwyNTUuMjY3LDkyLjcyMywyNTUuMjY3LDE1MC4zOTd6IiBmaWxsPSIjNkE4QTRCIi8+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxOTUuNDk4LDE0Ni40NTUgMTk1LjQ5OCwxOTcuNzQ3IDE3NS43ODIsMTk3Ljc0NyAxNzUuNzgyLDE2OS41NTMgMTUzLjI4OCwxNjkuNTUzICAgIDE1My4yODgsMTk3Ljc0NyAxMDguMTQzLDE5Ny43NDcgMTA4LjE0MywxNDYuNDU1IDkzLjE0NiwxNDYuNDU1IDE1MS44MTksMTAzLjA1MiAyMDguNTQxLDE0Ni40NTUgICIvPjwvZz48L3N2Zz4=');
}
.information_icon {  
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBkPSJNMTUxLjEyMywxNC44Yy03NC41NTcsMC0xMzQuOTk4LDYwLjQ0LTEzNC45OTgsMTM1LjAwMmMwLDc0LjU1NCw2MC40NCwxMzQuOTk4LDEzNC45OTgsMTM0Ljk5OCAgIGM3NC41NTksMCwxMzUuMDAyLTYwLjQ0MywxMzUuMDAyLTEzNC45OThDMjg2LjEyNSw3NS4yNDEsMjI1LjY4MiwxNC44LDE1MS4xMjMsMTQuOHogTTE1MS4xMjMsMjY1LjcxNCAgIGMtNjQuMDEzLDAtMTE1LjkxMS01MS45MDEtMTE1LjkxMS0xMTUuOTEyYzAtNjQuMDE4LDUxLjg5OC0xMTUuOTExLDExNS45MTEtMTE1LjkxMWM2NC4wMTksMCwxMTUuOTEyLDUxLjg5NCwxMTUuOTEyLDExNS45MTEgICBDMjY3LjAzNSwyMTMuODEzLDIxNS4xNDIsMjY1LjcxNCwxNTEuMTIzLDI2NS43MTR6IiBmaWxsPSIjMDA4QkY2Ii8+PGNpcmNsZSBjeD0iMTUxLjEyNSIgY3k9IjE0OS44MDIiIGZpbGw9IiMwMDhCRjYiIHI9IjEwNC40MzEiLz48Zz48cGF0aCBkPSJNMTM5LjE1Niw5My45MjJjMy4wMi0yLjc5MSw2LjYzOC00LjE4MywxMC44MjktNC4xODNjNC4xOTUsMCw3Ljc4NSwxLjM5MiwxMC43OTMsNC4xODMgICAgYzIuOTk2LDIuODA0LDQuNDk2LDYuMTYxLDQuNDk2LDEwLjA5MWMwLDMuOTMxLTEuNTE3LDcuMjc5LTQuNTQsMTAuMDUxYy0zLjAyMSwyLjc2OC02LjYwMiw0LjE1MS0xMC43NDksNC4xNTEgICAgYy00LjE4MywwLTcuODAxLTEuMzc5LTEwLjgyOS00LjE1MWMtMy4wMjQtMi43NzEtNC41MzYtNi4xMi00LjUzNi0xMC4wNTFDMTM0LjYyLDEwMC4wODMsMTM2LjEzMiw5Ni43MjYsMTM5LjE1Niw5My45MjJ6IiBmaWxsPSIjRkZGRkZGIi8+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==');
}



.admin_work_as {background-color: Pink;}


.highlight_error {
  -webkit-box-shadow: 0 0 0.3em 0.1em rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 0.3em 0.1em rgba(255, 0, 0, 0.6);
}


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; }




.flexspacebetween {
  display: flex;
  justify-content: space-between;
}


label > .reload_ctl,
label > .search_ctl{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 70% auto;
  height: 1.6em;
  line-height: 1.6em;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 1.6em;
}
label > .reload_ctl{  
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojZmZmO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NTguMiwyNTRjMC0xMC4zLTguMy0xOC42LTE4LjctMTguNmMtOC42LDAtMTUuOSw1LjktMTgsMTMuOGwwLDBjMCwwLjEtMC4xLDAuMy0wLjEsMC42ICAgYzAsMC4yLTAuMSwwLjQtMC4xLDAuNmMtMC41LDIuMy0xLjcsNi42LTEuOSw3LjZjLTEuOCw3LjYtMy44LDE1LTYuNiwyMi4xYy01LjQsMTQuMi0xMi44LDI3LjItMjEuNCwzOC41bC0xLjYsMi4xbC0xLjcsMiAgIGMtMS4xLDEuMy0yLjIsMi43LTMuNCw0Yy0yLjQsMi41LTQuNiw1LjEtNyw3LjVjLTQuNyw0LjgtOS44LDkuMS0xNC44LDEzYy0xMC4yLDcuNy0yMC41LDEzLjgtMzAuNiwxOC4yICAgYy0xMCw0LjQtMTkuNSw3LjMtMjguMSw5LjFjLTIuMSwwLjQtNC4yLDAuOS02LjIsMS4yYy0yLDAuMy0zLjksMC42LTUuOCwwLjljLTEuOSwwLjItMy43LDAuNC01LjQsMC42Yy0wLjksMC4xLTEuNywwLjItMi41LDAuMiAgIGMtMC44LDAtMS42LDAuMS0yLjQsMC4xYy0xLjUsMC4xLTMsMC4yLTQuNCwwLjJjLTEuMywwLTIuNCwwLTMuNSwwYy0xLjEsMC0yLDAtMi45LDBjLTAuMiwwLTAuNSwwLTAuOCwwdi0yNi40ICAgYzAtOC45LTEwLjMtMTMuOC0xNy4yLTguMUwyNDUsMzQ5Yy0yMi4yLDE1LjgtNDMuMiwzMy4zLTYyLjcsNTIuNGMtNi45LDUuNy02LjksMTYuMywwLDIxLjlsMC40LDAuNGMxOS4zLDE4LjgsNDAsMzYuMSw2Miw1MS44ICAgbDguNiw2LjFjNi45LDUuNiwxNy4yLDAuOCwxNy4yLTguMVY0NDdjMC4zLDAsMC42LTAuMSwwLjktMC4xYzAuNi0wLjEsMS4xLTAuMSwyLTAuMmMxLjYtMC4yLDMuNC0wLjQsNS4zLTAuNiAgIGMxLjktMC4yLDQtMC41LDYuMS0wLjhjMi0wLjQsNC4xLTAuNyw2LjQtMS4xYzEuMS0wLjIsMi4zLTAuNCwzLjQtMC42YzEuMi0wLjIsMi40LTAuNSwzLjYtMC44YzIuNC0wLjYsNS0xLjEsNy42LTEuOCAgIGMyLjYtMC44LDUuNC0xLjUsOC4yLTIuNGMyLjgtMC44LDUuNy0xLjksOC43LTIuOWMxMS44LTQuMiwyNC44LTEwLjEsMzcuOS0xOGMxMy4xLTcuOSwyNi4yLTE4LDM4LjUtMzAuMiAgIGM2LjEtNi4xLDEyLTEyLjcsMTcuNS0xOS45YzIuOC0zLjUsNS40LTcuMyw4LTExYzEuMy0xLjksMi41LTMuOSwzLjctNS44bDEuOC0yLjlsMS43LTNjOS4zLTE2LjEsMTYuNS0zNCwyMS01Mi43ICAgYzIuMy05LjMsMy43LTE4LjksNC43LTI4LjVjMC4yLTIuNCwwLjUtNC45LDAuNi03LjNDNDU4LjIsMjU1LjUsNDU4LjIsMjU0LjcsNDU4LjIsMjU0eiIgLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTMuOCwyNThjMCwxMC4zLDguMywxOC42LDE4LjcsMTguNmM4LjYsMCwxNS45LTUuOSwxOC0xMy44bDAsMGMwLTAuMSwwLjEtMC4zLDAuMS0wLjYgICBjMC0wLjIsMC4xLTAuNCwwLjEtMC42YzAuNS0yLjMsMS43LTYuNiwxLjktNy42YzEuOC03LjYsMy44LTE1LDYuNi0yMi4xYzUuNC0xNC4yLDEyLjgtMjcuMiwyMS40LTM4LjVsMS42LTIuMWwxLjctMiAgIGMxLjEtMS4zLDIuMi0yLjcsMy40LTRjMi40LTIuNSw0LjYtNS4xLDctNy41YzQuNy00LjgsOS44LTkuMSwxNC44LTEzYzEwLjItNy43LDIwLjUtMTMuOCwzMC42LTE4LjJjMTAtNC40LDE5LjUtNy4zLDI4LjEtOS4xICAgYzIuMS0wLjQsNC4yLTAuOSw2LjItMS4yYzItMC4zLDMuOS0wLjYsNS44LTAuOWMxLjktMC4yLDMuNy0wLjQsNS40LTAuNmMwLjktMC4xLDEuNy0wLjIsMi41LTAuMmMwLjgsMCwxLjYtMC4xLDIuNC0wLjEgICBjMS41LTAuMSwzLTAuMiw0LjQtMC4yYzEuMywwLDIuNCwwLDMuNSwwYzEuMSwwLDIsMCwyLjksMGMwLjIsMCwwLjUsMCwwLjgsMHYyNi40YzAsOC45LDEwLjMsMTMuOCwxNy4yLDguMWw4LjMtNS45ICAgYzIyLjItMTUuOCw0My4yLTMzLjMsNjIuNy01Mi40YzYuOS01LjcsNi45LTE2LjMsMC0yMS45bC0wLjQtMC40Yy0xOS4zLTE4LjgtNDAtMzYuMS02Mi01MS44bC04LjYtNi4xYy02LjktNS42LTE3LjItMC44LTE3LjIsOC4xICAgVjY1Yy0wLjMsMC0wLjYsMC4xLTAuOSwwLjFjLTAuNiwwLjEtMS4xLDAuMS0yLDAuMmMtMS42LDAuMi0zLjQsMC40LTUuMywwLjZjLTEuOSwwLjItNCwwLjUtNi4xLDAuOGMtMiwwLjQtNC4xLDAuNy02LjQsMS4xICAgYy0xLjEsMC4yLTIuMywwLjQtMy40LDAuNmMtMS4yLDAuMi0yLjQsMC41LTMuNiwwLjhjLTIuNCwwLjYtNSwxLjEtNy42LDEuOGMtMi42LDAuOC01LjQsMS41LTguMiwyLjRjLTIuOCwwLjgtNS43LDEuOS04LjcsMi45ICAgYy0xMS44LDQuMi0yNC44LDEwLjEtMzcuOSwxOGMtMTMuMSw3LjktMjYuMiwxOC0zOC41LDMwLjJjLTYuMSw2LjEtMTIsMTIuNy0xNy41LDE5LjljLTIuOCwzLjUtNS40LDcuMy04LDExICAgYy0xLjMsMS45LTIuNSwzLjktMy43LDUuOGwtMS44LDIuOWwtMS43LDNjLTkuMywxNi4xLTE2LjUsMzQtMjEsNTIuN2MtMi4zLDkuMy0zLjcsMTguOS00LjcsMjguNWMtMC4yLDIuNC0wLjUsNC45LTAuNiw3LjMgICBDNTMuOCwyNTYuNSw1My44LDI1Ny4zLDUzLjgsMjU4eiIgLz48L2c+PC9zdmc+');
}

label > .search_ctl {
  background-image: url('data:image/svg+xml;base64,PHN2ZyAgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I2ZmZjt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDk3LjkxMyw0OTcuOTEzYy0xOC43ODIsMTguNzgyLTQ5LjIyNSwxOC43ODItNjguMDA4LDBsLTg0Ljg2Mi04NC44NjNjLTM0Ljg4OSwyMi4zODItNzYuMTMsMzUuNzE3LTEyMC42NTksMzUuNzE3ICBDMTAwLjQ2OSw0NDguNzY3LDAsMzQ4LjMxMiwwLDIyNC4zODNTMTAwLjQ2OSwwLDIyNC4zODQsMGMxMjMuOTMxLDAsMjI0LjM4NCwxMDAuNDUyLDIyNC4zODQsMjI0LjM4MyAgYzAsNDQuNTE0LTEzLjM1Miw4NS43NzEtMzUuNzE4LDEyMC42NzZsODQuODYzLDg0Ljg2M0M1MTYuNjk1LDQ0OC43MDQsNTE2LjY5NSw0NzkuMTMxLDQ5Ny45MTMsNDk3LjkxM3ogTTIyNC4zODQsNjQuMTA5ICBjLTg4LjUxMSwwLTE2MC4yNzQsNzEuNzQ3LTE2MC4yNzQsMTYwLjI3M2MwLDg4LjUyNiw3MS43NjQsMTYwLjI3NCwxNjAuMjc0LDE2MC4yNzRjODguNTI1LDAsMTYwLjI3My03MS43NDgsMTYwLjI3My0xNjAuMjc0ICBDMzg0LjY1NywxMzUuODU2LDMxMi45MDksNjQuMTA5LDIyNC4zODQsNjQuMTA5eiIvPjwvc3ZnPg==');
}


/*
table.tmplt {
  border-collapse: collapse;
  width: 80em;
  margin: 0 auto;
}
table.tmplt, table.tmplt > tbody > tr > td, table.tmplt > tbody > tr > th {
  border: 1px solid grey;
  vertical-align: top;
  padding: 1em;
}

table.tmplt td.left {
  width: 38%;
}
table.tmplt td.right {
  width: 62%;
}
*/
.main {
  width: 100%;
  max-width: 80em;
  margin: auto;
  box-sizing: border-box;
}

div.top {}
div.top > header > div.auth {
  background-color: #2e3337;
}
div.top > header > div.logo {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-around; /* Safari */
  justify-content: space-around;
  -webkit-align-items: center; /* Safari */
  align-items: center;
  height: 10em;
  background-color: #4b4f5a;
  box-sizing: border-box;
  width: 100%;
}
div.top > header > div.logo > div.contact {
  font-size: 1.4em;
  color: #7dcefd;
}
div.top > header > div.logo > div.contact > div.img{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 70% auto;
  height: 3.6em;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 3.6em;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzdEQ0VGRDt9PC9zdHlsZT48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NiAzODQpIj48cGF0aCAgY2xhc3M9InN0MCIgZD0iTS02NS4yMjQtMzU5LjE0MmwtMC4xNDctMC40NDVjLTAuMzUzLTEuMDQ1LTEuNTA0LTIuMTM1LTIuNTYzLTIuNDIybC0zLjkxOC0xLjA3Yy0xLjA2My0wLjI4OS0yLjU3OCwwLjEtMy4zNTQsMC44NzcgICBsLTEuNDE4LDEuNDE4Yy01LjE1My0xLjM5My05LjE5NC01LjQzNC0xMC41ODYtMTAuNTg2bDEuNDE4LTEuNDE4YzAuNzc3LTAuNzc3LDEuMTY2LTIuMjkxLDAuODc4LTMuMzU0bC0xLjA2OC0zLjkyICAgYy0wLjI4OS0xLjA2My0xLjM4MS0yLjIxNC0yLjQyNC0yLjU2M2wtMC40NDctMC4xNWMtMS4wNDUtMC4zNDgtMi41MzUsMC4wMDQtMy4zMTMsMC43ODFsLTIuMTIsMi4xMjMgICBjLTAuMzgsMC4zNzctMC42MjEsMS40NTUtMC42MjEsMS40NTljLTAuMDc0LDYuNzM0LDIuNTY1LDEzLjIyNSw3LjMzLDE3Ljk4NmM0Ljc1Miw0Ljc1MiwxMS4yMTYsNy4zODksMTcuOTMxLDcuMzMyICAgYzAuMDM1LDAsMS4xNDUtMC4yMzgsMS41MjMtMC42MTVsMi4xMi0yLjEyMUMtNjUuMjI4LTM1Ni42MDQtNjQuODc1LTM1OC4wOTctNjUuMjI0LTM1OS4xNDJMLTY1LjIyNC0zNTkuMTQyeiIvPjwvZz48L3N2Zz4=');

  float: left;
  margin-right: 0.382em;
}
div.top > header > div.logo > div.contact > a {
  font-size: 1.6em;
  color: #fff;
  display: block;
  text-decoration: none;
}

div.top > nav {
  background-color: #373a41;  
}

div.middle {
  margin: 1em 0;
}
body.loggedin div.middle {background-color: #e9ebea;}

div.content {padding-bottom: 10em;}
div.bottom {
  background-color: #fff;
  padding: 1em 0;
  width: 100%;
  height: 8em;
  position: absolute;
  bottom:0;
  left:0;
}
div.bottom > nav {
  background-color: #373a41;
  padding: 1em;
}
div.bottom > nav > a {
  color: #fff;
  display: inline-block;
  padding: 0 0.618em;
  border-right: 1px solid #fff;
  line-height: 0.618em;
  text-decoration: none;
}
div.bottom > nav > a:last-child {border-right: 0;} 
div.bottom > footer {
  background-color: #e9ebea;
  color: #7ba7c0;
}
div.bottom > footer > div {
  font-size: 0.9em;
  padding: 1em 2em;
}.auth [data-click-action-open-popup] {cursor: pointer;}

div.popup.auth_grey { top: 4%; bottom: 4%; overflow: auto;}
div.popup.auth_grey > div.outer > div.inner {background-color: #e9ebea;}

div.auth.inline {
  font-size: 1.1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

div.auth.inline > div.ctls{
  background-color: #373a41;
  color: #fff;
  padding: 1em;
}
div.auth.inline > div.ctls > div {
  display: inline-block;
  cursor: pointer;
  line-height: 0.8em;
}
div.auth.inline > div.ctls > div:nth-last-child(n+2) {
  margin-right: 1em;
  padding-right: 1em;
  border-right: 1px solid #fff;
}
div.auth.inline > div.ctls > div > a {
  color: #fff;
  text-decoration: none;
}
div.auth.inline > div.ctls div.admin_view > a,
div.auth.inline > div.ctls div.work_as > span,
div.auth.inline > div.ctls div.normal_view > a { color: Pink; }
div.auth.inline > div.ctls div.work_as .popup { cursor: initial;}
div.auth.inline > div.ctls div.work_as_clients { color: #000; cursor: inherit; width: 30em;}
div.auth.inline > div.ctls div.work_as_clients input[name=filter] { width: 5em; padding: 0 0.2em}
div.auth.inline > div.ctls div.work_as_clients ul {margin: 0; padding: 0.4em 0.6em; max-height: 20em; overflow: auto; border: 1px dotted #555;}
div.auth.inline > div.ctls div.work_as_clients ul > li { display: block; cursor: pointer; line-height: 1.6em;}
div.auth.inline > div.ctls div.work_as_clients ul > li:hover{color:  #7dcefd; background-color: Snow;}

div.auth.inline > div.between {  flex-grow:1; margin-left: 1em; }
div.auth.inline > div.between > div.admin_client {  color: Pink; }

div.auth.inline > div.info{
  color: #fff;
  padding: 1em;
}
div.auth.inline > div.info > div{
  display: inline-block;
  margin-left: 1em;
}
div.auth.inline > div.info > div.name {
  color: #7dcefd;
  cursor: pointer;
}
div.auth.inline > div.info > div.credit > div[data-name] {cursor: pointer;}

div.auth.inline > div.lang {
  margin-left: 1em;
}
div.auth.inline > div.lang > div.currentLang {
  display: flex;
  align-items: center;
  color: white;
}
div.auth.inline > div.lang > div.currentLang > span {
  padding: 0.4em;  
}

div.credit_analytic { color: black; }
div.credit_analytic dl > dd, 
div.credit_analytic dl > dt {display: block; float: left; margin: 0;}
div.credit_analytic dl > dd {width: 14em; clear: left; padding-right: 1em;}
div.credit_analytic dl > dt {width: 8em; font-weight: bold; text-align: right;}
div.credit_analytic dl > .line {border-top: 1px solid #999;}

div.credit_analytic div[data-click-action-open-popup=payment] { margin-top: 1em; cursor: pointer; clear: both; padding-top: 2em;}
	







form.auth, div[data-popup-name=account] {display: none;}

div[data-popup-name=account] {
  min-width: 45em;
}
div[data-popup-name=account] textarea, div[data-popup-name=account] select, div[data-popup-name=account] input[type="text"], div[data-popup-name=account] input[type="password"],
div[data-popup-name=account] input[type="number"], div[data-popup-name=account] input[type="email"] {
  width: 20em;
  padding: 0.3em;
}
div[data-popup-name=account] form > table {margin: 1em 0;}

div[data-popup-name=account] form > table td > details,
div[data-popup-name=account] form > table td > details > summary {padding: 0; border: 0}
div[data-popup-name=account] form > table td > details > summary {font-weight: bold;}
div[data-popup-name=account] form > table td > details > div { background-color: #ccc;  margin-bottom: 1em;  width: 20em;}


div[data-popup-name=account] [data-settings-key=msisdn_request] {
  background-color: #eee;
  padding: 0.5em;
  width: 20em;
  border: 1px solid #ccc; 
  box-sizing: border-box; 
}
div[data-popup-name=account] [data-settings-key=msisdn_request] [data-settings-value] {font-weight: bold;}
div[data-popup-name=account] [data-settings-key=msisdn_request] input[data-code-confirmation] {width: 5em;}

form[name=header] dd {dispaly: block; margin: 0 0 1em 0; padding: 0;}
form[name=header] div.request_header { max-width: 38em; background-color: #e9ebea; padding: 1em; border: 1px #ccc solid;}
form[name=header] input[type="text"] { width: 11em;}
form[name=header] ul[class$=_services] {
  padding: 0; 
  margin: 0;
  display: -webkit-flex; /* Safari */
  display: flex;

}
form[name=header] ul[class$=_services] > li.empty {display: block; font-style: italic;}
form[name=header] ul[class$=_services] > li[data-service] {
  display: -webkit-flex; /* Safari */
  display: flex;
  background-color: #ddd;
  margin-right: 0.5em;
}
form[name=header] ul[class$=_services] > li[data-service] > div {
  margin: 0.2em;
  padding: 0.3em;
}

form.auth[name=login]{}

form.auth[name=login] table tr > td {font-size: 1.2em; padding: 0.2em; vertical-align: middle; }
form.auth[name=login] input[type=text], form.auth[name=login] input[type=password] { font-size: 1.6em; width: 8em;  padding: 0 0.3em;}
form.auth[name=login] > div {margin: 0.5em 0 1em 0; }
form.auth[name=login] input[type=submit], form.auth[name=login] input[type=button]{ font-size: 1.4em; }
form.auth[name=login] [data-auth-error] {color: red; display: none; text-align: center; }


form.auth[name=password_recover] p { max-width: 32em;}
form.auth[name=password_recover] table tr > td {font-size: 1.2em; padding: 0.2em; vertical-align: middle; width: 8em;}
form.auth[name=password_recover] input[type=text] { font-size: 1.4em; width: 12em;}
form.auth[name=password_recover] input[type=submit] { margin-top: 1em;}



form[name=register] textarea, form[name=register] select, form[name=register] input[type="text"], form[name=register] input[type="password"],
form[name=register] input[type="number"], form[name=register] input[type="email"] {
  width: 20em;
  padding: 0.3em;
}
form[name=register] a {padding-left: 0.618em;}@CHARSET "UTF-8";

ul.menu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around; /* Safari */
  justify-content: space-around;
  margin: 0;
  padding: 0;
}
ul.menu > li {
  font-size: 1.2em;
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 0.618em 0;
  margin: 0;
  border-right: 1px solid #7BA7C0;
  background-color: #373a41;
  cursor: pointer;
  color: #fff;  
}
ul.menu > li:last-child {border-right: 0;}
ul.menu > li:hover {
  background-color: #2e3337;
}
ul.menu > li.selected {
  background-color: #7BA7C0;
}ul.products,
div.payment,
div.pricelist { display: none; }


div.payment > form > table > tbody > tr> td > div{ 
  max-width: 45em;
}
div.payment > form > table > tbody > tr> td > div > details,
div.payment > form > table > tbody > tr> td > div > details > summary {
  padding:0;
  border: 0;
  max-width: 30em;
}
div.payment > form > table > tbody > tr> td > div > details > div { margin-left: 1.6em; }
	

table.pricelist,
table.pricelist > thead > tr > th,
table.pricelist > tbody > tr > td {
  border: 1px solid grey;
  padding: 0.2em;
}

table.pricelist > tbody > tr.selected { background-color: yellow;}
div.page {max-width: 60em; font-size:1.4em;}