@font-face {
    font-family: robotoRegular;
    src: url(../../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: robotoCondensed;
    src: url(../../fonts/RobotoCondensed-Regular.ttf);
}

@font-face {
    font-family: robotoCondensedLight;
    src: url(../../fonts/RobotoCondensed-Light.ttf);
}

@font-face {
    font-family: robotoMedium;
    src: url(../../fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: robotoThin;
    src: url(../../fonts/Roboto-Thin.ttf);
}

body {
    font-family: robotoCondensedlight;
    font-size:1em;
    background-color: #f7f7f7;
    position: relative;
    margin: 0px;
    padding: 0px;
    /*-webkit-font-smoothing: antialiased;*/
}
h1,h2,h3,h4,h5 {
	margin: 0;
	line-height: inherit;
	color: #29323d;
}
h1 small,h2 small,h3 small,h4 small,h5 small {
	margin-left: 15px;
	font-style: italic;
}

a [class^="icon-DiSC"] {
	background: url("../img/DiSC-Icon.png") #fcfcfc no-repeat 95%;
	background-size: 24px 24px;
    background-color:transparent;
}

a [class^="icon-DPS"] {
	background: url("../img/DPS-Icon.png") #fcfcfc no-repeat 95%;
	background-size: 24px;
    background-color:transparent;
}

input.search{
	background: url("../img/lens.png") #fcfcfc no-repeat 95%;
	box-shadow: none;
	border:1px solid #d0dde9;
	margin: 0;
}

th span.help-block {
    margin-left: 0px;
    margin-bottom: 0px;
    text-transform: initial;
    font-weight: normal;
}
#selectPhotoFilterOptions {
    background-color:#fff;
}
#selectTimespan {
height: 26px;
width: 152px;
}

  select.add
, input[type="text"].add
, input[type="password"].add
, input[type="datetime"].add
, input[type="datetime-local"].add
, input[type="date"].add
, input[type="month"].add
, input[type="time"].add
, input[type="week"].add
, input[type="number"].add
, input[type="email"].add
, input[type="url"].add
, input[type="search"].add
, input[type="tel"].add
, input[type="color"].add
, .uneditable-input.add {
    border: 1px solid #7ea13d !important;
    background:#dff0d8 url(../img/add.png) no-repeat 5px 5px !important;
    padding-left:25px !important;
}
span.error {
    color:#b94a48 !important;
}
  select.error
, div.error
, textarea.error
, input[type="text"].error
, input[type="password"].error
, input[type="datetime"].error
, input[type="datetime-local"].error
, input[type="date"].error
, input[type="month"].error
, input[type="time"].error
, input[type="week"].error
, input[type="number"].error
, input[type="email"].error
, input[type="url"].error
, input[type="search"].error
, input[type="tel"].error
, input[type="color"].error
, .uneditable-input.error {
    border: 1px solid #c73939 !important;
    background:#FFF1EF url(../img/error.png) no-repeat 5px 5px !important;
    padding-left:25px !important;
}

  select.warning
, div.warning
, textarea.warning
, input[type="text"].warning
, input[type="password"].warning
, input[type="datetime"].warning
, input[type="datetime-local"].warning
, input[type="date"].warning
, input[type="month"].warning
, input[type="time"].warning
, input[type="week"].warning
, input[type="number"].warning
, input[type="email"].warning
, input[type="url"].warning
, input[type="search"].warning
, input[type="tel"].warning
, input[type="color"].warning
, .uneditable-input.warning {
    border: 1px solid #C9770D !important;
    background:#FBF2C3 url(../img/warning.png) no-repeat 5px !important;
    padding-left:25px !important;
}

select option:disabled {
    font-style: italic;
    background-color: #eee;
    text-decoration: line-through;
    color:#666;
}


.span3 input[type="text"], .span3 select, .span4 input[type="text"], .span4 select, .span6 input[type="text"], .span6 select {
    width: 100%;
    max-width: 220px;
}

.switch-field {
    overflow: hidden;
}


.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
  float: left;
}

