.ay-nav-item {
 /* -ms-flex: 1 1 auto;
  flex: 1 1 auto;*/
  text-align: center;
}

.ay-nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.ay-nav-link:hover,.ay-nav-link:focus {
  
  text-decoration:none;
}

.companyLogo:hover{
    cursor:pointer;
}
.ay-popupmenu-content {
  display: none;
  position: absolute;
  background-color: black;
  min-width: 160px;
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
  z-index: 9;
}
.ay-popupmenu-content div {
  color     : white;
  padding-left   : 15px;
  padding-top    : 7px;
  padding-bottom : 7px;
  padding-right  : 15px;
  cursor    : pointer;
}
.ay-popupmenu-content div:hover {
  background-color: dodgerblue;
}

.black-white{
    background-color:skyblue;
    color:white;
}
.blue-white{
    background-color:blue;
    color:white;
}

.loading {
    width: 150px;
    height: 150px;
    background: transparent url('../Images/loading.gif') no-repeat 0 0 center;
    font-size: 0px;
    display: inline-block;
}

.ay-modal {
    z-index: 3;
    display: block;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.ay-modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    
    padding: 0;
    outline: 0;
    width: 100%;
    overflow-y: initial !important;
}

.ay-modal-header {
    padding: 2px 16px;
    background-color: #34495e;
    color: white;
}

.ay-modal-body {
    height: 100%;
    width: 100%;
    padding: 0;
    overflow: auto;
    background-color: aliceblue;
    color: black;
}

.ay-modal-footer {
    padding: 2px 16px;
    background-color: #34495e;
    color: white;
}

.ay-input {
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
    width: 100%;
    height:30px;
    margin-left: 2px;
    margin-right: 2px;
}
.ay-combobox {
    border: 1px solid #ccc;
    width: 100%;
    height:30px;
    margin-left: 2px;
}

.ay-label {
    padding: 2px;
    display: block;
    width: 100%;
    border: 1px solid #e7eaed;
    margin-left: 2px;
    margin-right: 2px;
}

.ay-tooltip .ay-tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}


.ay-tooltip:hover .ay-tooltiptext {
    visibility: visible;
    
}

.ay-animate-top {
    position: relative;
    animation: animatetop 0.4s;
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.ay-close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .ay-close:hover,
    .ay-close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }



.ay-content {
    margin:0;
    padding:0;
    width:100%;
}

.ay-btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ay-btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .ay-btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .ay-btn-secondary:focus, .ay-btn-secondary.focus {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .ay-btn-secondary.disabled, .ay-btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .ay-btn-secondary:not(:disabled):not(.disabled):active, .ay-btn-secondary:not(:disabled):not(.disabled).active,
    .show > .ay-btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .ay-btn-secondary:not(:disabled):not(.disabled):active:focus, .ay-btn-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .ay-btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
        }
.hidden {
    display:none;
}
.ay-blue, .ay-hover-blue:hover {
    color: #fff !important;
    background-color: #2196F3 !important;
}
.ay-red, .ay-hover-red:hover {
    color: #fff !important;
    background-color: #f44336 !important;
}

.ay-padding {
    padding:5px;
}

.ay-margin-left05 {
    margin-left:5px;
}
.ay-margin-left10 {
    margin-left:10px;
}
.ay-margin-left15 {
    margin-left:15px;
}

.ay-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin:0px;
}
.ay-justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.ay-justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  
}

.ay-justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
  
}


.ay-col {
    float: left;
    width: 100%;
}

.ay-col-1 {
    width: 8.33333%;
}

.ay-col-2 {
    width: 16.66666%;
}

.ay-col-3 {
    width: 24.99999%;
}

.ay-col-4 {
    width: 33.33333%;
}

.ay-col-5 {
    width: 41.66666%;
}

.ay-col-6 {
    width: 49.99999%;
}

.ay-col-7 {
    width: 58.33333%;
}

.ay-col-8 {
    width: 66.66666%;
}

.ay-col-9 {
    width: 74.99999%;
}

.ay-col-10 {
    width: 83.33333%;
}

.ay-col-11 {
    width: 91.66666%;
}

.ay-col-12 {
    width: 99.99999%;
}
.ay-col-auto {
    width: auto;
}

.center
{
    text-align:center;
}
.right {
    text-align: right;
}

.w00 {
    min-width: 0%;
    max-width: 0%;
    
}
.w01 {
    min-width: 1%;
    max-width: 1%;
    
}
.w02 {
    min-width: 2%;
    max-width: 2%;
    
}
.w03 {
    min-width: 3%;
    max-width: 3%
}
.w04 {
    min-width: 4%;
    max-width: 4%
}
.w05 {
    min-width: 5%;
    max-width: 5%;
    
}
.w06 {
    min-width: 6%;
    max-width: 6%;
    
}
.w07 {
    min-width: 7%;
    max-width: 7%;
    
}
.w08 {
    min-width: 8%;
    max-width: 8%;
    
}
.w09 {
    min-width: 9%;
    max-width: 9%;
    
}
.w10 {
    min-width:10%;
    max-width:10%;
    
}
.w11 {
    min-width: 11%;
    max-width: 11%;
}
.w12 {
    min-width: 12%;
    max-width: 12%;
}
.w15 {
    min-width: 15%;
    max-width: 15%;
}
.w16 {
    min-width: 16%;
    max-width: 16%;
}
.w17 {
    min-width: 17%;
    max-width: 17%;
}
.w18 {
    min-width: 18%;
    max-width: 18%;
}
.w19 {
    min-width: 19%;
    max-width: 19%;
}

.w20 {
    min-width: 20%;
    max-width: 20%;
}

.w25 {
    min-width: 25%;
    max-width: 25%;
}

.w30 {
    min-width: 30%;
    max-width: 30%;
}

.w35 {
    min-width:35%;
    max-width:35%;
}

.w40 {
    min-width:40%;
    max-width:40%;
}

.w45 {
    min-width: 45%;
}

.w50 {
    width: 50%;
}

.w55 {
    width: 55%;
}

.w60 {
    width: 60%;
}

.w65 {
    width: 65%;
}

.w70 {
    width: 70%;
}

.w75 {
    width: 75%;
}

.w80 {
    width: 80%;
}

.w85 {
    width: 85%;
}

.w90 {
    width: 90%;
}

.w95 {
    width: 95%;
}

.w100 {
    width: 100%;
}

.wauto {
    width: auto;
}