body {
    color: #848E97;
    font-family:Roboto,sans-serif;
}

body#login  {
    padding-top:0px;
}

/* Set padding to keep content from hitting the edges */

body-content-login {
    padding-top:15px;

}



.body-content.show-user {
    padding-top:0px;
    padding-left: 10px;
    padding-right: 10px;
}

.pad-10{
    padding: 10px;
}
.container{
    max-width: 100%;
}

.container.show-user{
    margin-top: 20px;
}

.wrapper {
    display: flex;
    padding-top:55px;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    padding: 20px 0px;
    min-width: 250px;
    max-width: 250px;
    margin-right: 40px;
    /*min-height: 100vh;*/
}

#content {
    width: 100%;
    padding: 0px;
    min-height: 100vh;
    transition: all 0.3s;
    margin-left: 10px;
    margin-right: 10px;
}

#sidebar ul {
    padding-inline-start: 0px;
}
#sidebar li a {
    padding: 3px 0px 12px 0;
    display: block;
    max-width: 204px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#sidebar #accountOptions1 a{
    padding-left:25px;
}
#sidebar .district-nav.active > a {
    background: #E8F0FB;
    border-radius: 0px;
    color: #0088FF;
    font-weight: 600;
}


#sidebar a {
    padding-left:5px;
    color: #848E97;
    font-weight:400;
    transition:all 0.4s;
}

#sidebar > ul > li > a{
    padding-left:12px;
}

#sidebar > ul > li > ul > li > a {
padding: 6px 0px 6px 28px;
position:relative;
}

    #sidebar > ul > li > ul > li > a:after {
        content: '';
        position: absolute;
        top: 0px;
        left: 22px;
        height: 55%;
        width: 12px;
        border-left: 1px dashed;
        border-bottom: 1px dashed;
    }

#sidebar > ul > li > ul > li > ul > li > a {
    padding: 0px 0px 0px 49px;
    position: relative;
}

    #sidebar > ul > li > ul > li > ul > li > a:after {
        content: '';
        position: absolute;
        top: 0px;
        left: 44px;
        height: 55%;
        width: 12px;
        border-left: 1px dashed;
        border-bottom: 1px dashed;
    }

#sidebar > ul > li > ul > li > ul {
    margin-bottom: 12px;
}

span.device-label {
    color: #26DC75;
}

.library-nav,
.district-nav {
    position: relative;
}
.library-nav:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 22px;
    height: 100%;
    width: 12px;
    border-left: 1px dashed;
}
    .library-nav:last-child:after {
        border-left: 0px;
    }

    .dropdown-caret {
        color: #848E97;
        font-weight: 600;
        position: absolute;
        right: 0px;
        top: 0px;
        display: inline-block;
        cursor: pointer;
        padding: 12px 20px 13px;
        border-radius: 0px 50px 50px 0px;
    }

.active .dropdown-caret {
    color: #0088FF;
    background: #E8F0FB;
}
    .dropdown-caret:after{
        content:'+'
    }
.dropdown-caret-down:after {
    content: '–';
}
.dropdown-ul {
    /*visibility: hidden;*/
    opacity: 0;
    transition: all 0.15s ease-in;
    max-height: 5px;
    overflow: hidden;
}

.v-visible {
    max-height: 10000px;
    /*visibility: visible;*/
    opacity: 1;
    transition: all 0.4s ease-in;
}

#sidebar li.active > a {
    color: #0088FF;
    font-weight: 600;
}

#sidebar li.active a:hover {
    /*background: #E8F0FB;
    border-radius: 0px 50px 50px 0px;*/
    color: #0088FF;
    font-weight: 600;
    text-decoration:underline;
}

    #sidebar .district-icon:before, #sidebar .library-icon:before, #sidebar .terminal-icon:before {
        margin-left: 5px;
    }