.switch-field label {
  margin:0px !important;
  display: inline-block;
  min-width: 60px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
  font-size: 1em;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 6px 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #3b9ff3;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:#fff;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}



.table td.success {
  background-color: #dff0d8;
}

.table td.error {
  background-color: #f2dede;
}

.table td.warning {
  background-color: #fcf8e3;
}

.table td.info {
  background-color: #d9edf7;
}


.table-sortable:hover {
    cursor:pointer;
}

.table-sortable th.header { 
    background-image: url(../img/bg.gif); 
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: 4px 11px; 
    padding-left: 20px; 
    margin-left: -1px; 
} 

.table-sortable th.headerSortUp { 
    background-image: url(../img/asc.gif); 
} 
.table-sortable th.headerSortDown { 
    background-image: url(../img/desc.gif); 
} 
.table-sortable th.noSort { 
    background-image: none; 
    cursor:default;
} 

.table-striped2 tbody > tr {
    background: #f9f9f9;
}
.table-striped2 tbody > tr:nth-child(4n+1) {
    background: #fff;
}

.table-striped2 tbody > tr:nth-child(4n+2) {
    background: #fff;
}

.tablesorter-default {
    font: .9 robotocondensed !important;
}

.header {
    margin-bottom: 40px;
    /*margin-top: 160px;*/
}

.header h1,
.header h2,
.header h3,
.header h4,
.header h5 {
	float: left;
	margin-top: 5px;
}

/* Custom navbar stuff */
.navbar-inverse {
	margin-bottom: 0px;
    position:fixed;
    z-index:2;
    width:100%;
}

/* search input */
.navbar-inverse input.search {
	background: url("../img/lens.png") #0f1217 no-repeat 95%;
	border: 1px solid #0f1217;
	position: relative;
	border-radius: 4px;
	top: 9px;
	padding: 3px 6px;
	color: #000;
	font-size: 13px;
	margin-right: 40px;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.navbar-inverse input.search:focus {
	background-color: #fff;
}
/* navbar settings and logout icons */
.navbar-inverse .settings i {
	color: #9ba3ad;
	font-size: 21px;
}


/* notification menu with custom dropdowns */
.navbar-inverse .notification-dropdown {
	position: relative;
}
.navbar-inverse .notification-dropdown > a:hover,
.navbar-inverse .notification-dropdown > a.active {
	background: #254261 !important;
	box-shadow: inset 1px 0px 1px 0px rgb(62, 90, 121);
}
.navbar-inverse .notification-dropdown i {
	font-size: 17px;
	color: #9ba3ad;	
}
.navbar-inverse .notification-dropdown .count, .nav .count {
	position: absolute;
	top: 15px;
	left: 58%;
	background: rgb(53, 186, 196);
	padding: 0px 5px;
	border-radius: 30px;
	color: #fff;
	line-height: 16px;
	z-index: 9999;
	text-align: center;
	font-size: 11px;
}
.nav a {position:relative;}
.navbar-inverse .notification-dropdown .green {
	background: #96bf48;
}


/* navbar popup dialog */
.navbar-inverse .pop-dialog {
	position: absolute;
	right: -10px;
	top: 55px;
	display: none;
}
.navbar-inverse .pop-dialog.is-visible {
	display: block; 
	-webkit-animation: reveal .2s ease-out;
	-moz-animation: reveal .2s ease-out;
	animation: reveal .2s ease-out;
}
.navbar-inverse .pop-dialog .body {
	box-shadow: 0px 1px 9px 1px #c2c2c2;
}
.navbar-inverse .pop-dialog .close-icon {
	float: right;
	text-decoration: none;
	z-index: 9999;
	position: relative;
}
.navbar-inverse  .pop-dialog .footer {
	border-top: 1px solid #e6e8e9;
	background-color: #eff4f7;
	margin: 15px 0px -10px 0px;
	border-radius: 0px 0px 5px 5px;
	padding: 12px 20px;
	text-align: center;
}
.navbar-inverse  .pop-dialog .footer a {
	font-weight: 600;
	color: #7d91a8;
}

/* navar popup dialog for notifications */
.navbar-inverse  .pop-dialog .notifications {
	width: 330px;
	margin: 10px -10px 0px -10px;
}
.navbar-inverse  .pop-dialog .notifications h3 {
	font-size: 13px;
	color: #404951;
	font-weight: bold;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.navbar-inverse  .pop-dialog .notifications .item {
	display: block;
	padding: 10px 0px 8px 20px;
	border-top: 1px solid #e7e8ea;
	color: rgb(54, 54, 54);
	text-decoration: none;
	padding-left: 50px;
	position: relative;
	transition: all .25s linear;
	-moz-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
}
.navbar-inverse  .pop-dialog .notifications .item:hover {
	background: rgb(240, 246, 255);
}
.navbar-inverse  .pop-dialog .notifications .item > i {
	color: rgb(252, 130, 123);
	position: absolute;
	left: 19px;
	font-size: 18px;
}
.navbar-inverse  .pop-dialog .notifications .item > i.icon-user {
	left: 18px;
}
.navbar-inverse  .pop-dialog .notifications .item .time {
	float: right;
	color: #82a3c1;
	font-style: italic;
	font-weight: 600;
	font-size: 11px;
	min-width: 60px;
	margin-right: 5px;
}
.navbar-inverse  .pop-dialog .notifications .item .time i {
	font-size: 13px;
	color: #cfcfcf;
	margin-right: 1px;
}

/* navar popup dialog for messages */
.navbar-inverse .pop-dialog .messages {
	width: 330px;
	margin: 10px -10px 0px -10px;
}
.navbar-inverse  .pop-dialog .messages .item {
	display: block;
	padding: 10px 20px 15px 20px;
	min-height: 54px;
	border-bottom: 1px solid #e7e8ea;
	color: rgb(54, 54, 54);
	text-decoration: none;
	position: relative;
	transition: all .25s linear;
	-moz-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
}
.navbar-inverse  .pop-dialog .messages .item.last {
	border-bottom: 0px;
}
.navbar-inverse  .pop-dialog .messages .item:hover {
	background: rgb(240, 246, 255);
}
.navbar-inverse  .pop-dialog .messages .item .display {
	float: left;
	border-radius: 50px;
	margin-right: 15px;
}
.navbar-inverse  .pop-dialog .messages .item .name {
	font-size: 12px;
	color: #404951;
	font-weight: bold;
}
    .navbar-inverse .pop-dialog .messages .item .name i{
        margin-right:5px;
    }

.navbar-inverse  .pop-dialog .messages .item .msg {
	font-size: 11px;
	color: rgb(117, 118, 119);
	font-weight: 600;
	line-height: 13px;
	position: relative;
	top: 5px;
}
    .navbar-inverse .pop-dialog .messages .item .msg a {
        font-size:13px;
        line-height:15px;
        font-weight:normal;
        line-height:25px;
    }
.navbar-inverse  .pop-dialog .messages .item .time {
	position: absolute;
	right: 0px;
	bottom: 6px;
	color: #82a3c1;
	font-style: italic;
	font-weight: 600;
	font-size: 11px;
	min-width: 60px;
	margin-right: 5px;
}
.navbar-inverse  .pop-dialog .messages .item .time i {
	font-size: 13px;
	color: #cfcfcf;
	margin-right: 1px;
}
.navbar-inverse  .pop-dialog .messages .footer {
	margin-top: 6px;
}

div.button-bar {
    display: inline-block;
    border-left: solid 1px #ddd;
    margin-left: 20px;
    padding-left: 30px;
}

.tag {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f2f5f9;
    color: #333;
    border: 1px solid #d6e2eb;
    line-height: 13px;
    padding: 3px 5px 3px 5px;
    margin: 3px 0 3px 5px;
    position: relative;
	cursor:default;
    display:inline-block;
}
.tag-selected {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.tag a.delete
{
	cursor:pointer;
    text-decoration:none;
    padding-right:3px;
}
.tag span 
{
	font-size:10px;
	font-weight:bold;
}
/* for delete buttons */
.table {
    display: inline-table;
    /*display:inline-block; removed 5.20.20 to make tables on homepage full width */
}

.table td {
    position: relative;
}

tr.table-section {
    background-color: #f5f5f5;
    border-top:3px solid #dddddd;
}
/*.table tr {display:inline-block}*/
/*.table tr a.btn-danger {display:none;position:absolute;top:7px;right:0px;}
.table tr:hover a.btn {display:block;}
*/
.table tr div.controls {display:none;top:7px;right:0px;}
.table tr:hover div.controls {display:block;}
.table tr div.controls:hover {display:block;}
.table tr div.control .dropdown-menu {margin-top:-3px;}


/* Sidebar */
#sidebar-nav {
	position: absolute;
	width: 185px;
	float: left;
	margin: 0em;
	padding-top: 5.8em;	
}
#dashboard-menu {
	list-style: none;
	/*padding-right: 15px;*/
	padding-left: 15px;
	margin-bottom: 0;
	margin-left: 0px;
}
#dashboard-menu > li > a {
	display: block;
	margin-right: -15px;
	margin-left: -15px;
	padding: 19px 14px 15px 14px;
	margin-bottom: 5px;
	border-bottom: 1px solid #dae1e8;
	box-shadow: 0 2px 1px -1px #FFFFFF;
	color: rgb(110, 130, 155);
	outline: 0px;
	width: 88%;
}
#dashboard-menu > li {
	position: relative;
}
/* font awesome icon */
#dashboard-menu > li .icon-group {
	font-size: 22px;
}
#dashboard-menu > li i {
	font-size: 23px;
	top: 17px;
}
#dashboard-menu .pointer {
	position: absolute;
	right: 14px;
	top: 20px;
}
#dashboard-menu .pointer .arrow,
#dashboard-menu .pointer .arrow_border {
	border-color: transparent #fff transparent transparent;
	border-width: 11px;
	border-style: solid;
	font-size: 0;
	left: 50%;
	line-height: 0;
	margin: 0 auto;
	position: absolute;
	top: 0;
	width: 0;
	z-index: 1002;
	left: 0;
	margin-left: 45%;
    display:none; /* Hide this arrow.. it's dumb*/
}
#dashboard-menu .pointer .arrow_border {
	border-color: transparent rgb(192, 210, 221) transparent transparent;
	border-width: 11px;
	margin-left: -1px;
	border-style: solid;
	z-index: 1001;
	top: 0px;
}
#dashboard-menu a span {
	margin-left: 35px;
	transition: color .1s linear;
	-moz-transition: color .1s linear;
	-webkit-transition: color .1s linear;
	-o-transition: color .1s linear;
}
#dashboard-menu a.ui-elements span {
	margin-left: 25px;
}
#dashboard-menu a i {
	position: absolute;
	left: 0;
	height: 24px;
	width: 24px;
	opacity: 0.7;
	transition: opacity .1s ease;
	-moz-transition: opacity .1s ease;
	-webkit-transition: opacity .1s ease;
	-o-transition: opacity .1s ease;
}
#dashboard-menu a i.icon-chevron-down {
	position: relative;
	float: right;
	top: 5px;
	font-size: 11px;
	color: rgb(104, 104, 104);
	width: initial;
	height: initial;
}
#dashboard-menu > li:hover i{
	opacity: 1;
}
#dashboard-menu > li.active > a,
#dashboard-menu > li > a:hover {
	color: rgba(51, 69, 90, 1);
	text-decoration: none;
}
#dashboard-menu > li.active a {
	font-weight: 600;
	text-shadow: 1px 1px 1px #fff;
}
#dashboard-menu > li.active i{
	opacity: 1;
}

