/* Minification failed. Returning unminified contents.
(989,1): run-time error CSS1019: Unexpected token, found '}'
 */
 /*
	Datepicker for Bootstrap
	Copyright 2012 Stefan Petre
	Licensed under the Apache License v2.0
	http://www.apache.org/licenses/LICENSE-2.0
*/
 .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.old, .datepicker td.new { color: #999999; } .datepicker td.active, .datepicker td.active:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background-color: #0044cc; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #003399 \9; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.active { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background-color: #0044cc; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 19.5px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }
/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 2.x
 *
 * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
 *
 * Built for http://www.improvely.com
 */

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 9000;
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
  float: left;
  margin: 4px;
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {
  float: right;
  margin: 4px;
}

.daterangepicker .ranges {
  width: 160px;
  text-align: left;
}

.daterangepicker .ranges .range_inputs>div {
  float: left;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
  padding-left: 11px;
}

.daterangepicker .calendar {
  display: none;
  max-width: 250px;
}
.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-date {
  border: none;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
}

.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
  color: #333;
  font-size: 11px;
  margin-bottom: 2px;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #fff;
}

.daterangepicker .ranges input {
  font-size: 11px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

.daterangepicker .calendar-date {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px;
}

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.openscenter:before {
  position: absolute;
  top: -7px;
  left: 0;  
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.openscenter:after {
  position: absolute;
  top: -6px;
  left: 0;  
  right: 0;  
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.dropup{
  margin-top: -5px;
}
.daterangepicker.dropup:before{
  top: initial;
  bottom:-7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after{
  top: initial;
  bottom:-6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}

.daterangepicker td.off {
  color: #999;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background: #eee;
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 60px;
  margin-bottom: 0;
}

.daterangepicker_start_input {
  float: left;
}

.daterangepicker_end_input {
  float: left; 
  padding-left: 11px
}

.daterangepicker th.month {
  width: auto;
}

/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('images/ie-spacer.gif'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(images/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(images/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(images/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	left:3px;
	background:url(images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
	text-indent:-9999em;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0;
}
.gritter-with-image {
	width:220px;
	float:right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(images/gritter-light.png);
    color: #222;
}
.gritter-light .gritter-title {
    text-shadow: none;
}


@media (min-width:1281px) and (max-width: 1350px) {

   /* .hidden-desktop2 { display: none !important; }*/
    section#wrapper section#content .tab section.data .table tr td.draggableNews { width: 300px !important; }

        section#wrapper section#content .tab section.data .table tr td.draggableNews a.readerbox { width: 300px !important; }
}


@media (min-width:980px) and (max-width: 1280px) {
   /* .hidden-desktop2 { display: none !important; }*/

   
    section#wrapper section#content .tab section.data .table tr td.draggableNews { padding-left: 13px; background: url(images/drag.png) no-repeat left 50%; width: 300px; }

        section#wrapper section#content .tab section.data .table tr td.draggableNews a.readerbox { display: block; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 300px; }
}


@media (max-width: 980px) {

    /*.detail-panel .data-detail-mark { width: 168px !important; margin-right: 10px; }

        .detail-panel .data-detail-mark .fieldbox { width: 168px !important; }

    .detail-panel .fieldbox { height: 130px !important; }

    .detail-panel { width: 680px !important; }

    .form-ap .detail-panel { top: 0; left: 0px; margin-left: -126px; }*/
}


/*tablet*/
@media (min-width: 768px) and (max-width: 979px) {
}

/*telefon*/
@media (max-width: 767px) {
}

/*
     .detail-panel { width: 680px !important; }

        .detail-panel .data-detail-mark { width: 168px !important; margin-right: 10px; }

            .detail-panel .data-detail-mark .fieldbox { width: 168px !important; }

         


    */

body { font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #232323; background-color: #fff; overflow: hidden; }

* { outline: none 0px; }

.panel { padding: 5px 10px; }

.form-fancy { min-width: 550px; }
/*form ap*/
.form-ap { float: left; display: inline-block; line-height: 40px; margin-left: 5px; }

    .form-ap.w100 { width: 99%; }

    .form-ap .form-panel-right { display: inline-block; float: right; }

    .form-ap label { color: #656D73; display: inline-block; float: left; font-size: 12px; line-height: 40px; padding-right: 5px; }

    .form-ap .inputbox { border-radius: 4px; min-width: 90px; height: 20px; line-height: 20px; padding: 3px; display: inline-block; border: solid 1px #E6EAEE; background-color: #fff; float: left; margin-top: 8px; margin-right: 9px; }

    .form-ap input[type=text] { display: inline-block; height: 15px; line-height: 18px; margin-top: 10px; border: solid 1px #ddd; box-shadow: none; }

    .form-ap .inputbox input[type=text] { width: 125px !important; margin: 0px; height: 16px; margin-top: -3px; border: none; }

    .form-ap .arrowbtn { display: block; line-height: 20px; float: right; padding: 0px 1px; background: url(images/asset.png) no-repeat -506px -19px; width: 8px; height: 6px; margin-top: 7px; margin-left: 0px; }

.inputbox > span { float: left; display: block; color: #878787; font-size: 12px; padding: 0px 3px; width: 82%; }

.form-ap .daterange, .form-ap .dateranger, .form-ap .daterangef  { min-width: 150px; }

.form-ap.w100 .dateranger , .form-ap.w100 .daterangef { min-width: 192px; }

.form-ap .daterange, .form-ap .daterangean { min-width: 170px; }

.form-ap.w100 .daterangean { min-width: 192px; }

.form-ap .checkboxmenu { left: auto; background-color: #EFF2F5; border: solid 1px #ccc; min-width: 130px; padding: 5px 6px; position: absolute; border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); right: 1px; }

    .form-ap .checkboxmenu li { display: block; padding: 2px 1px; }

        .form-ap .checkboxmenu li.divider { background-color: #E5E5E5; border-bottom: 1px solid #FFFFFF; height: 1px; margin: 9px 1px; overflow: hidden; height: 1px; line-height: 1px !important; padding: 0px; }

    .form-ap .checkboxmenu input[type=checkbox] { display: inline-block; vertical-align: top; margin-top: 3px; }

    .form-ap .checkboxmenu input[type=radio] { display: inline-block; vertical-align: top; margin-top: 5px; }

    .form-ap .checkboxmenu label.static, .form-ap .checkboxmenu label.static2 { display: inline; text-decoration: none; padding-left: 5px; color: #888888; line-height: 15px; float: none; font-size: 11px; white-space: normal; }

    .form-ap .checkboxmenu .fieldbox a:hover { background: none; background-color: transparent; }

    .form-ap .checkboxmenu .w { float: left; display: block; max-width: 308px; border-top: solid 1px #ddd; padding-top: 10px; }

        .form-ap .checkboxmenu .w.nb { border: none; }

        .form-ap .checkboxmenu .w .wtoolbar h5 { float: left; }

        .form-ap .checkboxmenu .w .wtoolbar input[type=text] { float: right; border: 1px solid #CDDAE2; line-height: 12px; height: 12px; font-size: 11px; margin: 0px; max-width: 130px; margin-right: 5px; background-color: #E7EBEF; }

        .form-ap .checkboxmenu .w .wtoolbar a { float: right; font-size: 11px; margin-left: 5px; display: inline-block; margin-right: 10px; line-height: 24px; }

    .form-ap .checkboxmenu .menu-row { float: left; display: block; clear: both; width: 100%; }

    .form-ap .checkboxmenu .footer-row .btn { float: left; margin-top: 4px; }

    .form-ap .checkboxmenu .footer-row label { float: left; margin-left: 25px; line-height: 28px; font-size: 11px; }

    .form-ap .checkboxmenu .footer-row input[type=text] { float: left; margin-top: 2px; font-size: 11px; width: 103px; }

        .form-ap .checkboxmenu .footer-row input[type=text]:focus { box-shadow: none; }

    .form-ap .checkboxmenu .fieldbox { border-radius: 4px; display: block; float: left; width: 260px; border: solid 1px #E8E8E8; padding: 3px; margin: 5px; height: 308px; background-color: #fff; }

        .form-ap .checkboxmenu .fieldbox.fieldboxtv { width: 278px; float: right; margin-top: 6px; }

        .form-ap .checkboxmenu .fieldbox.fieldboxreport { width: 213px; }

    .form-ap .checkboxmenu .btn { margin-left: 5px; }

    .form-ap .checkboxmenu h5 { margin: 0px; padding: 0px; color: #888888; font-size: 11px; padding-left: 5px; margin-top: 3px; }

    .form-ap .checkboxmenu .fieldbox ul { margin: 1px; }

        .form-ap .checkboxmenu .fieldbox ul li { margin: 1px; padding: 1px 2px; display: flex; }

        .form-ap .checkboxmenu .fieldbox ul.sorterlist li { padding-left: 13px; background: url(images/drag.png) no-repeat left 10%; cursor: url(images/openhand.cur) 7 5, default; }

        .form-ap .checkboxmenu .fieldbox ul li a { font-size: 11px; }

        .form-ap .checkboxmenu .fieldbox ul.treereport { margin-left: 10px; }

        .form-ap .checkboxmenu .fieldbox ul.tree li.header { margin-left: 0px; }

            .form-ap .checkboxmenu .fieldbox ul.tree li.header label { color: #000; }

        .form-ap .checkboxmenu .fieldbox ul.treereport li.list label { color: #000; }

        .form-ap .checkboxmenu .fieldbox ul.tree li { margin-left: 10px; }

    .form-ap .checkboxmenu .bsmall { width: 150px; }

    .form-ap .checkboxmenu:after { border-bottom: 6px solid #F3F5F8; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute; right: 2px; top: -6px; }

    .form-ap .checkboxmenu:before { border-bottom: 7px solid #C2CFDA; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute; right: 1px; top: -7px; }

.form-ap .detail-panel { top: 32px; left: 0px; }

    .form-ap .detail-panel:before { border: none; }

    .form-ap .detail-panel:after { border: none; }

.form-ap .btnap { border-style: solid; border-width: 1px; border-color: rgb(202,207,213); height: 24px; display: inline-block; margin-top: 3px; line-height: 14px; font-size: 12px; color: #656C72; background: none; background-color: #fff; }

.form-ap .btnarr { background: url(images/arrow.png) no-repeat 92% center; padding-right: 20px; background-color: #fff; }

.form-ap .btndsrc { background: none; background-color: #2693FF; color: #fff; }

.form-ap .btnaplink { height: 14px; margin-top: 3px; }

    .form-ap .btnaplink i { margin-top: -2px; }



.showPdf { display: block; }

.showMail { display: block; }

.showExcel { display: block; }

.showWord { display: block; }

.showLink { display: block; }

.showHtml { display: block; }

.showSave { display: block; }

.showprint { display: block; }

.showPdf2 { display: none !important; }

.showMail2 { display: none !important; }

.showExcel2 { display: none !important; }

.showWord2 { display: none !important; }

.showLink2 { display: none !important; }

.showHtml2 { display: none !important; }

.showSave2 { display: none !important; }

.showprint2 { display: block; }

.showDisAktar { display: none; }

.link-group { margin-left: 0px !important; }

@media screen and (max-width: 1617px) {


    .windowNormal .showHtml { display: none !important; }
    .windowNormal .showSave { display: none !important; }
    .windowNormal .showprint { display: none !important; }

    .windowNormal .showHtml2 { display: block !important; }
    .windowNormal .showSave2 { display: block !important; }



    .windowNormal .showDisAktar { display: inline-block; }
}



@media screen and (max-width: 1540px) {


    .windowNormal .showHtml { display: none !important; }
    .windowNormal .showSave { display: none !important; }

    .windowNormal .showHtml2 { display: block !important; }
    .windowNormal .showSave2 { display: block !important; }



    .windowNormal .showDisAktar { display: inline-block; }
}

@media screen and (max-width: 1490px) {


    .windowNormal .showHtml { display: none !important; }

    .windowNormal .showSave { display: none !important; }

    .windowNormal .showLink { display: none !important; }

    .windowNormal .showHtml2 { display: block !important; }

    .windowNormal .showSave2 { display: block !important; }

    .windowNormal .showLink2 { display: block !important; }

    .windowNormal .showDisAktar { display: inline-block; }
}

@media screen and (max-width: 1380px) {


    .windowNormal .showHtml { display: none !important; }

    .windowNormal .showSave { display: none !important; }

    .windowNormal .showLink { display: none !important; }

    .windowNormal .showWord { display: none !important; }

    .windowNormal .showHtml2 { display: block !important; }

    .windowNormal .showSave2 { display: block !important; }

    .windowNormal .showLink2 { display: block !important; }

    .windowNormal .showWord2 { display: block !important; }

    .windowNormal .showDisAktar { display: inline-block; }
}

@media screen and (max-width: 1280px) {


    .windowNormal .showHtml { display: none !important; }

    .windowNormal .showSave { display: none !important; }

    .windowNormal .showLink { display: none !important; }

    .windowNormal .showWord { display: none !important; }

    .windowNormal .showExcel { display: none !important; }





    .windowNormal .showHtml2 { display: block !important; }

    .windowNormal .showSave2 { display: block !important; }

    .windowNormal .showLink2 { display: block !important; }

    .windowNormal .showWord2 { display: block !important; }

    .windowNormal .showExcel2 { display: block !important; }




    .windowNormal .showDisAktar { display: inline-block; }
}

@media screen and (max-width: 1180px) {


    .windowNormal .showHtml { display: none !important; }

    .windowNormal .showSave { display: none !important; }

    .windowNormal .showLink { display: none !important; }

    .windowNormal .showWord { display: none !important; }

    .windowNormal .showExcel { display: none !important; }

    .windowNormal .showPdf { display: none !important; }

    .windowNormal .showMail { display: none !important; }


    .windowNormal .showHtml2 { display: block !important; }

    .windowNormal .showSave2 { display: block !important; }

    .windowNormal .showLink2 { display: block !important; }

    .windowNormal .showWord2 { display: block !important; }

    .windowNormal .showExcel2 { display: block !important; }

    .windowNormal .showPdf2 { display: block !important; }

    .windowNormal .showMail2 { display: block !important; }

    .windowNormal .showDisAktar { display: inline-block; }
}









@media screen and (max-width: 1250px) {


    .windowLarge .showHtml { display: none !important; }

    .windowLarge .showSave { display: none !important; }

    .windowLarge .showHtml2 { display: block !important; }

    .windowLarge .showSave2 { display: block !important; }

    .windowLarge .showDisAktar { display: inline-block; }
}

@media screen and (max-width: 1150px) {


    .windowLarge .showHtml { display: none !important; }

    .windowLarge .showSave { display: none !important; }

    .windowLarge .showLink { display: none !important; }

    .windowLarge .showHtml2 { display: block !important; }

    .windowLarge .showSave2 { display: block !important; }

    .windowLarge .showLink2 { display: block !important; }

    .windowLarge .showDisAktar { display: inline-block; }
}

@media screen and (max-width: 100px) {


    .windowLarge .showHtml { display: none !important; }

    .windowLarge .showSave { display: none !important; }

    .windowLarge .showLink { display: none !important; }

    .windowLarge .showWord { display: none !important; }

    .windowLarge .showHtml2 { display: block !important; }

    .windowLarge .showSave2 { display: block !important; }

    .windowLarge .showLink2 { display: block !important; }

    .windowLarge .showWord2 { display: block !important; }

    .windowLarge .showDisAktar { display: inline-block; }
}

@media screen and (max-width: 950px) {


    .windowLarge .showHtml { display: none !important; }

    .windowLarge .showSave { display: none !important; }

    .windowLarge .showLink { display: none !important; }

    .windowLarge .showWord { display: none !important; }

    .windowLarge .showExcel { display: none !important; }



    .windowLarge .showHtml2 { display: block !important; }

    .windowLarge .showSave2 { display: block !important; }

    .windowLarge .showLink2 { display: block !important; }

    .windowLarge .showWord2 { display: block !important; }

    .windowLarge .showExcel2 { display: block !important; }


    .windowLarge .showDisAktar { display: inline-block; }
}

@media screen and (max-width: 800px) {


    .windowLarge .showHtml { display: none !important; }

    .windowLarge .showSave { display: none !important; }

    .windowLarge .showLink { display: none !important; }

    .windowLarge .showWord { display: none !important; }

    .windowLarge .showExcel { display: none !important; }

    .windowLarge .showPdf { display: none !important; }

    .windowLarge .showMail { display: none !important; }


    .windowLarge .showHtml2 { display: block !important; }

    .windowLarge .showSave2 { display: block !important; }

    .windowLarge .showLink2 { display: block !important; }

    .windowLarge .showWord2 { display: block !important; }

    .windowLarge .showExcel2 { display: block !important; }

    .windowLarge .showPdf2 { display: block !important; }

    .windowLarge .showMail2 { display: block !important; }

    .windowLarge .showDisAktar { display: inline-block; }
}



button.btnap { margin-top: 0px; }


/*icon ve ekstralar*/
.pright { float: right; margin-right: 10px; }

.inContent { padding: 12px 0px; margin-top: 25px; }

.inSection { padding: 12px 15px; }

#contentarea { display: block; float: left; }

#targetframe { display: block; float: left; margin-left: 5px; position: relative; border-left: solid 1px #999; overflow: scroll; }
#catframe { display: block; float: left; position: relative; border-right: solid 1px #ccc; background-color: #f8f8f8; }
    #catframe h5 { font-size: 12px; color: #333; display: block; margin: 0px; padding: 4px; border-bottom: solid 1px #bbb; }
    #catframe ul { margin: 10px 0px 0px 0px; }
        #catframe ul li { display: block; padding-bottom: 5px; line-height: 14px; }
            #catframe ul li a { font-size: 11px; color: #333; line-height: 14px; padding: 3px 14px; display: block; }

                #catframe ul li a:hover { background-color: #f4f4f4; text-decoration: none; }

                #catframe ul li a.selectcat { background-color: #0072C6; color: #fff; text-decoration: none; }

.coltable { width: 99%; }

    .coltable .colh { display: none; }

.coll { width: 75px; }
.colhx { width: 25px; }

.inDashboard { padding: 30px; }

.inBox { padding: 5px; }

.ui-drag-header { background-color: #095C8F; color: #fff; padding: 1px 1px; border-radius: 3px; display: block; font-size: 11px; line-height: 11px; }

.left { float: left; }

.right { float: right; }

.video-js { margin: 0px auto !important; }

.refreshicon { background: url(images/asset.png) no-repeat -345px -14px; display: inline-block; width: 18px; height: 16px; vertical-align: bottom; }
.deleteicon { background: url(images/asset.png) no-repeat -280px -14px; display: inline-block; width: 18px; height: 16px; vertical-align: bottom; }

.removeicon { background: url("images/asset.png") no-repeat scroll -219px -65px rgba(0, 0, 0, 0); display: inline-block; height: 19px; vertical-align: bottom; width: 18px; }

.removelist { background: url("images/asset.png") no-repeat scroll -218px -129px rgba(0, 0, 0, 0); display: inline-block; height: 13px; vertical-align: bottom; width: 17px; }

.listicon { background: url(images/asset.png) no-repeat -313px -16px; display: inline-block; width: 22px; height: 14px; vertical-align: text-top; }

.exporticon { background: url(images/asset.png) no-repeat -221px -42px; display: inline-block; width: 19px; height: 13px; vertical-align: text-top; }

.opinionicon { background: url(images/asset.png) no-repeat -373px -14px; display: inline-block; width: 13px; height: 15px; vertical-align: text-top; }

.settingicon { background: url(images/asset.png) no-repeat -396px -15px; display: inline-block; width: 17px; height: 15px; vertical-align: text-top; }

.pdficon { background: url(images/asset.png) no-repeat -550px -35px; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.excelicon { background: url(images/asset.png) no-repeat -551px -58px; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.wordicon { background: url(images/asset.png) no-repeat -550px -161px; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.zipicon { background: url(images/asset.png) no-repeat -550px -192px; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.jpegicon { background: url(images/asset.png) no-repeat -551px -81px; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.mailicon { background: url(images/asset.png) no-repeat -551px -10px; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.htmlicon { background: url(images/asset.png) no-repeat -552px -107px; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.op1 { background: url("images/asset.png") no-repeat scroll -219px -149px; display: inline-block; width: 14px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.op2 { background: url("images/asset.png") no-repeat scroll -219px -194px; display: inline-block; width: 14px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.op3 { background: url("images/asset.png") no-repeat scroll -219px -173px; display: inline-block; width: 14px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.faceicon { background: url(images/asset.png) no-repeat -550px -221px; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.twiticon { background: url(images/asset.png) no-repeat -550px -250px; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin-right: 5px; }
.linkedinicon { background: url(images/asset.png) no-repeat -550px -280px; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin-right: 5px; }

.set { background: url("images/asset.png") no-repeat scroll -210px -235px rgba(0, 0, 0, 0); }

.setok { background: url("images/asset.png") no-repeat scroll -210px -261px rgba(0, 0, 0, 0); }

ul.setting li a { padding-left: 30px; }

ul[id^='PanelList'] li input[type='checkbox'] { margin-top: 5px !important; }


/*main header*/
header.top { width: 100%; height: 50px; position: relative; display: block; background-color: #0072C6; }

    header.top * { }

    header.top a.logo { position: absolute; display: block; width: 278px; height: 59px; background: url("images/logo.png") no-repeat scroll 0px 0px transparent; text-indent: -4500px; left: 8px; top: 7px; }
}

header.top .nav { margin-right: 15px !important; margin-top: 20px !important; }

    header.top .nav > li > a { -webkit-text-shadow: none; text-shadow: none; color: #fff; }

header.top .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: #fff !important; }

header.navbar { margin: 0px !important; }

    header.navbar .nav li.dropdown.open > .dropdown-toggle,
    header.navbar .nav li.dropdown.active > .dropdown-toggle,
    header.navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: transparent; color: #fff; }


        header.navbar .nav li.dropdown.open > .dropdown-toggle .caret, header.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
        header.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-bottom-color: #fff; border-top-color: #fff; }

    header.navbar .dropdown .caret { border-bottom-color: #fff !important; border-top-color: #fff !important; }

    header.navbar .nav > li > a { padding: 2px 3px !important; margin-left: 5px; font-size: 11px; background: url(images/point.png) no-repeat left center; padding-left: 15px !important; }

    header.navbar .nav > li:first-child a { background: none; padding-left: 0px !important; }

    header.navbar .nav > li > a i { vertical-align: top; }


header.top ul#usermenu { float: right; margin: 0px !important; height: 50px; background-color: #666; padding-left: 10px; }
    header.top ul#usermenu li { float: left; margin-right: 0px; line-height: 50px; list-style: outside none none; }
        header.top ul#usermenu li a { background-image: none !important; padding: 0px !important; display: block; line-height: 50px; height: 50px; color: #fff; text-decoration: none; font-size: 13px; padding: 0px 8px; min-width: 40px; text-align: center; border-top-left-radius: 0px; border-top-right-radius: 0px; }



header.top ul#mainTab { float: left; margin: 0px; }

    header.top ul#mainTab li { float: left; margin-right: 0px; }

        header.top ul#mainTab li a { display: block; line-height: 50px; height: 50px; color: #fff; text-decoration: none; font-size: 13px; padding: 0px 8px; min-width: 40px; text-align: center; border-top-left-radius: 0px; border-top-right-radius: 0px; }

        header.top ul#mainTab li.selected { }

            header.top ul#mainTab li.selected a { color: #f1f1f1; background: url("images/up.png") no-repeat center bottom; }

                header.top ul#mainTab li.selected a i.icon-white { background-image: url("images/glyphicons-halflings.png"); }





/*Main Section & Nav*/




section#wrapper { display: block; width: 100%; }

    section#wrapper nav#listnav { display: block; width: 20%; max-width: 280px; height: auto; float: left; background: none; background-color: #ebeef1; }

        section#wrapper nav#listnav .jspDrag { background-color: #888888; }

    section#wrapper section#content { float: left; width: 79%; }

    section#wrapper nav#listnav { position: relative; }

        section#wrapper nav#listnav .banner { position: fixed; bottom: 5px; }

.bannerbox { display: block; }

    .bannerbox li { margin-left: 10px; list-style-type: disc; }

/*menu*/

section#wrapper nav#listnav header { margin: 0; padding: 0; display: block; height: 22px; margin-bottom: 0px; clear: both; padding-left: 10px; padding-right: 10px; }

    section#wrapper nav#listnav header h1 { margin: 0; padding: 0; font-size: 12px; color: #2c3e50; float: left; line-height: 22px; font-weight: bold; background: url(images/down.png) no-repeat left center; padding-left: 16px; }

    section#wrapper nav#listnav header a { float: right; margin-left: 10px; background: url(images/asset.png) no-repeat left top; display: block; width: 11px; height: 11px; text-indent: -4500px; margin-top: 5px; margin-right: 2px; }

        section#wrapper nav#listnav header a.delete { background-position: -224px -17px; }

        section#wrapper nav#listnav header a.publish { background-position: -246px -17px; width: 14px; }

    section#wrapper nav#listnav header ul.mainsub li { line-height: 20px; }

        section#wrapper nav#listnav header ul.mainsub li a { background-image: none; text-indent: inherit; float: inherit; color: #444444; font-size: 12px; line-height: 20px; clear: both; height: inherit; cursor: pointer; padding: 2px 10px; line-height: 15px; width: inherit; display: block; margin: 0px; }

            section#wrapper nav#listnav header ul.mainsub li a:hover { background: none repeat scroll 0 0 #E9EFF8; }

    section#wrapper nav#listnav header ul.mainsub { margin-right: -8px; margin-top: 5px; background-color: #fff; }

        section#wrapper nav#listnav header ul.mainsub:before { border-bottom: 7px solid #C2CFDA; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); content: ""; display: inline-block; position: absolute; right: 9px; top: -7px; }

        section#wrapper nav#listnav header ul.mainsub:after { border-bottom: 6px solid #F3F5F8; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); content: ""; display: inline-block; position: absolute; right: 10px; top: -6px; }





section#wrapper nav#listnav ul.menu { margin: 0; margin: 0; clear: both; margin-top: 5px; margin-bottom: 5px; /* margin-left: 12px; */ }

    section#wrapper nav#listnav ul.menu > li { width: 93%; display: table; line-height: 25px; height: 22px; margin-top: 1px; vertical-align: middle; /* margin-left: 19px; */ margin-bottom: 7px; padding-left: 20px; }

        section#wrapper nav#listnav ul.menu > li:hover { background-color: #f3f1f1 !important; }

        section#wrapper nav#listnav ul.menu > li.active { background-color: #E8E8E8 !important; }

        section#wrapper nav#listnav ul.menu > li:hover .dropdown .caret { visibility: visible; }

        section#wrapper nav#listnav ul.menu > li.active { background-color: #d2d7db !important; }

            section#wrapper nav#listnav ul.menu > li.active .dropdown .caret { visibility: visible; }

    section#wrapper nav#listnav ul.menu li.draggableList { padding-left: 28px; background: url(images/drag.png) no-repeat 22px 6px; cursor: url("images/openhand.cur") 7 5, default; }

    section#wrapper nav#listnav ul.menu > li > input { margin-left: 2px; border: solid 1px #c3c3c3; width: 15px; height: 15px; display: inline-block; margin-top: 0px; margin-right: 2px; }

    section#wrapper nav#listnav ul.menu > li > a {position:relative; display: inline-block; line-height: 14px; text-decoration: none; font-size: 12px; color: #2c3e50; vertical-align: middle; max-width: 160px; margin-top: 0px; }
    section#wrapper nav#listnav ul.menu > li > a span{display:inline-block;right:1px;color:#666;}
        section#wrapper nav#listnav ul.menu > li > a.linkList { }

        section#wrapper nav#listnav ul.menu > li > a.link { margin-left: 24px; color: #007FFF; }

        section#wrapper nav#listnav ul.menu > li > a.report-icon { background: url("images/asset.png") no-repeat scroll -345px -45px transparent; margin-left: 3px; padding-left: 21px; }

        section#wrapper nav#listnav ul.menu > li > a.cover-icon { background: url("images/asset.png") no-repeat scroll -220px -93px rgba(0, 0, 0, 0); margin-left: 3px; padding-left: 21px; }

        section#wrapper nav#listnav ul.menu > li > a.subject-icon { background: url("images/asset.png") no-repeat scroll -217px -110px rgba(0, 0, 0, 0); padding-left: 21px; }

        section#wrapper nav#listnav ul.menu > li > a.ky-icon { background: url("images/asset.png") no-repeat scroll -219px -216px rgba(0, 0, 0, 0); margin-left: 3px; padding-left: 21px; }

section#wrapper nav#listnav ul.topMenu { margin-bottom: 10px; margin-top: 0px; }

    section#wrapper nav#listnav ul.topMenu li { }

section#wrapper nav#listnav ul.menu > li .dropdown { display: inline-block; padding-right: 20px; margin-bottom: 4px; }

    section#wrapper nav#listnav ul.menu > li .dropdown .dropdown-toggle { background-color: transparent; display: block; height: 15px; line-height: 0; margin-top: 5px; text-align: center; width: 15px; }

    section#wrapper nav#listnav ul.menu > li .dropdown .caret { margin-top: 6px; margin-left: 0px; visibility: hidden; border-right: 4px solid transparent; border-top: 4px solid #6F7F8D; }

    section#wrapper nav#listnav ul.menu > li .dropdown .dropdown-toggle.color .caret { border-top: 4px solid #fff; }

section#wrapper nav#listnav ul.menu#data_list_ss > li .dropdown .dropdown-toggle.color .caret { border-top: 4px solid #999; }

section#wrapper nav#listnav ul.menu .pull-right > li > .dropdown-menu { right: 0px; }

section#wrapper nav#listnav ul.menu > li .dropdown-menu:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: #C2CFDA; content: ''; }

section#wrapper nav#listnav ul.menu > li .dropdown-menu:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #F3F5F8; border-left: 6px solid transparent; content: ''; }


section#wrapper nav#listnav ul.menu > li .dropdown-menu { border: solid 1px #C2CFDA; background-color: #fff; border-radius: 2px; min-width: 100px; margin-right: 10px; }

    section#wrapper nav#listnav ul.menu > li .dropdown-menu a { cursor: pointer; }

    section#wrapper nav#listnav ul.menu > li .dropdown-menu li a { color: #444; font-size: 12px; line-height: 15px; padding: 2px 10px; }

        section#wrapper nav#listnav ul.menu > li .dropdown-menu li a:hover { background: none; background-color: #e9eff8; color: #444; }

    section#wrapper nav#listnav ul.menu > li .dropdown-menu li.color { padding-left: 10px; }

    section#wrapper nav#listnav ul.menu > li .dropdown-menu li a.color { display: inline-block; width: 10px; height: 10px; text-indent: -4500px; padding: 0px; }

.color-list { margin: 8px 0 0 -10px; }

    .color-list li.color { padding-left: 10px; }

    .color-list li a.color { border: solid 2px #fff; display: inline-block; width: 10px; height: 10px; text-indent: -4500px; padding: 1px; }

    .color-list li a.selected { border: solid 2px #000; }

/*wrapper*/
section#wrapper section#content .tab { width: 100%; height: 100%; display: block; position: relative; }

    section#wrapper section#content .tab footer { display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; border-top: solid 1px #d4d4d4; background-image: -moz-linear-gradient(50% 0% -90deg,rgb(243,243,243) 0%,rgb(255,255,255) 100%); background-image: linear-gradient(-90deg,rgb(243,243,243) 0%,rgb(255,255,255) 100%); }

        section#wrapper section#content .tab footer * { margin-top: 3px; }

        section#wrapper section#content .tab footer .dropup .caret { margin-top: 8px; }

        section#wrapper section#content .tab footer .page { margin-left: 10px; float: left; }

        section#wrapper section#content .tab footer .type { margin-left: 10px; float: right; margin-right: 10px; }

    section#wrapper section#content .tab header { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 41px; background-color: #EFF2F5; border-bottom: solid 1px #E7ECF0; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0.9)), color-stop(100%, rgba(241,241,241,0.9))); background: -webkit-linear-gradient(rgba(255,255,255,0.9),rgba(241,241,241,0.9)); background: -moz-linear-gradient(rgba(255,255,255,0.9),rgba(241,241,241,0.9)); background: -o-linear-gradient(rgba(255,255,255,0.9),rgba(241,241,241,0.9)); background: linear-gradient(rgba(255,255,255,0.9),rgba(241,241,241,0.9)); background-color: #f8f8f8; background-color: rgba(248,248,248,0.9); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; border-top: 1px solid #e0e0e0; border-top-color: rgba(0,0,0,0.1); border-bottom: 1px solid #e0e0e0; border-bottom: 1px solid rgba(0,0,0,0.22); cursor: default; height: 36px; position: absolute; width: 100%; border-top: none; }

        section#wrapper section#content .tab header > form { margin-top: 5px; float: left; margin-left: 5px; }

    section#wrapper section#content .tab header { border-bottom-color: #dce5eb; background: #f9fafa; height: 47px; }

    section#wrapper section#content .tab .infobarb { opacity: 0.75 !important; display: block; position: absolute; left: 0px; top: 50px; width: 100%; height: 20px; background-color: #f9f9f9; line-height: 20px; font-size: 11px; text-align: center; opacity: 0.20; }

        section#wrapper section#content .tab .infobarb .infoLink { position: absolute; left: 4px; top: -2px; font-size: 11px; font-weight: bold; color: #333; }

            section#wrapper section#content .tab .infobarb .infoLink a { font-size: 11px; font-weight: normal; }
    /*data*/

    section#wrapper section#content .tab section.data { position: absolute; top: 71px; left: 0px; width: 100%; height: 100%; display: block; }

        section#wrapper section#content .tab section.data .table th { font-size: 12px; color: #888888; border-bottom: solid 1px #bbb; padding: 4px; }

            section#wrapper section#content .tab section.data .table th.title { min-width: 300px; }

            section#wrapper section#content .tab section.data .table th.control { width: 18px; }

            section#wrapper section#content .tab section.data .table th.min { width: 67px; }

            section#wrapper section#content .tab section.data .table th.min2 { width: 80px; }

            section#wrapper section#content .tab section.data .table th.min3 { width: 140px; }

            section#wrapper section#content .tab section.data .table th.minx { width: 10px; }

            section#wrapper section#content .tab section.data .table th.maximg { width: 40px; }

        section#wrapper section#content .tab section.data .table .mipn { width: 145px; max-width: 100px; }

        section#wrapper section#content .tab section.data .table tr { border-bottom: solid 1px #e1e8ed; }

        section#wrapper section#content .tab section.data #publicationLeft { width: 130px; border-right: solid 1px #ebebeb; text-align: center; float: left; display: block; }

            section#wrapper section#content .tab section.data #publicationLeft .header { display: block; padding: 2px; height: 18px; line-height: 18px; background-color: #f6f6f6; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); margin-bottom: 3px; font-size: 12px; }

            section#wrapper section#content .tab section.data #publicationLeft .inner { display: block; width: 130px; text-align: center; }

            section#wrapper section#content .tab section.data #publicationLeft ul { margin: 0px; margin-top: 15px; }

                section#wrapper section#content .tab section.data #publicationLeft ul li { margin-bottom: 15px; }

                    section#wrapper section#content .tab section.data #publicationLeft ul li .name { color: #333333; font-size: 11px; text-shadow: 0 1px 1px #f6f6f6; font-weight: bold; }

                    section#wrapper section#content .tab section.data #publicationLeft ul li a { width: 90px; display: block; min-height: 125px; margin: 0px auto; line-height: 12px; margin-top: 5px; background-image: url(images/newspaper.png); background-position: center center; background-repeat: no-repeat; border-width: 8px 5px; border-color: transparent; border-style: solid; }

                        section#wrapper section#content .tab section.data #publicationLeft ul li a.active { border-image: url("images/selector.png") 10 7 10 7; border-style: solid; border-width: 8px 5px; box-shadow: none; }

                        section#wrapper section#content .tab section.data #publicationLeft ul li a img { width: 90px; opacity: 0.65; }

                        section#wrapper section#content .tab section.data #publicationLeft ul li a.active img { opacity: 1; }

        section#wrapper section#content .tab section.data #publicationRight { width: 160px; border-left: solid 1px #ebebeb; text-align: center; float: right; display: block; }

            section#wrapper section#content .tab section.data #publicationRight .header { display: block; padding: 2px; height: 18px; line-height: 18px; background-color: #f6f6f6; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); margin-bottom: 3px; font-size: 12px; }

            section#wrapper section#content .tab section.data #publicationRight .inner { display: block; width: 160px; text-align: center; }

            section#wrapper section#content .tab section.data #publicationRight ul { margin: 0px; margin-top: 15px; }

                section#wrapper section#content .tab section.data #publicationRight ul li { margin-bottom: 15px; }

                    section#wrapper section#content .tab section.data #publicationRight ul li .name { color: #333333; font-size: 11px; text-shadow: 0 1px 1px #f6f6f6; font-weight: bold; }

                    section#wrapper section#content .tab section.data #publicationRight ul li a { width: 130px; display: block; min-height: 125px; margin: 0px auto; line-height: 12px; margin-top: 5px; background-image: url(images/newspaper.png); background-position: center center; background-repeat: no-repeat; border-width: 8px 5px; border-color: transparent; border-style: solid; }

                        section#wrapper section#content .tab section.data #publicationRight ul li a.active { border-image: url("images/selector.png") 10 7 10 7; border-style: solid; border-width: 8px 5px; box-shadow: none; }

                        section#wrapper section#content .tab section.data #publicationRight ul li a img { width: 130px; opacity: 0.65; }

                        section#wrapper section#content .tab section.data #publicationRight ul li a.active img { opacity: 1; }


        section#wrapper section#content .tab section.data #publicationCenter { text-align: center; position: absolute; left: 0px; top: 0px; display: block; min-width: 500px; }

            section#wrapper section#content .tab section.data #publicationCenter .header { overflow: hidden; display: block; padding: 2px; height: 50px; background-color: #f9f9f9; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); margin-bottom: 3px; font-size: 12px; }

                section#wrapper section#content .tab section.data #publicationCenter .header .logo { float: left; margin-top: 12px; margin-left: 5px; }

                section#wrapper section#content .tab section.data #publicationCenter .header table { border-radius: 0px; margin-left: 10px; float: left; margin-top: 0px; border: none; }

                    section#wrapper section#content .tab section.data #publicationCenter .header table tr td { padding: 2px 5px; min-width: 50px; text-align: left; border: 0px; padding-right: 15px; }

                        section#wrapper section#content .tab section.data #publicationCenter .header table tr td.tlabel { color: #999; min-width: 10px; padding-right: 5px; }

            section#wrapper section#content .tab section.data #publicationCenter .inner { text-align: center; display: block; min-width: 160px; text-align: center; overflow-y: auto; overflow-x: hidden; position: absolute; left: 0px; top: 0px; }

            section#wrapper section#content .tab section.data #publicationCenter #fooettable { display: block; height: 150px; border-top: solid 1px #ccc; position: absolute; left: 0px; bottom: 0px; overflow-y: auto; overflow-x: hidden; }

.publication-form-ap label.ht { line-height: 44px; }

.publication-form-ap .daterange, .publication-form-ap .dateranger, .publication-form-ap .daterangef, .publication-form-ap .daterangean, .publication-form-ap .inputbox { margin-top: 8px; }

.publication-form-ap .btnap { margin-top: 0px; }

.publication-form-ap input.ht, .publication-form-ap button.ht { margin-top: 2px; }

.publication-form-ap button.ht { vertical-align: text-bottom; margin-top: 4px; }


section#wrapper section#content .tab section.data #publicationCenter img.press { display: block; margin: 0px auto; width: 65%; visibility: hidden; max-width: 3500px !important; }


section#wrapper section#content .tab section.data .datatable th a.sorter:hover { text-decoration: none; }

section#wrapper section#content .tab section.data .datatable th a.asc { background: url(images/asset.png) no-repeat -18px -148px; padding-left: 13px; }

section#wrapper section#content .tab section.data .datatable th a.desc { background: url(images/asset.png) no-repeat -18px -180px; padding-left: 13px; }

section#wrapper section#content .tab section.data .table tr td { font-size: 12px; border: none; padding: 4px; vertical-align: middle !important; }

    section#wrapper section#content .tab section.data .table tr td a { font-size: 12px; }

        section#wrapper section#content .tab section.data .table tr td a.action-icon { margin-top: 3px; visibility: hidden; }



section#wrapper section#content .tab section.data .table tbody tr:hover { background-color: #0072C6 !important; }

section#wrapper section#content .tab section.data .table tbody tr.active { background-color: #0072C6 !important; color: #fff !important; }

    section#wrapper section#content .tab section.data .table tbody tr.active td { color: #fff !important; }

        section#wrapper section#content .tab section.data .table tbody tr.active td a { color: #fff !important; }



section#wrapper section#content .tab section.data .table tr:hover td a.action-icon { visibility: visible; }

section#wrapper section#content .tab section.data .table thead tr:hover { background-color: transparent; }

section#wrapper section#content .tab section.data .table tbody tr td img.p { height: 16px; width: inherit !important; max-width: inherit; }

section#wrapper section#content .tab section.data .table tr.unread td { color: #444; font-weight: normal; }

section#wrapper section#content .tab section.data .table tr.read td { color: #888; }

section#wrapper section#content .tab section.data .table tr.unread td a { color: #444; font-weight: normal; text-decoration: none; }

section#wrapper section#content .tab section.data .table tr.read td a { color: #888; text-decoration: none; }

section#wrapper section#content .tab section.data .table tr:hover td .popover-content a { color: #268dba; }

section#wrapper section#content .tab section.data .table tr td .popover-content a { color: #268dba; margin-right: 3px; font-size: 11px; }

section#wrapper section#content .tab section.data .table tr td input.check { margin-top: -4px; }

section#wrapper section#content .tab section.data .table tr td .popover-content a:hover { color: #268dba; }

.btnopinion3 { margin-left: 1px; display: inline-block; padding: 4px 10px; color: #333 !important; background: #ccc; -webkit-border-radius: 2px; border-radius: 2px; }

.btnopinion1 { display: inline-block; padding: 4px 0 4px 10px; color: #59a84c !important; background: #f5f5f5; -webkit-border-radius: 2px; border-radius: 2px; }

    .btnopinion1 span { margin-left: 5px; color: #fff; padding: 3px 19px 4px 10px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 2px 0px 0px #59a84c; box-shadow: 0px 2px 0px 0px #59a84c; background: #76ce68 url(images/op_like.png) no-repeat 7px 4px; }

.btnopinion2 { margin-left: 2px; display: inline-block; padding: 4px 10px 4px 1px; color: #981412 !important; background: #f5f5f5; -webkit-border-radius: 2px; border-radius: 2px; }

    .btnopinion2 span { margin-right: 5px; color: #fff; padding: 3px 19px 4px 10px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 2px 0px 0px #981412; box-shadow: 0px 2px 0px 0px #981412; background: #b9241e url(images/op_unlike.png) no-repeat 7px 6px; }

section#wrapper section#content .tab section.data .table tr td.draggableNews span a { cursor: pointer; margin-top: 0px; display: inline-block; visibility: hidden; padding-bottom: 1px; }

section#wrapper section#content .tab section.data .table tr td.draggableNews span { line-height: 16px; }

    section#wrapper section#content .tab section.data .table tr td.draggableNews span:hover { background-image: none; }

        section#wrapper section#content .tab section.data .table tr td.draggableNews span:hover a { visibility: visible; }

section#wrapper section#content .tab section.data .table tr td.draggableNews { padding-left: 13px; background: url(images/drag.png) no-repeat left 70%; }

    section#wrapper section#content .tab section.data .table tr td.draggableNews a.readerbox { line-height: 14px; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    width: 500px;*/ }

section#wrapper section#content .tab section.data .table tr:hover td { color: #fff; }

    section#wrapper section#content .tab section.data .table tr:hover td a { color: #fff; }

section#wrapper section#content .tab section.data .table th.control .dropdown { width: 30px; }

section#wrapper section#content .tab section.data .table th.control span { background: url("images/arrow.png") no-repeat scroll left 8px transparent; display: inline; height: 8px; margin-left: 3px; padding-left: 9px; cursor: pointer; width: 8px; }

section#wrapper section#content .tab section.data .table th.control input[type='checkbox'] { display: inline-block; }

section#wrapper section#content .tab section.data .table th.control .checkboxmenu { left: 0px; background-color: #EFF2F5; border: solid 1px #ccc; min-width: 90px; padding: 5px 6px; position: absolute; border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); top: 25px; }

    section#wrapper section#content .tab section.data .table th.control .checkboxmenu li { display: block; padding: 2px 1px; }

        section#wrapper section#content .tab section.data .table th.control .checkboxmenu li.divider { background-color: #E5E5E5; border-bottom: 1px solid #FFFFFF; height: 1px; margin: 9px 1px; overflow: hidden; height: 1px; line-height: 1px !important; padding: 0px; }

    section#wrapper section#content .tab section.data .table th.control .checkboxmenu input[type=checkbox] { display: inline-block; vertical-align: top; }

    section#wrapper section#content .tab section.data .table th.control .checkboxmenu label.static { display: inline; text-decoration: none; padding-left: 5px; color: #888888; line-height: 15px; float: none; font-size: 12px; white-space: normal; }

    section#wrapper section#content .tab section.data .table th.control .checkboxmenu .fieldbox a:hover { background: none; background-color: transparent; }


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    section#wrapper section#content .tab section.data .table tr:hover td { color: #888; }

        section#wrapper section#content .tab section.data .table tr:hover td a { color: #888; }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    section#wrapper section#content .tab section.data .table tr:hover td { color: #888; }

        section#wrapper section#content .tab section.data .table tr:hover td a { color: #888; }
}

/*Grid*/

#container { position: relative; width: 1100px; margin: 0 auto 25px; padding-bottom: 10px; display: block; margin-top: 35px; }

#containerm { position: relative; width: 1100px; margin: 0 auto 25px; padding-bottom: 10px; display: block; margin-top: 35px; }

.grid { min-width: 150px; width: 188px; min-height: 100px; padding: 15px; background: #fff; margin: 8px; font-size: 12px; float: left; box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-transition: top 1s ease, left 1s ease; -moz-transition: top 1s ease, left 1s ease; -o-transition: top 1s ease, left 1s ease; -ms-transition: top 1s ease, left 1s ease; }

    .grid strong { border-bottom: 1px solid #ccc; margin: 10px 0; display: block; padding: 0 0 5px; font-size: 14px; }

    .grid .meta { text-align: right; color: #777; font-style: italic; }

    .grid .footer { text-align: right; color: #777; font-style: italic; }

        .grid .footer span { line-height: 16px; }

            .grid .footer span a { cursor: pointer; display: inline-block; margin-top: 0; padding-bottom: 1px; visibility: hidden; }

    .grid:hover .footer span a { visibility: visible; }

    .grid.read strong { font-weight: normal; }

    .grid .imgholder img { max-width: 100%; background: #ccc; display: block; min-width: 120px; }

    .grid .draggableNews { display: block; margin-top: 10px; display: flex; }

        .grid .draggableNews input { margin-top: 2px; display: inline-block; margin-right: 3px; }

        .grid .draggableNews a { display: inline; font-weight: bold; }


/*Fancywindow reader panel*/

.windowContainer { display: block; min-width: 1024px; }

#targetframe .windowContainer { display: block; min-width: 800px; }

.windowContainer div.title { width: 100%; display: block; margin-top: -12px; }

#targetframe .windowContainer div.title { margin-top: -4px; margin-left: 5px; }

.windowContainer div.title h1, .windowContainer header.title h1 { color: #3DA4D8; display: block; font-size: 14px; line-height: 14px; margin: 10px 0 0; padding: 0; width: 50%; }

.windowContainer div.title .form-ap { margin-right: 0px; margin-top: -6px; position: absolute; right: 0; top: 0; }

    .windowContainer div.title .form-ap .check { display: inline-block; padding-right: 10px; float: left; margin-top: 8px; }

        .windowContainer div.title .form-ap .check label { display: inline-block; float: none; line-height: 22px; padding-left: 3px; }

        .windowContainer div.title .form-ap .check input { display: inline-block; margin-top: -2px; padding-right: 4px; vertical-align: middle; }

#targetframe .windowContainer div.title .form-ap { margin-top: -3px; }

.windowContainer div.subject { display: table; width: 100%; background-color: #EFF2F5; margin-top: 20px; }

#targetframe .windowContainer div.subject { margin-top: 5px; }


.windowContainer div.subject .insubject { display: block; width: 980px; margin: 0px auto; padding: 10px 0px; }

    .windowContainer div.subject .insubject img.press { float: left; margin-top: 30px; padding: 2px 3px; }

    .windowContainer div.subject .insubject table { float: left; line-height: 16px; }

        .windowContainer div.subject .insubject table tr td { font-size: 12px; padding: 0px 9px; color: #666666; }

            .windowContainer div.subject .insubject table tr td label { color: #929394; }

.windowContainer .show { width: 100%; display: table; min-height: 400px; height: auto; margin-top: 5px; position: relative; }

.windowContainer .inpadding { padding: 5px; }

    .windowContainer .inpadding .viewerframe { width: 99%; }

    .windowContainer .inpadding .pagetype { display: none; margin: 0px auto; float: right; }

    .windowContainer .inpadding .presstype { display: block; margin: 0px auto; text-align: center; margin-bottom: 15px; }

    .windowContainer .inpadding .text { padding: 5px 20px; clear: both; display: none; }

    .windowContainer .inpadding .texten { padding: 5px 20px; clear: both; display: none; }

    .windowContainer .inpadding .filter { text-align: center; border-top: solid 1px #ebebeb; padding-top: 5px; }

    .windowContainer .inpadding .form-inline input[type=radio] { vertical-align: top; }

.windowContainer .show .left { display: block; float: left; width: 12%; border-right: solid 1px #CBCBCB; height: 100%; }

    .windowContainer .show .left .page { display: block; width: 99%; text-align: center; }

        .windowContainer .show .left .page a { position: relative; -webkit-border-radius: 2px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.33) inset; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.33) inset; box-shadow: 0 0 3px rgba(0,0,0,0.33) inset; -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; display: table; border: solid 2px #ccc; margin: 0px auto; margin-bottom: 10px; margin-top: 5px; max-width: 79px; min-height: 20px; display: block; }

            .windowContainer .show .left .page a img { width: 80px; }

            .windowContainer .show .left .page a.firstPage { position: relative; min-height: 70px; }

                .windowContainer .show .left .page a.firstPage span { display: block; position: absolute; background-color: #FF5C26; opacity: .85; text-align: center; line-height: 24px; font-size: 11px; font-weight: bold; color: #fff; width: 100%; left: 0px; bottom: 10px; }

            .windowContainer .show .left .page a.selected { -moz-border-image: url("images/selector.png") 10 7 10 7; -o-border-image: url("images/selector.png") 10 7 10 7; -webkit-border-image: url("images/selector.png") 10 7 10 7; border-image: url("images/selector.png") 10 7 10 7; border-style: solid; border-width: 8px 5px; box-shadow: none; }

            .windowContainer .show .left .page a .pageisselect { display: block; height: 16px; position: absolute; right: 0; top: 0; width: 16px; background-color: red; line-height: 12px; color: #fff; font-size: 11px; font-weight: bold; }

.windowContainer .show .main { display: block; float: left; width: 85%; position: relative; }

    .windowContainer .show .main img.data { display: block; margin: 0px auto; height: inherit !important; /*width: 50%;*/ }

.windowContainer .show .rightMenu { margin: 0; position: absolute; right: -2px; top: 20px; width: 34px; }

    .windowContainer .show .rightMenu li { margin-bottom: 20px; }

        .windowContainer .show .rightMenu li .btn { font-weight: bold; font-size: 16px; }

    .windowContainer .show .rightMenu a { display: block; width: 23px; height: 23px; background: url(images/asset.png) no-repeat; text-indent: -4500px; }

        .windowContainer .show .rightMenu a.zoomin { background-position: -688px -16px; }

        .windowContainer .show .rightMenu a.zoomout { background-position: -688px -60px; }

        .windowContainer .show .rightMenu a.full { background-position: -688px -103px; }

        .windowContainer .show .rightMenu a.print { background-position: -688px -150px; }

        .windowContainer .show .rightMenu a.text { background-position: -688px -196px; }

.windowContainer .footer { width: 100%; display: table; min-height: 35px; margin-top: 10px; position: relative; }

#targetframe .windowContainer .footer { display: none; }

/*dashboard*/
.dashboard { padding-bottom: 60px; }

    .dashboard header { display: table; width: 100%; border-bottom: solid 3px #99BBE8; padding: 10px 0px; margin-bottom: 10px; }

        .dashboard header h1 { float: left; padding: 0px; margin: 0px; font-size: 16px; line-height: 16px; color: #66AB16; }

        .dashboard header .tabmenu { float: right; }

    .dashboard .row { padding: 15px 40px; }

        .dashboard .row .col2 { width: 22%; float: left; margin-left: 2%; min-height: 1px; }

        .dashboard .row .col4 { width: 25%; float: left; margin-left: 2%; min-height: 1px; }

        .dashboard .row .col3 { width: 21.5%; float: left; margin-left: 2%; min-height: 1px; }

        .dashboard .row .col6 { width: 48%; float: left; margin-left: 30px; min-height: 1px; }

        .dashboard .row .col3 { width: 30%; float: left; margin-left: 30px; min-height: 1px; }

        .dashboard .row .reportbox { margin-bottom: 15px; position: relative; border-radius: 4px; padding: 5px; -moz-box-shadow: inset 0px 0px 2px rgba(238,238,238,0.65); -webkit-box-shadow: inset 0px 0px 2px rgba(238,238,238,0.65); box-shadow: inset 0px 0px 2px rgba(238,238,238,0.65); border-style: solid; border-width: 1px; border-color: rgb(235,235,235); background-color: rgb(249,249,249); }

        .dashboard .row .nullbox { border: none; background-color: transparent; margin-top: 25px; }

        .dashboard .row .reportbox h2 { border-bottom: 1px solid #EBEBEB; color: #66AB16; font-size: 14px; line-height: 16px; margin: 0 -5px; padding: 3px 0 9px 7px; }

        .dashboard .row .reportbox .reportList { display: table; width: 100%; margin: 0px; }

            .dashboard .row .reportbox .reportList ul { margin: 0px; padding: 10px; }

            .dashboard .row .reportbox .reportList li div { display: block; line-height: 30px; border-top: solid 1px #ebebeb; }

            .dashboard .row .reportbox .reportList ul li div:first-child { border: none; }

            .dashboard .row .reportbox .reportList li a.text { clear: both; width: 90%; float: left; padding-left: 5px; display: inline-block; line-height: 26px; text-align: left; color: #878787; font-size: 12px; text-decoration: none; }

                .dashboard .row .reportbox .reportList li a.text span { margin-top: 3px; margin-right: 5px; background-color: #EBEBEB; border-radius: 10px 10px 10px 10px; clear: both; color: #999999; display: block; float: right; line-height: 10px; min-width: 28px; padding: 5px; text-align: center; }

            .dashboard .row .reportbox .reportList li:hover a.text span { color: #666; }

            .dashboard .row .reportbox .reportList li.indesc a.text { }

            .dashboard .row .reportbox .reportList li div.inheader { float: left; width: 100%; background-color: #F9F9F9; }

                .dashboard .row .reportbox .reportList li div.inheader a { font-weight: bold; color: #085A8D; clear: both; }

            .dashboard .row .reportbox .reportList li div.inheader { padding-top: 5px; }

                .dashboard .row .reportbox .reportList li div.inheader:first-child { padding-top: 0px; }

            .dashboard .row .reportbox .reportList li  a.chart { display: inline-block; width: 6%; height: 18px; text-indent: -4500px; background: url(images/asset.png) no-repeat -219px -298px; float: right; margin-top: 4px; }

        .dashboard .row .mapwrapper:before { display: block; content: ''; }

        .dashboard .row .mapwrapper:after { display: block; content: ''; }

        .dashboard .row .mapwrapper { display: table; width: 100%; position: relative; }


        .dashboard .row .reportbox .propertyTable { width: 100%; }

            .dashboard .row .reportbox .propertyTable td.ls { min-width: 100px; line-height: 14px; }

            .dashboard .row .reportbox .propertyTable td.percent { width: 100px; }

                .dashboard .row .reportbox .propertyTable td.percent div { display: block; background-color: #5283d9; line-height: 14px; height: 14px; }

            .dashboard .row .reportbox .propertyTable td.proggress { width: 200px; padding-left: 10px; }

                .dashboard .row .reportbox .propertyTable td.proggress div { display: block; width: 80%; padding: 0px; margin: 0px; line-height: 1px; height: 5px; background-color: #AADFF3; margin-top: 2px; border-radius: 5px; }

                .dashboard .row .reportbox .propertyTable td.proggress .p80 { width: 80%; }

                .dashboard .row .reportbox .propertyTable td.proggress .p5 { width: 5%; }

                .dashboard .row .reportbox .propertyTable td.proggress .p1 { width: 1%; }

            .dashboard .row .reportbox .propertyTable td.space { min-width: 60px; }

            .dashboard .row .reportbox .propertyTable td.ls a { display: block; float: left; font-size: 14px; color: #555555; line-height: 20px; margin-right: 35px; cursor: pointer; }

                .dashboard .row .reportbox .propertyTable td.ls a:hover { text-decoration: none; }

            .dashboard .row .reportbox .propertyTable td span { display: block; float: right; color: #B2B2B2; background: url(images/dot2.png) no-repeat left center; padding-left: 10px; }

            .dashboard .row .reportbox .propertyTable td.ln span { background: none; }


        .dashboard .row .reportbox .vmenu { margin: 0px; margin-left: 8px; margin-top: 15px; }

            .dashboard .row .reportbox .vmenu li { display: block; line-height: 25px; list-style-type: circle; margin-left: 10px; }

                .dashboard .row .reportbox .vmenu li a { display: block; line-height: 20px; color: #545454; background: url(images/dot2.png) no-repeat left center; padding-left: 10px; }

.status2 { background: url("images/status.png") no-repeat scroll 100% 7px rgba(0, 0, 0, 0); padding-right: 15px !important; background-color: transparent !important; }

.status0 { background: url("images/status.png") no-repeat scroll 100% -26px rgba(0, 0, 0, 0); padding-right: 15px !important; background-color: transparent !important; }

.status1 { background: url("images/status.png") no-repeat scroll 100% -9px rgba(0, 0, 0, 0); padding-right: 15px !important; background-color: transparent !important; }

.dashboard .headerrow { text-align: center; padding: 2px; margin-bottom: 15px; margin-top: -10px; }

    .dashboard .headerrow .btn { background: none; background-color: #f8f8f8; font-size: 11px; }
/*rapor analiz*/
.report-table { font-size: 12px; table-layout: fixed; width: 96%; border: solid 1px #ccc; margin: 0px auto; margin-top: 15px; margin-bottom: 15px; background-color: #fff; }

    .report-table thead tr th { border-left: 1px solid #CCCCCC; font-weight: bold; border-bottom: 1px solid #ccc; text-align: center; }

        .report-table thead tr th:first-child { border-left: none; width: 80px; }

        .report-table thead tr th.thlabel { width: 160px; }

        .report-table thead tr th.sn { max-width: 25px; }

        .report-table thead tr th.min { max-width: 25px; }

        .report-table thead tr th.cols { min-width: 100px; }

        .report-table thead tr th.colsVF { width: 80px; transform: rotate(-90deg); }

            .report-table thead tr th.colsVF:first-child { border-left: none; }

        .report-table thead tr th.colsV { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; color: #666666; font-size: 100%; font-weight: 700; height: 105px; line-height: 11px; overflow: hidden; text-align: center; transform: rotate(-90deg); width: 38px; word-wrap: normal; }

    .report-table tbody tr td { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; line-height: 16px; text-align: center; word-break: break-all; padding: 2px; }

        .report-table tbody tr td:first-child { text-align: left; border-left: none; word-break: break-all; }

    .report-table tbody tr:hover td { background-color: #0072C6; color: #fff; }

    .report-table tfoot tr td { font-size: 12px; font-weight: bold; color: #333; border-left: solid 1px #ccc; text-align: center; border-bottom: solid 1px #ccc; line-height: 20px; word-break: break-all; }

        .report-table tfoot tr td:first-child { text-align: left; border-left: none; }

.dashboardreport .row { }

    .dashboardreport .row .col6 { margin-left: 20px; }

/*member*/

h5.static { border-bottom: solid 1px #ccc; color: #444; padding-bottom: 5px; }

.form-horizontal-custome .control-label { text-align: left; width: 85px; color: #999; }

.form-horizontal-custome .form-control-static { margin-bottom: 0; padding-top: 5px; }

.form-horizontal-custome .control-group { margin-bottom: 1px; }

.form-horizontal-custome .controls { margin-left: 125px; }

/*List*/

.listarea { display: inline-block; font-size: 21px; margin-left: 15px; float: left; margin-right: 10px; }

    .listarea span.color { display: inline-block; width: 5px; height: 15px; margin-right: 5px; vertical-align: middle; margin-top: -1px; }

#puborderwrapper { display: block; overflow-y: auto; width: 99%; }

#puborderlist li { float: left; width: 130px; margin-right: 20px; display: block; text-align: center; border: solid 1px #ccc; border-radius: 3px; margin-bottom: 20px; height: 250px; overflow-y: hidden; }

    #puborderlist li a { display: block; width: 130px; height: 200px; overflow: hidden; }

        #puborderlist li a img { width: 130px; }


/* MBB */
.mbbdata { top: 55px !important; }

    .mbbdata .left { display: block; width: 60%; position: relative; border-right: solid 1px #ccc; }

        .mbbdata .left .leftpanel { overflow-y: scroll; }

    .mbbdata .right { display: block; width: 39%; overflow-y: auto; overflow-x: hidden; }

        .mbbdata .right .inSection { padding: 12px 2px; }

        .mbbdata .right h1 { background-image: linear-gradient(-90deg, #F3F3F3 100%, #FFFFFF 100%); color: #333333; display: block; font-size: 13px; line-height: 26px; margin: 5px 0 0; padding: 0 0 0 5px; }

        .mbbdata .right h2 { background-image: linear-gradient(-90deg, #f9f9f9 100%, #FFFFFF 100%); color: #999; display: block; font-size: 12px; line-height: 22px; margin: 5px 0 0; padding: 0 0 0 5px; }
            .mbbdata .right .footer { bottom: 0; display: block; height: 40px; left: 0; width: 100%; }
              .mbbdata .right .footer .page { margin-top: 5px; margin-left: 15px; }
        
        .mbbdata .right table { }


            .mbbdata .right table td { font-size: 12px; padding-right: 15px; min-width: 90px; word-wrap: break-word; }

                .mbbdata .right table td.labeltd { color: #999; font-weight: normal; min-width: 90px; font-size: 12px; padding-left: 5px; padding-right: 0px; }

            .mbbdata .right table.table-personel { margin-left: 5px; table-layout: fixed; }

                .mbbdata .right table.table-personel thead tr { border-bottom: solid 1px #999; }

                    .mbbdata .right table.table-personel thead tr td { line-height: 30px; }

    .mbbdata .left .footer { background-image: linear-gradient(-90deg, #F3F3F3 0%, #FFFFFF 100%); border-top: 1px solid #D4D4D4; bottom: 0; display: block; height: 55px; left: 0; width: 100%;position:absolute }

        .mbbdata .left .footer .page { margin-top: 5px; margin-left: 15px; }

    .mbbdata .left table tr { cursor: pointer; }


.mbbdetail { display: block; max-width: 450px; }

    .mbbdetail h1 { color: #333; display: block; font-size: 18px; line-height: 26px; margin: 5px 0 0; padding: 10px 0px; }

    .mbbdetail table td { font-size: 12px; padding-right: 15px; min-width: 130px; vertical-align: top; }

        .mbbdetail table td ul { margin: 0px; }

        .mbbdetail table td.labeltd { color: #999; font-weight: normal; min-width: 140px; font-size: 12px; padding-left: 5px; padding-right: 0px; }

/*gadget*/

h5.charttitle { display: block; text-align: center; color: #666; }

#tooltip { z-index: 99999; }

.texthight { background-color: #FFFF88; }

.opininon { background: url(images/opinion.png) no-repeat left top; width: 8px; height: 15px; display: block; margin: 0px auto; margin-top: 3px; }

.opininon1 { background-position: 0px 0px; }

.opininon2 { background-position: -20px 0px; }

.opininon3 { background-position: -10px 0px; }


.export-form { margin-top: 15px; }

    .export-form .control-label { width: 105px; }

    .export-form .controls { margin-left: 115px; }

.unread { background-color: rgba(243,243,243,.85); }

.read { background-color: #fff; }

.activeRow { background-color: #FFEFBF; }

.removeright { display: none !important; visibility: hidden; }

#asynctitlemaster { display: none; }

.asynctoogleclass { background-color: #000; }

.savesearchhidden { display: none !important; }

.dropdown-menu li.dropdown-header { color: #999999; display: block; font-size: 12px; line-height: 1.42857; padding: 3px 8px; }

/*pin*/
#wrapperpin { display: block; max-width: 1280px; margin: 0px auto; position: relative; margin-top: 30px; }



/*auto complate*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }

.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor: pointer; }

.autocomplete-selected { background: #F0F0F0; }

.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }



/*list*/
.listWrapper { width: 98%; }

    .listWrapper dl { margin: 0; min-height: 1px; overflow: hidden; padding: 0px 0 0 0; position: relative; }

    .listWrapper dt, .listWrapper .fakeHeader { background: none repeat scroll 0 0 #3DA4D8; border-bottom: medium none; border-top: medium none; color: #FFFFFF; display: block; float: left; font-size: 16px; font-weight: bold; line-height: 20px; margin: 0; padding: 0; position: absolute; width: 100%; z-index: 999; }

    .listWrapper dt { bottom: auto; min-height: 1px; top: 0; width: 323px; background-color: #ccc; }

    .listWrapper .fakeHeader { width: 320px; z-index: 1000; padding-left: 5px; }

[data-ios="true"] dt,
[data-ios="true"] .fakeHeader { width: 318px; /*scrollbars aren't visible in iOS devices, so make the headers wider */ }

.listWrapper .fakeHeader.hidden { visibility: hidden; }

.listWrapper dl.animated dt { bottom: 0; top: auto; }

.listWrapper dd { margin: 0; padding: 0 0 0 12px; white-space: nowrap; cursor: pointer; }

    .listWrapper dd + dd { border-top: 1px solid #CCC; }

.listWrapper .listWrapper { height: 300px; margin: 0px; overflow: visible; position: relative; width: 320px; zoom: 1; }

.listContainer { height: 300px; overflow-x: hidden; overflow-y: auto; position: absolute; width: 323px; border: 1px solid #CCCCCC; }

.listWrapper dl dd:first-child { margin-top: 10px; }

/*fancy için yeni skin*/
.apwrap { background-color: #404040; width: 100%; }

    .apwrap .windowContainer { width: 100%; }

    .apwrap .fancybox-skin { background-color: #404040; }

    .apwrap .fancybox-close { background-image: none !important; box-shadow: none !important; height: 22px !important; width: 24px !important; top: 6px; right: 6px; background-color: transparent !important; border: solid 1px #CACFD5; border-radius: 3px !important; }

        .apwrap .fancybox-close i { background-image: url(images/close2.png) !important; margin-top: 3px !important; }

    .apwrap .windowContainer div.subject { background-color: transparent !important; border-bottom: 1px solid #333333; display: table; padding-bottom: 5px; width: 100%; margin-top: 0px !important; }

    .apwrap .windowContainer div.title .form-ap { right: 39px; top: 17px; }

    .apwrap .windowContainer .title { background-color: #474747; border-bottom: solid 1px #333; padding: 5px 0px; position: relative; height: 40px; }

        .apwrap .windowContainer .title .pright { }

    .apwrap .windowContainer div.title h1 { color: #fff; line-height: 30px; width: 40%; }

    .apwrap .windowContainer .subject { }

        .apwrap .windowContainer .subject .insubject { }

            .apwrap .windowContainer .subject .insubject table tr td { font-size: 11px; color: #f9f9f9; }

                .apwrap .windowContainer .subject .insubject table tr td label { }


    .apwrap .form-ap .btn { background-image: none; background-color: transparent !important; }

    .apwrap .form-ap .btnap { -webkit-text-shadow: none; text-shadow: none; color: #fff; }

        .apwrap .form-ap .btnap span { -webkit-text-shadow: none; text-shadow: none; color: #fff; }

        .apwrap .form-ap .btnap i { display: none; }


    .apwrap .form-ap .btn-group .btnap { color: #fff; background-image: url("images/arrow2.png") !important; background-color: transparent !important; }

        .apwrap .form-ap .btn-group .btnap span { -webkit-text-shadow: none; text-shadow: none; }

        .apwrap .form-ap .btn-group .btnap i { display: none; }

    .apwrap .form-ap .btn-group.nobg .btnap { background-image: none !important; }

    .apwrap .windowContainer .show .left { width: 85px; float: none !important; position: absolute; z-index: 99999; }

    .apwrap .windowContainer .show .main { width: 100%; }

    .apwrap .windowContainer .inpadding .text { color: #fff; padding: 0px 10%; }

    .apwrap .windowContainer .show { display: block; }

        .apwrap .windowContainer .show .left { border-right: 1px solid #666 !important; }

    .apwrap .presstype .btn.active { background-color: #333 !important; color: #fff !important; }

    .apwrap .presstype .btn { background-color: #474747 !important; background-image: none !important; color: #f7f7f7 !important; }

    .apwrap .windowContainer .show .main img.data { /*width:auto;*/ max-width: 100%; }

    .apwrap .windowContainer .show .main img.datapopup { max-width: 95%; }

    .apwrap .windowContainer .show .main.mainp2 .inpadding { padding-left: 95px; }

    .apwrap .texthight { color: #000; }

    .apwrap .form-ap .btn-group .dropdown-menu .btnap { background-color: #404040 !important; background-image: none !important; }

#targetframe.apwrap .windowContainer div.title { margin-left: 0px !important; }

.zoommenu { display: table; position: absolute; left: 50%; top: 18px; margin-left: -68px; }

    .zoommenu ul { padding: 0px; margin: 0px; }

        .zoommenu ul li { display: inline; }

            .zoommenu ul li a { display: inline-block; width: 22px; height: 22px; border: solid 1px #666; text-indent: -4500px; border-radius: 2px; }

                .zoommenu ul li a.zoomin { background: url(images/plus.png) no-repeat center center; }

                .zoommenu ul li a.zoomout { background: url(images/minus.png) no-repeat center center; }

                .zoommenu ul li a.showtext { background: url(images/text.png) no-repeat center center; }
                .zoommenu ul li a.refreshpage { background: url(images/refreshpage.png) no-repeat center center; }
                .zoommenu ul li a.highlighter { background: url(images/highligter.png) no-repeat center center; }

                .zoommenu ul li a.showtexten { background: url(images/texte.png) no-repeat center center; }

                .zoommenu ul li a.zoomfull { background: url(images/zoomfull.png) no-repeat center center; }

                .zoommenu ul li a.showtitle { background: url(images/showtitle.png) no-repeat center center; }


#contentarea .jspVerticalBar { width: 15px !important; }


.listgroup { background-color: #eeead7 !important; }
    .listgroup a { font-weight: bold; }
section#wrapper nav#listnav ul.menu > li.listgroup:hover { background-color: #eeead7 !important; }

.printpage { font-size: 11px; }

    .printpage .table td { font-size: 12px !important; }