.list-unstyled {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

hr {
    margin-top: 6px;
    margin-bottom: 6px;
    border-top: 1px solid #AEB1B2;
}
.company-title {
    display: none;
    color: white;
    font-weight: 600;
    font-size: 16px;
    padding-top: 15px;
}

.card-container {
    background: #EEF3F6;
    min-height: 300px;
}

.card {
    background: #FFFFFF;
    border:1px solid #848E97;
    border-radius:5px;
    margin:15px 0;
    padding:18px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
}

.device-card .btn-default {
    margin-top: 8px;
}

label.day.control-label {
    padding: 8px 0;
}

.m-0 {
    margin: 0px;
}

.mr-1 {
    margin-right: 0.5em;
}
.ml-1 {
    margin-left: 0.5em;
}
.pl-0 {
    padding-left: 0px;
}

.pr-0{
    padding-right:0px;
}

.pr-1 {
    padding-right: 0.5em;
}

.portal-title {
    background: #BCBCBC;
    color: #ffffff;
    margin: 0;
}

.portal-title-internal{
    background: #BCBCBC;
    color: #ffffff;
    margin: 0;
    position: absolute;
    width: 100%;
    top: 93px;
    padding: 0 3%;
}

.portal-title h1, .portal-title-internal h1{
    color: #ffffff;
    margin: 5px 0;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    position: relative;
    min-height: 1px;

}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

span.required{
    margin: 0 3px;
    color: #FF2626;
    font-size: 16px;
    display: inline-block;
}

span.help-text{
    font-size: 10.5px;
    background: #e3e3e3;
    padding: 7px 0 7px 0;
    box-shadow: -12px 0 0 #e3e3e3, 12px 0 0 #e3e3e3;
}

.help-container{
    margin: 2px 0 10px 0;
}

label{
    font-weight: normal;
    font-size: 16px;
}

.k-operator-hidden label {
    margin-left:5px !important;
    margin-right:5px !important;
}

.k-operator-hidden label input {
    margin-left:4px !important;
    margin-right:4px !important;
}

a{
    color:#428bca;
}

a:hover{
    color:#0076AE;
    text-decoration: none;
}

h1{
    color: #36BCFF;
    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
}

h2 {
    color: #2D2D2D;
    font-size: 21px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    line-height:25px;
    margin-bottom: 25px;
}

h3 {
    color: #2D2D2D;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

h4 {

    font-size: 16px;
    color: #848E97;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-bottom: 12px;
}



    .district-icon:before, .library-icon:before, .terminal-icon:before {
        content: url(/Images/dt_District.svg);
        height: 24px;
        width: 24px;
        display: inline-block;
        left: 0px;
        position: relative;
        top: 6px;
        margin-right: 5px;
    }

.library-icon:before {
    content: url(/Images/dt_Library.svg);
}

.terminal-icon:before {
    content: url(/Images/dt_Terminal.svg);
}

.DashboardBold {
    color: #36BCFF;
    text-align: center;
    font-size: 56px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
}

.ErroredDashboard{
    color: #FF2626 !important;
}

/* Nav bar styles */

.navbar {
    margin-bottom: 0px;
}

.navbar-header{
    margin-right:15px;
}

.navbar-brand {
    padding: 5px;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: #ffffff;
    border-top-color: #ffffff;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret:hover {
    border-bottom-color: #ffffff;
    border-top-color: #ffffff;
}

.navbar-ipic {
    font-size: 14px;
    background-color: #193651;
    border-bottom: 2px solid #FDBF5E;
}
.navbar-ipic .navbar-nav>li>a {
    color: #fff;
    
}
.navbar-ipic .dropdown-menu>li>a {
    color: #ffffff;
    background-color: #36BCFF;
}
.navbar-ipic .dropdown-menu>li>a:hover  {
    color: #ffffff;
    background-color: #0076AE;
}

.navbar-ipic .navbar-nav>li>a:hover,
.navbar-ipic .navbar-nav>li>a:focus,
.navbar-ipic .dropdown-menu
{
    color:#FFFFFF;
    background-color: #36BCFF;
}

.navbar-ipic .navbar-nav>.active>a,
.navbar-ipic .navbar-nav>.active>a:hover,
.navbar-ipic .navbar-nav>.active>a:focus {
    color: #36BCFF;
    background-color: #061C06;
}

.navbar-ipic .navbar-toggle:hover,
.navbar-ipic .navbar-toggle:focus,
.navbar-ipic .navbar-toggle .icon-bar,
.navbar-ipic .navbar-toggle:hover .icon-bar,
.navbar-ipic .navbar-toggle:focus .icon-bar {
    background-color: #061c06;
}

nav.navbar{
    z-index: 2000000;
    max-height: 60px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

nav.shrink{
    max-height: 96px;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

nav img{
   height:45px;
    margin-top: 0;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

nav.shrink img{
    max-height: 45px;
    margin-top: 16px;
    margin-left: 30px;
    -webkit-transition: all 0.2s ease;
   transition: all 0.3s ease; 
}

nav.shrink #navOptions, nav.shrink #accountOptions  {
    padding-top:5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.3s ease; 
}

.login-user-container {
    position:absolute;
    top:0;
    width: 100%;
    background-color:#36BCFF;
    -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   display:none;
}

.login-user-container.shrink {
    position:absolute;
    top:20px;
    width: 100%;
    -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.login-user {
    float: left;
    margin: 0 4%;
}

.login-user h3 {
    font-size:12px;
    font-weight: bold;
    color:#000000;
    right:0;
    margin:0;
    width: auto;
    padding:5px 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#logout-user {
    position:absolute;
    right: 4%;
    color: #000 !important;
    line-height: 10px !important;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */

.form-group{
    margin-bottom: 0px;
    float: left;
    width: 100%;
}

.control-label {
    padding-right: 5px;
    padding-right: 10px;
    color: #848E97;
    font-size: 15px;
    margin-bottom: 1px;
}

input,
select,
textarea {
    /* max-width: 280px;*/
    width: 95%;
    border-radius: 2px !important;
    padding: 5px;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #707070 !important ;
    max-width: 400px;
}

    select, input[type=date] {
        background: rgb(196,196,196);
        background: -moz-linear-gradient(0deg, rgba(196,196,196,1) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(0deg, rgba(196,196,196,1) 0%, rgba(255,255,255,1) 100%);
        background: linear-gradient(0deg, rgba(196,196,196,1) 0%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c4c4c4",endColorstr="#ffffff",GradientType=1);
    }

#inheritFrom {
    position: relative;
    display: inline;
    padding-left: 90px;
    color: #555555;
}
    #inheritFrom ~ label {
        content: 'Inherit from';
        color: #555555;
        font-size: 15px;
        position: absolute;
        left: 22px;
        top: 5px;
    }

    .form-control:focus {
        border-color: #66afe9 !important;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

input[type=checkbox] {
    width: auto !important;    
}

.analysis-menu .glyphicon {
    font-size:50px;
}

.analysis-menu a {
    width: 30%;
    padding: 8px 0 !important;
}

.k-dropdown{
   width: 88% !important;
   border-radius: 4px !important;
   border: 1px solid #cccccc !important;
   padding: 2px !important;
}

span.k-dropdown{
    width: 94% !important;
}

.k-filter-row .k-dropdown-operator{
    /*left: 92px;*/
    width: 25px !important;
    padding: 0 !important;
}

.k-filtercell > span {
    padding-right: 2.5em !important;
}

.k-widget.k-dropdown.k-header.k-dropdown-operator {
    margin-right: -2.5em;
}

.k-textbox>input, .k-autocomplete .k-input, .k-multiselect-wrap {
    border-radius: 3px !important;
    border: 1px solid #cccccc !important;
    width: 98% !important;
}

#CompanyCountryDiv {
    width:64.5%;
}

.k-multiselect.k-header {
    background-color:#ffffff !important;
    border-color:#ffffff !important;
}

.k-multiselect-wrap>ul>.k-button{
    padding: 1px 30px 2px 5px !important;
    background: #999999 !important;
    border-color: #999999 !important;
    font-size: 12px !important;
    margin: 1px !important;
}
.checkbox-right {
    float: right;
    display: inline-block;
}

    .checkbox-right label.control-label
{
    margin-top: 4px;
}

.checkbox-right input {
    float: right;
    width: 50px;
}

.checkbox-right label {
    float:right;
    line-height:13px;
    margin-right:5px;
}

.k-i-arrow-s:hover {
    background-position: 0 -32px !important;
}

.k-i-funnel:hover, .k-filter:hover {
    background-position: -32px -80px !important;
}

.k-i-close:hover, .k-delete:hover, .k-group-delete:hover {
    background-position: -32px -16px !important;
}

.k-filtercell>span>.k-button {
    position: absolute;
    top: 0;
    right: 0 !important;
    padding: 0 5px !important;
    margin: 0 !important;
    background: #ffffff !important;
    line-height: 26px !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
}

#radiocontainer {
    margin-top:30px;
    margin-bottom:-30px;
}

.radiofloat{
margin-right: 20px; float: left;
}

.datewidthfix{
    width: 95%; 
}

#grid th {
    font-size:12px;
    font-weight:bold !important;
    color:#000;
}

.k-pager-info {
    color:#000 !important;
}

table#surveyStats {
    height: 250px;
}

#surveyStats td{
    padding:13px 15px;
}

#surveyStats tr td:nth-child(1) {
    background-color:#36BCFF;
    color:#ffffff;
}

#surveyStats tr td:nth-child(2) {
    background-color:#36BCFF;
    color:#fff;
    font-weight:bold;
}