/* sidebar submenus */
#dashboard-menu > li.active .dropdown-toggle {
	border-bottom: 0px;
	box-shadow: none;
}
#dashboard-menu ul.submenu {
	list-style-type: none;
	display: none;
	margin-top: 7px;
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: -15px;
	padding-left: 15px;
	border-bottom: 1px solid #dae1e8;
	box-shadow: 0 2px 1px -1px #FFFFFF;
	padding-bottom: 10px;
}
    #dashboard-menu ul.submenu li h2 {
        display:none;
    }

#dashboard-menu ul.submenu.active {
	display: block;
}
#dashboard-menu ul.submenu a {
	font-weight: normal;
	font-size: 1em;
	color: rgb(76, 83, 90);
	text-decoration: none;
	display: block;
    margin-bottom:7px;
}
#dashboard-menu ul.submenu a:hover {
	text-decoration: underline;
}
#dashboard-menu ul.submenu a.active {
	font-weight: bold;
	text-shadow: none;
}


#pad-wrapper {
	padding: 0px 25px;
	margin-top: 40px;
}
#pad-wrapper h4 {
	margin: 0 0 10px 0;
	color: #696d73;
}
#pad-wrapper h5 
{
	color: #696d73;
	margin-top:30px;
	margin-bottom:3px;
	font-weight:bold;
}
#pad-wrapper p 
{
	font-size:14px;
	line-height:22px;
}
#pad-wrapper div.readonly     
{
	  display: inline-block;
  min-height: 30px;
  padding: 4px 6px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  background-color: #f7f7f7;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

#selectPhotoPopupFilename {
    max-width:340px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

    #newTag {
        width: 130px;
    }
    #newTagItems {
        position: absolute;
        z-index: 9999;
        background: #fff;
        border: 1px solid #cccccc;
        min-width: 158px;
        max-height:200px;
        overflow-y:scroll;
        top: 29px;
        display:none;
    }
    #newTagItems ul {
        margin:0px;
    }
    #newTagItems li {
        list-style:none;
        padding-left:4px;
        padding-right:10px;
    }
    #newTagItems li:hover {
        background-color:#f5fafc;
        cursor:pointer;
    }


