

#njt-get-notifications{

	

}


.disabled {

    pointer-events: none;

    
}
.njt-get-notifications{

	background:#0075ff;

   /* background-size: auto 55%;*/

   text-align:center;

    padding: 8px 15px;

    color: #fff !important;

    border-radius: 3px;

    /*padding-left: 40px;*/

    display: inline-block;

    margin-top: 3px;

	overflow:hidden;

	margin:0 auto;
}



.njt-get-notifications p {

	float:left;

	padding:0;

	margin:0 !important;

}

.njt-get-notifications svg{

	width:20px;

	float:left;

	margin-top: 4px;

    margin-left: 5px;

	display:none;

}

.widget .njt-get-notifications svg {

	width: 15px;

    float: left;

    margin-top: 3px;

}



.circ{

    opacity: 0;

    stroke-dasharray: 130;

    stroke-dashoffset: 130;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -ms-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

}

.tick{

    stroke-dasharray: 50;

    stroke-dashoffset: 50;

    -webkit-transition: stroke-dashoffset 1s 0.5s ease-out;

    -moz-transition: stroke-dashoffset 1s 0.5s ease-out;

    -ms-transition: stroke-dashoffset 1s 0.5s ease-out;

    -o-transition: stroke-dashoffset 1s 0.5s ease-out;

    transition: stroke-dashoffset 1s 0.5s ease-out;

}

.drawn + svg .path{

    opacity: 1;

    stroke-dashoffset: 0;

}

.njt-get-notifications.active{

	background:#8ca7be !important;

}

.active .circ,.active .tick{

	stroke: #fff !important;

}