/* Write your custom CSS here */

.form-control{

	border: 1px solid #afafaf !important;

}

a.btn-xs i{

	font-size: 16px !important;

}

a.btn-xs{

	padding: 5px 10px !important;

}

.btn-block{

	width: 100% !important;

}

.db-notif .header-notif {

    padding: 13px 26px;

    -webkit-transition: all .1s ease-in-out;

    -moz-transition: all .1s ease-in-out;

    -o-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out;

}



.db-notif .header-notif:hover {

    background-color: #F3F6F9;

}



.db-notif .header-notif .notif-image {

    float: left;

    margin-right: 10px;

    margin-top: 3px;

    border-radius: 50%;

}



.db-notif .header-notif .notif-image span {

    width: 40px;

    height: 40px;

    display: block;

    line-height: 40px;

    text-align: center;

    border-radius: 100%;

    display: inline-block;

}



.db-notif .header-notif .notif-image img {

    width: 40px;

    height: 40px;

    border-radius: 50%;

}



.db-notif .header-notif .notif-text {

    display: block;

    padding: 0 5px;

    display: inline-block;

    color: #5b5b5b;

    font-weight: 400;

}



.db-notif .header-notif .notif-text .bold-notif-text {

    font-weight: 500;

}



.db-notif .header-notif .notif-text p {

    margin: 0;

}



.db-notif .header-notif .notif-text small {

    opacity: 0.7;

}