h1 {  font-size: 35px; margin: 5px 0 15px 0; line-height: 1;  }
h2 { display: inline-block; margin: 5px 0; vertical-align: middle; }
a { color: #333; }
input[type=button], button, .button { display: inline-block; background-color: #999999; border: 0; color: #fff; padding: 10px 9px; cursor: pointer; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; line-height: 15px; }
div.button.small { padding: 4px 10px 3px 10px; }
.button.icon { background-color: transparent; font-size: 0; padding: 6px; line-height: 0; background-position: center top; background-size: auto 90%; background-repeat: no-repeat;}
.button.icon.edit { background-image: url('../../images/editIcon.png'); }
.button.icon.add { background-image: url('../../images/addIcon.png'); }
.button.icon.show { background-image: url('../../images/viewIcon.png'); }
.button.icon.download { background-image: url('../../images/downloadIcon.png'); }
input[type=button].small, button.small , .button.small { border-bottom: 0; padding: 5px 9px; margin-right: 10px; }
input[type=text], input[type=datetime-local], input[type=password], input[type=number], input[type=date], textarea { padding: 10px; background-color: #fafafa; border: 0; margin-right: 10px; }
input[type=checkbox], input[type=radio] { vertical-align: middle; }
select { background-color: white; border: 0; color: black; padding: 5px 12px; width: 154px; line-height: 32px; vertical-align: middle; }

textarea:focus, input:focus, button:focus, select:focus { outline: 0; }

.ellipsis { text-overflow: ellipsis; white-space: nowrap; display: inline-block; overflow: hidden; vertical-align: middle; margin-top: -1px; }

fieldset { border: 0; margin: 0; padding: 0; }
table { border-spacing: 0; }
table td, table th { padding: 3px 0; }
table td.right, table th.right { text-align: right; }
table td.center, table th.center { text-align: left; }
table th { text-align: left; border-bottom: 1px solid #333; }
table.data { width: 100%; }
table.data td, table.data th { padding: 1px 2px 1px 0; }
table.data td.actions { padding-left: 10px; }
table.data table.data th { border-bottom: 0; }
table.data th.sortable a { display: inline-block; vertical-align: middle; padding-right: 15px; background-repeat: no-repeat; background-position: right center; background-size: auto 10px; }
table.data th.sortable a.asc { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="15" width="15"><path d="M0,10 L14,10 L7,3 L0,10" style="fill:rgb(0,0,0);" /></svg>'); }
table.data th.sortable a.desc { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="15" width="15"><path d="M0,3 L14,3 L7,10 L0,3" style="fill:rgb(0,0,0);" /></svg>'); }
table.data td a { text-decoration: none; }

div.circle.normal { background: #060; color: #fff; }
div.circle.warn { background: #b80; color: #fff; }
div.circle.critical { background: #900; color: #fff; }
div.circle.disabled { background: #666; color: #fff; }


div.circle { height: 10px; width: 10px; border-radius: 20px; margin-left: 10px; }

.customBaptizeRow { position: relative; }
.customBaptizeRow .actions { position: absolute; float: none; top: 3.4rem; left: 550px;}

table.data .normal a, table.data .warn a, table.data .critical a { color: #fff; }

.scrollWrapper { max-height: 800px; overflow: auto; }
.scrollWrapper.small { max-height: 400px; overflow: auto; }

fieldset .group.inline { margin-top: -35px; }
fieldset .group.inline > h3 { display: none; }
fieldset .group.inline > .addTemplate { margin-top: -5px; margin-bottom: 5px; }
fieldset .group.semi.inline > h3 { display: inline-block; }
fieldset .group.semi.inline { margin-top: 0; margin-bottom: 10px; }
fieldset .group.semi.inline > .addTemplate { margin-bottom: 0; }
fieldset .group.multiSimple > .row > .header { display: none; }
fieldset .group.multiSimple > .row label { display: none; }
fieldset .group.multiSimple > .row  { position: relative; }
fieldset .group.multiSimple > .row .actions { position: absolute; top: 5px; right: 250px; }
fieldset .row { margin: 10px 0;}
fieldset .row.text { white-space: nowrap; }
fieldset .row.text .cell { white-space: normal; max-width: 700px; }
fieldset .row.object { position: relative; }
fieldset .row.template { display: none; }
fieldset .row .cell { display: inline-block; min-width: 200px; margin-right: 5px; vertical-align: top; line-height: 35px; }
fieldset .row .cell.top { vertical-align: top; }
fieldset .row .cell.multiline { padding-left: 10px; }
fieldset h3 { display: inline-block; vertical-align: middle; margin-bottom: 0px; }
fieldset .sortable label { cursor:pointer; }
fieldset .row.object .header { color: #000; font-weight: bold; padding: 10px; height: 18px; cursor: pointer; }
fieldset .row.object .header.light { background: transparent; color: #000; font-weight: bold; padding: 15px 0 0 0; }
fieldset .row.object.contentHidden .content { display: none; }
fieldset .row.object.inline > .header { display: none; }
fieldset .row.object.inline > .actions { right: 330px; }
fieldset .row.object.inline.wide > .actions { right: 0; }
fieldset .row.preInline > .cell > label { padding-left: 30px; }
fieldset .row.nohead .header { display: none; }
fieldset .row.headline .cell { font-size: 2em; }
fieldset .row.sideBySide { display: inline-block; vertical-align: middle; margin: 0; }
fieldset .row.sideBySide > .cell:first-child { display: none; }
fieldset .row.sideBySide select { width: 175px; }
fieldset .row.sideBySide > .cell { min-width: 175px; }
fieldset .row.small input { width: 132px; }
fieldset .row.small select { width: 132px; }
fieldset .row.small .cell { min-width: 132px; }
fieldset .row .sortIndex { display: inline-block; min-width: 20px; margin-right: 5px; text-align: right; font-weight: bold; }
fieldset .row.object > .actions { position: absolute; top: 5px; right: 0; }

fieldset input[type=text], fieldset input[type=date], fieldset input[type=number], fieldset input[type=date], fieldset textarea { width: 700px; }
fieldset textarea { height: 150px;}
fieldset select { width: 720px;}

fieldset .cell.schedule input { width: 300px; }

fieldset.display { background: #ddd; padding: 10px; }
fieldset.display .row { margin: 0; padding: 2px 0;}
fieldset.display .row.object { background: #eaeaea; margin-top: 10px; }
fieldset.display .row.custom { background: #eaeaea; margin-top: 10px; padding-left: 15px; padding-right: 15px; }
fieldset.display .row.object .row.object { background: #fff; }
fieldset.display .row.object .content,
fieldset.display .row.object .header.light { padding: 10px;}
fieldset.display .row.object .header.light { padding: 10px 10px 0 10px;}
fieldset.display .row.preInline > .cell > label { padding-left: 0; }
fieldset.display .group.inline { margin-top: 0; }
fieldset.display .group.multiSimple > h3 { margin-bottom: 0; }
fieldset.display .group > .row { padding: 0;}
fieldset.display > .row { padding: 5px 2px; background: #eaeaea; }
fieldset.display > .row > .cell > label { padding-left: 10px; }
fieldset.display > .row.custom.inline { margin-top: 0; padding-left: 2px; }
fieldset.display.customer > .row.notes, fieldset.display.customer > .row.tree { margin-top: 10px; }

fieldset.display.customer > .row.tree .current { font-weight: bold; }

fieldset.display .row.additionalField, fieldset.display .row.contactType { background: transparent !important; margin-top: 0; }
fieldset.display .row.additionalField .content, fieldset.display .row.contactType .content { padding: 0; }
fieldset.display .row.contactType { margin-bottom: 10px; }

.hidden { display: none; }
.clickable { cursor: pointer; }
.sorthandle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.clear { clear: both; }


body > .overlay { display: block; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); text-align: center; }
.overlay > .dialog { position: relative; display: inline-block; margin: auto; background-color: #fff; padding: 30px; border: 0; /*border-bottom: 3px solid #ccc;*/ text-align: left; max-width: 70%; }
.overlay > .dialog > .close { position: absolute; top: 10px; left: auto; right: 10px; cursor: pointer; font-weight: bold; }


#content .formFooter { position: fixed; bottom: 0px; height: 60px; width: 100%; left: 0; background: #fff; border-top: 1px solid #ccc;}
#content .formFooter > .content { width: 935px; margin: 12px auto 0 auto; position: relative; }
#content .formFooter button, #content .formFooter input[type=button], #content .formFooter .button { background: red; border-color: #c2c2c2; color: white; }
#content .formFooter button.back { background: #eee; border-color: #000; color: #000; width: 90px; }
#content .formFooter button.save { position: absolute; right: 0px; width: 130px; }
#content .formFooter button.cancel { position: absolute; right: 150px; width: 130px; }
#content .formFooter button.delete { position: absolute; right: 300px; width: 130px; }

.overview .header { height: 50px;}
.overview .header .actions { float: right; }

#navigation { background-color: #fff; color: #333; /*border-bottom: 4px solid #ccc;*/ padding: 7px 5px; position: relative; width: 924px; }
#navigation .menu { list-style-type: none; padding: 2px 0 0 13px; margin: 5px 0;}
#navigation .menu li { display: inline-block; min-width: 130px; text-transform: uppercase; text-align: center; }
#navigation .menu .active { font-weight: bold; }
#navigation .menu a { color: #333; text-decoration: none; }
#navigation.fixed { position: fixed; top: 0; z-index: 2; padding: 0 5px; margin-left: -1px; border: 1px solid #eee; }
#navigation.fixed .search { display: none; }
#navigation.fixed .menu { padding: 0 0 0 13px; }

.subnavigation { margin: -40px 0 20px 0; height: 20px; }
.subnavigation .menu { list-style-type: none; padding: 2px 0 0 18px; margin: 5px 0; }
.subnavigation .menu li { display: inline-block; text-transform: uppercase; margin-right: 40px; }
.subnavigation .menu .active { font-weight: bold; }
.subnavigation .menu a { color: #333; text-decoration: none; line-height: 1.7;}

#navigation .search { position: absolute; top: 8px; right: 5px; left: auto; }
#navigation .search input { margin: 0; margin-right: 3px; padding: 6px 40px 6px 10px; width: 230px; border: 1px solid #ececec; background-image: url("../images/inputSearchBg.png"); background-position: right center; background-repeat: no-repeat; }



.customerListing .customer { background-color: #fff; padding: 20px 12px; border: 1px solid #000; margin: 15px 0; position: relative; height: 185px; }
.customerListing .customer .status { position: absolute; bottom: 0; left: 0; width: 160px; height: 25px; line-height: 25px; text-align: center; font-weight: bold; color: #fff; font-size:11px; }
.customerListing .customer label { display: inline-block; width: 120px;}
.customerListing .customer button { background-color: transparent; padding: 0; color: #000; font-weight: bold; margin: 2px 0 5px 0;}
.customerListing .customer button:hover { text-decoration: underline; }
.customerListing .customer .actions { position: absolute; bottom: 25px; }
.customerListing .customer .actions button { margin-right: 20px; }
.customerListing .customer .notes { font-size: 10px; margin: 5px 0; }
.customerListing .customer .notes table { border-spacing: 0; width: 100%; }
.customerListing .customer .notes table th { border-bottom: 1px solid #000;}
.customerListing .customer .notes table th,
.customerListing .customer .notes table td { padding: 0 5px 0 0; text-align: left; vertical-align: top; }
.customerListing .customer .notes table th:nth-child(1) { width: 65px; }
.customerListing .customer .notes table th:nth-child(2) { width: 125px; }
.customerListing .customer .notes table th:nth-child(3) { width: 47px; }

.customerListing .test { background-color: #2b8e93; color: #fff; }
.customerListing .contract { background-color: #861010; color: #fff; }
.customerListing .former { background-color: #6a458b; color: #fff; }
.customerListing .acquisition { background-color: #bd8016; color: #fff; }

.playerListing .player { background-color: #fff; padding: 20px 12px; border: 1px solid #000; margin: 15px 0; position: relative; height: 185px; }
.playerListing .player label { display: inline-block; width: 120px;}
.playerListing .player button { background-color: transparent; padding: 0; color: #000; font-weight: bold; margin: 2px 0 5px 0;}
.playerListing .player button:hover { text-decoration: underline; }
.playerListing .player .actions { position: absolute; bottom: 25px; }
.playerListing .player .actions button { margin-right: 20px; }

button.mosaic { width: 37px; background-image: url("../images/mosaic.png"); background-position: center center; background-repeat: no-repeat; }
button.list { width: 37px; background-image: url("../images/listingActive.png"); background-position: center center; background-repeat: no-repeat; }

.mosaic button.mosaic { background-image: url("../images/mosaicActive.png"); background-position: center center; background-repeat: no-repeat; }
.mosaic button.list { background-image: url("../images/listing.png"); background-position: center center; background-repeat: no-repeat; }

.mosaic .listing .item { width: 270px; float:left; margin-right: 23px; margin-top: 9px; margin-bottom: 13px;}
.mosaic .listing .item:nth-child(3n) { margin-right: 0; }

.updateInformation select { width: 100px; margin-right: 2px; padding: 4px 10px 4px 10px; }

.pagination { margin: 10px 0; padding: 10px 0; border-top: 1px solid #000; }
.pagination-list { list-style-type: none; padding: 0; margin: 0; display: inline-block; }
.pagination-list li { display: inline-block; margin-right: 5px; }
.pagination-list li.disabled { display: none; }


#content .search .group > .addTemplate { display: none; }
#content .search .group > .row > .header { display: none; }
#content .search .group.inline { margin: 0; }
#content .search .row.preInline > .cell > label { padding: 0; }
#content .search .row.object.contentHidden .content { display: block; }
#content .search .header .actions { display: none; }

#content .search .results { display: none; }
#content .search .newSearch { display: none; }
#content .search.results .results { display: block; }
#content .search.results .search { display: none; }
#content .search.results .newSearch { display: inline-block; }
#content .search.results form { display: none; }

#content .actions { float: right; margin-bottom: 2px; }
#content .actions.filters { text-align: right; float: none; padding-top: 10px; }


#admin > .panel { background: #ddd; padding: 1px 10px 10px 10px; margin: 0 10px 10px 0; display: inline-block; vertical-align: top; }
#admin > .panel:nth-child(3n+0) { margin-right: 0; }
#admin > .panel fieldset .row { margin: 5px 0; }
#admin > .panel fieldset .row .cell { min-width: 112px; }
#admin > .panel fieldset input { width: 140px; margin-right: 0; padding: 2px 5px; }
#admin > .panel > .list { height: 150px; background: #fff; overflow: hidden; overflow-y: scroll; padding: 5px; }
#admin > .panel > .list table { padding: 0; border-spacing: 0; width: 100%; }
#admin > .panel > .list table td:nth-child(2) { text-align: right; }
#admin > .panel > .list .edit { font-size: 0; background-image: url('../../images/editIconWhite.png'); background-position: center center; background-size: auto 70%; background-repeat: no-repeat; padding: 2px 10px;}
#admin > .panel > .form { background: #eaeaea; margin-top: 10px; padding: 5px; }
#admin > .panel > .form .actions { text-align: right; margin-top: 10px; }
#admin > .panel > .form .actions button { margin: 0 0 0 5px; }

#system-message .close { display: none; }


/*@media (max-width: 1023px) {
	body { width: 100%; }
	fieldset .row .cell { display: inline-block; }
	fieldset input[type=text], fieldset input[type=date], fieldset input[type=number], fieldset input[type=date], fieldset textarea { width: 200px; }
	#content .customBaptizeRow .actions { left: 450px; }
}

@media (max-width: 500px) {
	#header { min-height: 0; }

	fieldset .row .cell { display: block; }
	#content .customBaptizeRow .actions { position: relative; float: none; top: auto; left: auto; }
}*/

.tickerEditor select { width: 300px; margin-top: 0; }
.tickerEditor input { max-width: 279px; }
.tickerEditor hr { height: 1px; background: #c2c2c2; color: #c2c2c2; margin: 10px 0; border: none; }