@charset "utf-8";
/* CSS Document */

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

h1, h2, h3, h4 {
	margin-top: 0;
}
.chosen-container .chosen-results {
   max-height:200px !important;
}
.mover {
    margin-right:155px;
}

/* TOP PANEL STYLES --------------------------------------------------------------------------------------------------------------- */
/* Panel Tab/button */
.tab {
	/*height: 36px;
	overflow: hidden;*/
	position: relative;
    top: 0;
    z-index: 999;
	font-size: 12px;
	float: left;
	width: 100%;
}
.tab ul {
	display: block;
	position: relative;
  	float: left;
	width: 100%;
	line-height: 36px;
	margin: 0;
	padding: 0;
  	color: #999;
}
.tab ul li {
 	text-align: left;
  	padding: 0 15px;
	display: block;
	float: left;
	height: 36px;
	position: relative;
}
.tab ul li.right, .tab ul li.lang {
	float: right;
}
.tab ul li.lang {
	padding: 3px 5px 2px 0;
	height: 31px;
}
.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-right: 30px !important;
	cursor: pointer;
	display: block;
	position: relative;
	top: 8px;
	width: 135px;
}

.tab ul li .dropdown {
	height: auto;
	position: absolute;
	right: -1px;
}
.tab ul li .dropdown.hide {
	height: 0;
	overflow: hidden;
}

li.section {

}
li.section .dropdown {
	height: auto;
	position: absolute;
	left: 0;
}
li.section .dropdown.hide {
	height: 0;
	overflow: hidden;
}
.dropdown {
	z-index: 1000;
	background: #fff;
}
.dropdown ul li {
	display: block;
	padding: 0;
	width: 100%;
}
.dropdown ul li a {
	display: block;
	padding: 0 15px;
}

/* sliding panel */
#toppanel {
    position: fixed;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	background: #fff;
}
#panel {
	width: 100%;
	/*height: 240px;*/
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}
#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
}
#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
}
#panel p {
	margin: 5px 0;
	padding: 0;
}
#panel .content {
	/*width: 960px;*/
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}
#panel .content .left {
	width: 31%;
	float: left;
	padding: 0 1%;
}


#wrapper {
	padding: 36px 0 0;
	overflow: hidden;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}


/* Header */
#header {
	padding: 10px;
	overflow: hidden;
	min-height: 60px;
}

#header h1, #header h2 {
	line-height: 40px;
	font-size: 24px;
	margin: 5px 0;
}
#header .logo {
	float: left;
	margin-right: 10px;
}
.powered {
	float: right;
	color: #888;
	font-style: italic;
}
.powered * {
	vertical-align: text-bottom;
	margin-left: 5px;
}

#nav {
	min-height: 32px;
	line-height: 32px;
	overflow: hidden;
	/*font-weight: bold;*/
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav ul li {
	display: block;
	float: left;
}
#nav a {
	text-decoration: none;
	padding: 0 10px;
	display: block;
}
#nav a:hover {
}
/*ul li a.eng, ul li a.dnk, ul li a.ser { */
ul li a.flag {
	padding: 5px 5px 5px 35px !important;
	display: block;
	height: 21px;
	line-height: 21px;
	background-repeat: no-repeat;
	background-position: 10px -26px;
}
ul li a.eng {
	background-image: url(../images/uk_flag.gif);
}
ul li a.dnk {
	background-image: url(../images/dk_flag.gif);
}
ul li a.srb {
	background-image: url(../images/rs_flag.gif);
}
/*ul li a.eng:hover, ul li a.dnk:hover, ul li a.ser:hover {*/
ul li a.flag:hover {
	background-position: 10px 8px;
}

/* Search Box */
.searchBox {
	height: auto;
	font-size: 12px;
	z-index: 900;
	overflow: hidden;
}
.searchBox.hide {
	height: 0;
}
.searchBox h3 {
	margin-top: 0;
}
.searchBox label {
	font-size: 12px;
	padding-top: 3px;
}
.searchBox input[type="text"], .searchBox input[type="password"] {
	width: 155px;
	line-height: 18px;
	height: 18px;
}
.searchBox select {
	width: 157px;
	line-height: 22px;
	height: 22px;
}
.searchBox .button {
	margin: 0 0 0 5px;
}
.searchInfo {
	font-size: 12px;
}
.searchInfo ul {
	padding: 0;
	margin: 5px 0;
}
.searchInfo li {
	display: inline-block;
	padding: 0 10px 0 0;
}
.searchInfo strong {
	color: #fc0;
}
.searchForm {
	padding: 10px;
}
.searchForm ul.formList li {
	display: inline-block;
	width: 295px;
	vertical-align: top;
}
.searchForm ul.formList li label {
	width: 120px;
}
.searchForm .buttonRow {
	clear: left;
}
.searchBox fieldset  {
    border: 1px solid #454545;
    margin: 0 10px 10px 0;
    padding: 5px;
	width: 300px;
	float: left;
}
.searchBox fieldset legend {
	font-size: 12px;
	color: #666;
	text-shadow: -1px -1px 0 #000;
}

