* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

body {
    font-size: 1em;
    font-family: Tahoma; /* "Trebuchet MS", Verdana, Helvetica, Sans-Serif;*/
    background-color: #4A507B;
    color: #444444;
}

header,
footer,
nav,
section {
    display: block;
}

a {
    color: #003399;
    text-decoration: none;
}

a:Hover {
    text-decoration: underline;
}

a img {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.8em;
}

table td {
    border: 1px solid #acacac;
}

table th, table td {
    padding: 7px;
}

table tr:nth-child(odd) {
    background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}

table th {
    /*border: 1px solid #808080;
    border-radius: 5px;
    background-color: #669BFF;
    color: #000000;*/

  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 10px;

background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 29%, rgba(209,209,209,1) 42%, rgba(209,209,209,1) 42%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(29%,rgba(219,219,219,1)), color-stop(42%,rgba(209,209,209,1)), color-stop(42%,rgba(209,209,209,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 29%,rgba(209,209,209,1) 42%,rgba(209,209,209,1) 42%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 29%,rgba(209,209,209,1) 42%,rgba(209,209,209,1) 42%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 29%,rgba(209,209,209,1) 42%,rgba(209,209,209,1) 42%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 29%,rgba(209,209,209,1) 42%,rgba(209,209,209,1) 42%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
    font-size: 13px;

}

.pad {
    padding: 5px;
}

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

.bold {
    font-weight: bold;
}

legend {
    font-size: 1em;
    font-weight: bold;
}

select {
    padding: 2px;
}

textarea {
    min-height: 75px;
    padding: 5px;
}

input,
select,
textarea {
    padding: 3px;
    padding: 3px;
    margin: 2px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

.clear {
    clear: both;
}


button, .button {
    border-radius: 5px;
    border-style: none;
    padding: 5px;
    margin-bottom: 3px;
    background-color: #00CC00;
    color: #000;
}

button:hover {
    color: #FF3300;
}

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

h1 {
    font-size: 1em;
}

h2 {
    font-size: 0.8em;
}





ul.clear, ul.clear li > ul {
    list-style: none;
}

td.label {
    font-weight: bold;
}

td.field {
}


/*

-----------------------------------------------------------*/
.row {
    margin-right: -15px;
    margin-left: -15px;
}

.row:before,
.row:after {
    display: table;
    content: " ";
}

.row:after {
    clear: both;
}

.col-1, .col-1f, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-1 {
    width: auto;
}

.col-2 {
    width: 16.66666666666667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33333333333333%;
}

.col-5 {
    width: 41.66666666666667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333333333333%;
}

.col-8 {
    width: 66.66666666666667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33333333333333%;
}

.col-11 {
    width: 91.66666666666667%;
}

.col-12 {
    width: 100%;
}

.pull-right {
    float: right !important;
}

div[class*="col-"] input,
div[class*="col-"] textarea,
div[class*="col-"] select {
    width: 100%;
}

div[class*="col-"] label {
    font-size: 15px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}


/*
    -------------------------
*/
.right {
    text-align: right;
}

.full-width {
    width: 100%;
}

.full-width-a {
    width: 97%;
}

.v-top {
    vertical-align: top;
}

.hidden {
    display: none;
}

#layout {
    overflow: hidden;
    border: 1px solid #333333;
    background-color: #F4F4F4;
    border-radius: 5px;
    padding: 10px;
    margin: 15px;
    min-height: 750px !important;
}

#layout-top-nav {
    font-size: 0.8em;
    height: 30px;
}

layout-top-nav h1 {
    font-size: 19px;
    font-weight: normal;
}


table.cell-center td {
    text-align: center;
}

table.cell-left td {
    text-align: left;
}


.pad {
    padding: 15px;
}

.center {
    text-align: center;
}

.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.pager {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    color: #666;
    font: 14px/24px sans-serif;
}

.pager a,
.pager span.current {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.pager a:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.pager span.current {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.pager span.disabled,
.pager span.more {
    margin-right: 4px;
}

tr.header td {
    font-weight: bold;
}


#map-container {
    position: relative;
    height: 540px;
}

#map {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

#map_outer.full #map {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    height: 600px;
}

#map-autocomplete-address-input {
    width: 90%;
    margin-top: 10px;
}

#selected-addresses-container {
    height: 540px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#selected-addresses-container div.selected {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
}

div.plan-overlay [class*="col-"],
#selected-addresses [class*="col-"] {
    padding-left: 25px;
    padding-right: 25px;
}