.content {
    min-width: 400px;
    min-height: 850px;
    margin-bottom: 100px;
    padding-bottom: 50px;
    overflow: visible;
    position: relative;
    background: #fff;
    margin-left: 177px;
    border-left: 1px solid #dae3e9;
    border-bottom: 1px solid #dae3e9;
    box-shadow: 3px 6px 3px -2px #f1f1f3;
    border-radius: 0px 0px 0px 5px;
    max-width: 90%;
}
.content.wide-content {
	margin-left: 0;
	border-radius: 0;
}

/* starts skins changer */
.content .skins-nav {
	opacity: 1;
	-webkit-transition: right .3s;
	-moz-transition: right .3s;
	-ms-transition: right .3s;
	-o-transition: right .3s;
	transition: right .3s;

	position: fixed;
	right: -85px;
	top: 135px;
	font-size: 13px;
	z-index: 9999;
}
.content .skins-nav:hover {
	right: 0;
}
.content .skins-nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
	height: 37px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	margin-bottom: 3px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.content .skins-nav a.first_nav {
	background: rgba(95, 175, 228, 0.8);
}
.content .skins-nav a.second_nav {
	background: rgba(36, 43, 77, 0.8);
}
.content .skins-nav a.first_nav:hover {
	background: rgba(95, 175, 228, 1);
}
.content .skins-nav a.second_nav:hover {
	background: rgba(36, 43, 77, 1);
}
.content .skins-nav a .icon {
	float: left;
	width: 9px;
	height: 10px;
	background: url('../img/skin-nav-bullets.png') 0 0 no-repeat;
	margin: 15px 15px 0 5px;
}
.content .skins-nav a.selected .icon {
	background-position: 0 -9px;
}
.content .skins-nav a .text {
	padding-right: 12px;
	white-space: nowrap;
	display: block;
	width: 100px;
	position: relative;
	top: 9px;
	-webkit-transition: width .2s;
	-moz-transition: width .2s;
	-ms-transition: width .2s;
	-o-transition: width .2s;
	transition: width .2s;
}
/* end skin changer*/

.modal {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
}
.modal-body .field-box {
    margin-bottom:10px;
}
.dropdown-menu hr {
    margin:0px;
    margin-left:10px;
    margin-right:10px;
}
.dropdown-menu a {
    background-color:#fff !important;
    font-style:normal !important;
}

#main-stats {
    margin-top:80px;
    margin-left: 0; 
    margin-right: 0;
/*    position:fixed;*/
    z-index: 998;
}
#main-stats .stat:first-child {
    padding-left:20px
}
#main-stats .stats-row {
/*position: fixed;*/
background-color: #fff;
z-index: 998;
padding-left:10px;
}
#main-stats .toolbar{
text-align: left;
padding: 30px 0px 35px 15px;
border-right: 1px solid #e8e9ee;
position: relative;
box-shadow: 1px 0px 0px 0px white;
}

#mobileAdminMenu{
    display: none;
    position: absolute;
    top: 43px;
    background-color: red;
    height: 100%;
    right: 5px;
    z-index: 1000;
    color: #fff;
    z-index: 999;
    background-color: #f7f7f7;
    padding-top: 0px;
    border-right: 1px solid #ccc;
    width: 165px;
    box-shadow: 1px 1px 4px 1px rgb(233, 233, 233);
    -webkit-transition: right .25s ease;
    -moz-transition: right .25s ease;
    -o-transition: right .25s ease;
    -ms-transition: right .25s ease;
    transition: right .25s ease;
}
#mobileAdminMenu > li > a {
    display: block;
    margin-right: -15px;
    padding: 19px 14px 15px 14px;
    margin-bottom: 5px;
    border-bottom: 1px solid #dae1e8;
    box-shadow: 0 2px 1px -1px #FFFFFF;
    color: rgb(110, 130, 155);
    outline: 0px;
    width: 88%;
}