#surveyor-stats {
    padding: 10px 0;
    background-color:#118811;
    color:#fff;
    text-align:right;
    min-height:50px;
    margin-top: 10px;
}

ul.priority-list{
    list-style: none;
    margin: 0;
    padding: 15px;
    background: #FF7F00;
    height: 250px;
    overflow: auto;
}

ul.priority-list li{
    border-bottom: 1px solid #D76B00;
    padding: 3px 0 3px 0;
}

ul.priority-list li:last-child, ul.flashing-list li:last-child {
    border-bottom: none;
}

ul.priority-list li a{
    color: #ffffff;
    margin-bottom: 5px;
}

ul.flashing-list{
    list-style: none;
    margin: 0;
    padding: 15px;
    background: #FF2626;
    height: 250px;
    overflow: auto;
}

ul.flashing-list li {
    border-bottom: 1px solid #C60000;
    padding: 3px 0 3px 0;
}

ul.flashing-list li a{
    color: #ffffff;
    margin-bottom: 5px;
}

.validation-summary-errors ul{
    list-style: none;
    color: #FF2626;
    padding: 0;
    margin: 0;
}

.k-button span.k-tooltip-validation {
    line-height: 25px;
    margin-left: -15px;
    margin-right: 10px;
}

.text-danger{
    color: #FF2626;
}

