* { margin: 0px; padding: 0px; list-style-type: none; }

body {  font-family: 'Roboto', sans-serif;color: #656565; }

*:active,
*:hover,
*:focus {
    outline: 0px !important;
}
a,
a:hover,
a:focus {
    cursor: pointer;
    text-decoration: none;
}
ul,
ol { 
    margin:0px;
    padding:0px;
}

.navigation .pagination{
    justify-content: center;
}
.navigation .pagination a,.navigation .pagination .current{
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.navigation .pagination .current{
    background: #00afff;
    color: #ffffff;
}

.login video { position: fixed;top:0;left:0;min-width: 100%;min-height: 100%; }
.login .row { display: flex;align-items: center;justify-content: center;margin:0px; }
.login .left, .login .right { padding: 0px; }
.login .left  {  display:flex;align-items:center;height:550px;background:#FFF;border-top-left-radius: 15px;border-bottom-left-radius: 15px; padding:0px 20px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);overflow: hidden; }
.login .left form { padding:0px 20px;width:100%; }
.login .left h1 { font-weight: 100;margin:25px 0px; }
.login .left .form-group { position:relative;margin-bottom:25px; }
.login .left .form-control { padding:15px 0px 15px 30px;border:0px;border-radius: 0px;border-bottom: 1px solid #7932d6; }
.login .left .form-group .fa { position: absolute;left:10px;top:17px; }

.login .left .authent, .login .left .result { 
        display: flex;align-items: center;flex-direction: column;justify-content: center;
        position: absolute;top: 0;bottom: 0;left: 0;right: 0;color: #d5d8e2;padding:0px 30px;
        background: #35394a;background: linear-gradient(45deg, #35394a 0%, #1f222e 100%);font-weight: 300;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35394a', endColorstr='#1f222e',GradientType=1 );
        opacity:0;-webkit-transition: all .2s; transition: all .2s;z-index: -1;width:100%;height:100%;
}
.login .left .authent.active, .login .left .result { opacity: 1;z-index: 55555; }
.login .left .authent img { margin-bottom:20px; }
.login .left .authent, .login .left .result h3 { margin-top:0px;font-size:18px; }
.login .left .result small { font-size:15px; font-weight: 100; }

.login .right { 
    height:550px;background: linear-gradient(to left, #2289d4, #7932d6); 
    border-top-right-radius: 15px;border-bottom-right-radius: 15px; color:#FFF;
    padding:0px;overflow: hidden;
}

 
.login .right .carousel-item { height: 550px;background-repeat: no-repeat;background-position: center center;background-size:cover;text-align: left; }
.login .right .carousel-caption h1{ display:inline-block;background: rgba(0,0,0,.8);padding:10px;font-size:17px;margin:0px;}
.login .right .carousel-caption ul{ display:flex;align-items: center;justify-content: center;z-index: 6666; }
.login .right .carousel-caption ul li { background: rgba(0,0,0,.8);padding:20px 10px;flex:1 1 auto;cursor:pointer; }
.login .right .carousel-caption ul li:last-child { margin-right:0px; }
.login .right .carousel-caption ul li img { transition: transform .2s; /* Animation */margin:10px 0px; }
.login .right .carousel-caption ul li span { display:block;font-weight: 600; }
.login .right .carousel-caption ul li strong { display:block;font-weight: 600; font-size:18px;}
.login .right .carousel-caption ul li:hover > img {  transform: scale(1.5);}



.navbar {    color:#FFF;  border-radius: 0px;  border: none;  margin:0px;padding: 0;position: static; }
.navbar .navbar-brand {  display: block; padding-top:10px;padding-bottom:10px; }
.navbar .navbar-brand img { max-height:30px !important;}
.navbar .navbar-toggle  { border:0px; }

.navbar .navbar-toggle:hover, 
.navbar .navbar-toggle:focus  { border:0px;background:none; }
.navbar .navbar-toggle .icon-bar { background-color: #FFF; }
.navbar .navbar-nav { margin:0px; }
.navbar .navbar-collapse { padding:0px; }

.navbar .navbar-left  .dropdown { position: static; }
.navbar .navbar-left .open > .dropdown-menu,  
.navbar .navbar-left .dropdown-submenu:hover > .dropdown-menu { display: flex;align-items: center;justify-content:center;right:0;border-radius: 0px;padding:15px 0px;margin:0px; }


.navbar .navbar-left .dropdown-submenu> .dropdown-menu {  padding: 5px 0px !important; background:#F5F5F5;  border-top: 1px solid #666666; }
.navbar .navbar-left .dropdown-submenu { padding: 0px; }
.navbar .navbar-left > .open > .dropdown-menu { padding:0px; }
.navbar .navbar-left > .open > .dropdown-menu > li { padding:15px 0px; }

.navbar .navbar-left .dropdown-submenu > .dropdown-menu  li { padding:5px !important; }
.navbar .navbar-right .dropdown-menu li { padding:0px 5px !important; }

.navbar .dropdown-menu > li > a {
  
    font-size: 13px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    border-radius: 12px;
    display: block;
    padding: 4px 11px;


}




.navbar  .dropdown-menu > li:hover > a,
.navbar .dropdown-menu > li:hover > a {
  text-decoration: none;
  color: #FFFFFF;
  
    background-color: #0070c9;
    background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9));
    background: -webkit-linear-gradient(#42a1ec, #0070c9);
    background: linear-gradient(#42a1ec, #0070c9);
}

.navbar-expand-lg .navbar-nav .nav-link{
  color: #ffffff;
  padding: 13px 15px;
}

.navbar-nav .nav-link{
  line-height: 20px;
  letter-spacing: -.01em;
  font-weight: 300;
  font-size: 14px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover{
  color: #dedede;
}

.dropdown-menu{
  padding: .85rem 0;
}

.dropdown-menu li a{
    color: #5f5f5f;
    font-size: 13px;
  } 



.navbar-expand-lg .navbar-nav.navbar-right .dropdown-menu.show{
  display: block;
  width: auto;
  right: 0;
  left: auto;
}

.navbar-right .dropdown{
  position: relative;
}


body.open .navbar .navbar-nav { display: none; }

body.open .search { display:block; }
.search { display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 9999;}

.search .inner { display:block;position:relative;padding:0 25%;height: 100vh;z-index: 999999; }
.search .inner .form-group { position:relative;margin:0px; }
.search .inner .form-group > .fa { 
  position:absolute;left:0px;top:16px;font-size:18px;color:#FFF; opacity: 0;
    -webkit-animation: ac-gn-searchresults-items-show 0.4s both;
    animation: ac-gn-searchresults-items-show 0.4s both;
}
.search .inner .form-group .closed { 
  position:absolute;display:inline-block;line-height:0px;right:0px;top:16px;font-size:18px;color:#FFF;
  opacity: 0;
    -webkit-animation: ac-gn-searchresults-items-show 0.4s both;
    animation: ac-gn-searchresults-items-show 0.4s both;
}
.search .inner .form-control {
    font-size: 17px;
    line-height: 1.29412;
    letter-spacing: -.021em;
    color: #fff;
    outline: none;
    font-weight: 300;
    height: 50px;
    border: none;
    background: transparent;
    padding-left:25px;
    opacity: 0;
    -webkit-animation: ac-gn-searchresults-items-show 0.4s both;
    animation: ac-gn-searchresults-items-show 0.4s both;
}
.search .results { padding: 25px 0px;background: #FFFFFF; }
.search .results span {    
opacity: 0; 
  display: block;
  padding-bottom:10px;
    font-size: 11px;
    line-height: 1;
    letter-spacing: -.008em;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    text-transform: uppercase;
    color: #888;
    -webkit-animation: ac-gn-searchresults-items-show 0.2s both;
    animation: ac-gn-searchresults-items-show 0.2s both;
} 


.search .results ul li:hover a{ color:#0070c9;background: #F9F9F9; }
.search .results ul li a { 
  opacity: 0;
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    display: block;
    padding: 6px 25px;
    text-decoration: none;
    font-weight: 400;
    -webkit-animation: ac-gn-searchresults-items-show 0.4s both;
    animation: ac-gn-searchresults-items-show 0.4s both;
}

.search .results ul li:nth-child(1) a{ -webkit-animation-delay: .22s; animation-delay: .22s; }
.search .results ul li:nth-child(2) a{ -webkit-animation-delay: .24s; animation-delay: .24s; }
.search .results ul li:nth-child(3) a{ -webkit-animation-delay: .26s; animation-delay: .26s; }
.search .results ul li:nth-child(4) a{ -webkit-animation-delay: .28s; animation-delay: .28s; }
.search .results ul li:nth-child(5) a{ -webkit-animation-delay: .30s; animation-delay: .30s; }


@-webkit-keyframes ac-gn-searchresults-show{
    0%{
        opacity:0;
        -webkit-animation-timing-function:ease;
        animation-timing-function:ease
    }
    100%{
        opacity:1
    }
}
@keyframes ac-gn-searchresults-show{
    0%{
        opacity:0;
        -webkit-animation-timing-function:ease;
        animation-timing-function:ease
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes ac-gn-searchresults-show-small{
    0%{
        -webkit-transform:translateY(-44px);
        transform:translateY(-44px);
        opacity:0
    }
    100%{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes ac-gn-searchresults-show-small{
    0%{
        -webkit-transform:translateY(-44px);
        transform:translateY(-44px);
        opacity:0
    }
    100%{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@-webkit-keyframes ac-gn-searchresults-items-show{
    0%{
        opacity:0;
        -webkit-transform:translateX(100px);
        transform:translateX(100px);
        -webkit-animation-timing-function:ease;
        animation-timing-function:ease
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes ac-gn-searchresults-items-show{
    0%{
        opacity:0;
        -webkit-transform:translateX(100px);
        transform:translateX(100px);
        -webkit-animation-timing-function:ease;
        animation-timing-function:ease
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}


.content { padding-top: 50px;position: relative; }
.breadcrumb {

  position: relative;
  overflow: hidden;
  margin-bottom: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 10px 15px;
  color: #616262;
  background: #FFF;
  border:0px;
}

.breadcrumb li.last { float: right; }
.breadcrumb li.last:before { content: none; }
.breadcrumb li.last a { display: block; padding:10px; margin:-10px;border-top-left-radius: 0px;border-bottom-left-radius: 0px; }

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .dropdown-menu.show {
    display: flex;
    justify-content: center;
    width: 100%;

}

.navbar-expand-lg .navbar-nav .dropdown-menu{
  margin: 0;
}

.dropdown{
  position: static;
}
}

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


    .login { padding: 0px; }
    .login .container,
    .login .container .row, 
    .login .container .col-md-4 { padding:0px;margin:0px; }

    .login .container .row { position: fixed;top:0px;bottom:0px;display: table;vertical-align: middle;width:100%;height:100%;  }
    .login .container .col-md-4 { display: table-cell;vertical-align: middle;}

    .login .panel-default{ text-align: center;border:0px;margin:0 auto;width:75%; }


    .login .panel-default .panel-body .input-group-addon { background: #FFF;border-right:0px; }



    .header { background: rgba(45,45,45,0.98); height:40px;min-height:40px;box-shadow: none;border-bottom:1px solid #F1F1F1; }
    .header .logo { display: none; }
    .header .toggle { display: block;height:40px;line-height:40px;font-size: 20px;left: 10px;width: auto;  }



    .breadcrumb { background: #FFF;margin:0 -10px 10px -10px;border-radius: 0px;border:0px; }

    .panel-default { border:0px;box-shadow: none; }

}




.panel-default { border:0px; }

.panel-default .panel-heading { display: table; width: 100%; padding:15px; }

.panel-default .panel-title,
.panel-default .actions {  display: table-cell; vertical-align: middle; }
.panel-default .panel-title { font-weight: bold; }
.panel-default .panel-heading .actions { text-align: right; }

.panel-default.weather .panel-heading, .panel-default.weather .panel-footer { background: #FFF;text-align: center; }
.panel-default.weather .panel-heading small { display: block;font-weight: 300; }


.navbar-toggler i{
  color: #ffffff;
}

.navbar-toggler{
  border:1px solid #ffffff;
}

.alert { text-align: center; margin-bottom:15px; }


label.form-control { margin:0px;font-weight: normal;height: auto;}
.form-control{ box-shadow: none; height: auto;  }
.form-control:focus,
.form-control:hover,
.form-control:active { box-shadow: none; border-color: #F1F1F1; }

.input-group .input-group-addon{ border-color:#F1F1F1; text-align:center; }

.list-group {  border:1px solid #F1F1F1;border-radius: 4px; overflow-y: scroll;margin:0px;}
.list-group .list-group-item { border-left:0px;border-right:0px; }
.list-group .list-group-item:first-child{ border-top:0px; }
.list-group .list-group-item:last-child{ border-bottom:0px; }


.messages { padding:0px; }
.messages .panel-default { border-left:5px solid #ffc61d; }
.messages .panel-default.admin{ border-left:5px solid #1da1f2;  }
.messages .item strong { display: block;margin-bottom: 5px; }
.messages .item p { margin-bottom: 5px; margin: 0px; padding: 0px; }
.messages .item small { margin-bottom: 5px; font-weight: normal; }


ul.panel-body.list-group { padding:0px; }
ul.panel-body.list-group .list-group-item { padding:15px; }
ul.panel-body.list-group .list-group-item .label{ font-size:13px;font-weight:300;float:right; }



 .count { 
    position: relative;
    overflow: hidden;
    display: block;
    padding:15px;  
    font-size: 16px;
    color: #222;
    font-weight: 300;
    margin-bottom: 12px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.count.blue { background: #1abc9c; }
.count.green  { background: #2ecc71; }
.count.orange  { background: #ffc61d; }

.count.red  { background: #c0392b; }
.count span {     font-size: 30px;   display: block;  line-height: 20px; }
.count .fa {   position: absolute;  bottom: -10px; right: -10px;  font-size: 4em; color: rgba(225,225,225,0.4);   }






.form { position: absolute;left:20px; top:80px; z-index: 999; }
.form .counties { 
      width:400px;
      -webkit-box-shadow: 0 5px 20px 0 rgba(103, 103, 103, 0.38);
      box-shadow: 0 5px 20px 0 rgba(103, 103, 103, 0.38);
      float:left;
      margin-right:10px;
}


.form  .form-control { height:34px;-webkit-appearance:none; }

.form .input-group-addon,
.form .form-control { border:0px; }
.form .form-control { border-left:1px solid #F5F5F5; }

.form .input-group-addon{padding: 5px 10px;background: #ffffff;border-right: 1px solid #dddddd;}

.btn-primary {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-primary:hover {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b;
}

.form-control{
      padding: 8px 14px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #616262;
    font-weight: 300;
}


.btn-primary.disabled, 
.btn-primary:disabled {
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-primary:active, 
.btn-primary.active {
  color: #fff;
  background-color: #025aa5;
  background-image: none;
  border-color: #01549b;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}


.btn-info.disabled, 
.btn-info:disabled {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-info:active, 
.btn-info.active {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #2aabd2;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}


.btn-success.disabled, 
.btn-success:disabled {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-success:active, 
.btn-success.active{
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #419641;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
}

.btn-warning.disabled, 
.btn-warning:disabled {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-warning:active, 
.btn-warning.active {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #eb9316;
}

.btn-danger {
  color: #fff;
  background-color: #f6504d;
  border-color: #f6504d;
}

.btn-danger:hover,
.btn-danger:focus{
  color: #fff;
  background-color: #c9302c;
  border-color: #c12e2a;
}


.btn-danger.disabled, 
.btn-danger:disabled {
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-danger:active, 
.btn-danger.active {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #c12e2a;
}

h3.page-title{

  margin: 3rem 0;
}

.profile-panel{
  padding: 0 3rem 3rem 2rem;
}

.mt-3{
  margin-top: .75rem;
}


.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}


.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}


.carousel-caption {
  position: absolute;
  left:0;right:0;bottom:0;
  text-align: center;color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   z-index: 10;
   padding: 0;
}
.login-video{ 
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
}
.login-form-container{
  position: absolute;
  z-index: 9999999;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,.2) !important;

}



.btn-purple, .btn-purple:hover, .btn-purple:active {
    background: linear-gradient(to right, #2269d4, #7932d6);
    color: #FFF;
}

.login{
    width: 75%;
    max-width: 1170px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 15px;
}

.login .left h1 {
    font-weight: 100;
    margin: 25px 0px;
}

.panel.panel-default.weather{
  background: #ffffff;
}

.panel-default .panel-body.table thead tr th, .panel-default .panel-body.table tbody tr td {
    padding: 8px 15px;
}

.panel-default .panel-heading {
    display: table;
    width: 100%;
    padding: 15px;
}

.table.details tr td:first-child {
    padding-left: 12px !important;
}

.modal.show .panel-default .panel-footer {
    text-align: right;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #fafafa;
    border-top: 1px solid #eeeeee;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel-body.table.details{
  margin-bottom: 0;
  color: #656565;
}

.table thead tr th:last-child, .table tbody tr td:last-child {
    text-align: right;
}

#chart_div .ltr{

    width: 100%!important;
}

@media (min-width: 750px){
    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
}

@media (min-width: 992px){
    .modal-dialog {
        max-width: 800px;
        margin: 1.75rem auto;
    }
}

@media (min-width: 1300px){
    .modal-dialog.modal-xl {
        max-width: 94%;
        margin: 1.75rem auto;
    }
}