.allowScrolling {
    overflow:auto;
}
/* responsive */
@media (max-width: 1020px) {
	.content {
		margin-left: 65px;
	}
	#dashboard-menu {
		margin-left: 5px;
	}
	#dashboard-menu .pointer {
		display: none;
	}
	#dashboard-menu li a span {
		visibility: hidden;
	}

    #dashboard-menu ul.submenu.active {
        display:none;
    }
        #dashboard-menu > li.active .dropdown-toggle {
            border-bottom: 1px solid #dae1e8;
            box-shadow: 0 2px 1px -1px #FFFFFF;
        }

    /* for responsive menu */
    #dashboard-menu ul.submenu {
        box-shadow: 0 2px 6px rgba(0,0,0,.3);
        position: absolute;
        top: -13px;
        left: 60px;
        z-index: 9;
        width: 200px;
        background: #f7f7f7;
        padding-left:0px;
        border: solid 3px #fff;
        border-radius: 0px;
        display:none;
    }
        #dashboard-menu ul.submenu a {
            border-bottom: solid 1px #ddd;
            margin: 5px
        }
        #dashboard-menu ul.submenu li h2 {
            background: linear-gradient(to bottom,  #2c3742 0%,#28303a 100%);
            color: #fff;
            font-size: 15px;
            padding: 5px;
            font-family: Roboto,Arial,sans-serif;
            border-radius: 0px;
            position: relative;
            display:block;
        }
        #dashboard-menu ul.submenu li {
            line-height:30px
        }
}
@media (max-width: 600px) {
	.content {
		margin-left: 0em;
		border-left-width: 0px;
	}	
}
@media (max-width: 822px) {
	.navbar-inverse input.search {display: none;}
}
@media (max-width: 767px) {
	#pad-wrapper {  
		padding: 0px 5px;
	}
	.content {
		min-width: 0px;
		margin:0;
	}
	#main-stats .stat{
		width: 50%;
		float: left;
	}

	#sidebar-nav {
		left: -200px;
		position: fixed;
		z-index: 9999;
		background-color: #f7f7f7;
		padding-top: 0px;
		border-right: 1px solid #ccc;
		width: 165px;
		box-shadow: 1px 1px 4px 1px rgb(233, 233, 233);

		-webkit-transition: left .25s ease;
		-moz-transition: left .25s ease;
		-o-transition: left .25s ease;
		-ms-transition: left .25s ease;
		transition: left .25s ease;
	}	
	#sidebar-nav #dashboard-menu {
		margin-left: 10px;
	}
	#sidebar-nav #dashboard-menu li a span {
		visibility: visible;
	}
	#sidebar-nav #dashboard-menu li:last-child a {
		border-bottom: 0px;
		box-shadow: none;
	}
	#sidebar-nav.display {
		position: absolute;
		left: 0;
		height: 100%;
	}

    #dashboard-menu ul.submenu {
        box-shadow: inherit;
        position: relative;
        top: 0px;
        left: 0px;
        width: inherit;
        background: #f7f7f7;
        padding-left:15px;
        border: none;
        border-radius: 0px;
    }
        #dashboard-menu ul.submenu li h2 {
            display:none;
        }

}

input[type=checkbox] {
margin:0px;
margin-right:8px;
}
a.btn-flat, a.btn, button.btn-flat, button.btn {margin-right:10px;}