.wrong-pass {
    background-color:#ee2c2c;
    color:#fff;
}

.wrong-pass h4 {
    color:#fff;
}

.upload-success {
    background-color:#00E500;
    color:#000;
}

.blink span {
    color:#FFA500 ;
}

.upload-success, .wrong-pass {
    padding: 10px;
    border:none;
    border-radius:2px;
}

.notif-content {
    margin-left:50px;
    margin-top:-45px;
}

.upload-success .glyphicon, .wrong-pass .glyphicon{
    font-size:40px;
}


.upload-success h4, .wrong-pass h4 {
    margin: 0;
}

.upload-success label {
    color:#222;
}

.wrong-pass label {
    color:#ddd;
}

.back-tag {
    margin-left:15px;
    color: #0088FF;
    font-weight:600;
}

.back-tag:hover{
    text-decoration:underline;
}

    .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        color: #ffffff;
        background-color: #0076AE;
        border-color: #0076AE !important;
    }

.btn-cancel{
    background: #888888;
    border-color: #888888;
}

.btn-cancel:hover {
    color: #ffffff;
    background-color: #444444;
    border-color: #444444 !important;
}

.k-button, button, .btn-default, div.btn-default {
    background: rgb(39,87,117);
    background: -moz-linear-gradient(0deg, rgba(39,87,117,1) 0%, rgba(52,118,160,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(39,87,117,1) 0%, rgba(52,118,160,1) 100%);
    background: linear-gradient(0deg, rgba(39,87,117,1) 0%, rgba(52,118,160,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#275775",endColorstr="#3476a0",GradientType=1);
    border: 0px;
    padding: 5px 25px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    font-family: Roboto, sans-serif;
    border-radius: 2px;
    border:0px;
    transition: all 0.35s;
    text-align:center;
}

.card .btn-default {
    padding: 0px;
    width: 100%;
}

.btn-default .glyphicon {
    font-family: Roboto, sans-serif;
    padding: 8px 10px;
    width: 100%;
    
}
.row > .col-md-12 > .btn-default .glyphicon {
    line-height: 6px;
}
.stats-centered h4{
    text-align:center;
}
.col-md-12 > .btn-default {
    float: right;
    margin-top: 16px;
}
.col-md-12 > h2 {
    display: inline-block;
}
button a,.btn-default a {
    color: white;
}
    button a:hover{
        color:#fff;
    }
    .k-button:hover, button:hover, .btn-default:hover {
        color: #fff;
        background: #0076AE;
        box-shadow:0px 3px 6px rgba(0,0,0,0.15);
    }

.k-upload-button{
    background: #777777 !important;
    border-color: #777777 !important;
}

.k-upload-button:hover{
    color: #ffffff !important;
    background-color: #555555 !important;
    border-color: #555555 !important;
}

.add-new-editable{
    padding-top: 26px;
}

.answer-table {
    width: 100%;
}

.AddRemoveButton {
    height: 30px;
    width: 30px;
    background-color:#777;
    border: none;
    border-radius: 4px;
    color:#fff;
    font-size:22px;
    line-height: 11px;
}

button#AddContainer{
    margin-top: 5px;
}

#ContainerRow .RemoveContainer {
    position: relative;
    top: 3px;
}

.otherContainerTypeTxt{
    width: calc(39% + (54% - 20px)); /* Nothing to see here.. JW */
}

.float-right {
    float: right;
}

.container-num-lbl {
    width: 39%;
}

.container-type-lbl {
    width: calc(54% - 30px);
}

.container-surveyed-lbl {
    width: 12%;
}

input.container-number {
    width: 39%;
}

input.container-number.false {
    width: 89%;
}

span.containerTypeDD {
    margin-right: 0 !important;
    width: calc(54% - 30px) !important;
}

#ContainerRow .k-dropdown{
    margin-right: 4%;
}

