@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,700,700italic&subset=latin-ext,latin');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300&subset=latin,latin-ext');

body {background: #f2eee7; font-size: 12px; margin: 0px; padding: 0px; font-family: 'Roboto Condensed', sans-serif;}
table, table td {border-collapse: collapse !important; border-spacing: 0px; margin: 0px; padding: 0px; height: 0px; font-family: 'Roboto Condensed', sans-serif;}
img {border: 0px;}
div {margin: 0px; padding: 0px; font-family: 'Roboto Condensed', sans-serif;}
p {margin: 0px; padding: 0px; font-family: 'Roboto Condensed', sans-serif;}
span {margin: 0px; padding: 0px; font-family: 'Roboto Condensed', sans-serif;}
form {margin: 0px;}
a {color: #336699; font-family: 'Roboto Condensed', sans-serif; text-decoration: none;} 
a:hover {color: #6699CC; text-decoration: none;} 

div.clear {clear: both;}

h1 {padding: 0px; margin: 0px; font-weight: normal; font-family: 'Roboto Condensed', sans-serif;}
h2 {padding: 0px; margin: 0px; font-weight: normal; font-family: 'Roboto Condensed', sans-serif;}
h3 {padding: 0px; margin: 0px; font-weight: normal; font-family: 'Roboto Condensed', sans-serif;}

#main div.main_center {text-align: left; vertical-align: top;}

#body #main {width: 100%; height: 100%;}
#body #main_center {width: auto; text-align: left; vertical-align: top;}

/* resposive template elemek */
#body.responsive div.site-info-body {margin: auto;}

#body.responsive div.table {display: table;}
#body.responsive div.table-row {display: table-row;}
#body.responsive div.table-cell {display: table-cell;}

#body.responsive #background-table.table {display: table; margin: auto; height: 100%; width: 100%;}
#body.responsive #background-row-1.table-row {display: table-row;}
#body.responsive #background-cell-1 {height: auto; display: table-cell; padding-top: 70px;}
#body.responsive #background-row-2.table-row {display: table-row;}
#body.responsive #background-cell-2 {width: 100%; height: 55px; background: #3a3a3a; background: linear-gradient(#3a3a3a,#2c2c2c); display: table-cell;}

#body.responsive div.body.table {display: table; width: 100%; max-width: 1400px;}
#body.responsive #main.table {display: table; width: 100%;}
#body.responsive #main div.main.table-row {display: table-row;}
#body.responsive #main #main_center.table-cell {display: table-cell;}


ul {margin: 0px; padding: 0px;}
ul.hidden {display: none;}
li {list-style: none; list-style-position: outside; margin: 0px; padding: 0px; padding-left: 20px;}

i.ajax {cursor: pointer;}

#body #top_admin_menu {display: block; position: fixed; z-index: 100; padding: 0px 10px 0px 90px; width: 90%; background: #008397; background: linear-gradient(#009fb4,#008397); height: 45px;} 
#body #top_admin_menu i.fa.fa-home {position: absolute; top: 0px; left: 0px; padding: 0px 10px; color: #FFFFFF; font-size: 30px; line-height: 45px; text-decoration: none;} 
#menu_admin {display: table; position: absolute; top: 0px; border-left: 1px solid rgba(255,255,255,0.20); white-space: nowrap;}
#menu_admin li.lev2 {display: table-cell; position: relative; margin: 0px; padding: 0px;}
#menu_admin li.lev2 a {padding: 0px 15px; display: block; color: #eeeeee; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 15px; line-height: 45px; border-right: solid 1px rgba(255,255,255,0.20); text-align: center; text-decoration: none;}
#menu_admin li.lev2:hover a.lev2, #menu_admin li.lev3:hover a.lev3, #menu_admin li.lev4:hover a.lev4 {background: #006F84;}
#menu_admin li.lev2act a {color: #ffffff; background: #006F84;}
#menu_admin ul.lev3, #menu_admin ul.lev4, #menu_admin ul.lev5, #menu_admin ul.lev6, #menu_admin ul.lev7, #menu_admin ul.lev8, #menu_admin ul.lev9, #menu_admin ul.lev10 {display: none; background: #009fb4; margin: 0px; padding: 0px;}
#menu_admin li.lev2:hover ul.lev3 {position: absolute; top: 45px; left: 0px; display: block; z-index: 100;}
#menu_admin li.lev2:hover li.lev3:hover ul.lev4 {position: absolute; top: 0px; left: 200px; display: block; z-index: 200;}
#menu_admin li.lev3, #menu_admin li.lev4 {position: relative; width: 200px; padding: 0px; z-index: 100;}
#menu_admin li.lev3 a, #menu_admin li.lev4 a {border-bottom: solid 1px rgba(255,255,255,0.20); text-align: left; border-right: 0px; background: #009fb4; z-index: 100;}
#menu_admin li.lev3 a.active, #menu_admin li.lev4 a.active {color: #ffffff; background: #006F84;}

#body #top_admin_menu a.user {position: absolute; top: 0px; right: 50px; padding: 0px 20px; color: #FFFFFF; font-size: 20px; line-height: 45px; text-decoration: none;} 
#body #top_admin_menu a.user i.fa.fa-user {padding: 0px 10px; color: #FFFFFF; font-size: 30px; line-height: 45px;} 

#body #top_admin_menu a.logout {position: absolute; top: 0px; right: 0px; padding: 0px; color: #FFFFFF; font-size: 20px; line-height: 45px; text-decoration: none;} 
#body #top_admin_menu a.logout i.fa.fa-times {padding: 0px 10px; color: #FF0000; font-size: 30px; line-height: 45px;} 


#top_admin_mobil_menu a.mmenu i.fa {position: fixed; top: 0px; left: 50px; font-size: 30px; color: #f1f1ef; z-index: 211; line-height: 45px;}
#top_admin_mobil_menu a.mmenu.open {display: block; background: #FFFFFF;}
#top_admin_mobil_menu a.mmenu.close {display: none;}
#top_admin_mobil_menu:target a.mmenu.close {display: block;}
#top_admin_mobil_menu:target a.mmenu.open {display: none;}

#top_admin_mobil_menu #mobil_menu {display: none; margin: 0; width: 100%; height: 0px; position: absolute; top: 46px; left: 0px; z-index: 50; opacity: 0; background: #008397; border-top: 1px solid #fff;}
#top_admin_mobil_menu #mobil_menu li, #top_admin_mobil_menu #mobil_menu li.lev2 {display: none;}
#top_admin_mobil_menu:target {display: block; height: auto;}
#top_admin_mobil_menu:target #mobil_menu {position: relative; display: block; width: 100%; max-width: 500px; margin: auto; height: auto; opacity: 1; transition: opacity 1s ease 0s;}
#top_admin_mobil_menu:target #mobil_menu li {display: block;}
#top_admin_mobil_menu #mobil_menu li.lev2 {position: relative; display: block; width: 100%; margin: 0px; padding: 0px; border-bottom: 1px solid rgba(255,255,255,0.20); min-width: 80px;}
#top_admin_mobil_menu #mobil_menu li.lev2 a {display: block; text-align: left; white-space: normal; width: 80%; color: #fff; margin: 0px; padding: 0 10%; border: 0px; line-height: 40px; font-size: 15px;}
#top_admin_mobil_menu #mobil_menu li.lev2 a:hover {background: #006F84;}
#top_admin_mobil_menu #mobil_menu li.lev2 a.active {background: #006F84;}

#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 {display: none; width: 100%; position: relative; margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2:hover ul.lev3 {display: none;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 {position: relative; width: 100%; background: #1093a7; border-bottom: solid 1px rgba(255,255,255,0.20); margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 a {display: block; width: 80%; margin: 0px; padding: 0 10%;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 a:hover {background: #006F84;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 a.active {background: #006F84;}

#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 {display: none; width: 100%; position: relative; margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3:hover ul.lev4 {display: none;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 {background: #20a3b7; width: 100%; border-bottom: solid 1px rgba(255,255,255,0.20); margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 a {display: block; width: 80%; margin: 0px; padding: 0 10%;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 a:hover {background: #006F84;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 a.active {background: #006F84;}


/* ################## navigation ################## */

#main_center_head {min-height: 20px;}

#navigation_links ul li {padding-left: 10px;}
#navigation_links li {display: inline; padding: 2px; background: url(/pictures/nav_arrow.gif) no-repeat; background-position: center left;}

#navigation_links a {COLOR: #777777; TEXT-DECORATION: none}
#navigation_links a:hover {COLOR: #AAAAAA; TEXT-DECORATION: none}


/* ################## ADMIN ################## */

#admin_browser_error_title {padding: 5px; margin: 10px; background-color: #AA3333; font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 15px; COLOR: #EEEEEE; text-align: center;}
#admin_browser_error_title a {COLOR: #99CCFF;}

#admin {margin-top: 10px; padding: 5px; border: solid 1px #DDDDDD; border-radius: 5px 5px;}

#admin input.input {WIDTH: 400px; font-weight: normal; font-size: 10px; COLOR: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none;}
#admin textarea {WIDTH: 100%; font-weight: normal; font-size: 10px; COLOR: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none;}
#admin select.select {font-weight: normal; font-size: 10px; COLOR: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none;}
#admin input.radio {}
#admin input.checkbox {font-family: Verdana, Arial, Helvetica; font-size: 10px; text-decoration: none; color: #003300;}
#admin input.submit {font-weight: bold; font-size: 10px; COLOR: #333333; font-family: Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #EEEEEE; TEXT-DECORATION: none;}

#admin table.form {width: 100%;}
#admin table.table {width: 100%;}

#admin td.title {background-color: #EEEEEE; border-top: solid 1px #AAAAAA;}
#admin td.return {padding: 2px; background-color: #EEEEEE; border-top: solid 1px #CCCCCC;}
#admin td.return_error {padding: 2px; background-color: #ffff00; border-top: solid 1px #CCCCCC;}
#admin td.error {padding: 2px; text-align: left; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}
#admin td.data {padding: 2px; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}
#admin td.info {padding: 2px; text-align: left; width: 30%; height: 28px; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}
#admin td.input {padding: 2px; text-align: left; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}

#admin .title {font-weight: bold; font-size: 16px; COLOR: #555555; font-family: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .return {font-weight: bold; font-size: 12px; COLOR: #555555; font-family: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .return_error {font-weight: bold; font-size: 12px; COLOR: #ff0000; font-family: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .error {font-weight: bold; font-size: 12px; COLOR: #555555; font-family: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .info {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #555555;}
#admin .middle {font-weight: bold; font-size: 11px; COLOR: #555555; font-family: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .data {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #555555; background: #CCCCCC;}

#admin a.link:link {font-weight: bold; font-size: 10px; COLOR: #000000; font-family: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin a.link:visited {font-weight: bold; font-size: 10px; COLOR: #000000; font-family: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin a.link:hover {font-weight: bold; font-size: 10px; COLOR: #777777; font-family: Verdana, Arial, Helvetica; TEXT-DECORATION: none}

#admin iframe.admin_images_iframe {width: 100%; height: 210px;}
#admin iframe.admin_files_iframe {width: 100%; height: 600px;}

div.error {font-weight: bold; font-size: 12px; COLOR: #555555; font-family: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
input.submit {font-weight: bold; font-size: 10px; COLOR: #333333; font-family: Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #EEEEEE; TEXT-DECORATION: none;}

iframe.admin_images_iframe {padding: 5px; margin-top: 5px; border: solid 1px #DDDDDD; width: 98%; height: 300px; border-radius: 5px 5px;}
iframe.admin_files_iframe {padding: 5px; margin-top: 5px; border: solid 1px #DDDDDD; width: 98%; height: 300px; border-radius: 5px 5px;}

#gallery_frame h1 {padding: 10px; background-color: #EEEEEE; border: solid 1px #CCCCCC; border-radius: 5px 5px;}
#gallery_frame table {margin-top: 5px; background-color: #EEEEEE; border: solid 1px #CCCCCC; border-radius: 5px 5px;}
#gallery_frame td {padding: 3px; text-align: left; vertical-align: top;}

#gallery_frame a {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #777777;}


/* ################## list ################## */

#list {margin: 0px 0px 10px 0px;}
#list h1.title {font-size: 24px; COLOR: #373737; font-family: 'Roboto'; TEXT-DECORATION: none; padding: 0px 15px; line-height: 60px; font-weight: 600;}
#list table.list {background-color: #FFFFFF; width: 100%; border-collapse: collapse; border: solid 2px #FFFFFF; border-radius: 2px; box-shadow: 0px 0px 3px #AAAAAA;}

#list td {padding: 2px; height: 30px; vertical-align: middle; font-family: 'Roboto'; TEXT-DECORATION: none; COLOR: #444444; font-weight: 300;}
#list td a {font-family: 'Roboto'; COLOR: #ac7e25; font-weight: 400; TEXT-DECORATION: none;}
#list td.top {font-size: 14px; font-family: 'Roboto'; COLOR: #FFFFFF; font-weight: 400; white-space: nowrap;}
#list td.top a {font-size: 14px; font-family: 'Roboto'; COLOR: #FFFFFF; font-weight: 600;}
#list tr.top_row {background-color: #b7a788;}
#list td.list {font-size: 14px;}
#list tr.list_row {border-collapse: collapse; border: solid 1px #d9d9d9;}
#list tr.list_row:hover {background-color: #d5ccba;}
#list tr td:first-child {padding-left: 15px;}
#list tr td:last-child {padding-right: 15px;}

#list .list_phone_link {display: block; min-width: 30px; text-align: center;}
#list .list_phone_link:before {font-family: FontAwesome; content: "\f095"; display: inline-block; vertical-align: top; min-width: 30px; text-align: center; color: #ac7e25; font-size: 16px; line-height: 17px;}
#list td.top .list_phone_link:before {color: #FFFFFF;}
#list .list_phone_link span.text {display: none;}

#list .list_email_link {display: block; min-width: 30px; text-align: center;}
#list .list_email_link:before {font-family: FontAwesome; content: "\f0e0"; display: inline-block; vertical-align: top; min-width: 30px; text-align: center; color: #ac7e25; font-size: 16px; line-height: 17px;}
#list td.top .list_email_link:before {color: #FFFFFF;}
#list .list_email_link span.text {display: none;}

#list i.fa {margin: 0px 5px; font-size: 16px;}
#list i.fa-trash {color: #FF0000;}
#list i.fa.seo-none {color: #FF0000;}
#list i.fa.inactive {color: #FF0000;}
#list i.fa.active {color: #00DD00;}
#list i.fa.ajax {cursor: pointer;}
#list i.fa.seo-stop {color: #ac7e25;}
#list i.fa.seo-auto {color: #0000FF;}
#list i.fa.seo-ok {color: #00FF00;}
.fa-trash:before {color: #ff0000;}
.fa-pencil:before {color: #ac7e25;}

#list-search form {display: inline-block;}
#list-search input {padding: 0px 5px; margin-right: 10px; border: solid 1px #e0e0e0; width: 150px; background: linear-gradient(to bottom,#F5F5F5,#FFFFFF); border-radius: 2px; color: #6d6d6d; font-family: 'Roboto', sans-serif; font-size: 14px; height: 30px;}
#list-search input[type="checkbox"] {border: solid 1px #A6A6A6; position: left; width: auto; height: auto; margin: 3px 10px 0px 5px; vertical-align: text-top;}
#list-search input[type="radio"] {border: solid 1px #A6A6A6; position: left; width: auto; height: auto; margin: 3px 10px 0px 5px; vertical-align: text-top;}
#list-search label {color: #6d6d6d; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 30px;}
#list-search select {vertical-align: bottom; border: solid 1px #e0e0e0; margin-right: 10px; max-width: 200px; background: linear-gradient(to bottom,#F5F5F5,#FFFFFF); border-radius: 2px; color: #6d6d6d; font-family: 'Roboto', sans-serif; font-size: 14px; height: 30px;}
#list-search .submit {display: inline-block; vertical-align: top; cursor: pointer; min-width: 20px; padding: 0px 10px; border: solid 1px #978667; background: linear-gradient(to bottom,#686764,#615a4f); border-radius: 5px; text-align: center; color: #FFFFFF; font-size: 16px; line-height: 27px;}
#list-search .submit:hover {background: linear-gradient(to bottom,#888784,#817a6f);}
#list-search .submit i.fa.fa-search {color: #FFFFFF; font-size: 16px; line-height: 27px;}
#list-search .submit i.fa.fa-plus {color: #FFFFFF; font-size: 16px; line-height: 30px;}
#list-search input.button {display: inline-block; vertical-align: top; cursor: pointer; min-width: 20px; width: auto; padding: 0px 10px; border: solid 1px #978667; background: linear-gradient(to bottom,#686764,#615a4f); border-radius: 5px; text-align: center; color: #FFFFFF; font-size: 16px; line-height: 27px;}
#list-search input.button:hover {background: linear-gradient(to bottom,#888784,#817a6f);}
#list-search input.button:before {content: "\f002"; display: inline-block; vertical-align: top; min-width: 20px; margin-left: -20px; text-align: center; color: #FFFFFF; font-size: 16px; line-height: 27px;}
#list-search a.export i {line-height: 30px; font-size: 20px;}

#list-search a.export {float: right; display: inline-block; padding: 0px 10px; line-height: 27px; border: solid 1px #978667; background: linear-gradient(to bottom,#baa67e,#ab956a); border-radius: 5px; text-align: center; color: #FFFFFF; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: bold; text-decoration: none;}

#list-search a.download {float: right; display: inline-block; vertical-align: top; cursor: pointer; min-width: 20px; padding: 0px 10px; border: solid 1px #978667; background: linear-gradient(to bottom,#686764,#615a4f); border-radius: 5px; text-align: center; color: #FFFFFF; font-size: 16px; line-height: 27px;}
#list-search a.download:hover {background: linear-gradient(to bottom,#888784,#817a6f);}
#list-search a.download i.fa {color: #FFFFFF; font-size: 16px; line-height: 27px;}

#list input {border: solid 1px #AAAAAA; max-height: 21px; min-width: 40px; padding: 0px 5px; color: #444444; font-size: 14px;}
#list input.price {height: 30px; width: 60px; text-align: right;}
#list input[type="radio"] {max-height: 21px; min-width: auto; padding: 0px;}
#list input[type="checkbox"] {max-height: 21px; min-width: auto; padding: 0px;}

#list input.list_price {padding: 0px 10px; height: 30px; width: 70px; text-align: right;}
#list input.list_price.min {padding: 0px 5px; width: 40px;}


/* ################## content ################## */

#content table {margin: 1px 3px 1px 3px;}
#content td {padding: 3px;}

#content_list li {list-style: disc inside; padding: 0px;}
#content_list div.item {padding-bottom: 10px;}
#content_list div.item img {float: left;}

#content ul {margin: 10px 0px 30px 0px;}
#content li {list-style: disc outside; padding-left: 5px; margin: 5px 0px 0px 20px;}
#content div.lead {margin: 5px 0px;}

#content {position: relative; font-size: 15px; line-height: 21px; margin: 20px auto 30px auto; width: 900px;}
#content h1 {margin: 20px 0px 40px 0px;}

#content #content-edit-icon {position: absolute; top: 0px; right: 0px;}
#content #content-edit-icon img {width: auto !important; height: auto !important; min-width: 0px !important; max-width: none !important; min-height: 0px !important; max-height: none !important;}



/* ################## navigation ################## */

#main_center_head {display: none; min-height: 20px;}

#navigation {qfloat: left;}
#navigation ul li {padding-left: 10px;}
#navigation li {display: inline; padding: 2px; background: url(/pictures/nav_arrow.gif) no-repeat; background-position: center left;}

#navigation a {COLOR: #777777; TEXT-DECORATION: none}
#navigation a:hover {COLOR: #AAAAAA; TEXT-DECORATION: none}


/* ################## admin_css ################## */


#admin td.title_error {padding: 5px; background-color: #AA3333; font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 15px; COLOR: #EEEEEE; text-align: center;}
#admin td.title_successful {padding: 5px; background-color: #33AA33; font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 15px; COLOR: #EEEEEE; text-align: center;}

#domain_admin_css_set td {font-weight: bold; font-size: 10px; COLOR: #333333; font-family: Arial, Helvetica; TEXT-DECORATION: none;}

#domain_admin_css_set table {width: 100%; border-collapse: collapse; border: solid 1px #A6A6A6; margin-bottom: 20px;}
#domain_admin_css_set td {border-bottom: solid 1px #A6A6A6; padding: 4px;}
#domain_admin_css_set td.title {background-color: #bbbbbb;}
#domain_admin_css_set td.subtitle {background-color: #dddddd;}
#domain_admin_css_set td.description {background-color: #e3e3e3;}
#domain_admin_css_set td.label {background-color: #efefef; width: 80px;}
#domain_admin_css_set td.input {background-color: #efefef; width: 80px;}
#domain_admin_css_set td.input_file {background-color: #efefef; width: 220px;}
#domain_admin_css_set td.input_checkbox {background-color: #efefef; width: 10px;}
#domain_admin_css_set td.space {background-color: #efefef; width: 100%;}
#domain_admin_css_set input {width: 50px; border: solid 1px #A6A6A6;}
#domain_admin_css_set input.file {width: 150px; border: solid 1px #A6A6A6;}
#domain_admin_css_set input.checkbox {width: 10px; border: solid 1px #A6A6A6;}
#domain_admin_css_set input.color {width: 50px; border: solid 1px #A6A6A6; font-size: 11px;}
#domain_admin_css_set select {border: solid 1px #A6A6A6;}

#body #menu_administration li.lev2 a {font-size: 14px; font-family: Helvetica; font-weight: bold; color: #777777; text-decoration: none;}
#body #menu_administration li.lev2 a:hover {font-size: 14px; font-family: Helvetica; font-weight: bold; color: #999999; text-decoration: none;}

#body #menu_superadmin li.lev2 a {font-size: 14px; font-family: Helvetica; font-weight: bold; color: #333333; text-decoration: none;}
#body #menu_superadmin li.lev2 a:hover {font-size: 14px; font-family: Helvetica; font-weight: bold; color: #777777; text-decoration: none;}
#body #menu_superadmin li.lev3 a {font-size: 12px; font-family: Helvetica; font-weight: bold; color: #333333; text-decoration: none;}
#body #menu_superadmin li.lev3 a:hover {font-size: 12px; font-family: Helvetica; font-weight: bold; color: #777777; text-decoration: none;}


/* ################## form menu ################## */

#domain_admin_form_menu {border: 0px; text-align: left; margin: 10px 0px;}
#domain_admin_form_menu div.menu  {background-color: #009fb4; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top;}
#domain_admin_form_menu div.menu:hover  {background-color: #006F84; color: #FFFFFF;}
#domain_admin_form_menu div.menu_hover  {background-color: #006F84; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top;}
#domain_admin_form_menu div.transparent {filter: alpha(opacity='50'); opacity:0.5;}
#domain_admin_form_menu div.number {display: none;}
#domain_admin_form_menu div.text {font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 40px; text-transform: uppercase;}
#domain_admin_form_menu a {text-decoration: none;}


/* ################## admin_css ################## */

#domain_admin {font-family: 'Roboto', sans-serif; font-weight: 300;}
#domain_admin div {font-family: 'Roboto', sans-serif; font-weight: 300;}
#domain_admin p {font-family: 'Roboto', sans-serif; font-weight: 300;}

#domain_admin a {text-decoration: none;}

#domain_admin table.domain_admin_table {width: 100%; margin-bottom: 20px;}
#domain_admin td.form_left {width: 75%; padding-right: 5px; vertical-align: top;}
#domain_admin td.form_right {width: 25%; padding-left: 5px; vertical-align: top}

#domain_admin div.title_error {padding: 5px; background-color: #AA3333; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 15px; COLOR: #EEEEEE; text-align: center;}
#domain_admin h2.title.error {padding: 5px; background-color: #AA3333; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 13px; COLOR: #EEEEEE; text-align: center; border-top: solid 1px #EEEEEE;}
#domain_admin div.title_successful {padding: 5px; background-color: #33AA33; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 15px; COLOR: #EEEEEE; text-align: center;}

#domain_admin div.title {font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 24px; COLOR: #444444;}
#domain_admin div.form_title {padding: 20px 20px;}
#domain_admin div.subtitle {font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 10px; COLOR: #333333; margin-top: -5px;}

#domain_admin div.admin_form_table {background: #FFFFFF; padding: 2px; text-align: center; border-radius: 2px; box-shadow: 0px 0px 3px #e9e6df;}
#domain_admin table.admin_form_table {width: 100%; height: auto;}
#domain_admin td {padding: 4px; text-align: left; vertical-align: top; font-family: 'Roboto', sans-serif; color: #444444; font-size: 16px;}
#domain_admin tr.subtitle {background: #b7a788;}
#domain_admin td.title {padding: 10px 20px; color: #FFFFFF; font-family: 'Roboto', sans-serif; vertical-align: bottom; font-weight: bold;}
#domain_admin td.label {padding-left: 20px; width: 240px; vertical-align: top;}
#domain_admin td.label_head {padding: 4px; vertical-align: middle; background-color: #DDDDDD;}
#domain_admin td.text {padding: 4px; vertical-align: bottom;}
#domain_admin td.subtitle {padding: 4px 4px 4px 20px; font-size: 15px; vertical-align: bottom;}
#domain_admin td.input {padding: 4px; vertical-align: bottom;}
#domain_admin td.description {padding: 4px; vertical-align: bottom;}
#domain_admin td.checkbox {padding: 4px; vertical-align: bottom; text-align: left;}
#domain_admin td.radio {padding: 4px; vertical-align: bottom; text-align: left;}
#domain_admin td.input_file {padding: 4px; vertical-align: bottom;}

#domain_admin td.help {padding: 0px 20px 0px 0px; width: 20px; text-align: left;}
#domain_admin td.help div.help {position: relative; height: 25px; width: 20px; background: url('/pictures/help_icon_sm.png') no-repeat center center; float: right;}
#domain_admin td.help div.help_text {display: none; height: auto; position: absolute; top: 20px; right: 0px; z-index: 20; width: 150px; border: solid 1px #bdbdbd; border-radius: 0px 5px 5px 5px; text-align: left; padding: 15px; background: #f4f2ec; font-size: 12px; color: #464646;}
#domain_admin td.help:hover div.help_text {display: block;}
#domain_admin td.important {padding: 0px; width: 20px; text-align: left;}
#domain_admin td.important div.important {height: 25px; width: 20px; text-align: left; background: url('/pictures/important_icon_sm.png') no-repeat center center;}


#domain_admin tr.row {background-color: #DDDDDD; border: solid 1px #e8e8e8;}
#domain_admin tr.row:hover {background-color: #e8e8e8;}

#domain_admin input {padding: 0px 5px; border: solid 1px #e0e0e0; max-width: 800px; background: linear-gradient(to bottom,#F5F5F5,#FFFFFF); border-radius: 2px; color: #6d6d6d; font-family: 'Roboto', sans-serif; font-size: 14px; height: 28px; width: 100%;}
#domain_admin input[readonly] {background: #DDDDDD; color: #888888;}
#domain_admin input.small {width: 150px;}
#domain_admin input.file {width: 150px; border: solid 1px #A6A6A6;}
#domain_admin input.checkbox, #domain_admin input[type="checkbox"] {border: solid 1px #A6A6A6; position: left; width: auto; height: auto; margin: 3px 3px 0px 10px; vertical-align: top;}
#domain_admin input.radio, #domain_admin input[type="radio"] {border: solid 1px #A6A6A6; position: left; width: auto; height: auto; margin: 3px 3px 0px 10px; vertical-align: top;}
#domain_admin select {border: solid 1px #e0e0e0; max-width: 400px; background: linear-gradient(to bottom,#F5F5F5,#FFFFFF); background-color: #FFFFFF; border-radius: 2px; color: #6d6d6d; font-family: 'Roboto', sans-serif; font-size: 14px; height: 28px; width: 100%;}
#domain_admin select.unit {width: 100px;}
#domain_admin select[multiple="multiple"] {height: 100px;}
#domain_admin textarea {padding: 0px 5px; border: solid 1px #e0e0e0; qmax-width: 800px; background: linear-gradient(to bottom,#F5F5F5,#FFFFFF); border-radius: 2px; color: #6d6d6d; font-family: 'Roboto', sans-serif; font-size: 14px; height: 80px; width: 100%;}
#domain_admin textarea.lead {width: 700px; height: 100px; border: solid 1px #A6A6A6;}
#domain_admin textarea.description {width: 700px; height: 150px; border: solid 1px #A6A6A6;}
#domain_admin td.description.full iframe {height: 500px !important;}
#domain_admin input.submit {display: block; margin: 30px auto; padding: 0px 40px; width: auto; height: 70px; border: solid 1px #978667; background: linear-gradient(to bottom,#baa67e,#ab956a); border-radius: 5px; font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: bold; COLOR: #ffffff; text-transform: uppercase;}
#domain_admin .delbutton {display: inline-block; margin: 0px 5px 5px 0px; padding: 0px 10px; line-height: 30px; border: solid 1px #aa0000; background: linear-gradient(to bottom,#dd0000,#cc0000); border-radius: 2px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: bold; COLOR: #ffffff; text-transform: uppercase;}
#domain_admin .delbutton:hover {background: linear-gradient(to bottom,#aa0000,#bb0000);}
#domain_admin .dlabel {display: inline-block; margin: 0px 5px 5px 0px; min-width: 500px; line-height: 30px; padding: 0px 5px; border: solid 1px #e0e0e0; max-width: 800px; color: #6d6d6d; background: linear-gradient(to bottom,#F5F5F5,#FFFFFF); border-radius: 2px;}
#domain_admin .dlabel:hover {background: linear-gradient(to bottom,#dddddd,#eeeeee);}

#domain_admin td.error {padding: 5px; background-color: #AA3333; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 13px; COLOR: #EEEEEE;}

#domain_admin tr.list_row {background-color: #f5f5f5; border-collapse: collapse; border: solid 1px #c0c0be;}

#domain_admin iframe.admin_images_iframe {width: 98%; height: 210px;}
#domain_admin iframe.admin_files_iframe {width: 98%; height: 400px;}

#admin_tabs {width: 100%; background: #FFFFFF; border: solid: 1px #e0e0e0; padding: 0px; margin: 10px 0px;}
#admin_tabs td.title {padding: 10px; border: 0px;}
#admin_tabs td.datas {padding: 0px 5px 5px 5px; border: 0px;}
#admin_tabs div.datas {padding: 3px; background-color: #FFFFFF;}

#admin_tabs #admin_tabs_menu {border: 0px; text-align: left; margin: 10px 0px;}
#admin_tabs #admin_tabs_menu div.tab  {background-color: #e4d4b3; color: #444444; display: inline-block; padding: 0px 20px; vertical-align: top; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 40px; text-transform: uppercase;}
#admin_tabs #admin_tabs_menu div.tab:hover  {background-color: #948d7d; color: #FFFFFF;}
#admin_tabs #admin_tabs_menu div.tab_hover  {background-color: #948d7d; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 40px; text-transform: uppercase;}
#admin_tabs #admin_tabs_menu div.tab_inactive {filter: alpha(opacity='50'); opacity:0.5;}
#admin_tabs #admin_tabs_menu a {text-decoration: none;}


#admin_tabs table.upload_form_table {width: 800px;}

#domain_admin div.acbox {position: relative;}
#domain_admin div.acresult {position: absolute; top: 25px; left: -10px; padding: 5px; border: solid 1px #FFFFFF; background: #F5F5F5; box-shadow: 0px 0px 3px #AAAAAA; font-size: 13px; z-index: 100;}
#domain_admin div.acresult a {font-size: 13px;}
#domain_admin div.connect_result input.checkbox {vertical-align: baseline;}


#domain_admin.gallery-edit input {vertical-align: top; width: 200px; margin-bottom: 2px;}
#domain_admin.gallery-edit input.description {width: 300px;}
#domain_admin.gallery-edit input.number {width: 30px;}
#domain_admin.gallery-edit select {vertical-align: top; width: 100px; margin-bottom: 2px;}
#domain_admin.gallery-edit i.fa {font-size: 25px; margin: 0px 5px; cursor: pointer;}
#domain_admin.gallery-edit i.fa.save {color: #00CC00; margin-left: 10px;}
#domain_admin.gallery-edit i.fa.delete {color: #DD0000;}


#domain_admin.menu #form_data_text {display: none;}


/* ################## ajax layer ################## */

#ajax_layer_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 50px; left:0; display: block; background: rgba(0,0,0,0.6); z-index: 20;}
#ajax_layer_container {height: 100%; width: 100%; z-index: 21; overflow: hidden; position: fixed; top: 50px; left:0; display: block;}
#ajax_layer  {display: block; max-height: 85%; margin: 10px auto 20px auto; max-width: 800px; width: 100%; overflow: auto; position: relative; background-color: #f2eee7; padding: 10px; box-shadow: 0 0 3px #222222;}
#ajax_layer  {text-align: left; vertical-align: top; z-index: 22;}
#ajax_layer i.fa.fa-times {color: #FF0000; font-size: 20px;}
#ajax_layer div.text {border: 0px; padding: 0px 0px 20px 0px; margin: 0px; text-align: center; font-size: 20px; font-weight: bold; color: #FF3333; font-family: 'Roboto', sans-serif;}

#newsletter_emails {width: 800; background: none repeat scroll 0 0 #ffffff; border: 2px solid #ffffff; box-shadow: 0 0 3px #aaaaaa;}
#newsletter_emails tr.tr0 {border: 1px solid #d9d9d9; border-collapse: collapse;}
#newsletter_emails tr.tr1 {border: 1px solid #d9d9d9; border-collapse: collapse;}
#newsletter_emails tr:hover {background: #d5ccba;}
#newsletter_emails td.email {width: 600px; text-align: left; padding: 5px; font-size: 14px; color: #444444;}
#newsletter_emails td.status {width: 150px; text-align: left; padding: 5px; font-size: 14px; color: #444444;}
#newsletter_emails td.message {width: 100px; text-align: right; padding: 5px; font-size: 14px; color: #444444;}


/* ################## poduct edit ################## */

#form_data_import_price {display: none;}


/* ################## list layer ################## */

#show_layer_bg {height: 100%; width: 100%; z-index: 10; overflow: hidden; position: fixed; top: 50px; left:0; display: block; background: url(/pictures/tr.png) transparent; filter: alpha(opacity='75'); opacity:0.75;}
#show_layer_container {height: 100%; width: 100%; z-index: 11; overflow: hidden; position: fixed; top: 50px; left:0; display: block;}
#show_layer {display: block; max-height: 90%; margin: 10px auto 10px auto; overflow: auto; position: relative; background-color: #f5f5f5; border: solid 1px #999999; padding: 10px; border-radius: 10px; -moz-border-radius: 10px;}
#show_layer {text-align: left; vertical-align: top; max-width: 980px; width: 100%; z-index: 12;}
#show_layer div.close {text-align: right; border: 0px; padding: 5px; margin: 0px; font-size: 12px; font-weight: bold; color: #333333; font-family: 'Roboto', sans-serif;}


/* ################## ORDERS ################## */

#shop_order_list_head #domain_admin_form_menu div.menu  {padding: 0px 10px;}
#shop_order_list_head #domain_admin_form_menu div.text  {display: inline-block; font-size: 12px;}
#shop_order_list_head #domain_admin_form_menu div.number  {display: inline-block; padding: 3px 8px; margin-left: 5px; background: #746d5d; color: #FFFFFF;}

#shop_order_list_head #list-search {margin-top: 20px;}
#shop_order_list_head #list-search input {width: 100px; margin-right: 0px; font-size: 12px;}
#shop_order_list_head #list-search input.keyword {width: 140px;}
#shop_order_list_head #list-search input.trid {width: 80px;}
#shop_order_list_head #list-search input.code {width: 75px;}
#shop_order_list_head #list-search input.datepicker {width: 75px;}
#shop_order_list_head #list-search select {width: 85px; margin-right: 0px; font-size: 12px;}
#shop_order_list_head #list-search select.admin {text-transform: capitalize;}

#list-search ul.export {position: relative; float: right; display: inline-block; padding: 0px 10px; width: 120px; border: solid 1px #978667; background: linear-gradient(to bottom,#baa67e,#ab956a); border-radius: 5px; color: #FFFFFF; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: bold; text-decoration: none;}
#list-search ul.export li {padding: 0px 10px; line-height: 27px; text-align: center;}
#list-search ul.export ul.sub {display: none; position: absolute; top: 25px; left: -1px; z-index: 10; width: 100%; border: solid 1px #978667; border-radius: 0px 0px 5px 5px; background: linear-gradient(to bottom,#baa67e,#ab956a);}
#list-search ul.export:hover ul.sub {display: block;}
#list-search ul.export:hover ul.sub li a {display: block; color: #FFFFFF; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; text-align: left;}
#list-search ul.export:hover ul.sub li a:hover {color: #DDDDDD;}

#order_list #list td.list {font-size: 12px;}
#order_list #list td.field_admin_user_id {text-transform: capitalize;}
#order_list #list select.order-all-tr-change {width: 70px;}
#order_list #list select.order-tr-change {width: 70px;}

html.shop_order_list #body.responsive div.body.table {max-width: 1800px;}
html.shop_order #body.responsive div.body.table {max-width: 1800px;}



/* ################## ORDER ################## */


#shop_cart {position: relative; background: #FFFFFF; padding: 2px;}

#shop_cart div.title_error {padding: 5px; background-color: #AA3333; font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 15px; COLOR: #EEEEEE; text-align: center;}
#shop_cart div.title_successfull {padding: 5px; background-color: #33AA33; font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 15px; COLOR: #EEEEEE; text-align: center;}

#shop_cart #shop_cart_status.table {position: relative; background: #444444; margin-bottom: 1px; display: table; width: 100%;}
#shop_cart #shop_cart_status div.row {display: table-row;}
#shop_cart #shop_cart_status div.cell {display: table-cell; text-align: left; vertical-align: middle; padding: 0px 10px; font-size: 15px; color: #ffffff; line-height: 40px; white-space: nowrap;}
#shop_cart #shop_cart_status div.cell.admin {text-align: right; width: 120px; padding-right: 0px;}
#shop_cart #shop_cart_status div.cell.status {text-align: center; width: 120px; padding-right: 0px;}
#shop_cart #shop_cart_status div.cell.bill {text-align: right; width: 160px;}
#shop_cart #shop_cart_status select {height: 30px; border: solid 1px #E0E0E0; padding: 0px 5px; width: 120px; font-size: 14px;}
#shop_cart #shop_cart_status i.fa.fa-envelope {margin: 0px 5px; font-size: 30px; color: #00FF00; line-height: 40px;}
#shop_cart #shop_cart_status i.fa.fa-envelope.inactive {color: #FF0000;}
#shop_cart #shop_cart_status div.cell.bill i.fa {margin: 0px 5px; font-size: 30px; color: #FFFFFF; line-height: 40px;}
#shop_cart #shop_cart_status div.cell.bill i.fa.inactive {margin: 0px 5px; font-size: 25px; color: #FF0000; line-height: 40px;}
#shop_cart #shop_cart_status div.cell.bill i.fa:hover {color: #E2CBA0;}
#shop_cart #shop_cart_status i.fa.fa-clone {margin: 0px 5px; font-size: 30px; color: #FFFFFF; line-height: 40px;}
#shop_cart #shop_cart_status i.fa.fa-clone:hover {color: #E2CBA0;}
#shop_cart #shop_cart_status i.fa.fa-file {margin: 0px 5px; font-size: 30px; color: #FFFFFF; line-height: 40px;}
#shop_cart #shop_cart_status i.fa.fa-file:hover {color: #E2CBA0;}

#shop_cart #list_cart div.table {display: table; width: 100%;}
#shop_cart #list_cart div.row {display: table-row;}
#shop_cart #list_cart div.cell {display: table-cell; text-align: left; vertical-align: middle; font-size: 14px; color: #373737;}

#shop_cart #list_cart div.row-head {background: #b7a788;}
#shop_cart #list_cart div.row {border-bottom: solid 1px #E0E0E0;}
#shop_cart #list_cart div.row-head div.cell {text-transform: uppercase; color: #FFFFFF; line-height: 40px; font-weight: normal;}
#shop_cart #list_cart div.row-data.color-0 {background: #f9f9f9;}
#shop_cart #list_cart div.row-data.color-1 {background: #f5f5f5;}
#shop_cart #list_cart div.row-data.color-0.error {background: #ff9999;}
#shop_cart #list_cart div.row-data.color-1.error {background: #ff8888;}
#shop_cart #list_cart div.row-data:hover {background: #f1f1f1;}

#shop_cart #list_cart div.cell.image {text-align: center; padding: 5px 10px;}
#shop_cart #list_cart div.row-head div.cell.image {text-align: left; padding: 2px 10px;}
#shop_cart #list_cart div.cell.image a {display: block; width: 30px; height: 30px; overflow: hidden; background: #FFFFFF; border: solid 1px #E0E0E0;}
#shop_cart #list_cart div.cell.image img {max-width: 30px;}
#shop_cart #list_cart div.cell.code input.error {background: #FF0000; color: #FFFFFF;}
#shop_cart #list_cart div.cell.name {padding-left: 10px;}
#shop_cart #list_cart div.cell.name a {text-decoration: none; color: #373737;}
#shop_cart #list_cart div.cell.name a:hover {color: #999999;}
#shop_cart #list_cart div.cell.message {text-align: center; width: 250px;}
#shop_cart #list_cart div.cell.message input {width: 100%; text-align: left;}
#shop_cart #list_cart div.cell.price {text-align: right; white-space: nowrap;}
#shop_cart #list_cart div.cell.price input {width: 100px; text-align: right;}
#shop_cart #list_cart div.cell.number input {width: 50px; text-align: right;}
#shop_cart #list_cart div.row-data div.cell.price.all.brutto {color: #373737;}
#shop_cart #list_cart div.cell.barcode {text-align: center; width: 30px;}
#shop_cart #list_cart div.cell.attachment {text-align: center; width: 60px;}
#shop_cart #list_cart div.cell.attachment i.fa {line-height: 30px; width: 28px; font-size: 26px; color: #00AA00;}
#shop_cart #list_cart div.cell.attachment i.fa.fa-redo {color: #AA0000;}
#shop_cart #list_cart div.cell.number {text-align: center;}
#shop_cart #list_cart div.cell.stock {text-align: center; font-weight: bold; color: #FFFFFF;}
#shop_cart #list_cart div.row-data.stock div.cell.stock {background: #00AA00;}
#shop_cart #list_cart div.row-data.stock_min div.cell.stock {background: #FF9900;}
#shop_cart #list_cart div.row-data.stock_no div.cell.stock {background: #CC0000;}
#shop_cart #list_cart div.cell.status {text-align: center;}
#shop_cart #list_cart div.cell.delete {text-align: center; min-width: 10px;}
#shop_cart #list_cart div.cell.delete i {color: #FF0000; font-size: 21px;}
#shop_cart #list_cart div.cell span.curr {display: inline-block; margin-left: 5px;}

#list_cart div.cart.change {display: inline-block; width: 50px; height: 30px; margin: 10px 0px 0px 0px; position: relative; border: solid 1px #dddddd;}
#list_cart div.cart.change input {width: 50px; height: 30px; border: 0px; padding: 5px 10px;}
#list_cart div.cart.change i {position: absolute; right: 0px; width: 20px; height: 15px; background: #e1e1e1; color: #6b6b6b; cursor: pointer; text-align: center; line-height: 15px;}
#list_cart div.cart.change i.fa-caret-up {top: 0px;}
#list_cart div.cart.change i.fa-caret-down {bottom: 0px;}


#order_list i.fa.hover-layer {position: relative; color: #ac7e25; cursor: pointer; z-index: 2;}
#order_list #shop_order_list_comments {display: none; position: absolute; top: 15px; left: 0px; z-index: 3; min-width: 250px; font-size: 13px; color: #333333;}
#order_list #shop_order_list_comments div.item {border: 1px solid #d9d9d9; margin-bottom: 5px; background: #FFFFFF;}
#order_list #shop_order_list_comments div.item div.title {padding: 5px; background: #b7a788; color: #FFFFFF; text-align: left; font-size: 13px;}
#order_list #shop_order_list_comments div.item div.title label {display: inline-block; min-width: 50px;}
#order_list #shop_order_list_comments div.item div.message {padding: 5px; text-align: left; font-size: 13px; line-height: 17px;}
#order_list i.fa.hover-layer:hover #shop_order_list_comments {display: block;}


#shop_cart #full_price {position: relative; background: #f9f9f9; margin-top: 10px;}
#shop_cart #full_price div.table {display: table; width: 100%;}
#shop_cart #full_price div.row {display: table-row;}
#shop_cart #full_price div.cell {display: table-cell; text-align: right; vertical-align: middle; padding: 0px 60px; font-size: 16px; color: #373737; line-height: 40px;}

#shop_cart #full_price div.row.products {background: #eeeeee; font-weight: bold;}
#shop_cart #full_price div.row.products div.cell {font-weight: bold;}
#shop_cart #full_price div.row.price {background: #444444;}
#shop_cart #full_price div.row.price div.cell {color: #ffffff;}

#shop_cart #full_price div.row.shipping {background: #F3F3F3;}

#shop_cart #full_price div.cell.price {text-align: right; white-space: nowrap; width: 30%; font-weight: bold;}
#shop_cart #full_price div.cell.price span.number {display: inline-block; vertical-align: top; padding-left: 20px;}
#shop_cart #full_price div.row.price div.cell {font-weight: bold;}
#shop_cart #full_price div.cell.price.brutto {font-weight: bold;}
#shop_cart #full_price div.cell.price input {width: 100px; text-align: right;}
#shop_cart #full_price div.cell span.curr {display: inline-block; margin-left: 5px;}

#shop_cart #shop_cart_ship {position: relative;}

#shop_cart div.order_data {padding: 10px; border-top: solid 1px #e5e5e5; color: #373737; font-size: 14px;}
#shop_cart div.order_data div.title {line-height: 30px; font-size: 16px; margin-bottom: 5px;}
#shop_cart div.order_data div.row {min-width: 200px; display: inline-block; vertical-align: top; margin-left: -4px;}
#shop_cart div.order_data div.row div.data {display: inline-block; vertical-align: top;}
#shop_cart div.order_data div.row div.label {display: inline-block; vertical-align: top; max-width: 80%;}
#shop_cart div.order_data div.row div.price {display: inline-block; vertical-align: middle;}
#shop_cart div.order_data div.info {display: inline-block; vertical-align: middle;}
#shop_cart div.order_data i.fa {padding: 2px; font-size: 18px;}
#shop_cart div.order_data i.fa.fa-eur {color: #FF0000;}
#shop_cart div.order_data i.fa.fa-eur.free {color: #00CC00;}

#shop_cart div.order_data input[type="text"] {width: 343px; height: 30px; border: solid 1px #E0E0E0; padding: 0px 5px; margin: 0px 5px 0px 0px;}
#shop_cart div.order_data input[type="password"] {width: 343px; height: 30px; border: solid 1px #E0E0E0; padding: 0px 5px; margin: 0px 5px 0px 0px;}
#shop_cart div.order_data select {width: 343px; height: 30px; border: solid 1px #E0E0E0; padding: 0px 5px; margin: 5px 5px 0px 0px;}
#shop_cart div.order_data textarea {width: 100%; height: 140px; border: solid 1px #E0E0E0; padding: 5px;}

#shop_cart div.order_data input.error[type="text"] {background: #FF0000; color: #FFFFFF;}
#shop_cart div.order_data input.error[type="password"] {background: #FF0000; color: #FFFFFF;}
#shop_cart div.order_data select.error {background: #FF0000; color: #FFFFFF;}
#shop_cart div.order_data textarea.error {background: #FF0000; color: #FFFFFF;}

i.fa.hover-layer {position: relative;}
i.fa.hover-layer span.layer {display: none; position: absolute; top: 17px; left: 10px; z-index: 100; min-width: 150px; padding: 10px; background: #FFFFFF; border: solid 1px #CCCCCC; box-shadow: 0px 0px 3px #333333; font-size: 14px; color: #373737;}
i.fa.hover-layer:hover span.layer {display: block;}

#shop_cart #shop_cart_user input {margin: 5px 5px 5px 0px;}

#shop_cart #shop_cart_pay div.title {display: inline-block; vertical-align: top; min-width: 200px; margin-bottom: 0px;}
#shop_cart #shop_cart_pay div.row {line-height: 30px;}
#shop_cart #shop_cart_pay div.row input.checkbox {height: 24px;}

#shop_cart #shop_cart_ship {border-bottom: solid 1px #e5e5e5;}
#shop_cart #shop_cart_ship div.title {display: inline-block; vertical-align: top; min-width: 200px; margin-bottom: 0px;}
#shop_cart #shop_cart_ship div.row {line-height: 30px;}
#shop_cart #shop_cart_ship div.row input.checkbox {height: 24px;}

#shop_cart #shop_cart_user {display: inline-block; vertical-align: top; width: 360px; min-height: 230px; border-top: 0px;}
#shop_cart #shop_cart_bill {display: inline-block; vertical-align: top; width: 360px; min-height: 230px; border-top: 0px;}
#shop_cart #shop_cart_shipping {display: inline-block; vertical-align: top; width: 360px; min-height: 230px; padding-right: 0px; margin-left: 10px; border-top: 0px;}

#shop_cart #list_cart.tracking div.cell {font-size: 16px; line-height: 30px;}
#shop_cart div.order_data.tracking {font-size: 16px; line-height: 30px;}
#shop_cart #shop_cart_user.tracking {min-height: 130px;}
#shop_cart #shop_cart_shipping.tracking {min-height: 130px;}

#shop_cart div.order_data.address input {margin: 5px 1px 0px 0px;}
#shop_cart div.order_data.address input.settlement {width: 209px;}
#shop_cart div.order_data.address input.zip {width: 130px;}
#shop_cart div.order_data.address input.deadline {width: 130px;}
#shop_cart div.order_data.address input.street {width: 209px;}
#shop_cart div.order_data.address select.street_type {width: 130px;}
#shop_cart div.order_data.address input.number {width: 209px;}

#shop_cart #shop_cart_shipping_deadline select {width: 130px;}
#shop_cart #shop_cart_shipping_deadline select.year {width: 80px;}
#shop_cart #shop_cart_shipping_deadline select.day {width: 70px;}

#shop_cart #shop_cart_newsletter {display: inline-block; vertical-align: top; border-top: 0px;}
#shop_cart #shop_cart_newsletter div.title {display: inline-block; line-height: 20px; font-size: 14px; font-weight: normal;}
#shop_cart #shop_cart_newsletter input {float: left; margin-right: 10px}

#shop_cart #shop_cart_aszf {display: inline-block; vertical-align: top; border-top: 0px;}
#shop_cart #shop_cart_aszf div.title {display: inline-block; line-height: 20px; font-size: 14px; font-weight: normal;}
#shop_cart #shop_cart_aszf input {float: left; margin-right: 10px}

#shop_cart #shop_cart_submit {border-top: 0px; text-align: center;}
#shop_cart #shop_cart_submit div.submit {text-align: center;}
#shop_cart #shop_cart_submit div.submit input.submit {border: 0px; text-align: center; height: 60px; width: 480px; background: #ff7711; color: #FFFFFF; font-size: 24px; text-transform: uppercase; cursor: pointer;}

#shop_cart div.order_data div.error div.label {color: #FF0000;}
#shop_cart div.order_data div.title.error {color: #FF0000;}


#shop_cart #shop_cart_comments {border: 0px; padding: 0px;}
#shop_cart #shop_cart_comments div.subtitle {font-size: 16px; color: #ffffff; font-weight: bold; padding: 10px 20px; vertical-align: bottom; background: #b7a788;}
#shop_cart #shop_cart_comments div.comment {padding: 10px;}
#shop_cart #shop_cart_comments #shop_cart_comment {padding: 10px;}
#shop_cart #shop_cart_comments input[type="radio"] {width: auto; height: auto;}
#shop_cart #shop_cart_comments textarea {margin-top: 10px;}


#shop_cart_ship div.shops-select p.title {line-height: 30px; font-size: 16px; margin: 0px 0px 10px 5px; font-weight: bold;}

#shop_cart_ship div.shops-select {position: absolute; left: 770px; top: 60px; z-index: 1;}

#shop_cart_ship div.shops-select div.autocomplete_result {display: none; position: absolute; left: 0px; top: 100px; z-index: 100; width: 500px; padding: 5px; background: #FFFFFF; font-size: 12px; box-shadow: 0px 0px 3px #333333;}
#shop_cart_ship div.shops-select div.autocomplete_result table {width: 100%;}
#shop_cart_ship div.shops-select div.autocomplete_result tr:hover {background: #e1ded9;}
#shop_cart_ship div.shops-select div.autocomplete_result td {color: #505050; font-size: 12px; font-family: 'Monda', sans-serif; font-size: 12px;}
#shop_cart_ship div.shops-select div.autocomplete_result td {width: auto; padding-left: 10px;}
#shop_cart_ship div.shops-select div.autocomplete_result td a {display: block; color: #006634; font-size: 12px; font-family: 'Monda', sans-serif; font-size: 12px; text-decoration: none;}
#shop_cart_ship div.shops-select div.autocomplete_result td a:hover {color: #339966; font-size: 12px; font-family: 'Monda', sans-serif; font-size: 12px; text-decoration: none;}

#shop_cart_ship div.shop-info {display: none; margin-top: 10px; border: solid 1px #e0e0e0; background: #ffffff; padding: 5px 10px;}
#shop_cart_ship div.shop-info h3 {margin-bottom: 5px; font-weight: bold; font-size: 16px;}
#shop_cart_ship div.shop-info label {display: inline-block; width: 80px; vertical-align: top;}


#item_barcode_edit #domain_admin input.submit {font-size: 14px; height: 30px; margin: 0px; padding: 0 20px;}

#shop_cart #shop_cart_ship div.row.noshow {display: none;}
#shop_cart #shop_cart_ship div.row.act {color: #333333; font-weight: bold;}
#shop_cart #shop_cart_ship div.row.inact {color: #AAAAAA;}

#shop_cart #shop_cart_pay div.row.act {color: #333333; font-weight: bold;}
#shop_cart #shop_cart_pay div.row.inact {color: #AAAAAA;}


div.address-ac-result {position: absolute; z-index: 10; background-color: #FFFFFF; border: solid 1px #AAAAAA; padding: 5px; max-height: 200px; overflow: auto;}
div.address-ac-result a {display: block; color: #333333; font-size: 12px; white-space: nowrap; line-height: 16px; cursor: pointer;}
div.address-ac-result a:hover {background-color: #EEEEEE;}



#comment {text-align: center;}
#comment div.head h3 {font-size: 24px; line-height: 50px; color: #333333; text-align: left;}
#comment div.head a.button-erp {display: inline-block; margin: 20px auto; width: auto; padding: 0px 30px; font-size: 14px; line-height: 40px; color: #FFFFFF; border-radius: 5px; background: linear-gradient(to bottom, #baa67e, #ab956a) repeat scroll 0 0 #baa67e; cursor: pointer;}
#comment textarea {margin-bottom: 10px;}
#comment div.bottom {text-align: left; font-size: 14px; line-height: 30px;}

#comment div.comments div.comment {margin: 15px 0px;}
#comment div.comments div.head {height: 50px;}
#comment div.comments div.head div {display: inline-block; font-size: 24px; line-height: 50px; color: #333333; text-align: left;}
#comment div.comments div.head div.login {float: left;}
#comment div.comments div.head div.time {float: right;}
#comment div.comments div.comment div.content {background: #FFFFFF; border: solid 1px #CCCCCC; padding: 10px; text-align: left; font-size: 14px; line-height: 20px;}
#comment div.comments div.comment div.content li {list-style: inside none auto;}



#workflow_item h1 {margin-bottom: 30px; padding: 10px; border: solid 1px #cccccc; background: #FFFFFF;}

#workflow_item div.lead {margin: -10px 0px 30px 0px; padding: 10px; border: solid 1px #cccccc; background: #FFFFFF;}




#domain_admin div.file_upload div.jFiler-input-button {display: inline-block; background: #baa67e; background: linear-gradient(to bottom, #baa67e, #ab956a); border: 1px solid #978667; border-radius: 5px; color: #ffffff; padding: 0px 20px; line-height: 30px; cursor: pointer; font-weight: 400;}
#domain_admin div.file_upload div.jFiler-input-button:hover {background: #dac69e; background: linear-gradient(to bottom, #dac69e, #bba57a);}







#admin_box.admin.edit {position: relative;}
#admin_box.admin.edit {max-width: 98%; width: 1200px; margin: 1% auto 1% auto;}
#admin_box.admin.edit div:target {padding-top: 50px !important;}

#admin_box.admin.edit .hidden {visibility: hidden;}

#admin_box.admin.edit div.title {color: #009fb4; font-family: Roboto, sans-serif; font-size: 30px; font-weight: bold; margin: 10px 0px 20px 0px;}
#admin_box.admin.edit div.title.successful {background: #00ccaa; color: #FFFFFF; font-size: 20px; line-height: 45px; padding: 0px 20px; font-weight: normal;}
#admin_box.admin.edit div.title.error {background: #ff6372; color: #FFFFFF; font-size: 20px; line-height: 45px; padding: 0px 20px; font-weight: normal;}

#admin_box.edit div.title a.view {float: right; line-height: 40px; color: #FFFFFF; font-size: 16px; font-weight: normal; background: #009fb4; text-transform: uppercase; padding: 0px 10px;}
#admin_box.edit div.title a.view:hover {background: #006F84;}
#admin_box.edit div.title a.view i {margin-right: 10px; line-height: 40px; color: #FFFFFF; font-size: 30px; vertical-align: middle;}

#admin_box.admin.edit div.subtitle {color: #009fb4; font-family: Roboto, sans-serif; font-size: 22px; font-weight: bold; margin: 20px 0px 10px 0px;}
#admin_box.admin.edit a.subtitle {display: block; color: #009fb4; font-family: Roboto, sans-serif; font-size: 22px; font-weight: bold; margin: 20px 0px 10px 0px; cursor: pointer;}

#admin_box.admin.edit legend {font-size: 14px; color: rgba(0,111,132,0.5); line-height: 30px; text-transform: uppercase;}
#admin_box.admin.edit fieldset {border: solid 1px #d1d1d1; margin: 30px 0px; padding: 5px 10px; background: rgba(255,255,255,0.5);}

#admin_box.admin.edit div.input_box {margin-bottom: 15px;}
#admin_box.admin.edit div.input_box div.input.hide {display: none;}
#admin_box.admin.edit div.input_box div.label {font-size: 20px; color: #006F84; line-height: 30px; padding: 2px;}
#admin_box.admin.edit div.input_box.ajax_edit div.label {display: block; position: relative; line-height: 43px; padding: 0px 0px 0px 15px; border: solid 1px #b9b9b9;}
#admin_box.admin.edit div.input_box.ajax_edit.edit div.label {display: none;}
#admin_box.admin.edit div.input_box.ajax_edit div.input {display: none;}
#admin_box.admin.edit div.input_box.ajax_edit.edit div.input {display: block;}

#admin_box.admin.edit div.input_box div.input {position: relative; min-height: 45px;}
#admin_box.admin.edit div.input_box .icon {display: block; position: absolute; top: 1px; padding: 0px; margin: 0px; width: 41px; line-height: 41px; height: 41px; border: solid 1px #FFFFFF; text-align: center; color: #FFFFFF; font-size: 30px; cursor: pointer; background: #009fb4; font-family: FontAwesome;}
#admin_box.admin.edit div.input_box .icon div.text {visibility: hidden; opacity: 0; position: absolute; top: -1px; right: 41px; width: 190px; padding: 5px; font-size: 15px; line-height: 21px; min-height: 31px; max-height: 300px; overflow: auto; border: solid 1px #FFFFFF; text-align: left; transition: visibility 0.5s, opacity 0.5s linear; background: #009fb4;}
#admin_box.admin.edit div.input_box .icon div.text a {color: #FFFFFF; font-weight: bold;}
#admin_box.admin.edit div.input_box .icon div.text a:hover {color: #20DfF4; font-weight: bold;}
#ajax_layer #admin_box.admin.edit div.input_box .icon div.text {color: #FFFFFF;}
#admin_box.admin.edit div.input_box.error a.icon.important div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box .icon.important div.text {background: #ff6372;}
#admin_box.admin.edit div.input_box .icon:hover div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box a.icon.show.important div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box a.icon.show.help div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box a.icon.edit {right: 0px; top: 0px;}
#admin_box.admin.edit div.input_box .icon.important {right: 43px; background: #ff6372; z-index: 1;}
#admin_box.admin.edit div.input_box .icon.help {right: 1px; z-index: 2;}
#admin_box.admin.edit div.ajax_edit.input_box .icon.important {right: 127px;}
#admin_box.admin.edit div.ajax_edit.input_box .icon.help {right: 85px;}
#admin_box.admin.edit div.ajax_edit.input_box a.icon.save {right: 43px; z-index: 3;}
#admin_box.admin.edit div.ajax_edit.input_box a.icon.undo {right: 1px; z-index: 4;}
#admin_box.admin.edit div.input_box .icon:after { font-family: FontAwesome; color: #FFFFFF; font-size: 25px;}
#admin_box.admin.edit div.input_box a.icon.edit:after {content: "\f044";}
#admin_box.admin.edit div.input_box .icon.important:after {content: "\f12a";}
#admin_box.admin.edit div.input_box .icon.help:after {content: "\f128";}
#admin_box.admin.edit div.input_box a.icon.save:after {content: "\f0c7";}
#admin_box.admin.edit div.input_box a.icon.undo:after {content: "\f0e2";}
#admin_box.admin.edit div.input_box a.icon.show:after {content: "\f00d";}

#admin_box.admin.edit .dlabel {display: inline-block; margin: 0px 5px 5px 0px; min-width: 500px; line-height: 45px; font-size: 20px; padding: 0px 100px 0px 20px; border: solid 1px #d1d1d1; max-width: 800px; color: #6d6d6d; background: linear-gradient(to bottom,#F5F5F5,#FFFFFF); border-radius: 2px;}
#admin_box.admin.edit .dlabel:hover {background: linear-gradient(to bottom,#dddddd,#eeeeee);}
#admin_box.admin.edit div.input_box a.link i.fa {display: inline-block; margin: 0px 5px 0px 5px; line-height: 45px; font-size: 20px;}


#admin_box.admin.edit div.input_box input.text {width: 100%; color: #666666; font-family: Roboto, sans-serif; font-size: 20px; border: solid 1px #d1d1d1; background: #FFFFFF; padding: 0px 100px 0px 20px; height: 45px;}
#admin_box.admin.edit div.input_box select.text {width: 100%; color: #666666; font-family: Roboto, sans-serif; font-size: 20px; border: solid 1px #d1d1d1; background: #FFFFFF; padding: 0px 100px 0px 20px; height: 45px;}

#admin_box.admin.edit div.input_box.checkbox div.input {padding-right: 100px;}
#admin_box.admin.edit div.input_box.checkbox label {display: inline-block; vertical-align: top; font-size: 20px; line-height: 45px; margin-right: 30px; min-width: 110px;}
#admin_box.admin.edit div.input_box input.checkbox {width: 25px; height: 40px; display: inline-block; vertical-align: top; margin-right: 10px;}
#admin_box.admin.edit div.input_box:target {padding-top: 60px;}

#admin_box.admin.edit div.input_box input.text[readonly] {background: #DDDDDD;}
#admin_box.admin.edit div.input_box select.text[readonly] {background: #DDDDDD;}
#admin_box.admin.edit div.input_box input.checkbox[readonly] {background: #DDDDDD;}
#admin_box.admin.edit div.input_box textarea.textarea[readonly] {background: #DDDDDD;}

#admin_box.admin.edit a.button {display: inline-block; width: auto; color: #FFFFFF; font-family: Roboto, sans-serif; font-size: 20px; background: #009fb4; padding: 0px 20px; line-height: 45px; text-align: left; border: 0px; font-weight: normal; cursor: pointer;}
#admin_box.admin.edit a.button:hover {background: #006F84; transition: background-color 0.5s linear;}

#admin_box.admin.edit div.input_box.checkbox div.input.text {padding-right: 0px;}
#admin_box.admin.edit div.input_box textarea.textarea {width: 100%; margin-bottom: 15px; color: #666666; font-family: Roboto, sans-serif; font-size: 20px; border: solid 1px #d1d1d1; background: #FFFFFF; padding: 20px; height: 200px;}
#admin_box.admin.edit div.input_box textarea.textarea.description {height: 500px;}
#admin_box.admin.edit input.submit {display: block; width: auto; margin: 20px auto; color: #FFFFFF; font-family: Roboto, sans-serif; font-size: 36px; background: #009fb4; padding: 0px 100px; height: 80px; text-align: center; border: 0px; font-weight: normal; text-transform: uppercase; cursor: pointer;}
#admin_box.admin.edit input.submit:hover {background: #006F84; transition: background-color 0.5s linear;}

#admin_box.admin.edit div.input_box.error div.label {font-size: 20px; color: #FF0000; line-height: 30px; padding: 2px;}
#admin_box.admin.edit div.input_box.error a.important {background: url('/pictures/important.png') no-replay top right #ff0000;}
#admin_box.admin.edit div.input_box.error input.text {border: solid 1px #FF0000;}
#admin_box.admin.edit div.input_box.error select.text {border: solid 1px #FF0000;}
#admin_box.admin.edit div.input_box.error textarea.textarea {border: solid 1px #FF0000;}

#admin_box.admin #submenu {margin: 20px 0px 10px 0px;}
#admin_box.admin #submenu li {display: inline-block; padding: 0px; margin-right: 1px;}
#admin_box.admin #submenu li a {display: block; text-align: center; padding: 0px 20px; background: #5d4240; color: #FFFFFF; line-height: 45px; font-family: "Roboto Condensed", sans-serif; font-size: 18px;}
#admin_box.admin #submenu li a:hover {background: #7d6260;}
#admin_box.admin #submenu li a.active {background: #7d6260;}

#admin_box.admin.edit div.pre_input_label {font-size: 20px; color: #006F84; line-height: 30px; padding: 2px;}


#admin_box div.acbox {position: relative;}
#admin_box div.acresult {position: absolute; top: 43px; left: 0px; padding: 5px; border: solid 1px #D1D1D1; background: #F5F5F5; font-size: 13px; z-index: 100; max-height: 300px; min-width: 250px; overflow: auto;}
#admin_box div.acresult i.close {position: absolute; top: 5px; right: 5px; color: #FF6372; font-size: 20px; z-index: 110;}
#admin_box.admin.edit div.input_box div.acresult a {display: block; position: relative; top: auto; width: auto; line-height: 20px; height: auto; border: solid 0px #FFFFFF; text-align: left; color: #009FB4; font-size: 18px;}
#admin_box div.connect_result label {display: inline-block; vertical-align: top; min-width: 200px; font-size: 20px; line-height: 45px;}
#admin_box div.connect_result label input.checkbox {width: 25px; height: 40px; display: inline-block; vertical-align: top; margin-right: 10px;}


#admin_box a.eye_check {display: inline-block; line-height: 30px; padding: 0px 10px; font-size: 18px; color: #FFFFFF; background: #009FB4; position: absolute; top: 0px; right: 0px;}
#admin_box a.eye_check:hover {background: #006F84; transition: background-color 0.5s linear;}


#admin_box iframe.admin_images_iframe {width: 98%; height: 210px;}
#admin_box iframe.admin_files_iframe {width: 98%; height: 400px;}

#admin_box #upload_box #admin_tabs_menu {border: 0px; text-align: left; margin: 10px 0px;}
#admin_box #upload_box #admin_tabs_menu div.tab  {background-color: #009FB4; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 40px; text-transform: uppercase;}
#admin_box #upload_box #admin_tabs_menu div.tab:hover  {background-color: #006F84; color: #FFFFFF;}
#admin_box #upload_box #admin_tabs_menu div.tab_hover  {background-color: #006F84; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 40px; text-transform: uppercase;}
#admin_box #upload_box #admin_tabs_menu div.tab_inactive {filter: alpha(opacity='50'); opacity:0.5;}
#admin_box #upload_box #admin_tabs_menu a {text-decoration: none;}


#admin_box.admin.edit div.input_box div.jFiler-input-button {background: #009FB4; color: #FFFFFF; font-family: Roboto, sans-serif; font-size: 20px; line-height: 45px; padding: 0px 10px 0px 10px; width: auto; max-width: 100%; cursor: pointer;}
#admin_box.admin.edit div.input_box div.jFiler-input-button:before {padding-right: 10px; font-family: FontAwesome; color: #FFFFFF; font-size: 25px; text-align: center; width: 40px; line-height: 40px; content: "\f093"; vertical-align: middle;}
#admin_box.admin.edit div.input_box div.jFiler-input-button:hover {background: #006F84;}


#admin_box.edit.gallery table.admin_form_table {width: 100%;}
#admin_box.edit.gallery table.admin_form_table tr.head {}
#admin_box.edit.gallery table.admin_form_table tr.head span {display: inline-block; vertical-align: top; width: 15%; margin: 0px -4px 5px 0px; line-height: 30px; background: #006F84; padding: 0px 2px; color: #FFFFFF; font-size: 15px;}
#admin_box.edit.gallery table.admin_form_table tr.head span.img {width: 40px; padding-left: 10px;}
#admin_box.edit.gallery table.admin_form_table tr.head span.number {width: 5%;}
#admin_box.edit.gallery table.admin_form_table tr.head span.keywords {width: 10%;}
#admin_box.edit.gallery table.admin_form_table tr.head span.save {width: 40px;}
#admin_box.edit.gallery table.admin_form_table tr.head span.delete {width: 40px;}
#admin_box.edit.gallery table.admin_form_table input {vertical-align: top; width: 15%; margin-bottom: 2px; height: 30px; padding: 0px 3px;}
#admin_box.edit.gallery table.admin_form_table input.description {qwidth: 20%;}
#admin_box.edit.gallery table.admin_form_table input.number {width: 5%;}
#admin_box.edit.gallery table.admin_form_table select {vertical-align: top; width: 10%; margin-bottom: 2px; height: 30px;}
#admin_box.edit.gallery table.admin_form_table i.fa {font-size: 25px; margin: 0px 5px; cursor: pointer;}
#admin_box.edit.gallery table.admin_form_table i.fa.save {color: #00CC00; margin-left: 10px;}
#admin_box.edit.gallery table.admin_form_table i.fa.delete {color: #DD0000;}


#helps.admin {position: relative; margin: 30px auto; font-size: 17px; padding: 10px 10px 10px 60px; line-height: 20px; border: solid 1px #009FB4; min-height: 40px;}
#helps.admin:before {position: absolute; left: 10px; top: 10px; content: "\f129"; font-family: FontAwesome; display: inline-block; vertical-align: top; text-align: center; width: 40px; line-height: 40px; height: 40px; border: solid 1px #FFFFFF; color: #FFFFFF; font-size: 30px; background: #009fb4;}


html.admin-help-list #body.responsive div.body.table {max-width: 100%; width: 100%;}
html.admin-help-list #body.responsive #main.table {max-width: 100%; width: 100%;}
#help_list {text-align: center;}
#help_list h1 {margin: 20px 0px 30px 0px;}
#help_list h2 {margin-bottom: 30px;}
#help_list div.item {display: inline-block; min-height: 160px; width: 435px; padding: 25px; margin: 0px 25px 20px 0px; position: relative; vertical-align: top; background: #FFFFFF; box-shadow: 0px 0px 3px #AAAAAA; text-align: left;}
html.admin-help-item #help_list div.item {display: block; margin: auto; min-height: 160px; width: auto; max-width: 100%;}
#help_list div.item h2 {position: relative; margin-bottom: 10px; padding: 0px 100px 0px 0px;}
#help_list div.item h2 a.title {font-size: 23px; line-height: 21px; color: #666666; overflow: hidden; margin-bottom: 20px;}
#help_list div.item div.content {font-size: 16px; line-height: 21px; color: #666666;}

#help_list.inside div.item {display: block; min-height: 0px; max-width: 1200px; width: 100%; padding: 15px; margin: 10px 0px;}
#help_list.inside div.item h2 {position: relative; margin-bottom: 0px;}
#help_list.inside div.item h2 a.title {font-size: 16px; line-height: 21px; overflow: auto; margin-bottom: 0px;}

#help_list div.item a.icon {display: inline-block; line-height: 30px; width: 30px; vertical-align: top; cursor: pointer; background: #019db4;}
#help_list div.item a.icon:before {display: inline-block; font-family: FontAwesome; font-size: 20px; line-height: 30px; width: 30px; color: #FFFFFF; text-align: center;}
#help_list div.item a.title:before {display: inline-block; margin-right: 10px; background: #019db4; font-family: FontAwesome; font-size: 20px; line-height: 30px; width: 30px; color: #FFFFFF; text-align: center;}
#help_list div.item a.icon:hover {background: #006F84; transition: background-color 0.3s linear;}
#help_list div.item a.icon.read {position: absolute; top: 0px; right: 65px;}
#help_list div.item a.icon.hide {position: absolute; top: 0px; right: 33px;}
#help_list div.item a.icon.delete {position: absolute; top: 0px; right: 0px;}
#help_list div.item a.icon.open {position: absolute; bottom: 25px; right: 25px;}
#help_list div.item a.icon.close {float: right;}
#help_list div.item a.icon.success:before {background: #00CC00;}

#help_list div.item a.title:before {content: "\f129";}
#help_list div.item a.title.alert:before {content: "\f12a"; background: #EE0000; color: #FFFFFF;}
#help_list div.item a.title.success:before {content: "\f00c"; background: #00CC00;}
#help_list div.item a.icon.read:before {content: "\f06e";}
#help_list div.item a.icon.hide:before {content: "\f05e";}
#help_list div.item a.icon.delete:before {content: "\f1f8"; background: #EE0000; color: #FFFFFF;}
#help_list div.item a.icon.delete:hover {background: #FF2222; transition: background-color 0.3s linear;}
#help_list div.item a.icon.open:before {content: "\f07c";}

#help_list div.item.read {opacity: 0.5;}
#help_list div.item div.read {background: #00CC00; color: #FFFFFF; font-size: 20px; line-height: 30px; display: inline-block; padding: 0px 10px;}

#help_list div.item.success {opacity: 0.5;}
#help_list div.item div.success {background: #00CC00; color: #FFFFFF; font-size: 20px; line-height: 30px; display: inline-block; padding: 0px 10px;}

#help_list div.item.hide {display: none;}


#help_list div.item div.links a {background: #019db4; color: #FFFFFF; font-size: 17px; line-height: 30px; display: inline-block; padding: 0px 10px; margin-right: 5px;}
#help_list div.item div.links a:hover {background: #006F84; transition: background-color 0.3s linear;}
#help_list div.item div.links a:after {padding-left: 15px; content: "\f061"; font-family: FontAwesome; color: #FFFFFF; font-size: 17px; line-height: 30px;}





@media only screen and (max-width: 1200px) {

#body.responsive.admin div.body.table {width: 100% !important;}
#body.responsive div.body.table {width: 100% !important;}
#body.responsive #main.table {width: 100% !important;}
#admin_box.admin.edit {width: 100% !important;}

}


@media only screen and (max-width: 800px) {

#list td.mobil-hide {display: none;}

}



/* TEST START */

/* DOMAIN TEST START */










/* DOMAIN TEST END */ 

/* TEST END */