/* gallery thumbnail stuff */
.galleryItems li 
{
    list-style:none;
	display: inline-block;
	width: 175px;
	vertical-align: top;
	margin: 10px;
	padding:5px;
	background: #fff;
	border:solid 1px #edf2f7;
	position:relative;
}    
.galleryItems img 
{
	max-height:75px;
} 
.galleryItems span 
{
	display:block;
	font-style:italic;
}
.galleryItems a.btn 
{
	position:absolute;
	top:5px;
	right:0px;
    display:none;	
	z-index:1000;
}
.galleryItems li:hover a.btn
{
	display:block;
}
.galleryItems li div.gripper 
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#4387bf;
	color:#fff;
	height:23px;
	width:177px;
	z-index:100;
	cursor:move;
	border-radius: 4px;
	padding:4px;
	font-size:9px;
}
.add-tag { cursor:pointer; display:none }
.galleryItems li:hover {background-color:#f5fafc;cursor:default;}
.galleryItems li:hover div.gripper {display:block}
.galleryItems li:hover div.add-tag {display:inline-block}


.icon-page, .icon-aac, .icon-ai, .icon-aiff, .icon-avi,
.icon-bmp, .icon-c, .icon-cpp, .icon-css, .icon-dat,
.icon-dmg, .icon-doc, .icon-dotx, .icon-dwg, .icon-dxf,
.icon-eps, .icon-exe, .icon-flv, .icon-gif, .icon-h,
.icon-html, .icon-ics, .icon-iso, .icon-java, .icon-jpg,
.icon-js, .icon-key, .icon-less, .icon-mid, .icon-mp3,
.icon-mp4, .icon-mpg, .icon-odf, .icon-odt, .icon-otp,
.icon-ots, .icon-ott, .icon-pdf, .icon-php, .icon-png,
.icon-ppt, .icon-psd, .icon-rar, .icon-rtf, .icon-sql,
.icon-tga, .icon-tgz, .icon-tiff, .icon-txt, .icon-wav,
.icon-xls, .icon-xlsx, .icon-xml, .icon-zip, .icon-docx,
.icon-jpeg, .icon-pptx, .icon-tif, .icon-htm
{ display: inline-block; background: url('../../images/extensions.png') no-repeat; }
 
.icon-page { background-position: -2px -0px; width: 32px; height: 32px; }
.icon-aac { background-position: -36px -0px; width: 32px; height: 32px; }
.icon-ai { background-position: -70px -0px; width: 32px; height: 32px; }
.icon-aiff { background-position: -104px -0px; width: 32px; height: 32px; }
.icon-avi { background-position: -138px -0px; width: 32px; height: 32px; }
.icon-bmp { background-position: -172px -0px; width: 32px; height: 32px; }
.icon-c { background-position: -206px -0px; width: 32px; height: 32px; }
.icon-cpp { background-position: -2px -34px; width: 32px; height: 32px; }
.icon-css { background-position: -36px -34px; width: 32px; height: 32px; }
.icon-dat { background-position: -70px -34px; width: 32px; height: 32px; }
.icon-dmg { background-position: -104px -34px; width: 32px; height: 32px; }
.icon-doc { background-position: -138px -34px; width: 32px; height: 32px; }
.icon-docx { background-position: -138px -34px; width: 32px; height: 32px; }
.icon-dotx { background-position: -172px -34px; width: 32px; height: 32px; }
.icon-dwg { background-position: -206px -34px; width: 32px; height: 32px; }
.icon-dxf { background-position: -2px -68px; width: 32px; height: 32px; }
.icon-eps { background-position: -36px -68px; width: 32px; height: 32px; }
.icon-exe { background-position: -70px -68px; width: 32px; height: 32px; }
.icon-flv { background-position: -104px -68px; width: 32px; height: 32px; }
.icon-gif { background-position: -138px -68px; width: 32px; height: 32px; }
.icon-h { background-position: -172px -68px; width: 32px; height: 32px; }
.icon-html { background-position: -206px -68px; width: 32px; height: 32px; }
.icon-htm { background-position: -206px -68px; width: 32px; height: 32px; }
.icon-ics { background-position: -2px -102px; width: 32px; height: 32px; }
.icon-iso { background-position: -36px -102px; width: 32px; height: 32px; }
.icon-java { background-position: -70px -102px; width: 32px; height: 32px; }
.icon-jpg { background-position: -104px -102px; width: 32px; height: 32px; }
.icon-jpeg { background-position: -104px -102px; width: 32px; height: 32px; }
.icon-js { background-position: -138px -102px; width: 32px; height: 32px; }
.icon-key { background-position: -172px -102px; width: 32px; height: 32px; }
.icon-less { background-position: -206px -102px; width: 32px; height: 32px; }
.icon-mid { background-position: -2px -136px; width: 32px; height: 32px; }
.icon-mp3 { background-position: -36px -136px; width: 32px; height: 32px; }
.icon-mp4 { background-position: -70px -136px; width: 32px; height: 32px; }
.icon-mpg { background-position: -104px -136px; width: 32px; height: 32px; }
.icon-odf { background-position: -138px -136px; width: 32px; height: 32px; }
.icon-odt { background-position: -172px -136px; width: 32px; height: 32px; }
.icon-otp { background-position: -206px -136px; width: 32px; height: 32px; }
.icon-ots { background-position: -2px -170px; width: 32px; height: 32px; }
.icon-ott { background-position: -36px -170px; width: 32px; height: 32px; }
.icon-pdf { background-position: -70px -170px; width: 32px; height: 32px; }
.icon-php { background-position: -104px -170px; width: 32px; height: 32px; }
.icon-png { background-position: -138px -170px; width: 32px; height: 32px; }
.icon-ppt { background-position: -172px -170px; width: 32px; height: 32px; }
.icon-pptx { background-position: -172px -170px; width: 32px; height: 32px; }
.icon-psd { background-position: -206px -170px; width: 32px; height: 32px; }
.icon-rar { background-position: -2px -204px; width: 32px; height: 32px; }
.icon-rtf { background-position: -36px -204px; width: 32px; height: 32px; }
.icon-sql { background-position: -70px -204px; width: 32px; height: 32px; }
.icon-tga { background-position: -104px -204px; width: 32px; height: 32px; }
.icon-tgz { background-position: -138px -204px; width: 32px; height: 32px; }
.icon-tiff { background-position: -172px -204px; width: 32px; height: 32px; }
.icon-tif { background-position: -172px -204px; width: 32px; height: 32px; }
.icon-txt { background-position: -206px -204px; width: 32px; height: 32px; }
.icon-wav { background-position: -2px -238px; width: 32px; height: 32px; }
.icon-xls { background-position: -36px -238px; width: 32px; height: 32px; }
.icon-xlsx { background-position: -70px -238px; width: 32px; height: 32px; }
.icon-xml { background-position: -104px -238px; width: 32px; height: 32px; }
.icon-zip { background-position: -138px -238px; width: 32px; height: 32px; }

.maxwidth400 {display:inline-block; max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

/* activeTRAC stuff here*/
.companySelect, .driverSelect, .geoFenceSelect {
    height: 20px;
    padding: 4px 6px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075);
    cursor: pointer;
    min-height: 22px;
    display: inline-block;
}
.companySelect, .driverSelect, .geoFenceSelect {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

    .companySelect img, .driverSelect img, .geoFenceSelect  img{
        cursor: pointer;
        display: none;
        position: absolute;
        right: 3px;
        top: 6px;
    }

    #companyList h1, .driverSelect h1, .geoFenceSelect h1{
        font-size: 1.4em;
    }
    #companyList h2, .driverSelect h2, .geoFenceSelect h2 {
        font-size: 1em;
        font-weight: bold;
    }
        #companyList h2 span, .driverSelect h2 span, .geoFenceSelect h2 span {
            font-size: .8em;
            font-weight: normal;
            margin-right: 5px;
        }
    #companyList p, .driverSelect p, .geoFenceSelect p {
        margin: 5px 0px 0px 0px;
    }
    #companyList div, .driverSelect div, .geoFenceSelect div {
        border-bottom: solid 1px #eee;
        padding-top: 5px;
    }
        #companyList div:hover, .driverSelect div:hover, .geoFenceSelect div:hover {
            cursor: pointer;
            background-color: #f5fafc;
        }

/* for map related pages */
#disabledOverlay {
    display:block;
    position: absolute;    
    height: 1000px;
    width: 100%;
    z-index: 99;
    background-color: gray;
    padding: 10px;
    opacity: .8;
    color:#fff;
    text-align:center;
    font-weight:bold;
    font-size:1.3em;
}
#disabledOverlay h3 {
    padding-top:10%;
    color:#fff;
}

/* for auto resizing video container*/
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* For email builders & tags */
.tags {
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    min-height:26px;
 }
