body {
    font-family: helvetica;
    font-family: font151473 !important;
    font-family: 'Roboto', sans-serif,serif !important;
    font-size: 1.25rem !important;
    background-image: url(../imgbg/bg/1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #585858;
}

body, p, span, div {
    font-family: 'Roboto', sans-serif,serif !important;
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
    margin-left: 16px;
    font-family: 'Roboto', sans-serif,serif !important;
}
.navbar {
    background-color: #f7f7f7 !important
}
.text-default {
    color: #585858 !important;
}


li a {
    color: #fb671e !important;
}
strong {
    font-size: 16px !important;
}
.form-check-input {
  
    padding: 10px !important
}
    a:hover {
    color: #2076d3 !important;
}

          .btn-block{
              
         max-width :500px;
              min-width :200px !important;
         margin:0 auto !important;
     }

.card-info {
    font-weight: bold;
    font-family: 'Open Sans', serif !important;
    font-size: 18px;
}
       
 
        .h-line {
            font-weight: bold !important;
        }
        #login{
            color:white !important;
            background-color: #394A5C !important;
        }
       
        .margl {
        margin-left: 10px !important; 
    }
         .margr {
          margin-right:10px !important
    }
          .marglr {
        margin-left: 10px !important; margin-right:10px !important
    }
.margtb {
    margin-top: 3px !important; margin-bottom:3px !important
}

/*#slide1{ background-image: url(../imgbg/bg/bg1.png);background-size: cover;   
    
    background-repeat: no-repeat;    }*/
#slide2{background-image: url(../imgbg/bg/bg2.png);background-size: cover;   
   
    background-repeat: no-repeat;    }
#slide3{background-image: url(../imgbg/bg/bg3.png);background-size: cover;   
    
    background-repeat: no-repeat;    }



 .validation-summary-errors, .validation-summary-errors li {
     font-weight:normal;
     
     color:darkred !important;
     list-style:none;
     text-align:center !important;
     max-width:500px;
    background: #F2DEDE ; 
    padding: 10px 20px ; 
    border-radius: 5px ; 
    text-decoration: none ; 
    /*box-shadow: 1px 1px 1px #888888;*/
    position: relative ; 
    border: 1px solid #F2DEDE ; 
 }
 .text-danger
 {
     color:red !important;
 }
 .card {
    
     box-shadow: 1px 1px 1px #888888 !important;
     width: 100% !important;
      
 }

  

        input, textarea{
            max-width: 600px;
        }
     

         .card-info  { 
             
               background-color:#f7f7f9 !important;
         }

.btn-energized {
    background-color: #ff7b00 !important;
    color: #fff !important;
    font-size: 1.25rem !important;
    font-weight: bolder !important;
    line-height: 2.5 !important;
    padding: .5rem !important;
    max-width: 300px;
    margin-bottom: 10px !important;
}
          .info{
             
             font-weight:bold;           
         }
          

@media screen and (max-width: 2000px) and (min-width: 700px) {
    .slide-carousel .item .text {
        padding-top: 0%;
        text-align: center;
        position: relative;
        z-index: 99;
    }
    .slide-carousel .item .text h1 {
        font-family: "Raleway", serif;
        text-transform: none;
        font-weight: 700;
        color: #FFFFFF !important;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }
    label {
        font-size: 16px;
    }
     .label-header{font-size: 16px !important}
}
@media screen and (max-width: 700px) and (min-width: 430px) {
    label ,p{
              
             font-size :large ;
    }
    .label-header{font-size: large !important}
}

 #logout a{
            color: #204d74 !important;              
        }
       

        select {
            max-width: 400px;
        }

        .list-group-item{
            font-size:14px !important;
        }



.highlight {
    min-width: 90px !important;
    min-height: 40px !important;
    margin-top: 25px !important;
    color: white !important;
    background-color: #ff7b00 !important;
}
a.btn{
    color:#fff !important;
}
 
/*a:not([href]):not([tabindex]){
    color:#fff !important
}*/

    @media screen and (max-width: 1600px) and (min-width: 700px) {
        label, p {
            font-size: 16px !important;
          
        }
        .navbar-nav {
            margin-left: 120px;
        }
        .navbar-nav {
            margin-left: 60px;
        }
    }
    input{max-width :600px}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

       /*.btn-success {
          background-color:  #57b157 !important;
          border-color: #57b157 !important;
          color:#fff !important
      }*/
     

     
       .energy{color: #ff7b00  !important;}
.green { color: #57b157 !important; }

input {
    max-width:500px !important;
    
}
.form-check-label {
    padding-left: 2rem !important;
     
}

span .fa{
    color: #009ADE !important;
}

hr {
    overflow: visible; 
    padding: 0;
    border: none;
    border-top: thin solid green;
    color: Highlight;
    text-align: center;
}
hr :after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.4em;
    padding: 0 0.25em;
    background: white;
}

.org {
    color: #ff7b00 !important;
}
.blue {
    color: #01416f !important;
}

#stats li, #logo li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    float: left;
    font-weight: bold;
}

 h6, p, span,   select ,button{
    
    color: #585858;
}

