html {
   padding: 0px;
   margin: 0px;
   height: 100%;
}
body {
  padding: 0px;
  margin:0px;
  min-width: 400px;
  background-image: url("../image/books.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 70% 70%;
  background-size: 100% auto;
  background-color: #909090;
  height: 100%;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}
body * {
   outline: none;
}
h2 {
   padding: 5px 0px;
   margin: 0px;
   font-size: 18px;
}
h3 {
   padding: 0px;
   margin: 0px 0px 2px 0px;
   font-size: 16px;
   line-height: 21px;
}
ul {
   padding-left: 0px;
   max-height: 140px;
   overflow-y: auto;
   list-style: none;
}
ul li {
   border-bottom: dotted #FFFFFF 1px;
   margin-left: 22px;
   line-height: 22px;
   padding-right: 22px;
}
ul li.selected{
   padding-left: 22px;
   margin-left: 0px;
   background: url('../image/play-small-icon.png') no-repeat;
}
.header, .header-login {
   height: 49px;
   position: fixed;
   width: 100%;
   min-width: 400px;
   z-index: 2;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-shadow: 1px 1px #000000;
   box-shadow: 0px 0px 10px #000000;
   overflow: hidden;
   background: linear-gradient(#9f9f9f, #404040);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF9f9f9f,endColorstr=#FF404040);
}
.logo {
   height: 49px;
   width: 59px;
   background-image: url('../image/book.png');
   background-position: 50% 50%;
   background-repeat: no-repeat;
   float: left;
   overflow: hidden;
   border-right: solid 1px #404040;
}
.header .slogan, .header-login .slogan{
    font-size: 20px;
    float: left;
    margin: 0 0 0 5px;
    color: #FFFFFF;
    line-height: 49px;
}
.header .action{
   margin: 11px 0 11px 13px;
   float: right;
   position: relative;
}
.header .action a {
   margin-right: 5px;
   border: none;
   color: #FFFFFF;
}
.header .action a .fa {
   font-size: 24px;
   width: 22px;
   height: auto;
   border: none;
}
.header .action a:active, .header .action a:focus {
   color: #666;
}
.greeting{
   float: right;
   height: 49px;
   padding-left: 10px;
   border-left: 1px solid #404040;
   overflow: hidden;
}
.greeting .hello {
   display: table-cell;
   height: 49px;
   line-height: 16px;
   max-width: 190px;
   vertical-align: middle;
}
.greeting .hello div {
   float: left;
}
.greeting .hello div.name {
   font-weight: bold;
}
.greeting .hello a.attention {
   font-size: 16px;
   line-height: 16px;
   color: #FFFFFF;
   animation: blinker 1s linear infinite;
}
.greeting .hello a.attention:hover {
   animation: none;
}
a {
   font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
}
a:link {	
   color: #000000;
   text-decoration: none;
   line-height: 13px;
   display: inline-block;
}
a:visited {
   color: #000000;
   text-decoration: none;
}
a:active {
   color: red;
}
a:link img {
   border-style: none;
}
.warn, .success {
   color: #ffffff;
   display: block;
   margin-left: 6px;
   line-height: 20px;
   padding: 3px 5px 3px 30px;
   text-shadow: 1px 1px #550000;
   text-align: left;
}
.warn {
   background: #ee2a32 url("../image/warning.png") no-repeat scroll 4px 3px;
}
.success {
   background: #7AE14E url("../image/true-small-icon.png") no-repeat scroll 4px 3px;
}
.warn.approved {
   top: 49px;
   left: 60px;
   z-index: 2;
   display: inline-block;
   width: 330px;
   position: absolute;
   margin: 0px;
   box-sizing: border-box;
}
.warn.approved a {
   display: inline;
   color: #fff;
   font-weight: normal;
   text-decoration: underline;
}
.warn.approved a:hover {
   color: #eee;
}
.form .row .warn, .form .row .success {
    display: block;
    margin-left: 17px;
    margin-right: 15px;
}
.warning {
   color: red;
   display: block;
   line-height: 20px;
   font-weight: bold;
   text-align: center;
   border: solid 1px red;
   border-radius: 5px;
   background-color: #FFFFFF;
   text-shadow: 1px 1px #000000;
}
.title {
   font-family:Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-transform:uppercase;
   font-size: 1.2em;
   text-align: center;
   color: #ffffff;
   text-shadow: 1px 1px 0px #000000;
   padding-bottom: 10px;
   padding: 5px;
   background: linear-gradient(#9f9f9f, #404040);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF9f9f9f,endColorstr=#FF404040);
}
.login .form .title {
   text-shadow: 0 -1px 0 #000;
}
.form_footer{
   height:27px;
   line-height: 27px;
   color: #fff;
   text-align: left;
   text-shadow: 0 -1px 0 #000;
   padding: 0 10px;
   overflow: hidden;
   background: linear-gradient(#9f9f9f, #404040);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF9f9f9f,endColorstr=#FF404040);
}
.form_footer a {
   color: #fff;
   font-weight: normal;
   border-bottom: 1px dotted transparent;
}
.form_footer a:hover {
   color: #fff !important;
   border-bottom: 1px dotted #fff;   
}
form {
   padding: 0px;
   margin: 0px;
   min-height: 100%;
   display: inline;
}
.login {
   background: rgba(112, 112, 112, 0.6);
   padding: 0px;
   width: 330px;
   position:absolute;
   top:115px;
   left:60px;
   box-shadow: 0px 0px 10px #000000;
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#88707070', endColorstr='#88707070'); /* IE */
   color: #FFFFFF;
   text-shadow: 1px 1px 0px #000000;
}
.login a {
   color: #FFFFFF;
   text-shadow: 1px 1px 0px #000000;
}
.login .form {
   position:relative;
   width: 100%;
   text-align: center;
}
#acceptTerms {
   position: relative;
   overflow: hidden;
   width: 90%;
   display: inline-block;
   text-align: justify;
   cursor: pointer;
}
#acceptTerms.error {
   background-color: #ee2a32;
   margin: -3px 0;
   padding: 3px 0;
}
#acceptTerms * {
   font-size: 14px;
}
#acceptTerms input {
   position: absolute;
   top: -30px;
   left: -30px;
   width: auto;
}
#acceptTerms input ~ .fa:before {
   display: inline-block;
   width: 8px;
   text-align: center;
   padding: 0 10px;
   content: "\f096";
}
#acceptTerms input[value="yes"] ~ .fa:before {
   content: "\f046";
}
#acceptTerms label {
   display: inline;
   text-decoration: underline;
   font-weight: normal;
}
#acceptTerms label:hover {
   color: #aaa;
}
#container {
   background-color: #888888;
   background-image: none;
   position: fixed;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   padding: 0 0 31px 0;
   z-index: 3;
}
#container .title {
   height: 21px;
   line-height: 21px;
   margin-top: 0;
   position: relative;
   overflow: hidden;
   text-align: left;
}
#container .title > label {
   display: block;
   height: 21px;
   margin-right: 100px;
   overflow: hidden;
}
#container .title > #live {
   float: right;
   cursor: pointer;
}
.cat-separator {
   color: #3333FF; /* #0385ce;*/
   font-size: 16px;
   line-height: 16px;
}
.item-separator {
   color: #ffcb05;
   font-size: 16px;
   line-height: 16px;
}
#container #obj {
   width: 100%;
   height: 100%;
   border-style: none;
   overflow: hidden;
   background-image: url('../image/loading.gif');
   background-repeat: no-repeat;
   background-position: 50%;
}
.container .content-description {
   display: none;
   padding: 10px;
   margin-bottom: 10px;
   background-color: #BC7CBD;
   border: 1px #e4cce3 solid;
   box-shadow: 0px 0px 5px #e4cce3 inset;
   color: #FFFFFF;
   font-style: oblique;
   text-indent: 5px;
   max-width: 670px;
   border-radius: 5px;
   text-align: justify;
}
.form .row{
   margin-top: 17px;
   margin-bottom: 18px;
   vertical-align: top;
   position: relative;
}
.form .row > div {
   vertical-align: top;
}
.form .row .desc{
   display: inline-block;
   width: 100%;
   text-align: left;
   line-height: 20px;
   font-weight: bold;
   color: #000000;
   padding-top: 5px;
   padding-left:15px;
   zoom: 1;
   *display: inline;
   font-family: Arial, Helvetica, sans-serif;
}
.form .row .value{
   display: inline-block;
   width: 90%;
   text-align: left;
   zoom: 1;
   *display: inline;
   background-color: #ffffff;
   border:solid 1px gray;
   font-family: Arial, Helvetica, sans-serif;
}