/* Slidebox styles */
.slideBox {
	position: fixed;
	right: 0;
	top: 180px;
	width: 200px;
	height: auto;
	background: #222;
	color: #fff;
	padding: 10px 20px;
	z-index: 900;
	border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
}
.slideBox.hide {
	right: -245px;
}
a.toggler {
	cursor: pointer;
}
.slideBox a.toggler {
	display: block;
	float: left;
	margin: -10px 0 0 -65px;
	width: 35px;
	padding: 5px;
	background: #333;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
}
.slideBox a.toggler:hover {
	background-color: #666;
}

/* Basic Form styles */
ul.formList {
	padding: 0 20px 0 0;
	margin: 0;
	list-style: none;
	min-width: 610px;
}

ul.formListShort {
	padding: 0 20px 0 0;
	margin: 0;
	list-style: none;
	width: 550px;
}

.loginForm ul.formList {
	min-width: 420px;
	padding: 0;
}

ul.formList li ul {
	padding-left: 30px;
}
ul.formList.inline {
	overflow: hidden;
}
ul.formList li {
	line-height: 22px;
	min-height: 22px;
	margin-bottom: 10px;
	overflow: hidden;
}
ul.formList.inline li {
	display: inline-block;
	width: 290px;
	margin-right: 10px;
}
ul.formList li .inputholder {
	display: inline-block;
	vertical-align: top;
}
.buttonRow {
	display: block !important;
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px solid #ccc;
}



ul.formListShort li {
	line-height: 22px;
	min-height: 22px;
	margin-bottom: 10px;
	overflow: hidden;
}
ul.formListShort.inline li {
	display: inline-block;
	width: 290px;
	margin-right: 10px;
}
ul.formListShort li .inputholder {
	display: inline-block;
	vertical-align: top;
}
.buttonRow {
	display: block !important;
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px solid #ccc;
}



.searchForm .buttonRow {
	border-color: #222;
	width: 100% !important;
	padding: 10px 0;
	margin-bottom: 0;
}
ul.formList li label {
	display: inline-block;
	line-height: normal;
    padding: 5px 5px 0 0;
    vertical-align: top;
	width: 200px;
}
ul.formListShort li label {
	display: inline-block;
	line-height: normal;
    padding: 0px 0px 0 0 !Important;
    vertical-align: top;
	width: 200px;
}

input[type="checkbox"] {
	
   margin: 0px 20px 0px 0px !Important;
    
}
ul.legend li label {
      width: auto;
}
ul.formList li ul label {
	width: 170px;
}
ul.formList li .wrap {
	display: inline-block;
}
ul.formList span.info {
	white-space: nowrap;
}
ul.formList span.preview {
	vertical-align: top;
	margin-bottom: 10px;
	display: block;
}
.readOnly input[type="text"], .readOnly  input[type="password"], .readOnly select {
	border: none !important;
	background: none !important;
}
.textRight { text-align: right; }
.textCenter { text-align: center; }

/* Basic elements */
.mainPanel {
	padding: 20px 0 20px 185px;
	border-bottom: 1px solid #000;
	/*position: relative;*/
	min-height: 500px;
}
.mainPanel.noSidebar {
	background: none;
}
.mainPanel .sidebar {
	width: 163px;
	margin-left: -175px;
	float: left;
}
.mainPanel .content {
	padding: 0 20px;
}
.mainPanel.noSidebar .content {
	margin-left: -185px;
}
.content .column {
	float: left;
	width: 48%;
	margin: 0 2% 10px 0;
	min-width: 610px;
}
.content .column3rd {
    float: left;
    width: 30%;
    margin: 0 2% 10px 0;
    min-width: 410px;
}
ul.submenu {
	margin: 10px -10px;
	padding: 0;
	list-style: none;
	font-size: 12px;
}
ul.submenu li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	margin: 0;
}
ul.submenu li > span {
	padding: 5px 10px;
}
ul.submenu li a {
	padding: 5px 10px;
	display: block;
	text-decoration: none;
}
.graphHolder {
	padding: 20px 0;
	overflow: hidden;
}
.graph {
	width: 200px;
	float: left;
	padding: 10px 10px 10px 0;
}
.graph > div {
	width: 200px;
	height: 160px;
}
.graph h4 {
	text-align: center;
}
.tableHolder {
	margin: 10px 0;
}
.pager {
	padding: 8px;
}
.pager ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pager ul li {
	display: inline-block;
}
.pager ul li.right {
	float: right;
}
.pager a, .pager span {
	display: block;
	padding: 0 5px;
	line-height: 24px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
table.dataTable .flag {
	display: none;
}
table.dataTable .flagged .flag {
	display: inline-block;
	background: url(../images/flagged.png) no-repeat 0 0;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	vertical-align: middle;
	margin: 0 2px;
}
#footer {
    padding: 10px;
	font-size: 12px;
}
#footer p.copyright {
	margin: 0;
	float: right;
}
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
#footer li {
	display: inline-block;
	margin-right: 5px;
	padding-right: 5px;
}