#tenantContactList {
    max-height:100px;
    overflow:auto;
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
}
#tenantContactList ul {
    list-style:none;
    margin: 0;
}
#tenantContactList li span {
    font-style:italic;
}
/* pickadate stuff here */
/**
* Datepicker stuff: Make the holder and frame fullscreen.
*/
.picker__holder,.picker__frame{z-index:9;top:0;bottom:0;left:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.picker__holder{position:fixed;transition:background .15s ease-out,-webkit-transform 0 .15s;transition:background .15s ease-out,transform 0 .15s;-webkit-backface-visibility:hidden}.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .15s ease-out}@media (min-height: 33.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}}@media (min-height: 40.125em){.picker__frame{margin-bottom:7.5%}}.picker__wrap{display:table;width:100%;height:100%}@media (min-height: 33.875em){.picker__wrap{display:block}}.picker__box{background:#fff;display:table-cell;vertical-align:middle}@media (min-height: 26.5em){.picker__box{font-size:1.25em}}@media (min-height: 33.875em){.picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,0.24)}}@media (min-height: 40.125em){.picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}}.picker--opened .picker__holder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background:transparent;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000);zoom:1;background:rgba(0,0,0,0.32);transition:background .15s ease-out}.picker--opened .picker__frame{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-moz-opacity:1;opacity:1}@media (min-height: 33.875em){.picker--opened .picker__frame{ top:80px;bottom:auto/*top:auto;bottom:0*/}}

.picker__box{padding:0 1em;max-height:410px;overflow:auto}.picker__header{text-align:center;position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}@media (min-width: 24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__nav--prev,.picker__nav--next{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}@media (min-width: 24.5em){.picker__nav--prev,.picker__nav--next{top:-.33em}}.picker__nav--prev{left:-1em;padding-right:1.25em}@media (min-width: 24.5em){.picker__nav--prev{padding-right:1.5em}}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width: 24.5em){.picker__nav--next{padding-left:1.5em}}.picker__nav--prev:before,.picker__nav--next:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--prev:hover,.picker__nav--next:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:hover,.picker__nav--disabled:before,.picker__nav--disabled:before:hover{cursor:default;background:none;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker__table{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height: 33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height: 33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent;color:#000}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker__day--infocus:hover,.picker__day--outfocus:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__day--highlighted{border-color:#0089ec}.picker__day--highlighted:hover,.picker--focused .picker__day--highlighted{cursor:pointer;color:#000;background:#b1dcfb}.picker__day--selected,.picker__day--selected:hover,.picker--focused .picker__day--selected{background:#0089ec;color:#fff}.picker__day--disabled,.picker__day--disabled:hover,.picker--focused .picker__day--disabled{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__footer{text-align:center}.picker__button--today,.picker__button--clear,.picker__button--close{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--today:hover,.picker__button--clear:hover,.picker__button--close:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--today:focus,.picker__button--clear:focus,.picker__button--close:focus{background:#b1dcfb;border-color:#0089ec;outline:none}.picker__button--today:before,.picker__button--clear:before,.picker__button--close:before{position:relative;display:inline-block;height:0}.picker__button--today:before,.picker__button--clear:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}

.picker__list{list-style:none;padding:.75em 0 4.2em;margin:0}.picker__list-item{color:#000;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:-1px;position:relative;background:#fff;padding:.75em 1.25em}@media (min-height: 46.75em){.picker__list-item{padding:.5em 1em}}.picker__list-item:hover{cursor:pointer;color:#000;background:#b1dcfb;border-color:#0089ec;z-index:10}.picker__list-item--highlighted{border-color:#0089ec;z-index:10}.picker__list-item--highlighted:hover,.picker--focused .picker__list-item--highlighted{cursor:pointer;color:#000;background:#b1dcfb}.picker__list-item--selected,.picker__list-item--selected:hover,.picker--focused .picker__list-item--selected{background:#0089ec;color:#fff;z-index:10}.picker__list-item--disabled,.picker__list-item--disabled:hover,.picker--focused .picker__list-item--disabled{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default;border-color:#ddd;z-index:auto}.picker--time .picker__button--clear{display:block;width:80%;margin:1em auto 0;padding:1em 1.25em;background:none;border:0;font-weight:500;font-size:.67em;text-align:center;text-transform:uppercase;color:#666}.picker--time .picker__button--clear:hover,.picker--time .picker__button--clear:focus{color:#000;background:#b1dcfb;background:#e20;border-color:#e20;cursor:pointer;color:#fff;outline:none}.picker--time .picker__button--clear:before{top:-.25em;color:#666;font-size:1.25em;font-weight:700}.picker--time .picker__button--clear:hover:before,.picker--time .picker__button--clear:focus:before{color:#fff;border-color:#fff}.picker--time .picker__frame{min-width:256px;max-width:320px}.picker--time .picker__box{font-size:1em;background:#f2f2f2;padding:0}@media (min-height: 40.125em){.picker--time .picker__box{margin-bottom:5em}}

th.border, td.border  {
    border-left:solid 2px #dddddd;
}
th.rightAlign, td.rightAlign {
    text-align:right;
}


    #no-conversations {
        display:block;
        border:solid 5px #FF7A4D;
        /*width:600px;*/
        box-shadow: 0 2px 6px rgba(0,0,0,.3);
        margin-left:260px;
        border-radius:5px;
        position:relative;
        padding:15px;
        text-align:center;
    }

    #conversation-container {
        display:none;
        border:solid 5px #FF7A4D;
        box-shadow: 0 2px 6px rgba(0,0,0,.3);
        /*width:600px;*/
        margin-left:260px;
        border-radius:5px;
        position:relative;
    }
    #conversation-window {
        max-height:600px;
        overflow:auto;
    }

    #conversation-window ul {
        list-style-type:none;
        margin-left:0px;
        margin-bottom:5px;
    }
    #conversation-window li {
        background-color:#fff;
    }
    #conversation {
        width:100%;
    }
    #conversation tr {
        background-color:#F0F8FF;
        border-bottom:5px solid #f9f9f9;
    }
    #conversation td {
        padding:5px;
        padding-left:5px;
    }
    #conversation td.message-header {
        background-color:#BFDFFF;
        width:150px;
        max-width:150px;
        text-align:center;
        padding:0px;
        padding-left:0px;
    }
    #conversation td.message-header strong {
        display:block;
        font-weight:bold;
        margin-bottom:10px;
        white-space:nowrap;
        text-overflow:ellipsis;
        width:100%;
        overflow:hidden;
    }
    #conversation td.message-header label {
        display:block;
    }
    #conversation tr.self {
        background-color:#fff;
    }
    #conversation tr.self td {
        padding-left: 35px;
    }
    #conversation tr.self td.message-header {
        background-color:#FFCBB9;
        width:100px;
        padding-left: 0px;
    }
    #conversation-controls {
        background-color:#eee;
    }
    #conversation-controls textarea {
        width:95%;
        padding:5px;
    }
    #conversation-message-controls {
        display:none;
    }

    /* filter builder stuff here */

 #filterBuilder {
     display:inline-block;
     width:100%;
 }

 .filterItem {
     display:block;
     background-color:#fff;
     min-height:60px;
     border:solid 1px #ddd;
     margin:5px;
     position:relative;
 }
     .filterItemOr {
         margin-left:45px;
     }

     .filterItem .filterDelete {
        position:absolute;
        top:20px;
        right:5px;
        display:none;
     }
         .filterItem:hover .filterDelete {
            display:inline-block;
            cursor:pointer;
         }

 .filterCondition {
     background-color:#cdcdcd;
     width:100px;
     height:100%;
     display:inline-block;
     float:left;
 }
     .filterCondition:hover  {
         cursor:pointer;
         color:#fff;
         background-color: #3b9ff3;
     }

     .filterItemOr .filterCondition {
        width:60px
     }

         .filterItemOr .filterCondition span {
            width:60px
         }

     .filterCondition span {
         text-align:center;
         font-weight:bold;
        text-align: center;
        vertical-align: middle;
        line-height: 60px;
        width:100%;
        display:inline-block;     
     }

     .filterCondition select {
         width:100%;
         display:none;
     }


