@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

body{
    background-color: #B6B6B6;
    font-family: 'Lato', sans-serif;
    color: #505050;
}


.link{
    text-decoration: none;
    color: #505050;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.link > img{
    margin-right: 10px;
}


.btn{
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    border: 0;
}

.btn > img{
    margin-right: 10px;
}

.calendar-input{
    background-image: url('/dist/img/calendar.svg');
    background-position: 95%;
    background-repeat: no-repeat;
    background-size: 15px;
 }

.btn-print{
    background: linear-gradient(#06bcd9 0%, #0093ab 100%);
    color: #fff;    
}

.btn-print:hover{
    color: #fff;    
}

.btn-update{
    background: #3010D8;
    color: #fff;
}


.btn-update:hover{
    color: #fff;    
}

.btn-add{
    background: linear-gradient(#5fb94d 0%, #1dab00 100%);
    color: #fff;  
    width: 100%;
    justify-content: center;
}

.btn-add:hover{
    color: #fff;    
}



.table-wrapper{
    height: 250px;
    overflow-y: scroll;
}

div.top{
    height: 100px;
    width: 100%;
    background-color: #606060;
}

div.main{
    padding: 15px;
}

div.main-card{
    background-color: #fff;
    border: 1px solid #8B8B8B;
    margin-bottom: 25px;
}

div.main-card .heading{
    background: linear-gradient(#f6f6f6 0%, #eaeaea 100%);
    padding: 10px 15px;
}

div.main-card .heading > p{
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
}

div.main-card .content{
    padding: 15px;
    background: #fff;
}

div.main-card .content .content-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}


div.main-card .content .content-top .name{
   font-weight: 600;
   font-size: 21px;
   display: flex;
   align-items: center;
   text-transform: uppercase;
}

div.main-card .content .content-top .name > img{
    margin-right: 10px;
 }

div.main-card .content .content-top .actions{
   display: flex;
   align-items: center;
}

div.main-card .content .content-top .actions > a:last-of-type{
    margin-left: 40px;
 }


div.main-card .content .content-main .row-t{
    display: flex;
    flex-wrap: wrap;
 }

 div.main-card .content .content-main .column{
    flex: 1;
 }

 div.main-card .content .content-main .row-t .label{
    padding: 10px 15px;
    border-radius: 20px;
    margin: 5px 5px 5px 0px;
 }

 div.main-card .content .content-main .row-t .label:last-of-type{
    margin-right: 0;
 }

 div.main-card .content .content-main .row-t .label.label-blue{
    background: #e4e8fd;
    color: #5666B2;
 }

 div.main-card .content .content-main .row-t .label.label-yellow{
    background: #ffeed7;
    color: #9B5601;
 }

 div.main-card .content .content-main .row-t .label.label-gray{
    background: #F3F3F3;
    border: 1px solid #D5D5D5;
    color: #505050;
 }

 div.main-card .note-add textarea{
     height: 45px;
 }

 div.main-card .note-add .btn{
    height: 45px;
    background: linear-gradient(#5fb94d 0%, #1dab00 100%);
    width: 45px;
    margin-left: 10px;
    padding: 0;
    justify-content: center;
}

div.main-card .note-add .btn svg{
    height: 20px;
}

div.main-card .main-form .btn-send{
    width: 100%;
    margin-top: 25px;
    background:#F01B22;
    justify-content: center;
    color: #fff; 
}

div.actions-update{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

div.actions-update .delete-selected{
    text-decoration: none;
    color: #505050;
}

div.actions-update .delete-selected span{
    color: #FF0000;
}

div.main-card .title-card-t{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
}

div.main-card .title-card-t span{
    color: #F01B22;
}


div.main-card .card-t{
    padding: 10px;
    background: #F4F4F4;
    border-radius: 10px;
}

.table-custom-tom{
   font-size: 12px;
   vertical-align: middle!important;
}

.table-custom-tom  td{
   vertical-align: middle!important;
}
.table-custom-tom a{
   text-decoration: none;
   color: #000;
   font-weight: 600;
   
}