.qtype-strmax {
    width: 30%;
}

.qtype-str255-numeric {
    width: 7%;
}

.k-upload-action{
    margin-top: 0 !important;
    padding: 5px !important;
    background: none !important;
    color: #444444;
}

.k-upload-action:hover{
    margin-top: 0 !important;
    padding: 5px !important;
    background: none !important;
    color: #444444 !important;
}

.k-upload {
    width: 95%;
}

.k-file{
    border: none !important;
}

.k-pager-numbers .k-state-selected {
    border-color: #36BCFF transparent transparent !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #36BCFF !important;
}

.k-grid-toolbar {
    background-color: #ffffff !important;
}

.k-grid-header th.k-header, .k-filter-row th {
    font-weight: bold !important;
}

.k-grid-header th.k-header>.k-link {
    padding: 5px 0 !important;
    margin: 0 !important;
}

.k-grid-header th.k-header {
    vertical-align: middle !important;
    padding: 5px 10px !important;
}

.login-header{
    background-color:#DDDDDD; padding: 10px 0 10px 0;
    border: 0;
}

.login-module{
    background: #ffffff; margin-top: 20px;z-index:1000; border: 0; padding-bottom: 30px;
}

.navbar {
    border-radius: 0;
}

.k-header {
    font-size:12px;
}

.k-input {
    border-radius:4px;
}

