/*New Blue*/
/*Modi Orange*/
/*Del Red*/
/*Mail yellow*/
/*Save Green*/
/*Search Porble*/

@font-face {
    font-family: 'JMH Robotus';
    src: url('fonts/JMH Robotus.ttf' ) format('truetype');
}

.btnnew{
    background:#0094ff;
    height:35px;
    color:white;
    width:85px;
    font-size:14px;
    border:none;
    border-radius:5px;
}
.btncancel {
    background: #71b1ff;
    height: 35px;
    color: white;
    width: 85px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    
}

.btnmodi {
    background: #ffd800;
    background-image: url("/img/modi.png");
    background-repeat: no-repeat;
    object-fit: cover;
    background-position: center;
    height: 20px;
    width: 35px;
    border: none;
    border-radius: 5px;
}

.btnschi {
    background: #df74ef;
    background-image: url("/img/schedl.png");
    background-repeat: no-repeat;
    object-fit: cover;
    background-position: center;
    height: 20px;
    width: 35px;
    border: none;
    border-radius: 5px;
}

.btndel {
    background: #d00e0e;
    background-image: url("/img/recycle.png");
    background-repeat: no-repeat;
    object-fit: cover;
    background-position: center;
    height: 20px;
    width: 35px;
    border: none;
    border-radius: 5px;
}
.btnmail {
    background: #6ff3f3;
    background-image: url("/img/smail.png");
    background-repeat: no-repeat;
    object-fit: cover;
    background-position: center;
    height: 20px;
    width: 35px;
    border: none;
    border-radius: 5px;
}
.btnprnt {
    background: #808080;
    background-image: url("/img/prnt.png");
    background-repeat: no-repeat;
    object-fit: cover;
    background-position: center;
    height: 20px;
    width: 35px;
    border: none;
    border-radius: 5px;
}
.btnloc {
    background: #0ba91f;
    background-image: url("/img/locbtn.png");
    background-repeat: no-repeat;
    object-fit: cover;
    background-position: center;
    height: 20px;
    width: 35px;
    border: none;
    border-radius: 5px;
}

.btntorepo {
    background: #a7d0ee;
    background-image: url("/img/storeport.png");
    background-repeat: no-repeat;
    object-fit: contain;
    background-position: center;
    height: 22px;
    width: 40px;
    border: none;
    border-radius: 5px;
}
.btnpreview {
    background: transparent;
    background-image: url("/img/preview.png");
    background-repeat: no-repeat;
    object-fit: cover;
    background-position: center;
    height: 20px;
    width: 35px;
    border: none;
    border-radius: 5px;
}


.btnsav {
    background: #18600d;
    height: 35px;
    color: white;
    width: 85px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
}
.btnfnd {
    background: #886797;
    height: 35px;
    color: white;
    width: 85px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
}
.btnclr {
    background: white;
    height: 30px;
    color: gray;
    width: 30px;
    font-size: 12px;
    font-weight:bold;
    border: 1px solid gray;
    border-radius: 4px;
    margin-bottom:10px;
    
}

.btnbac {
    background:white;
    height: 35px;
    color: steelblue;
    width: 85px;
    font-size: 14px;
    border:1px solid steelblue;    
    border-radius: 8px;
}
    .btnbac:hover {
        background: steelblue;
        color:white;
    }

    .frameheader{
        display:flex;
        justify-content:space-between;
        align-items:center;
        border:1px solid darkgreen;
        width:100%;
        margin:5px;
        
    }