.filterCriteria {
     /*display:inline-block;
         width:670px;
     */
     margin-left:100px;
     padding:15px 0px 0px 10px;
}
.filterComparison {
    width:180px;
}
    .filterCriteria label {
        display:inline-block;
    }

    .filterValue {
        display:inline-block;
    }

     .filterBy {
         float: left;
     }
     .filterBy input {
         margin-left: 5px;
     }
     .filterValueHide { display:none; }

/* messging styles */
div.activeMessageCenterPanel {
    width: 95%;
    border: solid;
    float: left;
    margin: 10px;
    padding: 5px;
    color: #3a87ad !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
    border-radius: 5px;
    cursor: pointer;
}

    div.activeMessageCenterPanel h4 {
        font-weight: bold;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

        div.activeMessageCenterPanel h4 span {
            background: #96bf48;
            position: absolute;
            top: 1px;
            right: 0px;
            padding: 0px 5px;
            border-radius: 30px;
            color: #fff;
            line-height: 16px;
            z-index: 9999;
            text-align: center;
            font-size: 11px;
        }

    div.activeMessageCenterPanel h5 {
        font-style: italic;
        text-align: right;
        font-size: .9em
    }

    div.activeMessageCenterPanel p {
        margin: 5px 0px 5px 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }



.expandableRow div.row {
    margin-bottom: 10px;
    clear: both;
    background-color: #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0 10px 0 10px;
    margin-left: 0px;
}

    .expandableRow div.row:nth-child(even) {
        background: #d9edf7;
    }

.expandableRow div.rowHeader {
    cursor: pointer;
    width: 30px;
    float: left;
    height: 100%;
    text-align: center;
    color: rgb(110, 130, 155);
    font-size: 25px;
    padding-top: 18px;
    font-family: roboto;
}

.expandableRow div.rowSidebar {
    margin-left: 30px;
    padding: 9px;
    border-left: solid 3px #fff;
}


.expandableRow div.row-data {
    background-color: #fff;
    min-height: 50px;
}

    .expandableRow div.row-data div {
        padding: 3px;
    }

        .expandableRow div.row-data div.row-fluid {
            border-top: solid 1px #e3e3e3;
        }

.expandableRow div.row:nth-child(even) div.row-data div.row-fluid {
    border-top: solid 1px #d9edf7;
}

.expandableRow div.row-container {
    padding: 9px 0 0 0;
}

.expandableRow div.container-data {
    display: none;
}
.expandableRow h3 {
    font-size:1.2em;
    margin-bottom:20px;
}

*[data-deleted] {
    margin-right: 10px;
    text-transform: none;
    display: inline-block;
    margin: 0;
    line-height: 15px;
    vertical-align: middle;
    font-size: 12px;
    box-shadow: none;
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #fff;
    background: #b85e80;
    border-color: #b85e80;
}

    *[data-deleted].deleted {
        margin-right: 10px;
        text-transform: none;
        display: inline-block;
        margin: 0;
        line-height: 15px;
        vertical-align: middle;
        font-size: 12px;
        box-shadow: none;
        border-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #fff;
        background: #96bf48;
        border: 1px solid #7ea13d;
    }