@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister);
@font-face {
  font-family: 'Candara';
  src: url('../fonts/candara.eot?#iefix') format('embedded-opentype'),  url('../fonts/candara.woff') format('woff'), url('../fonts/candara.ttf')  format('truetype'), url('../fonts/candara.svg#Candara') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Candara-Italic';
  src: url('../fonts/candara-italic.eot?#iefix') format('embedded-opentype'),  url('../fonts/candara-italic.woff') format('woff'), url('../fonts/candara-italic.ttf')  format('truetype'), url('../fonts/candara-italic.svg#Candara-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Candara-BoldItalic';
  src: url('../fonts/candara-bolditalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/candara-bolditalic.woff') format('woff'), url('../fonts/candara-bolditalic.ttf')  format('truetype'), url('../fonts/candara-bolditalic.svg#Candara-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Candara-Bold';
  src: url('../fonts/candara-bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/candara-bold.woff') format('woff'), url('../fonts/candara-bold.ttf')  format('truetype'), url('../fonts/candara-bold.svg#Candara-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* CSS Document */
body
{
	font-family:'Candara';
	font-size:12px;
	color:#3f3f3f;
}
/*.home {background:url(../images/background.png) no-repeat;background-size:cover;background-position:bottom center;}*/
a, a:focus, a:visited {color: #3f3f3f; }
#wrap a, #wrap a:focus, #wrap a:visited{color:#0c7cc2 ; text-decoration:underline;}
.form-control{border-radius: 0px; border-color: #7f7f7f; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -webkit-appearance: none;-moz-appearance: none;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    }
select{background-position: right 50%;background-repeat: no-repeat;background-image: url(../images/arrow.png) !important;}
a:hover { color:#117DC2 !important;}
header img{margin: 20px auto;}
footer {background: #fff;}
.page-heading h2 {font-size: 32px !important; text-align:center;}
.page-heading h3 {font-size: 22px !important; text-align:center; width: 60%; margin:20px auto;}
.footer-menu {float: left; list-style:none; padding:0px; margin:0px;}
.footer-menu li{ float:left; padding:10px; font-size:14px; font-family:'Candara'}
.footer-menu li:first-child{padding-left: 0px;}
@media (min-width: 1200px){.home footer .container, .home .wrap-tooltips .container {width: 1250px;}}
.center {text-align:center;}
.btn {border-radius: 0px !important;font-weight:400;}
.btn-lg{padding: 10px 25px !important;}
.btn-success {color: #fff !important; border-color:#117DC2; background: #117DC2;}
.btn-success:hover{color: #fff !important}
.btn-default{ color:#fff !important; border-color:#117DC2; text-decoration:none !important; background:#117DC2;}
.btn-active, .btn-default:hover{ color:#117DC2 !important; border-color:#117DC2; background:#fff}
.btn:focus, .btn:visited, .btn:active{background-color:#fff !important; border-color:#117DC2 !important; -webkit-box-shadow: inset 0 3px 5px rgba(66, 162, 99, .125) !important;
          box-shadow: inset 0 3px 5px rgba(66, 162, 99, .125) !important; color:#117DC2 !important;}
.header-form .btn {width:100%;}
.fullwidth {width:100% !important;}
.form {padding-top: 25px;}
span.text{ font-family: 'Love Ya Like A Sister'; padding:0px 15px; font-size:12px;}
.body-email{ font-size:16px !important}
.body-email .wrap{width: 565px; margin:0px auto; }
.body-email .btn{margin: 0px auto; display:block; width:40%;}
.body-email .copyright {font-size: 12px; text-align:center;}
.page header img{float:left;}
.header-right {line-height: 80px; font-size:16px; margin:20px auto;}
.icon-form{font-size: 14px; line-height:34px;}
.fa-1x{font-size: 1.5em !important;}
.info-icon {    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);}
.fa {color:#117DC2; margin: 5px 15px 5px 0;}
.btn-file {
    position: relative;
    overflow: hidden;
	padding: 2px 20px;
	margin-top: -10px;
	color:#000 !important;
	background:#9f9f9f !important;
	border: 0px;
	margin-right:15px;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.fa-trash-o {color: #af4d4d !important}
.button{padding: 20px 0px;}
.text-form {font-size: 14px; font-weight:700; line-height:34px;}
.text-form a{ color:#0c7cc2 !important; text-decoration:underline !important;}
.font-lg{font-size: 16px;}
.padding-lg{padding: 100px 0px;}
.amount{color:#117DC2;}
.navbar{border-radius: 0px;}
.navbar-left .navbar-toggle {border-color: #fff;}
.navbar-collapse{padding-left:0px; padding-right:0px;}
.navbar-left { background:#117DC2; width:110%; border:0px;}
.nav-pills > li > a {border-radius: 0px; text-decoration:none !important; color:#fff !important; font-weight:700; font-size:14px; height: 65px; padding:15px;}
.nav > li span{height:36px; display:inline-block; float: left; line-height: 40px; background-repeat:no-repeat;}
.nav > li span:first-child{margin-right: 10px;}
.nav-stacked > li + li{margin-top: 0px;}
.navbar-toggle .icon-bar{background: #fff;}
.nav > li > a:hover,
.nav > li > a:focus {background: #fff; color:#117DC2 !important;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #fff; color: #117DC2 !important}
li a .trans{background-image:url(../images/trans-icon.png); width: 36px; height:36px;}
a:visited .trans, a:focus .trans, a:hover .trans, li.active .trans{background-image:url(../images/trans-active.png); height:36px; width: 36px;}
li a .user-list{background-image:url(../images/user-list.png); width: 40px; height:36px;}
a:visited .user-list, a:focus .user-list, a:hover .user-list, li.active .user-list{background-image:url(../images/user-list-active.png); height:36px; width: 40px;}
li a .send{background-image:url(../images/send-icon.png); width: 36px; height:36px;}
a:visited .send, a:focus .send, a:hover .send, li.active .send{background-image:url(../images/send-active.png); height:36px; width: 36px;}
li a .request{background-image:url(../images/request-icon.png); width: 36px; height:36px;}
a:visited .request, a:focus .request, a:hover .request, li.active .request{background-image:url(../images/request-active.png); height:36px; width: 36px;}
li a .withdraw{background-image:url(../images/withdraw-icon.png); width: 36px; height:36px;}
a:visited .withdraw, a:focus .withdraw, a:hover .withdraw, li.active .withdraw{background-image:url(../images/withdraw-active.png); height:36px; width: 36px;}
li a .setting{background-image:url(../images/setting-icon.png); width: 36px; height:36px;}
a:visited .setting, a:focus .setting, a:hover .setting, li.active .setting{background-image:url(../images/setting-active.png); height:36px; width: 36px;}
li a .support{background-image:url(../images/support-icon.png); width: 36px; height:36px;}
a:visited .support, a:focus .support, a:hover .support, li.active .support{background-image:url(../images/support-active.png); height:36px; width: 36px;}
li a .tasks{background-image:url(../images/task.png); width: 30px; height:38px;}
a:visited .tasks, a:focus .tasks, a:hover .tasks, li.active .tasks{background-image:url(../images/task-active.png); height:38px; width: 30px;}
li a .spam{background-image:url(../images/spam.png); width: 36px; height:36px;}
a:visited .spam, a:focus .spam, a:hover .spam, li.active .spam{background-image:url(../images/spam-active.png); height:36px; width: 36px;}
li a .arrow-icon{background-image:url(../images/arrow-icon.png); background-repeat:no-repeat; background-position:center; width: 36px; height:36px; display:inline-block; margin-left:10px; text-align:center; font-size:16px; font-family:'Love Ya Like A Sister'; line-height:36px;}
a:visited .arrow-icon, a:focus .arrow-icon, a:hover .arrow-icon, li.active .arrow-icon{background-image:url(../images/arrow-active.png); height:36px; width: 36px;}
.list {list-style:none; padding-left: 0px; padding-bottom:50px; }
.list li:first-child{padding-left: 0px;}
.list li {float: left; padding:0px 15px; border-right:1px solid #3f3f3f; font-size:16px;}
.list li:last-child{border-right: 0px;}
.list li.active a{color: #3f3f3f !important; text-decoration:none !important}
form, .font-lg {font-size: 16px;}
.account-setting{line-height: 40px;}
.information {color: #9c9c9c}
#changemail, #addnewmail, #newpassword{display: none;}
.input-group-addon
 {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #FFF;
    border: 0px solid #ccc; 
    border-radius: 0px;
}
.input-group-addon .fa-2x
{
	margin:0px !important;
	padding-left:5px;
	color:#a1a1a1 !important;
	cursor:pointer;
}
.table > thead > tr > th{border-bottom:0px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top:0px;}
.panel {border:0px;}
.meta .author { font-weight:700; padding-right:15px;}
.meta .time {color: #929090;}
.caption p {font-size:16px;}
.readmore { text-decoration:none !important; color:#117DC2 !important; padding-left:10px;} .readmore:hover{ text-decoration:underline !important;}
.noborder {border:0px;} .thumbnail{padding:0px; border-radius:0px;}
#justified-menu { position: relative;text-align: center; }
.inline-block { display: inline-block; width:auto; background: url(../images/dot.png) center right repeat-x; padding-left:64px; position:relative;}
.inline-block i{ font-family:'Candara'; font-size:16px; right:-15%; color:#858585; font-style:normal;}
#justified-menu li.active {background: url(../images/dot-active.png) center right repeat-x !important;}
#justified-menu li.active i{color: #000;}
#justified-menu li:nth-child(2) {padding-left:0px !important;}
#justified-menu li:nth-child(2) i {left:-25px}
#justified-menu li:nth-last-child(2){padding-right:0px !important;}
#justified-menu:after {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
    line-height: 0;
    content: '';
}
#justified-menu li {line-height:40px; font-size:16px; font-family:'Love Ya Like A Sister'}
#justified-menu span {display: block; background:#fff url(../images/round.png) no-repeat center; height:40px; width:55px; }
#justified-menu a:hover span, #justified-menu a.active span {display: block; background:#fff url(../images/round-active.png) no-repeat center; height:40px; width:55px; }
#justified-menu a{text-decoration:none !important; color:#3f3f3f !important}
.pre, .nxt{background: none; padding:0px; display:inline-block; width:auto; color:#fff;}
.pre a span{background:url(../images/previous.png) center left no-repeat !important; height:20px; width:35px !important;}
.nxt a span{background:url(../images/next.png) center right no-repeat !important; height:20px; width:35px !important;}
.pre a:hover span{background:url(../images/previous-active.png) center left no-repeat !important; height:20px; width:35px !important;}
.nxt a:hover span{background:url(../images/next-active.png) center right no-repeat !important; height:20px; width:35px !important;}
.bigsize{font-size: 400px } .mediumsize {font-size:200px} .normalsize{font-size:22px;}
#mouseover {
        display: inline;
        position: relative;
    }
    
#mouseover .popup {
        position: absolute;
        left: 170%;
        transform: translate(-50%);
        bottom: 2em;
        opacity: 0;
        pointer-events: none;
        transition-duration: 800ms;
        width: 480px;
		height:165px;
        background: url(../images/bg-popup.png) no-repeat;
		padding:16px 10px 20px 48px;
		z-index:999;
		font-family:'Candara';
		font-size:14px;
		display:none;
    }
	#mouseover .popup strong, strong { font-family:'Candara-Bold'}
    
#mouseover:hover .popup {
        opacity: 1;
        transition-duration: 400ms;
		display:block;
    }
	.popup img { padding-right:3px;}
.signature {
    position:absolute;
}
.minheight {height:500px;}
.paddingtopbottom {padding-bottom:50px; padding-top:50px;}
.padding-img img {padding-right: 30px;}
#particles-js{
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
canvas{
  display:block;
  vertical-align:bottom;
}
.logoicon{position:absolute;z-index:10;width:104px;height:219px;top:50%;left:55%;margin:-100px auto auto -100px;border-radius:4px;box-sizing:border-box;z-index:100; background:none;}
.modal{top: 25%;}
.modal-body{ padding:5px 15px;}
.modal-backdrop {background-color: #fff;}
.modal-content{border-radius:0px; border-color:#c2c2c2; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .0); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.0); }
.font-bold{ font-family:'Candara-Bold';} .font-normal{font-family:'Candara';}
.box{ border: 1px solid #8bcbaa; background:#cae7d8; width:100%; padding:10px; margin-bottom:30px;}
@media (max-width: 510px){.header-right p{ text-align:center !important; width:100%;} .header-right{float:left !important; width:100%; line-height:0px; margin:0px;}}
.col-right{padding-top:20px;}
.lineheight-34-px{line-height:34px; font-size:14px;}
.font-14-px{font-size:14px;}
.radio, .checkbox {margin-top: 0px; margin-bottom:0px;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {margin-top:10px;}
/*New checkbox*/


.slideTwo input[type=checkbox] {
	visibility: hidden;
}



/* SLIDE TWO */
.slideTwo {
	width: 40px;
	height: 10px;
	background: #839494;
	    margin: 5px 15px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	
}

.slideTwo:after {
	content: '';
	position: absolute;
	top: 14px;
	left: 14px;
	height: 0px;
	width: 52px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #111;
}

.slideTwo label {
	display: block;
	width: 26px;
	height: 26px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: -8px;
	z-index: 1;
	left: -8px;
	background: #61b972;
}

.slideTwo label:after {
	content: '';
	position: absolute;
	width: 26px;
	height: 26px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #61b972;
	left: 0px;
	top: 0px;	
}

.slideTwo input[type=checkbox]:checked + label {
	left: 25px;
}

.slideTwo input[type=checkbox]:checked + label:after {
	background: #61b972;
}
.notediv
{
	display:none;
	position:absolute;
	background:#fff;
	border:1px solid #c5c5c5;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(148,148,148,0.7);
-moz-box-shadow: 0px 0px 9px 0px rgba(148,148,148,0.7);
box-shadow: 0px 0px 9px 0px rgba(148,148,148,0.7);
z-index:999;
top: 40px;
right:-145px;
font-size:16px;
font-family:'Candara' !important;
width:350px;
padding:10px;
}
td .notediv:after, td .notediv:before {right:7px !important}
.notediv:after, .notediv:before {
	bottom: 100%;
	right: 165px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.notediv.top:before {
	border-color: rgba(197, 197, 197, 0);
    border-top-color: #c5c5c5;
	
}
.notediv.top:after {
	border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
}
.notediv.top:after, .notediv.top:before{top: 100%;}
.notediv:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}
.notediv:before {
	border-color: rgba(197, 197, 197, 0);
	border-bottom-color: #c5c5c5;
	border-width: 15px;
	margin-left: -15px;
}
.checkbox {line-height: 34px;} label input[type=checkbox] {}
.forgot{float:right; text-decoration:none !important; color:#3f3f3f !important; cursor:pointer;}
.text_forgot {color:#117DC2; font-size:18px; font-weight:700; font-family:'Candara';line-height: 34px;}
.text_forgot,label.error,span.error{font-family:Candara}
label.error,span.error{background:#fff;position:absolute}
label.error {
    position: absolute;
    left: 101%;
    width: 100%;
    color: #FF3300;
    font-size: 14px;
    margin-top: -26px;
	font-family: 'Arial';
    font-weight: 400;
}
@media (max-width: 991px)
{
	label.error{left:0;font-size:11px;padding-top:4px}
	.wrap-tooltips{display:none !important;}
}
@media (min-width:991px){.page label.error,.page span.error{margin-top:-36px}.page #account label.error,.page #account span.error{margin-top:-26px}.page #changemail label.error,.page #newpassword label.error{margin-top:-28px!important}.page #bank_settings label.error,.page #bank_settings span.error{margin-top:-32px}}
.page label.error,.page span.error{position:absolute;left:7px;width:100%;color:#FB5959;font-size:15px;margin-top:0;font-family:Candara;font-weight:400;line-height:18px}.page #newpassword label.error,.page #newpassword span.error{left:0}
.page #bank_settings label.error .sweet-alert,.page #bank_settings span.error .sweet-alert{margin-top:4px}
.page .toperror .lb_wrap label.error,.page .toperror .lb_wrap span.error{left:0;top:-20px;background:#fff}
label.error,span.error{left:0;width:100%;color:#fb5959;font-size:14px;margin-top:-29px;font-weight:400;z-index:1;top:7px}
label.error i.glyphicon,span.error i.glyphicon{padding-right:5px;font-size:12px}input.error,select.error{border-color:#FB5959}
input.error{border-color:#FF3300}
input.valid{border-color:#117DC2}
.lb_label{width:100%; top:20px !important; font-weight:400; font-size: 14px;}
.agree label.error{top:25px}
form .form-group {
    margin-bottom: 25px;
}
.lb_wrap{display: block !important;}
i.cursor {
	cursor:pointer !important;
}
.form-control:focus{
border-color: #117DC2 !important;
}
select::-ms-expand {
    display: none;
}
.page .toperror .lb_wrap label.error,.page .toperror .lb_wrap span.error{left:0;top:-20px;background:#fff}.page .toperror label.error .sweet-alert,.page .toperror span.error .sweet-alert{margin-top:-1px;margin-left:-5px}.page .toperror .form-group.row label.error,.page .toperror .form-group.row span.error,.page .toperrorleft label.error,.page .toperrorleft span.error{left:7px;top:-20px}.page .toperrorleft label.error {left: 0px !important; font-size:14px !important;}.page .toperrorleft label.error .sweet-alert,.page .toperrorleft span.error .sweet-alert{margin-top:-1px;margin-left:0}
/*Tooltips*/
.wrap-tooltips{width: 100%;position:absolute; top:0; left:0; z-index:10;}
.wrap-tooltips img{z-index:1}
.tooltips {outline:none; 
-webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
  text-decoration:none;
  position: absolute;
  display:inline-block;
  }
.tooltips strong {line-height:30px;}
.tooltips:hover {text-decoration:none;} 


/*Tooltip css*/
.tooltip-inner{background: url(../images/bg_tooltips.png); max-width:280px; width: 280px; padding:15px; text-align:left; height:120px; position:relative;}
.tooltips span {
  background: url(../images/bg_tooltips.png);
  top: -10px;
  color: #fff;
  display: block;
  left: 130%;
  margin-bottom: 15px;
  opacity: 0;
  padding: 15px;
  pointer-events: none;
  position: absolute;
  width: 280px;
  height:120px;
  -webkit-transform: translateX(10px);
     -moz-transform: translateX(10px);
      -ms-transform: translateX(10px);
       -o-transform: translateX(10px);
          transform: translateX(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
		  z-index:10;
}
.tooltips.right span{right:140% !important; left:auto !important;}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
  
.tooltips:hover span {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateX(0px);
     -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
       -o-transform: translateX(0px);
          transform: translateX(0px);
		   z-index:10;
}
.callout {z-index:20;position:absolute;top:50px;border:0;left:-36px;}
.tooltips.right .callout {z-index:20;position:absolute;top:50px;border:0;right:-36px; left:auto !important;}
/* IE can just show/hide with no transition */
.lte8 .tooltips span {
  display: none;
}

.lte8 .tooltips:hover span {
  display: block;
}
.doller{top:240px; left:17%;} .light{top:400px; left:5%} .rocket{top:430px; left:20%;} .cheque{top:600px; left:3%;}.lock{top:600px; left:35%;}.wallet{top:575px; left:55%;}.rupe{top:415px; right:25%;}.home{top:240px; right:15%;}.percentage{top:550px; right:20%;}.exchange{top:425px; right:5%;}
.home .wrap-tooltips .container {position:relative}
.offlinever label{padding-left:15px !important}

@media (min-width: 1200px){.backend footer .container  {width: 1250px;}}
.padding-left {padding-left: 10px;}
.gray-color {color: #3f3f3f !important;}
.light-gray {color: #aaaaaa !important;}
.checkli a .check{background-image:url(../images/check-icon.svg); width: 36px; height:36px;}
.checkli a:visited .check, 
.checkli a:focus .check, 
.checkli a:hover .check, 
.checkli.active a .check{background-image:url(../images/check-active.svg); height:36px; width: 36px;}
.margin-bottom-z-icon{margin-bottom: -15px;}
.heading-page {margin-bottom:20px;}
@media (min-width: 991px)
{
.heading-page
{
	margin-top:0px;
	
}
.float-right-desktop {float:right;}
.margin-bottom-z-icon{margin-bottom: -10px !important;}
.padding-lg {padding:10px 0px;}
.none-display {display:none !important;}
}
@-webkit-keyframes bell-shake {
  1% { -webkit-transform: rotateZ(15deg); transform-origin: 50% 0%; }
  2% { -webkit-transform: rotateZ(-15deg); transform-origin: 50% 0%;}
  3% { -webkit-transform: rotateZ(25deg); transform-origin: 50% 0%; }
  4% { -webkit-transform: rotateZ(-25deg); transform-origin: 50% 0%;}
  5% { -webkit-transform: rotateZ(15deg); transform-origin: 50% 0%; }
  6% { -webkit-transform: rotateZ(-15deg); transform-origin: 50% 0%;}
  7% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;   }
  100% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;  }
}

@-moz-keyframes bell-shake {
  1% { -moz-transform: rotateZ(15deg); transform-origin: 50% 0%; }
  2% { -moz-transform: rotateZ(-15deg); transform-origin: 50% 0%;}
  3% { -moz-transform: rotateZ(25deg); transform-origin: 50% 0%; }
  4% { -moz-transform: rotateZ(-25deg); transform-origin: 50% 0%;}
  5% { -moz-transform: rotateZ(15deg); transform-origin: 50% 0%; }
  6% { -moz-transform: rotateZ(-15deg); transform-origin: 50% 0%;}
  7% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;   }
  100% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;  }
}

@keyframes bell-shake {
  1% { transform: rotateZ(15deg); transform-origin: 50% 0%; }
  2% { transform: rotateZ(-15deg); transform-origin: 50% 0%;}
  3% { transform: rotateZ(25deg); transform-origin: 50% 0%; }
  4% { transform: rotateZ(-25deg); transform-origin: 50% 0%;}
  5% { transform: rotateZ(15deg); transform-origin: 50% 0%; }
  6% { transform: rotateZ(-15deg); transform-origin: 50% 0%;}
  7% { transform: rotateZ(0); transform-origin: 50% 0%;   }
  100% { transform: rotateZ(0); transform-origin: 50% 0%;   }
}

.bell {
  height: 20px;
  width: 20px;
  margin-right:30px;
      display: inline-block;
    font: normal normal normal 14px/1 Candara;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Bell shake */
.bell-shake {
  -webkit-animation: bell-shake 30s ease infinite;
  -moz-animation: bell-shake 30s ease infinite;
  animation: bell-shake 30s ease infinite;
  margin-bottom:-5px;
}
.open .nof-number{display: none;}
.nof-number{border: 1px solid #ff3d3d; padding:2px 5px; border-radius:2px; display:inline-block; text-align:center; position:relative; top:5px; left:10px; background:#fff; z-index:1; font-size:14px; color: #ff3d3d;}
.nof_box {
	position: absolute;
	background: #ffffff;
	border: 1px solid #d3d3d3;
    width: 340px;
    height: auto;
    border-radius: 2px;
	line-height:24px;
	z-index:10;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(148,148,148,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(148,148,148,0.3);
	box-shadow: 0px 0px 10px 0px rgba(148,148,148,0.3);
	top:62px;
	right: 0px;
    left: inherit;
}
.nof_box:after, .nof_box:before {
	bottom: 100%;
	right: 302px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.nof_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 12px;
	margin-right: -12px;
}
.nof_box:before {
	border-color: rgba(211, 211, 211, 0);
	border-bottom-color: #d3d3d3;
	border-width: 13px;
	margin-right: -13px;
}
.nof_box .header {padding: 10px;}
.nof_box .header .header_title{font-size:13pt;}
.nof_box a{ color:#0c7cc2; text-decoration:none; font-size:11pt;}
.list-nof {list-style:none; padding:0px; margin:0px;}
.list-nof .icon-nof{    
    height: 36px;
    width: 36px;
	display:inline-block;
	float:left;
	background-position: 50%;
    background-repeat: no-repeat;
	}
.list-nof .trans{background-image: url(../images/trans-active.svg);}
.list-nof .send{background-image: url(../images/send-active.svg);}
.list-nof .request{background-image: url(../images/request-active.svg);}
.list-nof li{border-top: 1px solid #d3d3d3; padding:10px 10px 5px 10px; position:relative;}
.list-nof li:first-child{
	padding-top:15px;
	-webkit-box-shadow: inset 0px 10px 10px -10px rgba(148,148,148,0.5);
	-moz-box-shadow: inset 0px 10px 10px -10px rgba(148,148,148,0.5);
	box-shadow: inset 0px 10px 10px -10px rgba(148,148,148,0.5);
}
.list-nof .un-read{background:#e2e6e4;}
.list-nof li:hover{background:#f6faf8;}
.list-nof p{margin:0px !important; float:left !important; position:relative; left:6px; line-height:20px; width:auto !important;}
.list-nof .item_title {font-size: 13pt; color:#3f3f3f;}
.list-nof .item_meta {font-size:11pt; color:#9c9c9c;}
.list-nof .make_nof{    
	font-size: 10pt;
    position: absolute;
    bottom: 0;
    right: 10px;
    line-height: 30px;}
/*override style.css*/
@media (max-width: 768px)
{
.header-right p {
    text-align: right !important;
    width: 100%;
}
}


.btn-file {
    position: relative;
    overflow: hidden;
    padding: 0px;
    margin-top: -10px;
    color: #000 !important;
    background: url(../images/upload-cloud.svg)no-repeat !important;
    border: 0px;
    margin-right: 10px;
    font-size: 0px;
    width: 24px;
    height: 18px;
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    font-weight: 400;
    border-radius: 0px;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media (min-width: 991px)
{
	.col-left{width:20%;}
	.col-right{width:80%;}
}