.user_icon, .pass_icon{
   margin: 4px 4px 0px 4px;
   height: 18px;
   width: 20px !important;
   font-size: 18px !important;
   line-height: 18px !important;
   color: #666;
   text-shadow: 0 0 0;
   overflow: hidden;
}
.form .row input, .form .row .input{
   float:right;
   width: 260px;
   height: 24px;
   line-height: 24px;
   border: none;
   background-color: #ffffff;
   overflow: hidden;
   display: block;
   color: #000000;
}
.form .row input[type='text'].default{
   color: #909090;
   font-style: italic;
}
.form .buttons {
   text-align: center;
   margin-bottom:18px;
}
.form_config label {
   cursor: pointer;
}
.form_config label:hover {
   color: #FFFFFF;
}
#back_btn, #play_btn, #clean_btn, .form-close {
   border-style:none;
   text-transform:uppercase;
   font-weight:bold;
   height: 30px;
   color:#333333;
   font-size:14px;
   display: inline-block;
   white-space: nowrap;
   line-height: 30px;
   cursor: pointer;
}
.form-close:hover {
   color:#333333 !important;
}
.login #back_btn{
   color: #FFFFFF;
   
}
#container #back_btn{
   position: absolute;
   right: 0px;
   top: 0px;
   padding-left: 20px;
   color: #ffffff;
   text-align: left;
   text-shadow: 0 -1px 0 #000;
   border-left: 1px solid #404040;
}
#back_btn:active, #play_btn:active, #clean_btn:active, .form-close:active {
   color: #FFFFFF;
}
#back_btn, .form-close{
   background: url("../image/back_icon.png") no-repeat;
   background-position: 100%;
   padding: 0px 35px 0px 20px;
}
#back_btn:first-child, .form-close:first-child {
   padding: 0px 35px 0px 0px;
}
#play_btn {
   color:#000000;
   margin-left:0px;
   background: url("../image/play_icon.png") no-repeat;
   background-position: 100%;
   padding-right: 35px;
}
#clean_btn {
   color:#000000;
   margin-left:0px;
   background: url("../image/del_icon.png") no-repeat;
   background-position: 100%;
   padding-right: 35px;
   margin-right: 20px;
}
/*label.info-btn, */ label.del-btn {
   color: #000000;
   text-shadow: none;
   display: inline-block;
   font-size: 16px;
   margin-right: 20px;
   cursor: pointer;
}
label.del-btn:hover/*, label.info-btn:hover*/{
   color: #FFFFFF;
   text-shadow: none;
}
.cat-list {
   margin-left: 60px;
   padding: 0px;
   width: 330px;
   position: absolute;
   top: 49px;
   bottom: 0px;
   background-color: rgba(112, 112, 112, 0.3);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#88707070', endColorstr='#88707070');
   box-shadow: 0px 0px 20px #000000;
   overflow-y: auto;
   overflow-x: hidden;
}
.cat-list a, .cat label {
   font-size: 16px;
   color:#ffffff;
   text-shadow: 1px 1px #000000;
   display: block;
   line-height: 27px;
   white-space: nowrap;
   padding-left: 10px;
}
.cat-list a.course {
   padding-left: 18px;
   background: url('../image/course.png') no-repeat 0px 4px;
}
.cat-list a.pack {
   padding-left: 18px;
   background: url('../image/pack.png') no-repeat 0px 4px;
}
.cat-list a.folder {
   padding-left: 18px;
   background: url('../image/folder.png') no-repeat 0px 4px;
}
.cat-list a.doc {
   padding-left: 18px;
   background: url('../image/doc.png') no-repeat 0px 4px;
}
.cat-list a.group {
   padding-left: 18px;
   background: url('../image/group.png') no-repeat 0px 4px;
}
.cat-list a.level {
   padding-left: 18px;
   background: url('../image/level.png') no-repeat 0px 4px;
}
.cat-list a.student {
   padding-left: 18px;
   background: url('../image/user-small.png') no-repeat 0px 4px;
}
.cat-list a.attention, .cat-list-content label.attention {
   padding-left: 18px;
   background: url('../image/attention.png') no-repeat 0px 4px;
}
.form_config .row .comment.attention:before, li.attention:before {
   margin-right: 5px;
   font-family: FontAwesome;
   content: "\f071";
   color: #ffcc00;
}
.form_config .row .comment.noanswer:before, li.noanswer:before, .form_config .row .comment .result .noanswer:before {
   margin-right: 5px;
   font-family: FontAwesome;
   content: "\f110";
   color: #999;
}
/*.form_config .row .comment.attention, li.attention{
   padding-left: 18px;
   background: url('../image/attention.png') no-repeat;
}*/
.form_config .row .comment.email{
   line-height:21px;
   padding-left: 24px;
   background: url('../image/false-small-icon.png') no-repeat;
}
.form_config .row .comment.email.approved{
   background: url('../image/true-small-icon.png') no-repeat;
}
.cat-list-title {
   padding-top: 5px;
   padding-bottom: 15px;
   background: linear-gradient( #404040, #7B8698);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF404040', endColorstr='#FF7B8698');
   height: 50px;
}
.cat-list-footer {
   background: url("../image/cat-footer-tail.png");
   height: 70px;
}
.cat_list_logo {
   width:50%;
   margin-left:auto;
   margin-right:auto;
}
.cat_list_logo img{
   height:auto;
   margin-top:10px;
   width:160px;
}
.cat-list-content {
   background-color: #7B8698;
}
.cat-list .form {
   border-style: none;
   box-shadow: none;
   }
.cat {
   vertical-align: middle;
   font-weight: bold;
   text-decoration: none;
   height: 27px;
   background: transparent url("../image/cat-bg-tail1.png");
   position: relative;
   overflow: hidden;
}
.cat.item {
   background-color: #9DA8BA;
}
.item{
   color: #FFFFFF;
   text-shadow: 1px 1px 0px #000000;
}
.cat.selected-cat {
   background-color: #646F81;
}
.cat .item {
  line-height: 27px;
  overflow: hidden;
  display: block;
}
.cat .item a .fa, .cat .item label .fa {
   width: 20px;
   font-size: 14px;
}
.cat:hover .item a .fa, .cat:hover .item label .fa {
   color: #A3ADBD;
}
.cat a:active, .cat a:focus, .cat:hover a:active .fa, .cat:hover a:focus .fa {
   color: #7B8698;
}
.cat .action {
   position: absolute;
   right: 1px;
   top: 1px;
   display: none;
   float: right;
   background-color: inherit;
}
.cat.selected-cat .action, .cat.item .action, .cat:hover .action, .cat.visible-action .action {
   display: block;
}
.cat .action a, .cat .action label {
   padding: 1px;
   margin-top: 2px;
   margin-right:1px;
   float:left;
   width: 23px;
   height: 19px;
   display: inline-block;
   border-radius: 12px;
   border-style: none;
   text-align: center;
}
.cat .item a img, .cat .action a img, .cat .action label img {
   border-style: none;
}
.cat .action a.fa, .cat .action label.fa {
    font-size: 22px;
    margin: 0px 2px;
    padding: 0px;
    line-height: 24px;
}
/*.cat label {
   display: block;
   font-size: 14px;
}*/
.cat label[for] {
   cursor: pointer;
}
.cat label[for]:active{
   color: #7B8698;
}
.cat .item input[type="checkbox"]{
   float: left;
}
.cat label.disabled {
   color: #7B8698;
}
.table-list {
   empty-cells: show;
   width: 100%;
   color: #000;
   text-shadow: none;
}
.table-list tr {
   border: solid 1px transparent;
   }
.table-list thead td {
   background: linear-gradient(#9f9f9f, #404040);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF9f9f9f', endColorstr='#FF404040');
   border-radius: 3px;
   padding: 5px;
   color: #FFFFFF;
   text-shadow: 0 -1px 0 #000000;
   border: none;
}
.table-list thead td.not-include {
   background: linear-gradient(#9f9f9f, #404040);;
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF9f9f9f', endColorstr='#FF404040');
   color: #909090;
}
.table-list td {
   border: solid 1px transparent;
   position: relative;
}
.table-list td.not-include {
   background: #909090;
   color: #404040;
   }
.table-list thead {
   text-align: center;
   font-weight: bold;
   }
.table-list tbody .left {
   text-align: left;
   }
.table-list tbody .right {
   text-align: right;
   }
.table-list tbody .center {
   text-align: center;
   }
.table-list tbody td {
   border-radius: 3px;
   padding: 2px 5px;
   background-color: #FFFFFF;
   box-shadow: 0 0 1px #404040;
   font-weight: normal;
}
.table-list tbody td a {
   font-weight: normal;
}
.table-list tbody tr.selected td {
   background-color: #ff8;
}
.table-list tbody td input[type="submit"] {
   margin: -2px -5px;
}
.table-list tbody td.user {
   padding-right: 47px;
   white-space: nowrap;
}
.table-list tbody tr:hover td {
   text-decoration: underline;
}
.table-list tbody tr:hover td a:hover, .table-list tbody tr:hover td label:hover {
   text-decoration: red underline;
}
.table-list tbody tr:hover td.not-include {
   background-color: #909090;
}
.table-list .action {
   position: absolute;
   right:0px;
   top: 0px;
   display: none;
}
.table-list tr:hover .action {
   display: block;
}
.table-list label:hover {
   color: red;
}
.row > .table-list {
    margin: 0px 5px;
    padding-right: 4px;
}
a.mail-title {
   font-size: 14px;
   line-height: 25px;
   color: #FFFFFF;
   display: block;
}
a.mail-title:before {
   font-style: normal;
   font-family: FontAwesome;
   content: "\f0e0";
   margin-right: 10px;
}
a.mail-title.annonce:before {
   color: #d9ff5c;
   animation: blinker 1s linear infinite;
}
a.mail-title.closed:before {
   color: #999;
}
.info-btn, .mail-member {
   display: block;
   float: left;
   margin: 0px 5px 2px 0px;
   background-color: #4848FF;
   border-radius: 5px;
   box-shadow: 1px 1px 2px #000000;
   border: 1px solid transparent;
   padding: 2px;
   color: #fff;
   line-height: 18px;
}
.info-btn.active {
   border-style: none;
   padding: 3px;
   background: linear-gradient(#00f400, #00CC00, #0D8C43);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff00f400,endColorstr=#ff0D8C43);
}
.info-btn:hover, .mail-member:hover{
   border-color: #4848E0;
   color: #fff;
   cursor: pointer;
}
.mail-member.owner:hover {
    border-color: #258DFF;
}
.mail-member.owner:hover:active {
    border-color: #4848E0;
}
.info-btn input[type="checkbox"] {
   position: absolute;
   top: -40px;
}
.mail-member.label, .mail-member.label:hover {
   background-color: transparent;
   box-shadow: none;
   border: 1px solid transparent;
}
.mail-member.owner {
   background-color: #48B0FF;
}
.mail-member.inactive {
   color: #909090;
}
.mail-member input[type='checkbox']{
   float: left;
   margin: 0 4px 0 0;
   height: 17px;
}
.info-btn:active, .mail-member:active {
   background-color: #4848E0;
   box-shadow: 0px 0px 1px #000000;
   top: 1px;
   position: relative;
}
a.mail, a.report, a.phones {
   text-align: center;
   font-size: 16px;
   text-shadow: 2px 2px 3px #000000;
   color: #fff;
   font-family: FontAwesome;
}
.table-list tbody tr:hover td a.mail:hover, .table-list tbody tr:hover td a.report:hover, .table-list tbody tr:hover td a.phones:hover {
   text-decoration: none;
}
a.mail:hover, a.report:hover, a.phones:hover{
   color: #fff !important;
}
a.mail:active, a.report:active, a.phones:active {
   text-shadow: 0px 0px 1px #000000;
}
a.mail:before {
   content: "\f0e0";
   font-style: normal;
   display: block;
}
a.report:before {
   content: "\f2bb";
   font-style: normal;
   display: block;
}
a.phones:before {
   content: "\f095";
   font-style: normal;
   position: relative;
   top: 1px;
   width: 18px;
   display: block;
}
.form_config .title{
   margin-top: 0px;
   margin-bottom: 18px;
   min-height: 17px;
   text-shadow: 0 -1px 0 #000;
}
 .form_config .container {
   min-height: 100%;
   background-image:url("../image/menu_bg.png");
   text-align: center;
   width: auto;
   background-size: 100% 100%;
   float: left;
   position: relative;
}
.form_config {
   background: linear-gradient( #3591e9, #1470c8);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF3591e9', endColorstr='#FF1470c8');
   text-align:center;
   position:relative;
   display: inline-block;
   min-width: 400px;
   max-width: 90%;
   margin: 10px auto 40px auto;
}
.form_config.error {
   background: linear-gradient( #FF9090, #FF4040);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF9090', endColorstr='#FFFF4040');
}
.form_config * {
   font-family: Arial, Helvetica, sans-serif;
}
.form_config a:hover {
   color: red;
}
.form_config .row {
   margin: 17px 20px 18px 20px;
   vertical-align: top;
   position: relative;
   max-width: 100%;
}
.form_config .row>div {
   vertical-align: top;
}
.form_config .row .desc{
   text-align: left;
   font-weight: bold;
   color: #000000;
   font-size: 14px;
   overflow-x: auto;
}
.form_config .row .desc input[type='checkbox'], .form_config .row .desc input[type='radio']{
   float: left;
   height: auto;
   width: auto;
   margin: 5px 4px 0px 0px;
}
.form_config .row .desc label{
   line-height: 24px;
}
.form_config .row .value {
   margin-left: 5px;
   text-align: left;
   background-color: #ffffff;
   border:solid 1px gray;
   position: relative;
   overflow: hidden;
}
.form_config .row .value.filter {
   margin-left: 6px;
}
.form_config .row .title {
   background: transparent;
   text-align: left;
   position: relative;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 18px;
   text-shadow: 1px 1px #000000;
   padding: 0px;
   text-transform: none;
   filter: none;
}
.form_config .row .title * {
   font-size: 18px;
   line-height: 22px;
}
.form_config .row .title a:link {
   color: #FFF;
}
.form_config .row .title a:hover {
   color: red;
}
.form_config .row .comment {
   margin-left: 5px;
   text-align: left;
   /*zoom: 1;
   *display: inline;*/
   position: relative;
   overflow: hidden;
   color: #FFFFFF;
   font-weight: bold;
   text-shadow: 1px 1px #000000;
   line-height: 17px;
}
.form_config .row .comment.hidden {
   display: none;
}
.form_config .row .comment .result {
   white-space: nowrap;
   float: left;
   width: 300px;
   min-height: 15px;
}
.form_config .row .comment .result div:first-child {
   margin-bottom: 5px;
}
.form_config .row .comment .notes {
   display: inline-block;
   width: 400px;
   float: right;
}
.messages {
   max-width: 600px;
}
.form_config .row .comment .date {
   padding-left: 22px;
   line-height: 22px;
   background-repeat: no-repeat;
   
}
.form_config .row .comment .note .date {
   padding-left: 0px;
}
.form_config .row .comment .date.start {
   background-image: url( '../image/play-small-icon.png');   
}
.form_config .row .comment .date.end {
   background-image: url( '../image/stop-small-icon.png');   
}
.form_config .row .comment .date.last {
   background-image: url( '../image/edit-small-icon.png');   
}
.form_config .row .comment a:link,.form_config .row .comment a:visited {
   color: #FFFFFF;
   font-style: italic;
}
.form_config .row .comment a:hover, .form_config .row .comment a:hover .item-separator {
   color: #FF4040;
}
.form_config .row .access {
   line-height: 30px;
   font-size: 26px;
   color:#FF4040;
}
.form_config .row .state.access:before {
   font-family: FontAwesome;
   content: '\f023';
   margin-right: 10px;
}
.form_config .row div.item_config {
   height: 24px;
   display: block;
   background-repeat: no-repeat;
   background-position: 2px 2px;
   padding: 1px 3px 1px 25px;
   margin-left: 8px;
   line-height: 22px;
   text-align: right;
   float: left;
}
.form_config .row div.item_config.date label {
   background-color: #FFFFFF;
   border-radius: 3px;
   border: solid 1px #404040;
   width: 200px;
   height: 22px;
   padding: 0px 2px;
   color: #000000;
   text-shadow: none;
   font-size: 13px;
   background-repeat: no-repeat;
}
.form_config .row div.item_config.access label {
   width: 21px;
   float: left;
   height: 21px;
   margin: 1px;
}
.form_config .row div.item_config.access label.add {
   background-image: url("../image/add-small-icon.png");
}
.form_config .row div.item_config.access label.del {
   background-image: url("../image/del-small-icon.png");
}
.form_config .row div.item_config input {
   background-color: #FFFFFF;
   border-radius: 3px;
   border: solid 1px #404040;
   width: 200px;
   height: 22px;
   padding: 0px 2px;
   color: #000000;
   text-shadow: none;
   float: left;
   text-align: right;
}
.form_config .row .item_config.date.start {
   background-image: url("../image/play-small-icon.png");
}
.form_config .row .item_config.date.end {
   background-image: url("../image/stop-small-icon.png");
}
.form_config .row .item_config.access {
   background-image: url("../image/access-small-icon.png");
}

.form_config .row input[type='text'], .form_config .row input[type='password'], .form_config .row div.input{
   height: 24px;
   line-height: 24px;
   border: none;
   background-color: #ffffff;
   overflow: hidden;
   display: block;
   color: #000000;
   width: 100%;
   white-space: nowrap;
   font-weight: bold;
   padding: 0px 2px;
}
.form_config .row input[type='text'].default{
   color: #909090;
   font-style: italic;
}
.form_config .row input[type="radio"]{
   float: left;
}
.form_config .row input[type="radio"] + label{
   line-height: 24px;
}
.form_config .row input[type="radio"] + label:active{
   color: #7B8698;
}
.form_config .row select optgroup {
   color: #404040;
   font-style: italic;
   padding-left: 10px;
   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgwAEasGAMCQwduAEAD/gEgdXCXSsAAAAASUVORK5CYII=') no-repeat 4px 4px;
}
.form_config .row select option {
   background-color: #FFFFFF;
   font-weight: bold;
}
.form_config .row select optgroup > option {
   color: #000;
   padding-left: 10px;
}
.form_config .row select{
   width: 100%;
   min-width: 270px;
   height: 24px;
   background-color: #FFFFFF;
   border: none;
   font-weight: bold;
}
.form_config .row textarea {
   min-width: 100%;
   padding: 0px 2px;
   margin: 0px;
   display: block;
   border: none;
   background-color: #FFFFFF;
   font-weight: bold;
}
.form_config .row input.inline,
.form_config .row select.inline,
.form_config .row textarea.inline {
   display: inline;
   width: auto;
   border:solid 1px gray;
   margin: 2px 0px;
   min-width: auto;
}
.form_config .buttons {
   text-align: center;
   margin-bottom:18px;
   padding: 0px 25px;
}
.table-list td.buttons {
   margin-bottom: 0;
   padding: 0;
   background-color: transparent;
   background-image: none;
   border-color: transparent;
   box-shadow: none;
}

.form_config .row .input.hidden{
   display: none;
}
.form_config input[type='file'] {
   position: absolute;
   top: -100px;
   left: -100px;
   z-index: 199;
   width: 0px;
}
.form_config .stmt {
   border-radius: 5px;
   background-color: #909090;
   width: 280px;
   display: inline-block;
   overflow: hidden;
}
.form_config .stmt label {
   float: left;
   width: 140px;
   background-image: none;
   text-transform: uppercase;
   font-weight: bold;
   height: 30px;
   line-height: 30px;
   position: relative;
}
.form_config .stmt label div {
}
.form_config .stmt label:hover {
   background-image: none;
   text-shadow: none;   
}
.form_config .stmt input {
   position: absolute;
   top: -40px;
}
.form_config .stmt label input:checked + div {
   color: #000000;
   background: linear-gradient(#ffff3d, #ffcb05, #b7981f);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffff3d,endColorstr=#ffffcb05);
}
.form_config .stmt label.active div {
   color: #000000;
   background: linear-gradient(#ffff3d, #ffcb05, #b7981f);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffff3d,endColorstr=#ffffcb05);
}
.form-conteiner {
   position: fixed;
   background-color: transparent;
   top: 0px;
   left: 0px;
   bottom: 0px;
   right: 0px;
   display: block;
   width: 100%;
   padding-top: 55px;
   overflow: auto;
   text-align: center;
   z-index: 101;
}
.dropbg {
   position: fixed;
   top: 0px;
   left: 0px;
   bottom: 0px;
   right: 0px;
   display: block;
   overflow: hidden;
   background: #000;
   content: '';
   -moz-opacity: 0.60;
   filter: alpha(opacity=60);
   opacity: 0.60;
   z-index: 99;
}
.form-conteiner .close-btn {
   position: absolute;
   right: 20px;
   top: 20px;
   width: 39px;
   height: 39px;
   background: url('../image/close_icon.png');
   display: block;
   cursor: pointer;
}
.notes .note{
   margin: 5px 0px 10px 0px;
}
.notes .note .note-title {
   font-style: italic;
   border-bottom: 1px dotted #FFFFFF;
   height: 21px;
   line-height: 21px;
   white-space: nowrap;
}
.notes .note .date {
   float: left;
   border-bottom: none;
   border-right: 1px dotted;
   margin-right: 5px;
   padding-right: 5px;
}
.notes .note .note-content{
   font-weight: normal;
}
.notes .note .note-content p{
   margin: 4px 4px 4px 0px;
   padding: 0px;
   text-indent: 15px;
}
.notes .note .note-del {
   float: right;
   cursor: pointer;
   position: relative;
}
.messages .control, .form_config .control{
   float: right;
   padding: 2px;
}
.messages .control .action, .form_config .control .action {
   display: block;
   float: left;
   margin: 0px 2px;
   width: 21px;
   height: 21px;
   overflow: hidden;
   color: transparent;
}
.messages .control .action.read {
   background-image: url('../image/true-small-icon.png');
}
.messages .control .action.close {
   background-image: url('../image/mail-close-icon.png');
}
.messages .control .action.exit {
   background-image: url('../image/false-small-icon.png');
}
.messages .note{
   margin: 5px 0px 10px 0px;
}
.messages .note .note-title {
   font-style: italic;
   border-bottom: 1px dotted #FFFFFF;
   height: 21px;
   line-height: 21px;
   text-align: right;
   white-space: nowrap;
   padding-right: 2px;
}
.messages .note .date {
   float: left;
   margin-right: 5px;
   padding-right: 5px;
   border-bottom: none;
}
.messages .note .note-content{
   font-weight: normal;
}
.messages .note .note-content p{
   margin: 4px 4px 4px 0px;
   padding: 0px;
   text-indent: 15px;
}
.form_config .control .action.edit {
   background-image: url('../image/edit-small-icon.png');
}
.form_config .control .action.del {
   background-image: url('../image/del-small-icon.png');
}
.form_config .control .action.true {
   background-image: url('../image/true-small-icon.png');
}
.form_config .control .action.dyn {
   background-image: url('../image/dyn-small-icon.png');
}
.left {
   text-align: left;
}
div.lang-true {
   padding-left: 24px;
}
label.lang {
   padding-left: 45px;
   display: block;
   background: no-repeat 0px 50%;
   color: #FFFFFF;
}
label.lang:hover {
   color: #000000;
}
input[name=lang]{
   position: fixed;
   z-index: 0;
   width: 0px;
   height: 0px;
   top: -100px;
   left: -100px;
}
input:checked ~ div.lang-true {
   color: #000000;
   background: url('../image/true-small-icon.png') no-repeat 0px 1px;
}

.lang-form {
   height: 23px;
}
.lang-selector {
   padding: 0px;
   margin: 0px;
   color: #553600;
   text-shadow: 0px 0px #553600;
   font-weight: bold;
   position: absolute;
   display: block;
   right: 0px;
   width: 35px;
   min-height: 23px;
   z-index: 1;
}
.lang-selector label {
   background: #404040 linear-gradient(#ffff3d, #ffcb05, #b7981f);
   display: block;
   position: relative;
   height: 0px;
   line-height: 23px;
   cursor: pointer;
   overflow: hidden;
   transition: height 0.5s;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffff3d,endColorstr=#ffffcb05);
}
.lang-selector label.lang-selected {
   height: 23px;
}
#langVisible {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 0px;
   height: 0px;
   z-index: 0;
}
#langVisible:checked ~ label {
   height: 23px !important;
}
.lang-selector label:hover ~ label, .lang-selector .lang-selected:hover ~ label, .lang-selector:hover label {
   height: 23px !important;
}
.lang-selector label:active {
   color: #FFFFFF;
   text-shadow: 1px 1px #553600;
}
#catList>div{
   margin-top: 5px;
   margin-left: 10px;
   float:left;
}
/*#mAnnonce {
   line-height: 22px;
   display: none;
}
.cat:hover #mAnnonce {
   display: block;
}*/
#mAnnonce{
   display: inline-block !important;
}
#mAnnonce.active {
   color: #d9ff5c;
   animation: blinker 1s linear infinite;
}
a:hover #mAnnonce.active, #mAnnonce.active:hover{
   animation: none;
}
#mAnnonce > *{
   display: none;
}
.header #mAnnonce {
   position: absolute;
   top: -5px;
   left: -15px;
}
#loading{
   display: inline-block;
   visibility: hidden;
   position: relative;
   top: 2px;
   left: 10px;
   height: 16px;
}
.loading {
   display: inline-block !important;
   position: relative;
   top: 2px;
   left: 10px;
   height: 16px;
}
.loading.hidden{
   visibility: hidden;
}
#audioplayer {
   width: 300px;
   float: left;
   margin-bottom: 4px;
}
#audioplayer audio {
   width: 100%;
   display: block;
}
#powered{
   position: fixed;
   left: 5px;
   bottom: 5px;
   width: 50px;
}
#powered img {
   width: 100%;
}
.about {
   background: rgba(112, 112, 112, 0.6);
   padding: 0px;
   width: 80%;
   margin: 0px 10%;
   position:absolute;
   top:109px;
   box-shadow: 0px 0px 10px #000000;
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#88707070', endColorstr='#88707070'); /* IE */
   color: #FFFFFF;
   text-shadow: 1px 1px 0px #000000;
}
input[type='button'], input[type='submit'], input[type='reset'] {
   height: 30px;
   background: linear-gradient(#ffff3d, #ffcb05, #b7981f);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffff3d,endColorstr=#ffffcb05);
   border-radius:5px;
   border-style:none;
   color:#553600;
   text-transform: uppercase;
   width:140px;
   font-weight:bold;
   display: inline;
   padding: 0px;
}
a.input, label.input {
   height: 30px;
   background: linear-gradient(#ffff3d, #ffcb05, #b7981f);
   border-style:none;
   border-radius: 5px;
   color:#553600;
   text-transform: uppercase;
   width:140px;
   font-weight:bold;
   display: inline-block;
   line-height: 30px;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffff3d,endColorstr=#ffffcb05);
}
input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover, a.input:hover, label.input:hover {
   cursor: pointer;
   background: linear-gradient(#ffffff, #ffcb05,#ffff3d);
   text-shadow: 1px 1px #ffff3d;
   color:#553600;
   }
input[type='button']:active, input[type='submit']:active, input[type='reset']:active, a.input:active, label.input:active {
   color: #FFFFFF;
   text-shadow: 1px 1px #553600;
}
input[type='button'][disabled], input[type='submit'][disabled], input[type='reset'][disabled], select[disabled], input[disabled], label.input.disabled {
   color: #404040;
   background-color: #909090;
   background-image: none;
}
input[type='button'][disabled]:hover, input[type='submit'][disabled]:hover, input[type='reset'][disabled]:hover, select[disabled]:hover, input[disabled]:hover, label.input.disabled:hover {
   text-shadow: 0 0 0 transparent;
   cursor: default;
}
div[data-class='thread']{
   overflow: hidden;
}
label.grade {
   display: inline-block;
   margin: 1px 5px 2px 0px;
   background-color: #fff;
   border-radius: 5px;
   padding: 2px 4px;
   color: #000;
   text-shadow: none;
   line-height: 17px !important;
   box-shadow: 1px 1px 2px #000;
   border: 1px solid transparent;
   position: relative;
   top: -1px;
}
label.grade:hover {
   color: #000;
}
label.grade:active {
   background-color: #fff;
   box-shadow: 0px 0px 1px #000000;
   top: 0px;
}
.blacklisted {
   color: red;
   font-size: 16px !important;
   line-height: inherit !important;
   text-shadow: 0 0 0 transparent !important;
   padding-left: 4px;
}
.carrier {
   clear: both;
}
.hidden {
   display: none;
}
.pull-left {
   float: left;
}
.pull-right {
   float: right;
}
.padding-10 {
   padding-left: 10px;
}
.label-image {
   float: left;
   width: 50%;
   text-align: center;
   display: inline-block;
   padding-bottom: 5px;
}
.label-image label {
   display: block;
   padding-bottom: 5px;
}
.label-image .fa {
   font-size: 128px;
}
.label-image * {
   font-size: 24px;
}
.label-image input:checked ~ label {
   background-color: rgba( 255,255,255, 0.3);
}
div > .fa:first-child {
   display: inline-block;
   text-align: center;
   padding-right: 5px;
   width: 14px;
}
.paginator {
    border: none;
    padding: 0px;
    display: block;
    width: 100%;
    text-align: center;
}
.paginator li {
   display: inline-block;
   margin: 2px;
   padding: 0px;
   border: none;
}
.paginator a {
    display: inline-block;
    border: none !important;
    padding: 4px 10px !important;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    background-color: #4848FF;
    border-radius: 5px;
    cursor: pointer;
}
.paginator a.active, .paginator a.active:hover, .paginator a:active {
   cursor: pointer;
}
.paginator a:hover, .paginator a:focus {
   background-color: #4848FF;
   color: #fff;
}
.paginator a .fa {
   font-size: 10px;
}
.paginator .separator {
   display: inline-block;
   padding: 10px !important;
   float: left;
}
.value.filter {
}
.placeholder {
   position: absolute;
   font-size: 22px !important;;
   line-height: 24px !important;
   color: #666;
}
.placeholder:hover {
   color: #000 !important;
}
#autolist-holder {
   color: #000;
   text-shadow: none;
   overflow: visible;
}
#autolist-holder ul {
   margin: 0px 1px;
   position: absolute;
   z-index: 100;
   width: 100%;
   display: block;
   border-bottom: 1px solid grey;
}
#autolist-holder ul li {
   margin: 0px 1px 0px 0px;
   display: block;
   background-color: #fff;
   padding: 0px 2px;
   border-left: 1px solid grey;
   border-right: 1px solid grey;
}
#autolist-holder ul li a{
   display: block;
   color: #000;
   font-size: 18px;
   line-height: 22px;
   font-style: normal;
}
#autolist-holder ul li a:hover, #autolist-holder ul li a:focus, #autolist-holder ul li a:active {
   color: #000;
   background-color: #FFFFC0;
}
#autolist-holder ul li a .fa {
   float: right;
   line-height: 22px;
   padding: 2px 0px 0px 0px;
}
.word-remove {
   float: right;
   font-size: 16px !important;
}
.word-remove:hover {
   text-decoration: none !important;
}
.trigger {
   cursor: pointer;
}
#search {
   cursor: pointer;
}
#cookieMsg {
   position: relative;
   z-index: 95;
   top: 49px;
   width: 100%;
   color: #fff;
   text-shadow: 1px 1px 0 #000;
   background-color: #666;
   overflow: hidden;
   transition: background-color 0.25s;
}
#cookieMsg > div {
   padding: 10px 10px 0px 10px;
}
#cookieMsg > div .trigger {
   color: #fff;
   text-decoration: underline;
   display: inline;
   font-weight: normal;
}
#cookieMsg > div .trigger:hover {
   color: #aaa;
}
#cookieMsg > div > a ~ div {
   margin-bottom: 10px;
}
#cookieMsg > div > a#cookieAccept {
   cursor: pointer;
   background-color: red;
   float: right;
   position: relative;
   padding: 4px;
   border-radius: 3px;
   margin: -4px -4px 5px 5px;
   text-decoration: none;
   color: #fff;
   text-shadow: 1px 1px 1px #333;
}
.terms .row {
   text-align: left;
   font-weight: bold;
   line-height: 17px;
   color: #000;
}
#attempts.terms .row {
   padding-left: 5px;
}
.terms .row .toggle {
   background-color: #fff;
   cursor: pointer;
   font-size: 18px;
   padding: 10px;
   display: block;
   color: #000;
}
.terms .row .toggle:before {
   content: '\f0da';
   float: right;
   font-family: FontAwesome;
   font-size: 18px;
   width: 25px;
   text-align: right;
}
.terms .row .toggle.ext:before {
   content: '\f0d7';
}
.terms .row .toggle ~ .content, .terms .row .toggle ~ .review {
   background-color: #fff;
   display: none;
   margin-bottom: 5px;
}
.terms .row .content .ver, .terms .row .review .ver {
   font-size: 80%;
   padding: 0 10px;
}
.terms .row .content .txt, .terms .row .review .txt {
   margin: 0 0 10px 0;
   font-weight: normal;
   text-align: justify;
   padding: 10px;
}
.terms .row .content .txt p {
   margin: 0 0 10px 0;
}
.terms .row .content .txt p:last-child {
   margin: 0 0 0 0;
}
.terms .row .content .txt ol > li{
   margin-bottom: 10px;
}
.terms .row .content .txt ul {
   margin: 10px 0;
   max-height: none;
   list-style: disc;
}
.terms .row .content .txt ul li ul {
   list-style: circle;
}
.terms .row .content .txt ul > li{
   border: none;
   padding: 0;
}
.terms .row .content .txt a {
   color: blue;
}
.terms .row .content .txt a:hover {
   color: red;
}
.terms .row .content .buttons {
   margin-bottom: 0px;
   padding-bottom: 10px;
}
.terms .row .content a.input {
   text-shadow: none;
}
.terms .row .content .txt ol[type="1"]{
	counter-reset: item;
}
.terms .row .content .txt ol[type="1"] > li {
	display: block ;
}
.terms .row .content .txt ol[type="1"] > li:before {
	content: counters( item, ".") ". ";
	counter-increment: item;
}
table td.valign-top {
   vertical-align: top;
}
body.popover {
   overflow: hidden;
}
.left-10 {
   padding-left: 20px !important;
}
.left-20 {
   padding-left: 30px !important;
}
.left-30 {
   padding-left: 40px !important;
}
.left-40 {
   padding-left: 50px !important;
}
.left-50 {
   padding-left: 60px !important;
}
.left-60 {
   padding-left: 70px !important;
}
.state {
   font-size: 22px;
   line-height: 30px;
}
.title .state {
   line-height: inherit;
}
.action .state {
   top: -6px;
   position: relative;
   margin: 0;
}
.state.true {
   color: #00f400;
}
.state.false {
   color: #FF4040;
}
.state.stop {
   line-height: 26px;
}
.state.noanswer {
   color: #666;
}
.state:before {
   font-family: FontAwesome;
}
.form_config .row .state:before {
   margin-right: 5px;
}
.state.true:before {
   content: '\f00c';   
}
.state.false:before {
   content: '\f00d';
}
.state.noanswer:before {
   content: "\f110";
}
.state.start:before {
   content: "\f04b";
   font-size: 18px;
}
.state.stop:before {
   content: "\f04d";
   font-size: 16px;
}
.state.pause:before {
   content: "\f04c";
   color: #ffcc00;
   font-size: 16px;
}
.state.attention:before {
   content: "\f071";
   color: #ffcc00;
   font-size: 18px;
}
.state.lock::before{
   content: '\f023';
   font-size: 18px;
}
.star {
   position: relative;
   display: inline-block;
   white-space: nowrap;
}
.star .fa:first-child{
   padding-right: 0px;
}
.star .fg .fa {
   color: #fbf12a;
}
.star .bg .fa {
   color: #ccc;
   opacity: 0.5;
}
.star .bg {
   font-size: 0px !important;
   line-height: 0px !important;
}
.star .fg {
   font-size: 0px !important;
   line-height: 0px !important;
   position: absolute;
   top: 0;
   overflow: hidden;
   width: 0px;
}
#fb_share {
   background-color: #426299;
   padding: 7px;
   margin: 10px 0px;
   display: inline-block;
   line-height: 25px;
   border-radius: 5px;
}
#fb_share .fa {
   color: #fff;
   font-size: 25px;
   float: left;
   width: 30px;
}
#fb_share:hover{
   background-color: #31476e;
}
#fb_share:active, #fb_share:focus{
   background-color: #426299;
}
#content, #review {
   background-color: #fff;
   padding: 5px;
   color: #000;
   text-shadow: none;
   font-weight: normal;
}
#content {
   margin-bottom: 10px;
}
#content .ver, #review .ver {
   font-size: 70%;
}
.counter {
   display: inline-block;
   background-color: #fff;
   padding: 0 2px;
   border-radius: 5px;
   box-shadow: -1px -1px 1px #000;
   min-width: 16px;
   line-height: 16px;
   text-align: center;
   text-shadow: none;
   color: #000;
}
.text-red {
   color: #ff4040;
}
.text-green {
   color: #10cd15;
}
.nowrap {
   white-space: nowrap;
}
#phones .phone-number {
   padding-right: 20px;
}
#phones .phone-number:hover {
   text-decoration: underline;
}
#phones .phone-desc {
   white-space: pre-line;
   font-weight: normal;
}
.media, .media-play {
   max-width: 100%;
}
.media img, .media-play img {
   max-width: 100%;
}
.media audio, .media-play audio {
   width: 100%;
   text-align: center;
}
.media-play{
   background-color: #1a2c3e;
}
.media-play img{
   display: block;
   margin: auto;
}
.media-play audio{
   display: block;
}
.media .label-image:active {
   color: #7B8698;
}
::placeholder {
   color: #909090;
   font-style: italic;
   opacity: 1;
}
:-ms-input-placeholder{
   color: #909090;
   font-style: italic;
}
::-ms-input-placeholder {
   color: #909090;
   font-style: italic;
}
@media screen and
  (max-aspect-ratio: 1200/800) {
     body {
        background-size: auto 100%;
     }
}
@media screen and
  (max-width: 730px) {
     .header .slogan {
        font-size: 14px;
     }
}
@media screen and
  (max-width: 650px) {
     .header .slogan {
        display: none;
     }
     .header .greeting {
        border-left: none;
        float: left;
     }
     .header .greeting .hello {
        max-width: 260px;
     }
}
@media screen and
  (max-width: 500px) {
     .header-login .slogan {
        font-size: 14px;
     }
}
@media screen and
  (max-width: 500px), screen and (max-height: 500px) {
     #powered {
       display:none;
     }
}
@media screen and
  (max-width: 450px) {
     .cat-list {
       margin-left: 10px;
     }
     .login {
        left: 10px;
     }
     .logo {
        display: none !important;;
     }
     #cookieMsg > div {
        padding: 10px 5px 0px 5px;
     }
     .form_config {
        max-width: 100%;
        min-width: 100%;
        display: block;
        width: 100%;
     }
}
@keyframes blinker {  
  50% { opacity: 0.0; }
}