p{margin-left:10px !important;}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none;
}

caption {
    display: block;
    line-height: 3em;
    width: 100%;
    -webkit-align-items: stretch;
    border: 1px solid #eee;
}

 dt{font-weight: 500}
 h4 {
    font-size: 1.2rem
}

select {
    border: 2px lightblue solid;
    height: 40px;
}

.modal-dialog {
    max-width: 800px !important;
}

.btn{ border-radius:0 !important}
.btn-lg {
    border-radius: 0 !important
}
 
.navbar-light .navbar-nav .nav-link {
    color: #ff7b00;
    font-weight: bold !important;
    padding-top: 12px !important;
}
.btn-main {
    margin-left: 20px !important;
    background-color: #2076d3 !important;
    color: #FFF !important;
}

.btn-logout {
    
    margin-left:  20px !important;
    color: white !important;
    background-color: #394A5C !important;
    font-weight: bold !important
}
.navbar-toggler {
    padding: 0.75rem 0.75rem !important;
    background-color: #ff7b00 !important;
    color: #FFF !important;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}
.navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: 1.2rem ;
    padding-left: 1.2rem ;
}

#myInput {
    background-image: url('../img/search.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

#myTable {
    border-collapse: collapse; /* Collapse borders */
    width: 100%; /* Full-width */
    border: 1px solid #ddd; /* Add a grey border */
    font-size: 18px; /* Increase font-size */
}

#myTable th, #myTable td {
    text-align: left; /* Left-align text */
    padding: 12px; /* Add padding */
}

#myTable tr {
    /* Add a bottom border to all table rows */
    border-bottom: 1px solid #ddd; 
}

#myTable tr.header, #myTable tr:hover {
    /* Add a grey background color to the table header and on hover */
    background-color: #f1f1f1;
}

.item {
    margin-left: 12px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: red !important;
    color: #f1f1f1 !important
}
.text-primary {
    color: #fb671e !important;
}

@media screen and (max-width: 700px) and (min-width: 100px) {
    .slide-carousel .item h1 {
        font-family: "Raleway", serif;
        font-size: 28px !important;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        margin-bottom: 0px;
        display: inline-block;
        padding: 5px 10px;
    }

    .slide-carousel .item h3 {
        font-family: "Raleway", serif;

        text-transform: uppercase;
        font-weight: normal;
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px;
        display: inline-block;
        padding: 10px 20px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 700px) {
    .slide-carousel .item h1 {
        font-family: "Raleway", serif;
        font-size: 36px !important;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        margin-bottom: 0px;
        display: inline-block;
        padding: 5px 10px;
    }

    .slide-carousel .item h3 {
        font-family: "Raleway", serif;
        font-size: 32px !important;
        text-transform: uppercase;
        font-weight: normal;
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px;
        display: inline-block;
        padding: 10px 20px;
    }
}

 

.card-title {
    color: #ff7b00 !important;
}
.text-success {
    color: #1f74cf !important;
}

/*.btn {
    margin-left: 10px !important;
    margin-right: 10px !important
}*/


.navbar.center .navbar-inner {
    text-align: center;
}

    .navbar.center .navbar-inner .nav {
        display: inline-block;
        float: none;
        vertical-align: top;
        text-align: center;
    }

.h3, h3 {
    font-size: 1.35rem !important;
}
.container {
    width:100% !important;
    max-width:100%  !important;
}
.overlay {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #353535;
    opacity: 0.8;
    filter: alpha(opacity=80);*/
}
.bg-cover {
    background: url('../imgbg/bg/1.jpg') no-repeat center center fixed;
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
}
.slide {
    background-size: cover !important; /* <------ */
    background-repeat: no-repeat !important;
    background-position: center center !important; /* optional, center the image */
}

.btn-landing {
    height: 70px;
    text-align: center !important;
    font-weight: bolder;
    padding-top: 20px;
    max-width: 300px !important;
}
.slide {
    background-size: cover !important; /* <------ */
    background-repeat: no-repeat !important;
    background-position: center center !important; /* optional, center the image */
}

.btn-landing {
    height: 70px;
    text-align: center !important;
    font-weight: bolder;
    padding-top: 20px;
    max-width: 300px !important;
}

li {
    list-style: none
}

span {
    color: green !important;
}

.badge {
    color: black !important;
}
.btn {
    margin: 0 auto !important;
}

.container {
    margin: 0px !important;
    padding: 0px !important
}