div.plan-overlay {
    width: 400px;
    margin-right: 0;
    margin-left: 0;
}


.status-messages {
    margin-bottom: 5px;
}

.status-messages ul {
    list-style: none;
}

.status-messages .information {
    border: 1px solid #FFFFFF;
    padding: 5px;
    border-radius: 5px;
    background-color: #A8E1A8;
    color: #333333;
}

.status-messages .error {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    color: #333333;
    padding-left: 40px;
    background-image: url('/Content/Error.png');
    background-repeat: no-repeat;
    background-position: 5px center;
}

.image.list .entry {
    float: left;
}
/*-------------------------------------*/
.editor-worker #Name, .editor-worker #PhoneNumber, .editor-worker #Email {
    width: 300px;
}

.float.left .field,
.float.left .label,
form.float.left .field,
form.float.left .label {
    float: left;
}


.header-panel {
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: dotted 1px #aaa;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.row.header-panel {
    margin-left: 0;
    margin-right: 0;
}

h2.title {
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 15px;
    border-bottom: dotted 1px #aaa;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: #555;
}

h3.subtitle {
    margin-left: 0;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 15px;
    border-bottom: dotted 1px #aaa;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    color: #555;
}

/*-------------impromptu---------- */
.jqifade {
    position: absolute;
    background-color: #26253D;
}

div.jqi {
    width: 400px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 7px;
}

div.jqi .jqicontainer {
    font-weight: bold;
}

div.jqi .jqiclose {
    position: absolute;
    top: 4px;
    right: -2px;
    width: 18px;
    cursor: default;
    color: #bbbbbb;
    font-weight: bold;
}

div.jqi .jqimessage {
    padding: 10px;
    line-height: 20px;
    color: #444444;
}

div.jqi .jqibuttons {
    text-align: right;
    padding: 5px 0 5px 0;
    border: solid 1px #eeeeee;
    background-color: #f4f4f4;
}

div.jqi button {
    padding: 3px 10px;
    margin: 0 10px;
    background-color: #2F6073;
    border: solid 1px #f4f4f4;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}

div.jqi button:hover {
    background-color: #728A8C;
}

div.jqi button.jqidefaultbutton {
    background-color: #BF5E26;
}

.jqiwarning .jqi .jqibuttons {
    background-color: #CCCCCC;
}

.green-button {
    -moz-box-shadow: 0px 10px 14px -7px #3e7327;
    -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
    box-shadow: 0px 10px 14px -7px #3e7327;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
    background: -moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -o-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
    background-color: #77b55a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #4b8f29;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    padding: 9px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #5b8a3c;
}

.green-button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
    background: -moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background: -webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background: -o-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background: -ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
    background-color: #72b352;
}

.green-button:active {
    position: relative;
    top: 1px;
}

.green-button.small {
    font-size: 12px;
    padding: 5px 9px;
}



/*
    
*/

.user-panel {
    line-height: 20px;
}

.user-panel .user-nav {
    margin-right: 10px;
}

.user-panel .user-nav ul {
    list-style: none;
    margin-left: 15px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
}

.user-panel .user-nav ul li {
    display: inline-block;
}

.user-panel .user-nav ul li:after {
    content: "|";
}

.user-panel .user-nav ul li:last-child:after {
    content: none;
}

.user-panel .user-name {
    background-image: url("/Content/user16.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
    line-height: 20px;
}

.widget {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
}

.auth-form {
    position: absolute;
    top: 30%;
    left: 50%;
    height: 100px;
    width: 400px;
    margin-top: -50px;
    margin-left: -200px;
}

.auth-form input[type=password] {
    width: 100%;
    padding: 10px;
    border: none;
    font-size: 18px;
    border-bottom: solid 2px #aaa;
    transition: border 0.3s;
    text-align: center;
}

.auth-form input[type=password]:focus,
.auth-form input[type=password].focus {
    border-bottom: solid 2px #969696;
}

.auth-form label {
    line-height: 40px;
    font-size: 20px;
}

.manager.dashboard {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    text-align: center;
}

ul.items {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
}

ul.items li {
    padding: 7px;
}


#button-add-network {
    margin-top: 15px;
}

.filters div {
    font-size: 8pt;
    line-height: 22px;
}
.filters div.row {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 0;
    margin-left: 0;
}
.filters div.row div[class*="col-"] {
    padding-right: 5px;
}