body {
    font-family: 'PT Sans', sans-serif;
    color: #333;
    color: rgba(0,0,0,1);
    font-size: 12px;
}


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #555555; /*It was switched before - dark and light. This value was #F5F5F5 before*/
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #555555; /*It was switched before - dark and light. This value was #F5F5F5 before*/
}

::-webkit-scrollbar-thumb {
    background-color: #F5F5F5; /*It was switched before - dark and light. This value was #555555 before*/
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #fff;
    background-color: #000000;
    border-color: #fff;
}

.btn-primary-blank, .btn-primary-blank:hover, .btn-primary-blank:focus, .btn-primary-blank:active {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}




.btn-transparent-white, .btn-transparent-white:hover, .btn-transparent-white:focus, .btn-transparent-white:active {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}


.btn-transparent-white.active {
    color: #555;
    background-color: #fff;
    border-color: #fff;
}


.btn-white, .btn-white:hover, .btn-white:focus, .btn-white:active {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}



.btn-icon, .btn-icon:hover, .btn-icon:focus, .btn-icon:active {
    border: none !important;
    background-color: transparent !important;
}

.modal-footer {
    padding: 10px;
}

.navbar {
    border-radius: unset;
    margin-bottom: 0px;
}

.navbar-default {
    background-color: #141414;
    border-color: #fff;
}






.navbar-default .navbar-brand {
    color: #fff;
}


.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.green-icon-bg {
}



.cropArea {
    margin-top: 10px;
    overflow: hidden;
    height: 350px;
}



.btn-link:focus, .btn, input {
    outline: none !important;
}


.btn-link {
    text-decoration: none !important;
    font-size: 18px;
}

.black-bg .btn-link {
    color: #fff;
}


.black-bg .help-block {
    color: #fff;
}

.black-bg .as-sortable-item {
    background-color: transparent;
    border-radius: 5px;
    padding: 10px;
}

.btn-link i {
    margin-right: 10px;
}

.gradient-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009379+0,0d4f59+100 */
    background: #009379; /* Old browsers */
    background: -moz-linear-gradient(left, #009379 0%, #0d4f59 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #009379 0%,#0d4f59 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #009379 0%,#0d4f59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009379', endColorstr='#0d4f59',GradientType=1 ); /* IE6-9 */
    color: white;
}

    .gradient-bg .btn-link {
        font-weight: 400;
        color: #fff;
        border-radius: 0;
    }


.yellow-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009379+0,0d4f59+100 */
    background: #ffff99; /* Old browsers */
    color: black;
}



    .yellow-bg .btn-link {
        font-weight: 400;
        color: #000;
        border-radius: 0;
    }


.blue-bg {
    background: #218CA1; /* Old browsers */
    color: white;
}


    .blue-bg .btn-link {
        font-weight: 400;
        color: #000;
        border-radius: 0;
    }


.red-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009379+0,0d4f59+100 */
    background: #C1272D; /* Old browsers */
    color: white;
}

    .red-bg .btn-link {
        font-weight: 400;
        color: #fff;
        border-radius: 0;
    }



.btn {
    font-weight: bold;
    border-radius: 10px;
}

.white-bg {
    background-color: white;
    color: black;
}