input[type=radio] + span.k-tooltip-validation {
    position: absolute;
    margin-left: 160px;
}

.k-radio:checked+.k-radio-label:after {
    background-color:#36BCFF !important;
}

.k-radio:checked + .k-radio-label:after {
    height:8px !important;
    width:8px !important;
}

.k-radio:checked + .k-radio-label:before {
    border-color:#7f7f7f !important;
}

.k-filtercell input[type="radio"] {
    width:15px;
}

.k-grid-CustomEdit{
    padding: 0 !important;
    line-height: 16px !important;
    font-size: 14px !important;
    min-width: 20px !important;
    background: none !important;
    color: #666666 !important;
    border: none !important;
    margin: 4px !important;
}

.k-grid-CustomEdit:hover{
    padding: 0 !important;
    line-height: 16px !important;
    font-size: 14px !important;
    min-width: 20px !important;
    background: none !important;
    color: #666666 !important;
    border: none !important;
    margin: 4px !important;
}

.k-button-icontext {
    padding: 0 !important;
    line-height: 16px !important;
    font-size: 14px !important;
    min-width: 20px !important;
    background: none !important;
    color: #666666 !important;
    border: none !important;
    margin: 4px !important;
}

.k-button-icontext:hover {
    padding: 0 !important;
    line-height: 16px !important;
    font-size: 14px !important;
    min-width: 20px !important;
    background: none !important;
    color: #666666 !important;
    border: none !important;
    margin: 4px !important;
}

.k-grid-header .k-header .k-link, .k-grid-header .k-header, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-header, .k-scheduler-agendaview .k-scheduler-datecolumn {
    color: #666666 !important;
}

.k-dropdown, span.k-colorpicker {
    background-color: #fafafa;
    width: 92% !important;
}

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: #666666 !important;
}

.k-list>.k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff !important;
    background: #36BCFF;
    padding: 3px 5px !important;
    border-radius: 4px !important;
}

.k-list>.k-state-hover, .k-list>.k-state-selected.k-state-hover {
    background-color: #1D801D !important;
    border-color: #1D801D !important;
    color: #ffffff !important;
    border-radius: 2px !important;
}

.k-grid table tr:nth-of-type(even){
    background: #eeeeee;
}

.k-grid table tr:nth-of-type(odd){
    background: #E8E8E8;
}

.k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: 5px !important;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    font-size: 12px;
}

.k-textbox>input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input {
    border-color: #36BCFF !important;
    border-radius: 0 !important;
    height: 1.65em !important;
    line-height: 1.65em !important;
    padding: .177em 0 !important;
    text-indent: .33em !important;
}

@media screen and (min-width: 1280px) {
    #chart1, #chart2, #chart3 {
        height:350px !important;
    }
}

#chart3 {
    width:70% !important;
    margin-left:15% !important;
    margin-right:15% !important;
}

    #chart3 svg {
        overflow: visible !important;
    }

.overview-grid .k-button{
    color: #ffffff !important;
}

.overview-grid .k-grid-excel{
    color: #333333 !important;
}

span.k-icon.k-i-excel:hover{
    background-position: -64px -96px !important;
}

a:hover span.k-icon.k-i-excel{
    background-position: -64px -96px !important;
}

fieldset.form-group{
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
    padding: 0 20px;
}

.stage-bg {
    width: 100%;
    background: #dddddd;
    padding: 5px 0 4px 0;
    position: fixed;
    z-index: 100000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.stage-bg.shrink{
    width: 100%;
    background: #dddddd;
    padding: 0;
    position: fixed;
    z-index: 100000;
    margin-top: -35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.stage-bg h2{
    padding: 0;
    margin: 6px 0 0 0;
}

.survey-container{
    margin-top: 75px;
}

.survey-container{
    margin-top: 75px;
}

ul.survey-stage, ul.container-stage{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.survey-stage li, ul.container-stage li {
    float: left;
    width: 6.5%;
    text-align: center;
    background: #888888;
    color: #ffffff;
    margin-right: 1px;
    border-radius: 5px;
    margin-bottom: 1px;
}

ul.survey-stage li.complete, ul.container-stage li.complete {
    background: url(../Images/tick.png) no-repeat #36BCFF top center;
}

ul.survey-stage li *, ul.container-stage li * {
    display: inline-block;
    text-align: center;
    padding: 12px 1px 10px 1px;
    text-decoration: none;
    color: #ffffff;
}

ul.survey-stage li.complete a, ul.container-stage li.complete a {
    color: #ffffff;
}

ul.survey-stage li.current, ul.container-stage li.current {
    background-color: #444444;
}

ul.survey-stage li.current a, ul.container-stage li.current a {
    color: #ffffff;
}

ul.survey-stage li.disabled, ul.container-stage li.disabled {
    background-color: #cccccc;
}
ul.survey-stage li.disabled *, ul.container-stage li.disabled * {
    color: #999999;
}

.k-widget.k-tooltip-validation {
    font-size: 12px;
    float: left;
}

.options-bar {
    height: 120px;
}

.options-bar .datepickers{
    display: block;
    float: left;  
    width: 250px;  
}

.options-bar .datepickers label {
    width:60px;
    margin-right: 10px;
    margin-bottom: 15px;   
}

.datepickers,
.commodities,
#country,
#graph-type,
#sort-by,
#sort-dir{
    height: 120px;
}



.options-bar .commodities, .options-bar .commod-filter {
    display: block;
    float: left; 
}

.options-bar .commodities label, .options-bar #country label  {
    display: block;
    float: left;
    margin-right: 10px;  
}

.options-bar #country label  {
    margin-left: 10px;  
}

.options-bar #country {
    display: block;
    float: left;
    width: 270px;
}

#legend-box {
    display: block;
    float: left;
    margin-left: -85px;
}

#legend-box input {
    float: left;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 6px;
}

.options-bar #country .country-filter {
    display: block;
    float: left;    
}

.options-bar #country .country-filter span.k-dropdown {
    width: 150px !important;   
}

.options-bar #country select {
    display: block;
    float: left; 
}

.options-bar #sorts {
    float: right;
}

@media screen and (max-width: 1450px) {
    .options-bar #sorts {
        float: left;
    }
}

.options-bar #graph-type,
.options-bar #sort-by,
.options-bar #sort-dir {
    display: block;
    float: left;
    margin-left: 20px;
}

.options-bar #graph-type label,
.options-bar #graph-type input[type="radio"],
.options-bar #sort-by label,
.options-bar #sort-by input[type="radio"], 
.options-bar #sort-dir label,
.options-bar #sort-dir input[type="radio"] {
    display: block;
    float: left;
}

.options-bar #graph-type div {
    display: block;
    float: left;
    width: 75px;
}

.options-bar #sort-by div {
    display: block;
    float: left;
    width: 80px;
}

.options-bar #sort-dir div {
    display: block;
    float: left;
    width: 100px;
}

.options-bar #graph-type input[type="radio"],
.options-bar #sort-by input[type="radio"],
.options-bar #sort-dir input[type="radio"] {
    width: 12px;
    margin: 2px 5px 0 10px;
}

.glyphicon:before {
    font-family: 'Glyphicons Halflings' !important;
    float: left;
    margin-right:5px;
}

.repeated-vessel{
  color:#FF0000;
}

.month01 td  { background:#114411; color: #ffffff; }
.month02 td  { background:#115511; color: #ffffff; }
.month03 td  { background:#116611; color: #ffffff; }
.month04 td  { background:#117711; color: #ffffff; }
.month05 td  { background:#118811; color: #ffffff; }
.month06 td  { background:#119911; color: #ffffff; }
.month07 td  { background:#11aa11; color: #ffffff; }
.month08 td  { background:#11bb11; color: #ffffff; }
.month09 td  { background:#11cc11; color: #ffffff; }
.month10 td  { background:#11dd11; color: #ffffff; }
.month11 td  { background:#11ee11; color: #ffffff; }
.month12 td  { background:#11ff11; color: #ffffff; }

.month01overlay td  { background: url(/Images/month-overlay.png) repeat #114411; color: #ffffff; font-weight: bold; }
.month02overlay td  { background: url(/Images/month-overlay.png) repeat #115511; color: #ffffff; font-weight: bold; }
.month03overlay td  { background: url(/Images/month-overlay.png) repeat #116611; color: #ffffff; font-weight: bold; }
.month04overlay td  { background: url(/Images/month-overlay.png) repeat #117711; color: #ffffff; font-weight: bold; }
.month05overlay td  { background: url(/Images/month-overlay.png) repeat #118811; color: #ffffff; font-weight: bold; }
.month06overlay td  { background: url(/Images/month-overlay.png) repeat #119911; color: #ffffff; font-weight: bold; }
.month07overlay td  { background: url(/Images/month-overlay.png) repeat #11aa11; color: #ffffff; font-weight: bold; }
.month08overlay td  { background: url(/Images/month-overlay.png) repeat #11bb11; color: #ffffff; font-weight: bold; }
.month09overlay td  { background: url(/Images/month-overlay.png) repeat #11cc11; color: #ffffff; font-weight: bold; }
.month10overlay td  { background: url(/Images/month-overlay.png) repeat #11dd11; color: #ffffff; font-weight: bold; }
.month11overlay td  { background: url(/Images/month-overlay.png) repeat #11ee11; color: #ffffff; font-weight: bold; }
.month12overlay td  { background: url(/Images/month-overlay.png) repeat #11ff11; color: #ffffff; font-weight: bold; }

div.k-dropzone {
    border: 1px solid #c5c5c5; /* For Default; Different for each theme */
    padding: 0;
}

div.k-dropzone em {
    visibility: visible;
}

ul.container-stage.ng-scope li {
    width: auto;
    padding: 0 10px;
}


#sis button.k-button.k-upload-selected,  #manage-addendum .k-upload-selected{
    display:none;
}

.clearLeft {
    clear: left;
}

.customer-sat div {
    display: inline-block;
}

/*Styling for the Dashboard filters to line them up correctly*/
.dashboard-filter {
    margin-top: 20px;
    margin-right: 10px;
    width: 150px;
    height:34px;
}

.dashboard-button {
    width: 150px;
}

.dashboard .col-md-3 h4{
    text-align:center;
}

.grid-icon {
    text-align: center;
}

.default-button {
    width: 100%;
}

.customer-sat input[type=date] {
    width: auto;
}
.customer-sat input[type=submit] {
    margin-left: 10px;
    margin-right: 10px;
}

.over-cont .col-md-2 label{
    margin-bottom:0px;
}
.over-cont input[type=radio] {
    margin-bottom: 5px;
}
.advert-desc{
    display:inline-block;

}
.over-cont .col-md-4 label {
    overflow: hidden;
    white-space: nowrap;
}
.license-key {
    color: rgba(39,87,117,1);
    font-weight:bold;

}
.date-picker-col{
    padding-top:20px;
}
    .date-picker-col h2,.date-picker-col input, .date-picker-col p {
        display: inline-block;
        width: auto;
    }
    .date-picker-col h2{
        padding-right:20px;
    }

.green-text, .red-text, .yellow-text,.blue-text {
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
}
.green-text {
    color: #26DC75;
}
.blue-text {
    color: #36bcff;
}
.red-text {
    color: #DC2626;

}

.yellow-text {
    color: #FDBF5E;
}

    #stats h2{
        margin-bottom:-15px;
        margin-left:15px;
    }

    .green-text span, .red-text span, .yellow-text span {
        font-size: 13px;
        display: block;
        font-weight: 400;
    }

.green-text ~ span, .red-text ~ span {
    color: #26DC75;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    max-width: 100px;
}
.red-text ~ span {
    color: #DC2626;
}

.expired{
    color: #FDBF5E;
}

.online{
    color: #26DC75;
}

.offline{
    color: #DC2626
}