@media screen and (min-width: 601px) {
    .closesearch { display:none; }
    .toogleapp { z-index:4;position:absolute;top:18px;right:25px; }
    .logoo { z-index:4;position:absolute;top:14px;left:25px; }
    .searched { display:none; }
    .caree { z-index:4;display:block; }
}
@media screen and (max-width: 600px) {
    .closesearch { z-index:8;display:none;position:absolute;top:17px;right:30px; }
    .toogleapp { z-index:4;position:absolute;top:15.5px;right:15px; }
    .logoo { z-index:4;position:absolute;top:11px;left:15px; }
    .searched { z-index:4;position:absolute;top:16px;right:50px; }
    .caree { z-index:4;display:none; }
    .fontbtn { font-size:11px; }
}

    .has-search .form-control {
        padding-left: 2.375rem;
    }
    
    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.7rem;
        margin-left:0.25rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }
    .hoy:hover { transform: scale(1.05); }
    
    .hey:hover { background-color: rgba(0,0,0,0.25); }
    .hay:hover { background-color: rgba(0,0,0,0.25); height:92px; }
    
.loader {
         display: block;
         position: absolute;
         left: 50%;
         top: 50%;
         width: 15px;
         height: 15px;
         left: calc(50% - 1.25em);
         border-radius: 1.25em;
         transform-origin: 1.25em 2.25em;
         animation: rotateAnimation;
         animation-iteration-count: infinite;
         animation-duration: 2s;
      }
      @keyframes rotateAnimation {
         from {
            transform: scale(1) rotateZ(0deg);
         }
         to {
            transform: scale(20) rotateZ(720deg);
         }
      }
      .item1 {
         animation-delay: 0.10s;
         background-color: #0c5376;
      }
      .item2 {
         animation-delay: 0.20s;
         background-color: #106b99;
      }
      .item3 {
         animation-delay: 0.30s;
         background-color: #09b4a7;
      }
      .item4 {
         animation-delay: 0.40s;
         background-color: #a3f3ed;
      }
      .item5 {
         animation-delay: 0.50s;
         background-color: #ccf4f1;
      }

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(720deg); }
}

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

#myDiv {
  display: block;
}
#navbar {
    display: block;
}

.fulled {
    display:none;
    line-height:13px;
    font-size:12px;
    padding-bottom:3px;
}
.simpled {
    display: inline-block;
    line-height:13px;
    font-size:12px;
    padding-bottom:3px;
}
.iconapps:hover {
    .fulled { display: block; }
    .simpled { display: none; }
    .iconapps { width: auto; background-color: #cccccc; }
}