.black-bg {
  background-color: #242323; /*#141414;*/
  color: white;
}

    .black-bg .btn-primary {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

    .black-bg a {
        color: #fff;
    }





    .black-bg .btn-primary:hover {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

    .black-bg .form-control {
        background-color: unset;
        color: #fff;
    }

    .black-bg option {
        background-color: #000;
        color: #fff;
    }

    .black-bg .pagination > .active > a,
    .black-bg .pagination > .active > a:focus,
    .black-bg .pagination > .active > a:hover,
    .black-bg .pagination > .active > span,
    .black-bg .pagination > .active > span:focus,
    .black-bg .pagination > .active > span:hover {
        background-color: white;
        color: black;
        border-color: white;
    }


    .black-bg .pagination > li > a, .pagination > li > span {
        background-color: unset;
        color: white;
    }


.gray-bg {
    background-color: #111111;
    color: #ffffff;
}

.lightgray-bg {
    background-color: #666666 !important;
    color: #ffffff !important;
}

.lightgray-bg .btn-link {
    font-weight: 400;
    color: #fff;
    border-radius: 0;
}

.btn-exposed {
    background-color: #ff4d4d;
    color: #ffffff;
}

.aside-menu-content {
    background-color: #141414;
}


.navbar-collapse.collapse {
    display: block !important;
}

.navbar-nav > li, .navbar-nav {
    float: left !important;
    margin-left: 20px;
}

    .navbar-nav.navbar-right:last-child {
        margin-right: -5px !important;
    }

.navbar-right {
    float: right !important;
    font-size: 18px;
}

.navbar {
    min-height: 60px;
    border: none;
}

.navbar-nav {
    margin: 0px;
    margin-left: -15px;
}


    .navbar-nav > li > a {
        padding-top: 0px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 0px;
        line-height: 60px;
        height: 60px;
    }

.success-icon {
    color: white;
    background-color: #76c63f;
    padding: 4px 15px;
    border-radius: 20px;
}

.glyphicon-menu-hamburger {
    font-size: 16px;
    line-height: 40px;
}

.list-group-item:first-child {
    border-radius: unset;
}

.list-group-item:last-child {
    border-radius: unset;
}

.aside-menu {
    background-color: #000000;
    color: #ffffff;
}

.pointer {
    cursor: pointer;
}

[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}


.fill-always {
    min-height: 100%;
    height: 100%;
    overflow: auto;
}


.fill {
    min-height: 100%;
    height: 100%;
    overflow: auto;
}


@media only screen and (max-width: 992px) {

    .fill {
        min-height: unset;
        height: unset;
    }
}

@media (max-width:767px)
{
	.padding-top-xs{padding-top:60px;}
}

.building-power {color:#ffffff;}
.cluster-power {color:#a8a8a8; }
.connector-0 {color:#00997d; }
.connector-1 {color:#29abe2; }
.connector-2 {color:#0071bc; }
.connector-3 {color:#2e3192; }

.login-form .form-control {
    background:none;
    border-color:white;
    color:white;
}

.login-form ::-webkit-input-placeholder {
  color: #fff;
}
.login-form ::-moz-placeholder {
  color: #fff;
}
.login-form :-ms-input-placeholder {
  color: #fff;
}
.login-form :-moz-placeholder {
  color: #fff;
}



.main-view {
    padding: 60px 0px 0px 0px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    display: inline-block;
    margin: 0px;
}

.h2, h2 {
    font-size: 30px;
    font-weight: 700;
}

.h4, h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.h6, h6 {
    font-size: 12px !important;
    font-weight: 500 !important;
    margin: 2px 0px;
}

.h1, h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.outer {
    display: table;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.top {
    display: table-cell;
    vertical-align: top;
}

.bottom {
    display: table-cell;
    vertical-align: bottom;
}

.page-padding {
    padding: 40px;
}



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

.error {
    color: red;
}

.clear {
    clear: both;
}




/* Profile sidebar */
.profile-sidebar {
    padding: 60px 0 10px 0;
}

.profile-usertitle a {
    font-size: 14px;
}

.profile-usertitle {
    text-align: center;
    margin-top: 20px;
}

.profile-usertitle-name {
    color: #5a7391;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}


.profile-userbuttons {
    text-align: center;
    margin-top: 10px;
}

    .profile-userbuttons .btn {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 600;
        padding: 6px 15px;
        margin-right: 5px;
    }

        .profile-userbuttons .btn:last-child {
            margin-right: 0px;
        }

.profile-usermenu {

}

.bottom-menu {
    position:absolute;
    width:100%;
    bottom:0px;
}

.profile-usermenu .nav > li > a {
    padding-left: 30px;
}



    .profile-usermenu ul li {
        border-bottom: 1px solid #555555;
    }

.bottom-menu ul li{
    border-bottom: none;
    border-top: 1px solid #555555;
}

    .profile-usermenu ul li:last-child {

    }


    .profile-usermenu ul li img {
        margin-right:22px;
    }

    .profile-usermenu ul li a {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
    }

    .profile-usermenu ul li a i {
        margin-right: 8px;
        font-size: 14px;
    }

    .profile-usermenu ul li a:hover {
        background-color: #222222;
        color: #fff;
    }

    .profile-usermenu ul li.active {
        border-bottom: none;
    }

    .profile-usermenu ul li.active a {
        color: #5b9bd1;
        background-color: #f6f9fb;
        border-left: 2px solid #5b9bd1;
        margin-left: -2px;
    }

.profile-usermenu .nav-small{
     list-style-type: none;
     padding:0px;
}

.profile-usermenu .nav-small li {
    border-bottom: none;
    padding:10px 5px 10px 83px;
}

.profile-usermenu .nav-small li:hover {
    background-color: #222222;
}

.profile-usermenu .nav-small li a {
    font-size:16px;
}


/* Profile Content */
.profile-content {
    padding: 20px;
    background: #fff;
    min-height: 460px;
}


.dl-horizontal-small dd {
    margin-left: 100px;
}

.dl-horizontal-small dt {
    width: 90px;
    float: left;
}



div.dataTables_filter input {
    margin-left: 5px;
}


.pager-table {
    color: #aaaaaa;
    font-size: 14px;
}


    .pager-table th {
        /*background-color: #222222 !important;    */
        border: none !important;
        color: #ffffff;
    }




.pager-table-show {
    line-height: 30px;
    height: 30px;
    float: left;
    width: 180px;
    margin-bottom: 10px;
}

.pager-table-pagination {
    text-align: right;
    height: 30px;
}

.pager-table-show span {
    margin-left: 5px;
    margin-right: 5px;
}

select {
        -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;

    background-image: url('../img/caret.png') !important;
    background-position:center right 10px;
    background-repeat:no-repeat;

}

    select.input-sm {
        line-height:initial;
    }

select::-ms-expand {
    display: none;
}


.pager-table-show select {
    width: 70px;
}

.pagination {
    margin: 0px;
}

.configuration-title {
    font-size: 24px;
    margin: 10px 0px 20px 0px;
    padding-bottom: 30px;
    border-bottom: 1px solid #aaaaaa;
}

.configuration-title-icon {
    font-size: 25px !important;
    display: none;
}




.configuration-steps {
    margin: 0px 0px;
}

    .configuration-steps div {
        border-right: 1px solid #222;
        border-bottom: 1px solid #222;
        height: 100px;
        position: relative;
        cursor: pointer;
    }

    .configuration-steps .selected {
        background-color: #333333 !important;
    }


.no-right-border {
    border-right: none !important;
}

.no-bottom-border {
    border-bottom: none !important;
}

@media only screen and (max-width: 992px) {
    .configuration-steps div {
        border-right: none !important;
        border-bottom: 1px solid #fff !important;
    }
}


.steps-icon {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 30px !important;
}

.steps-confirm {
    position: absolute;
    right: 10px;
    top: 10px;
}

.steps-text {
    position: absolute;
    top: 50px;
    text-align: left;
    left: 15px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}

.clear-both {
    clear: both;
}



.pager-table-sorting {
    cursor: pointer;
    /*background-color:white !important;*/
}

.pager-table-info {
    /*margin-top: 30px;*/
    padding-top: 30px;
    padding-bottom: 8px;
}

.pager-table-sorting:after {
    float: right;
    bottom: 8px;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';
    content: "\e150";
}

.table.table thead .sorting:before {
    float: right;
    font-family: 'Glyphicons Halflings';
    content: "\e150";
}

div.dataTables_info {
    float: left;
}


.pager-table-sorting-asc {
    cursor: pointer;
    /*background-color:#F5F5F6 !important;*/
}

    .pager-table-sorting-asc:after {
        float: right;
        bottom: 8px;
        right: 8px;
        display: block;
        font-family: 'Glyphicons Halflings';
        content: "\e155";
    }

.table.table thead .sorting_asc:before {
    float: right;
    font-family: 'Glyphicons Halflings';
    content: "\e155";
}

.table.table thead .sorting_desc:before {
    float: right;
    font-family: 'Glyphicons Halflings';
    content: "\e156";
}

.pager-table-sorting-desc {
    cursor: pointer;
    /* background-color:#F5F5F6 !important;*/
}

    .pager-table-sorting-desc:after {
        float: right;
        bottom: 8px;
        right: 8px;
        display: block;
        font-family: 'Glyphicons Halflings';
        content: "\e156";
    }

.uib-daypicker {
    outline: 0;
    padding: 5px 10px;
}

.uib-datepicker-popup .uib-button-bar {
    display: none;
}


.uib-datepicker-popup .btn-default {
    border: none;
}

.full-width {
    width: 100%;
}

.no-padding {
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.no-border {
    border: none !important;
}

.no-shadow {
    box-shadow: none !important;
}

.padding-xs {padding: 5px;}
.padding-t-xs {padding-top: 5px;}
.padding-r-xs {padding-right: 5px;}
.padding-b-xs {padding-bottom: 5px;}
.padding-l-xs {padding-left: 5px;}
.padding-sm {padding: 10px;}
.padding-t-sm {padding-top: 10px;}
.padding-r-sm {padding-right: 10px;}
.padding-b-sm {padding-bottom: 10px;}
.padding-l-sm {padding-left: 10px;}
.padding-md {padding: 20px;}
.padding-t-md {padding-top: 20px;}
.padding-r-md {padding-right: 20px;}
.padding-b-md {padding-bottom: 20px;}
.padding-l-md {padding-left: 20px;}
.padding-lg {padding: 30px;}
.padding-t-lg {padding-top: 30px;}
.padding-r-lg {padding-right: 30px;}
.padding-b-lg {padding-bottom: 30px;}
.padding-l-lg {padding-left: 30px;}

.padding-xl {padding: 50px;}
.padding-t-xl {padding-top: 50px;}
.padding-r-xl {
    padding-right: 50px;
}

.padding-b-xl {
    padding-bottom: 50px;
}

.padding-l-xl {
    padding-left: 50px;
}


.margin-xs {
    margin: 5px;
}

.margin-t-xs {
    margin-top: 5px;
}

.margin-r-xs {
    margin-right: 5px;
}

.margin-b-xs {
    margin-bottom: 5px;
}

.margin-l-xs {
    margin-left: 5px;
}

.margin-sm {
    margin: 10px;
}

.margin-t-sm {
    margin-top: 10px;
}

.margin-r-sm {
    margin-right: 10px;
}

.margin-b-sm {
    margin-bottom: 10px;
}

.margin-l-sm {
    margin-left: 10px;
}

.margin-md {
    margin: 20px;
}

.margin-t-md {
    margin-top: 20px;
}

.margin-r-md {
    margin-right: 20px;
}

.margin-b-md {
    margin-bottom: 20px;
}

.margin-l-md {
    margin-left: 20px;
}

.margin-lg {
    margin: 30px;
}

.margin-t-lg {
    margin-top: 30px;
}

.margin-r-lg {
    margin-right: 30px;
}

.margin-b-lg {
    margin-bottom: 30px;
}

.margin-l-lg {
    margin-left: 30px;
}

.margin-xl {
    margin: 50px;
}

.margin-t-xl {
    margin-top: 50px;
}

.margin-r-xl {
    margin-right: 50px;
}

.margin-b-xl {
    margin-bottom: 50px;
}

.margin-l-xl {
    margin-left: 50px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute !important;
}

.block {
    display: block;
}

.widget {
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border-right: 1px solid #ffffff;
    padding: 5px 20px 5px 5px;
}

.widget-outer .widget:last-child {
    border: none;
}

.widget-value {
    font-size: 25px;
    line-height: 25px;
    margin: 10px 0px;
    font-weight: 700;
}

.widget-title {
    font-size: 14px;
    line-height: 14px;
}

.widget-icon {
    text-align: center;
    top: 5px;
    font-size: 25px;
}


.widget-charging {
    padding: 30px 10px 30px 10px;
    position: relative;
}

    .widget-charging .title {
        font-size: 22px;
        line-height: 25px;
        font-weight: 700;
    }

.red-dot {
    position: absolute;
    top: 5px;
    right: 4px;
    color: red;
    font-size: 14px !important;
}

.timepicker {
    width: 250px;
    margin: 0px auto;
}



.section-title {
    border-top: 1px solid #aaaaaa;
    display: block;
    padding-top: 8px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #aaaaaa;
    margin-top: 10px;
}

.section-title-big {
    border-top: 3px solid #aaaaaa;
    display: block;
    padding-top: 8px;
    padding-bottom: 10px;
    font-size: 16px;
    color: #ffffff;
    margin-top: 10px;
}

.section-title-noline {
    display: block;
    padding-top: 8px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #aaaaaa;
    margin-top: 10px;
}

.inputFieldSwitchLink{
    color:#aaa;
}

.inputFieldSwitchLinkSelected{
    color:#fff;
    font-weight:bold;
}

.nav-dashboard-connector{
    height:55px;
    font-size: 14px;
    cursor:pointer;
    text-align:center;
    align-content:center;
    background-color:#141414;
    padding-top:10px;
    padding-bottom:5px;
    border-right: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
}

.nav-dashboard-connector-selected{
    /*border-bottom: 5px solid #00997d;*/
    height:55px;
    font-size: 14px;
    text-align:center;
    align-content:center;
    cursor:pointer;
    padding-top:10px;
    padding-bottom:5px;
    border-right: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
}

.nav-dashboard-connector-selected .connectorSmallStatusLine{
    margin-top:5px;
    width:100%;
    
    height:7px;
}

.nav-dashboard-connector .connectorSmallStatusLine{
    margin-top:5px;
    width:100%;
    
    height:2px;
}

.connectorStatusLine{
    font-size: 14px;
    padding-left:30px;
    padding-right:30px;
    padding-top:5px;
    padding-bottom:5px;
    border-radius: 12px;
    display: inline-block;
}



.connectorDirection2{
   /*
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
   */
}

.connectorStatusgreen{
    background-color:#39b54a;
}
.connectorStatusblue{
    background-color:#1ac2ff;
}
.connectorStatusred{
    background-color:#ed4245;
}
.connectorStatusyellow{
    background-color:#f7931e;
}



.modal .section-title {
    border-top: 1px solid #000000;
}


.border {
    border: 1px solid #ffffff;
}

.border-b {
    border-bottom: 1px solid #ffffff;
}

.border-r {
    border-right: 1px solid #ffffff;
}

.border-t {
    border-top: 1px solid #ffffff;
}

.border-l {
    border-left: 1px solid #ffffff;
}

.nowrap {
    white-space: nowrap;
}

.label {
    font-size: unset;
}

.importantCheckBoxLabel{
    font-size:14px;
}


.dashboard-bottom-buttons {
    max-width: 600px;
    margin: 50px auto 10px auto;
}

.carousel-control {
    opacity: unset !important;
    background-color: black;
}

.carousel-caption {
    bottom: 5px !important;
    padding-bottom: 0px !important;
    right:0%;
    left:0%;
}

.carousel-control.left {
    display: none;
}

.carousel-control.right {
    display: none;
}

.carousel-inner {
    background-color: black;
    width:100%;
    height:100%;
}

.carousel-indicators {
    top: 0px !important;
    width:0%;
    height:0%;
    display:none;
    /*width:100%;
    height:100%;*/
}

.carousel-slide img {
    width: 340px;
    margin-top: 30px !important;
    margin-bottom: 50px !important;
}

.carousel-slide {
    height: 360px;
}

.filesDrop.filesDrop--dragover {
    outline: 1px solid #999;
}

.available {
    background-color: green;
}

.preparing {
    background-color: rgba(0,0,0,0.3);
}

.preparingUnauthorized {
    background-color: rgba(0,0,0,0.3);
}

.preparingDisconnected {
    background-color: rgba(0,0,0,0.3);
}

.preparingWaitingForEv {
    background-color: rgba(0,0,0,0.3);
}

.charging {
    background-color: #00575a;
}

.suspendedEvse {
    background-color: green;
}

.suspendedEv {
    background-color: #ff0000;
}

.finishing {
    background-color: #000000;
}

.reserved {
    background-color: #2d2bba;
}

.unavailable {
    background-color: #e4c824;
}

.faulted {
    background-color: #ffcccc;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

/*style="background-color:#222222;padding:10px;border-bottom: 3px solid white;"*/
.dl-horizontal dt {
    text-align: left;
    width: 50%;
    text-overflow: unset !important;
    white-space: normal !important;
    font-weight: normal !important;
    padding-left: 20px; /*Zaradi borderja */
}

.dl-horizontal dd {
    width: 50%;
    margin-left: 50%;
    padding-left: 20px; /*Zaradi borderja */
}

.ng-confirm .ng-confirm-box {
    background-color: #0D0D0D;
    color: #ffffff;
}

.ng-confirm .ng-confirm-box div.ng-confirm-title-c .ng-confirm-title {
    font-size: 18px;
}


.modal-content {
    background-color: #0D0D0D;
    color: #ffffff;
}

.modal-body {
    padding: 30px;
    position: relative;
}

.modal-body-details {
    padding: 50px 90px 40px 90px;
}

@media only screen and (max-width: 768px) {

    .modal-body {
        padding: 30px 10px 30px 10px;
    }

    .modal-body-details {
        padding: 30px 10px 30px 10px;
    }

    .navbar-nav > li, .navbar-nav {
        margin-left: 0px;
    }

    .navbar-nav > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .page-padding {
        padding: 10px;
    }

    .h4, h4 {
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
    }
}




.btn-icon-text {
    background-color: transparent;
    font-weight: normal;
    font-size: 12px;
    padding: 0px;
    margin-left: 25px;
}

    .btn-icon-text i, .btn-icon-text img {
        display: block;
        margin: 0px auto 5px auto;
        font-size: 20px;
    }

    .btn-icon-text.active {
        color: #aaaaaa;
    }

    .btn-icon-text.focus, .btn-icon-text:focus, .btn-icon-text:hover {
        color: #aaaaaa;
    }

.modal-backdrop {
    background-color: white;
}

.modal-header {
    position: relative;
    border-bottom: none;
    padding: 30px 30px 0px 30px;
}

.list-group-item {
    background-color: #202020;
    margin-bottom: 9px;
    border: none;
    padding: 10px 20px;
    min-height: 60px;
}

.expanded {
    background-color: #000000;
}



.modal-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
}

.form-control {
    border-radius: 5px;
}

.btn-xs {
    padding-left: 10px;
    padding-right: 10px;
}

.modal-content .form-control {
    background-color: transparent;
    color: #ffffff;
    box-shadow:none;
}

.ipv4-input {
	display: inline-block;
	position: relative;
    bottom:-5px;
}

.ipv4-input.selected {
	border-color: rgb(155, 155, 155);
}

.ipv4-cell {
	border: none;
	width: 30px;
	text-align: center;
	outline: none;
    background-color:transparent;
}

.ipv4-dot {
}


.config .form-control {
    color: #ffffff;
    background-color: #202020;
    border: none;
    height: 40px;
}

.config .form-horizontal .control-label {
    padding-top: 10px;
}

.config .input-group-addon {
    background-color: #333333;
    border: none;
    color: #aaaaaa;
    min-width: 50px;
}

.modal-content .input-group-addon {
    min-width: 50px;
}



.config .form-group {
    margin-bottom: 7px;
}


.config-sub-item {
    padding-left: 50px;
    font-size: 16px;
    border-top: 1px solid #646464;
    padding: 9px 5px 8px 70px;
    color: #aaaaaa;
}

    .config-sub-item:hover {
        background-color: #121212;
        color: #646464;
    }

.config-sub-item-selected {
    background-color: #ffffff;
    color: black;
}



.modal-content option {
    color: #000000;
}

.modal-footer {
    padding: 30px;
    text-align: right;
    border-top: none;
}



.text-success {
    color: #00997D;
}

.text-danger {
    color: #C1272D;
}


.pagination > li > a {
    border-radius: 40px;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 5px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 40px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 40px;
}


.border-success {
    border-left: 5px solid #00997D !important;
    padding-left: 15px !important;
}

.border-danger {
    border-left: 5px solid #C1272D !important;
    padding-left: 15px !important;
}

.border-warning {
    border-left: 5px solid #f2cc0e !important;
    padding-left: 15px !important;
}

.border-info {
    border-left: 5px solid #31708f !important;
    padding-left: 15px !important;
}

.border-inprogress {
    border-left: 5px solid #3399ff !important;
    padding-left: 15px !important;
}

.border-none {
    /*border-left: 5px solid #3399ff !important;*/
    padding-left: 15px !important;
}


.redStatusDot {
    height: 15px;
    width: 15px;
    background-color: #C1272D;
    border-radius: 50%;
    display: inline-block;
}

.greenStatusDot {
    height: 15px;
    width: 15px;
    background-color: #00997D;
    border-radius: 50%;
    display: inline-block;
}




.details {
    color: #aaaaaa;
    margin-top: 10px;
}

.details-table {
    width: 100%;
    color: #aaaaaa;
}

.details-table {
    width: 100%;
}

    .details-table tr td:first-child {
        width: 50%;
    }

    .details-table tr td {
        padding-left: 20px;
    }


.details-table-lg {
    width: 100%;
    color: #ffffff;
    font-size: 14px;
}

.details-table-lg {
    width: 100%;
}

    .details-table-lg tr td:first-child {
        width: 50%;
        color: #ffffff;
        font-weight: 700;
        white-space:nowrap;
    }

    .details-table-lg tr td {
        padding: 0px 20px;
    }



table.item-table {
    width: 100%;
    line-height: 20px;
}

.item-table td:not(:first-child) {
    padding-left: 20px;
}

.uib-timepicker input {
    height: 70px;
    font-size: 60px;
    width: 120px;
    border: none;
    font-weight: 700;
}


.uib-timepicker .btn-link {
    color: #ffffff;
}

.more-filters {
}

    .more-filters .selected {
        background-color: #222222;
    }

.form-filter-div {
    margin-left: 10px;
    padding: 4px;
    border-radius: 5px;
}


.more-filters .selected-div {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding: 4px;
    border-radius: 5px;
}


.form-filter {
    width: auto;
    float: left;
    border: none;
    box-shadow: none !important;
    margin-top: 10px;
    margin-right: 30px;
}






.black-bg .pagination > .active > a, .black-bg .pagination > .active > a:focus, .black-bg .pagination > .active > a:hover, .black-bg .pagination > .active > span, .black-bg .pagination > .active > span:focus, .black-bg .pagination > .active > span:hover {
    background-color: transparent;
    color: white;
    border-color: white;
    border: 1px solid;
}



.table tr td, .table tr th, .table tr th {
    padding: 10px 2px;
    border-color: #aaaaaa;
}



.list-table tr th {
    border: none !important;
}

.list-table tr th {
    border: none;
    border-bottom: 1px solid #141414 !important;
}


.list-table tr td {
    border: none;
    border-bottom: 10px solid #141414 !important;
    background-color: #202020;
}


.list-table .expanded td {
    border: none;
    border-bottom: 1px solid #202020 !important;
    background-color: #000000;
}

.list-table .expanded-details td {
    background-color: #000000;
}






.pagination > li > a, .pagination > li > span {
    border: none;
}

hr {
    border-color: #aaaaaa;
}

#animation-frame {
    position: relative;
    height: 71px;
    width: 156px;
    margin: 0 auto;
}


    #animation-frame img {
        position: absolute;
        left: 0;
    }


.input-bar {
    display: table;
    width: 100%;
}

.input-bar-item {
    display: table-cell;
}

.input-bar-item-img {
     display: table-cell;
    padding-left: 10px;
}
    
.width100 {
  width: 100%;
}

.chartLoader {
  border: 3px solid #333c4c;
  border-radius: 50%;
  border-top: 2px solid #eaeff7;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.widgetDash {
    border-radius: 5px;
    padding: 15px 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.navy-bg, .bg-primary {
  background-color: #ffffff !important;
  color: #000000;
}

.lazur-bg, .bg-info {
  background-color: #242323 !important;
  color: #ffffff;
}

.tabDashBtn{
    border: none;
    border-radius: 5px;
    padding: 5px 20px;
    font-size:12px;
    color:white;
    background-color:rgba(0,0,0,1);
}

.tabDashBtnSelected{
    border: 1px solid white;
    border-radius: 5px;
}

.weekDayCheckBox {
    display: grid;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    cursor: pointer;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
}

.weekDayCheckBox::before,
.weekDayCheckBox::after {
        grid-area: 1/1;
        pointer-events: none;
    }

input[type=checkbox]:checked::after {
    background: #07806f;
}

.weekdayMonday::before {
    background: #212121;
    font-size: 13px;
    content: 'M';
    color: white;
    padding-top:4px;
}

.weekdayMonday::after {
    font-size: 13px;
    content: 'M';
    color: white;
    padding-top: 4px;
}


.weekdayTuesday::before {
    background: #212121;
    font-size: 13px;
    content: 'T';
    color: white;
    padding-top: 4px;
}

.weekdayTuesday::after {
    font-size: 13px;
    content: 'T';
    color: white;
    padding-top: 4px;
}

.weekdayWednesday::before {
    background: #212121;
    font-size: 13px;
    content: 'W';
    color: white;
    padding-top: 4px;
}

.weekdayWednesday::after {
    font-size: 13px;
    content: 'W';
    color: white;
    padding-top: 4px;
}

.weekdayThursday::before {
    background: #212121;
    font-size: 13px;
    content: 'T';
    color: white;
    padding-top: 4px;
}

.weekdayThursday::after {
    font-size: 13px;
    content: 'T';
    color: white;
    padding-top: 4px;
}

.weekdayFriday::before {
    background: #212121;
    font-size: 13px;
    content: 'F';
    color: white;
    padding-top: 4px;
}

.weekdayFriday::after {
    font-size: 13px;
    content: 'F';
    color: white;
    padding-top: 4px;
}

.weekdaySaturday::before {
    background: #212121;
    font-size: 13px;
    content: 'S';
    color: white;
    padding-top: 4px;
}

.weekdaySaturday::after {
    font-size: 13px;
    content: 'S';
    color: white;
    padding-top: 4px;
}

.weekdaySunday::before {
    background: #212121;
    font-size: 13px;
    content: 'S';
    color: white;
    padding-top: 4px;
}

.weekdaySunday::after {
    font-size: 13px;
    content: 'S';
    color: white;
    padding-top: 4px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*Password strength*/
.progressPasswordStrength {
    height: 3px !important;
}
.progress-bar-danger {
    background-color: #e90f10;
}

.progress-bar-warning {
    background-color: #ffad00;
}

.progress-bar-success {
    background-color: #02b502;
}

.fa-circle {
    font-size: 6px;
}

.fa-check {
    color: #02b502;
}