/* support tickets styles */
ul.formList li.response {
    border: 1px solid #ddd;
    padding: 10px;
}
ul.formList li.response.admin {
	background: #fff4cc;
}
ul.formList li .meta {
	font-size: 0.9em;
	color: #666;
}
ul.formList li.ticketEditor {
}
/* Purr styles */
#purr-container {
	position: fixed;
	top: 50px;
	right: 10px;
	z-index: 910;
}

.notice {
	position: relative;
	width: 320px;
	background: url(../images/70-black.png) repeat 0 0 transparent;
	color: #f9f9f9;
	border: 1px solid #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
}
.notice .close	{position: absolute; top: 0; right: 0; display: block; width: 18px; height: 17px; text-indent: -9999px; background: url(../images/purrClose.png) no-repeat 0 10px;}
.notice-body { min-height: 64px; padding: 10px; }
.notice-body img	{width: 64px; margin: 0 10px 0 0; float: left;}
.notice-body h3	{margin: 0; font-size: 1.1em;}
.notice-body p	{
	margin: 5px 0 0 60px;
	font-size: 0.8em;
	line-height: 1.4em;
}
.notice-body td p { margin-left: 0; }

/* Login page styles ----------------------------------------------------------------------------------------- */
#login #wrapper {
	padding-top: 0;
}
.loginForm {
	width: 420px;
	max-width: 80%;
	padding: 20px;
	margin: 100px auto;
	background: #ddd;
	border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #666;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
}
.loginForm ul.formList li {
	overflow: visible;
}
.loginForm ul.formList li label {
	width: 120px;
}
.loginForm input[type="text"], .loginForm input[type="password"] {
	width: 285px;
}
.loginForm .buttonRow {
	text-align: right;
}

ul.cardList {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.cardList li {
	overflow: hidden;
	padding: 0 0 10px 210px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.cardImg {
	width: 190px;
	height: 120px;
	float: left;
	margin-left: -210px;
	position: relative;
}
.cardImg .cardInfo {
	position: absolute;
	color: #ddd;
	text-shadow: 1px 1px 0 #333;
}
.cardImg .cardInfo span {
	display: block;
	line-height: 1em;
}
.cardImg .cardInfo span.cardName {
	text-transform: uppercase;
	font-size: 10px;
	position: absolute;
}
.cardImg .cardInfo span.cardValid {
	font-size: 9px;
	position: absolute;
}
ul.cardTools {
	float: left;
	padding: 0;
	margin: 0;
}
ul.cardTools li {
	margin: 0;
	padding: 0;
	border: none;
	width: 49%;
	float: left;
}

/*
 * jQuery UI Dialog 1.8.16
 */
 .ui-icon  {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
.ui-resizable-handle {
    display: block;
    font-size: 0.1px;
    position: absolute;
	cursor: se-resize;
}
.ui-dialog { position: absolute; padding: 0; width: 400px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; overflow: hidden; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: 5px 0 0 0; padding: 5px; overflow: hidden; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog-content img {
	float: left;
	margin: 0 10px 5px 0;
}
.ui-widget-overlay  {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: url(../images/70-black.png) repeat scroll 50% 50%;
}

/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.next-tab {
	float: right;
}
.prev-tab {
	float: left;
}
#tabs {
    float: left;
    width: 100%;
}
#tabs .ui-tabs-nav {
	float: left;
	width: 100%;
	padding: 0;
	/*border-bottom: 1px solid #bbb;*/
}
.shortLabel
{
    width: 30px !important;
    padding:0 0 0 0 !important;
}

.isBlue
{
    color:Blue;
}
#tabs .ui-tabs-panel {
	clear: both;
	padding: 20px;
	border: 1px solid #bbb;
	overflow: hidden;
}
.ui-tabs-nav li {
	margin: 0 2px 0 0;
}
.ui-tabs-nav li a {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
.ui-tabs-nav li.ui-state-active a {
	color: #999;
}
.ui-tabs-nav li.ui-state-default {
	border: 1px solid #bbb;
	border-bottom: none;
	background: #ddd;
}
.ui-tabs-nav li.ui-state-active {
	background: #fff;
	padding-bottom: 1px !important;
	margin-bottom: -1px;
}

/* jQuery UI autocomplete */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 1px solid #bbb;
}
.ui-autocomplete .ui-menu-item {
	padding: 1px;
}
.ui-autocomplete .ui-menu-item a {
	display: block;
	line-height: 20px;
	padding: 0 3px;
}
.ui-autocomplete .ui-menu-item a.ui-state-focus {
	background: #9c6;
	color: #fff;
}
label.required {
    background: url(../images/asterisk.png) no-repeat 100% 0;
}
.imageHold img
{
    max-width: 300px !important;
}
.chosen-container {
    width: 415px !important;
}
.extended 
{
    width: 700px !important;
}


.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

.dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty {
    border: 1px dashed #bbb;
    min-height: 500px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }



#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

#nestable2 .dd-handle {
    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
    background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
    background:         linear-gradient(top, #bbb 0%, #999 100%);
}
#nestable2 .dd-handle:hover { background: #bbb; }
#nestable2 .dd-item > button:before { color: #fff; }

@media only screen and (min-width: 700px) {

    .dd { float: left; width: 48%; }
    .dd + .dd { margin-left: 2%; }

}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }