@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');

body {padding:0; margin:0; background-color:#F4F5FA; font-family:'Muli', sans-serif; font-weight:400; font-size:14px; color:#495057;}

.clear 	{clear:both; display:block; overflow:hidden; visibility:hidden; width: 0; height:0;}

.pad-5 {padding:5px} .pad-10 {padding:10px}	.pad-15 {padding:15px} .pad-20 {padding:20px} .pad-30 {padding:30px} .pad-50 {padding:50px}
/*margin selectors*/
.m-a   {margin:auto}
.m-0   {margin:0}	     .mt-0  {margin-top:0}	     .mb-0  {margin-bottom:0}	.ml-0  {margin-left:0}	 .mr-0 {margin-right:0}
.mt-5  {margin-top:5px}	 .mb-5  {margin-bottom:5px}	 .ml-5  {margin-left:5px}	.mr-5  {margin-right:5px}	
.mt-10 {margin-top:10px} .mb-10 {margin-bottom:15px; letter-spacing: 3px; font-weight: 800;}
.ml-10 {margin-left:10px}.mr-10 {margin-right:10px}
.mt-15 {margin-top:15px} .mb-15 {margin-bottom:15px} .ml-15 {margin-left:15px}	.mr-15 {margin-right:15px}
.mt-20 {margin-top:20px} .mb-20 {margin-bottom:20px} .ml-20 {margin-left:20px}	.mr-20 {margin-right:20px}
.mt-30 {margin-top:30px} .mb-30 {margin-bottom:30px} .ml-30 {margin-left:30px}	.mr-30 {margin-right:30px}
.mt-minus {margin-top:-30px}

.text_blue  {color:#2f3193;}
.text_grey  {color:#666;}
.text_gren  {color:#3c763d;}
.text_blck  {color:#000;}
.text_wht   {color:#fff;}
.text_red   {color:#ef1620;}
.text_yellow{color:#ffda44;}

.text_30 {font-size:30px;}
.text_25 {font-size:25px;}
.text_20 {font-size:20px;}
.text_18 {font-size:18px;}
.text_16 {font-size:16px;}
.text_14 {font-size:14px;}
.text_12 {font-size:12px;}
.text-justify{text-align:justify;}

.under_line       {text-decoration:underline;}
.under_line:hover {text-decoration:none;}

.transform_upper {text-transform:uppercase;}
.transform_none  {text-transform:none;}

.font_light   {font-weight:300;}
.font_normal  {font-weight:400;}
.font_sbold   {font-weight:600;}
.font_bold    {font-weight:700;}
.font_xbold   {font-weight:800;}
.font_black   {font-weight:900;}

.relative {position:relative;}

.bg_grey {
	padding:20px 0; background-color:#f8f8f8; 
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.bg_grey_bark {
	padding:20px 0; background-color:#cecece; 
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.bg_blue {
	padding:20px 0; background-color:#009bdd; color:#FFF; 
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.bg_white {
	background-color:#FFF; border:#EEE 1px solid; word-wrap:break-word;
	border-right-color:#CCC; border-bottom-color:#CCC;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.white_cont {
	background-color:#FFF; border:#EEE 1px solid; border-radius:5px; word-wrap:break-word;
	border-right-color:#CCC; border-bottom-color:#CCC; margin-bottom:30px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.white_box {
	background-color:#FFF; border-radius:5px;
	border:#EEE 1px solid; margin-bottom:30px;
	-webkit-box-shadow:0 1px 15px 1px rgba(62,57,107,.07);
            box-shadow:0 1px 15px 1px rgba(62,57,107,.07);
}
.white_box .box_title          {padding:20px; padding-bottom:0;}
.white_box .box_title .btn     {float:right; margin-top:-3px;}
.white_box .box_title > h3     {font-size:16px; color:#282626; font-weight:800; margin:0; padding:0; display:inline-block;}
.white_box .box_title > a.more {float:right; font-size:14px;}
.white_box .content            {padding:20px; word-wrap:break-word;}
.white_box.red_shadow          {
	border-color:rgba(251,6,6,0.3); -webkit-box-shadow:0 1px 15px 1px rgba(251,6,6,0.3); box-shadow:0 1px 15px 1px rgba(251,6,6,0.3);
}
.white_box.blue_shadow         {
	border-color:rgba(47,49,147,0.3); -webkit-box-shadow:0 1px 15px 1px rgba(47,49,147,0.3); box-shadow:0 1px 15px 1px rgba(47,49,147,0.3);
}

/*--- Login Section ---*/

.login {background-color:#FFF;}
.login .input-group-addon {max-width:35px;}
#login-image {
	position:fixed; width:45%; height:100%; left:0; top:0; bottom:0;
    background:url(../images/login-pic.jpg) center top / cover no-repeat;
}
.page-header .btn-group > .btn {border-radius:35px;padding:10px 12px;

}
.page-header .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	padding:10px 15px;
	background-color:#EEE;
    border-color:#CCC;
	color:#666;
	text-shadow:1px 1px #FFF;
}
.page-header .btn-group > .dropdown-toggle {
	background-color:#FFF;
	text-shadow:none;
	border-color:#CCC;
}

.page-title {padding:15px 0; margin-bottom:10px;}
.page-title h1 {
	font-size:18px; color:#000; font-weight:800; margin:0; padding:0;
	text-shadow:rgba(255,255,255,1) 1px 2px; text-transform:uppercase;
	border-left:4px solid #ED1D24 ; padding-left:10px; float:left;
}

.circle_sign {
	width:35px; height:35px; line-height:33px; display:inline-block; border:#DDD 1px solid;
	color:#807e7f; font-size:14px; font-weight:600; text-align:center; text-decoration:none; border-radius:50%;
}
.circle_sign:hover {text-decoration:none;}
.complete          {color:#54b453; border-color:#54b453;}
.pending           {color:#314896; border-color:#314896;}
.calcenlled        {color:#fd3a4b; border-color:#fd3a4b;}

.ellipsis {width:35px;}
.ellipsis .fa-ellipsis-h {
	width:35px; height:35px; line-height:33px; display:inline-block; border:#DDD 1px solid;
	color:#2f3192; font-weight:600; text-align:center; text-decoration:none; border-radius:50%;
}
.ellipsis:hover .fa-ellipsis-h {color:#ee1c25;}

.send {
	width:30px; height:30px; padding-top:7px; display:inline-block; border:#54b453 1px solid;
	color:#54b453; font-weight:600; text-align:center; text-decoration:none; border-radius:50%;
}
.send:hover {color:#fd3a4b; border-color:#fd3a4b;}

.input-group.input-group-lg.relative:after {
	content:"\f107"; color:#FFF; z-index:999;
	position:absolute; top:22px; right:20px;
	font-family: 'FontAwesome'; font-size:1.33333333em;
	src:url('../fonts/fontawesome-webfont.eot?v=4.6.1');
	src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'),
	url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'),
	url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'),
	url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'),
	url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
}
.form-control.blue {
    color: #FFF; position:relative;
	background-image:none !important;
    background-color: #2f3192;
    border-color: #2f3192;
}
.input-group-addon.blue {
    color: #FFF; padding-right:0;
    background-color: #2f3192;
    border-color: #2f3192;
}

.profile {
    background-color:#FFF;
    border: #EEE 1px solid;
    border-radius: 4px;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    padding:30px; position: relative;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
  .profile .prf-heading {
    background: rgba(107,113,120,1);
    height: 150px;
    text-align: center;
    margin-bottom: 100px;
    background: -moz-linear-gradient(top, rgba(107,113,120,1) 0%, rgba(62,67,74,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107,113,120,1)), color-stop(100%, rgba(62,67,74,1)));
    background: -webkit-linear-gradient(top, rgba(107,113,120,1) 0%, rgba(62,67,74,1) 100%);
    background: -o-linear-gradient(top, rgba(107,113,120,1) 0%, rgba(62,67,74,1) 100%);
    background: -ms-linear-gradient(top, rgba(107,113,120,1) 0%, rgba(62,67,74,1) 100%);
    background: linear-gradient(to bottom, rgba(107,113,120,1) 0%, rgba(62,67,74,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b7178', endColorstr='#3e434a', GradientType=0 );
  }
/*.profile::after {
	content:''; position:absolute; left:0; top:0; right:0; height:65%; border-radius:4px 4px 0 0;
    background:-moz-linear-gradient(top, rgba(55,111,174,1) 0%, rgba(21,75,130,1) 100%);
	background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(55,111,174,1)), color-stop(100%, rgba(21,75,130,1)));
	background:-webkit-linear-gradient(top, rgba(55,111,174,1) 0%, rgba(21,75,130,1) 100%);
	background:-o-linear-gradient(top, rgba(55,111,174,1) 0%, rgba(21,75,130,1) 100%);
	background:-ms-linear-gradient(top, rgba(55,111,174,1) 0%, rgba(21,75,130,1) 100%);
	background:linear-gradient(to bottom, rgba(55,111,174,1) 0%, rgba(21,75,130,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#376fae', endColorstr='#154b82', GradientType=0 );
}*/
.profile > .row {position:relative; z-index:9;}

/*--- Transaction Steps ---*/
/*--- Transaction Steps ---*/
.progressbar {
  counter-reset: step;
}

  .progressbar li {
    list-style-type: none;
    width: 33.33333333333333%;
    float: left;
    font-size: 14px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #999;
  }

    .progressbar li:before {
      width: 35px;
      height: 35px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 2px solid #999;
      display: block;
      text-align: center;
      margin: -2px auto 13px auto;
      border-radius: 50%;
      background-color: white;
      z-index: 1;
      position: relative;
    }

    .progressbar li:after {
      width: 100%;
      height: 3px;
      content: '';
      position: absolute;
      background-color: #999;
      top: 15px;
      left: -50%;
    }

    .progressbar li:first-child:after {
      content: none;
    }

    .progressbar li.active {
      color: #199f48;
      font-weight: 700;
    }

      .progressbar li.active:before {
        border-color: #199f48;
        background-color: #199f48;
        color: white;
      }

    .progressbar li.current {
      color: #2f3193;
      font-weight: 700;
    }

      .progressbar li.current:before {
        border-color: #2f3193;
        background-color: blue;
        color: white;
      }

    .progressbar li .current {
      content: '';
      position: absolute;
      width: 12px;
      height: 8px;
      top: 31px;
      left: 50%;
      margin-left: -6px;
      background: url(../images/step_active.png) center bottom no-repeat;
    }

    .progressbar li.active + li:after {
      background-color: #199f48;
    }

    .progressbar li a {
      color: #2f3193;
      text-decoration: none;
    }

    .progressbar li.current + li:after {
      background-color: #2f3193;
    }

.custom_radio {margin:0; padding:0; list-style:none;}
.custom_radio li {float:left; height:75px; width:48%; margin:5px 1%; position:relative;}
.custom_radio li input[type='radio'] {display:none;}
.custom_radio li label {color:#868f96; font-weight:400; font-size:18px;}
.custom_radio li label span {position:relative; z-index:9; display:block; padding:25px 0 0 25px;}
.custom_radio li label:before {
	content:""; z-index:0; position:absolute; height:75px; top:0; bottom:0; right:0; left:0; background-color:#FFF;
	border:#EEE 1px solid; border-radius:5px; border-right-color:#CCC; border-bottom-color:#CCC;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}

.custom_radio li input[type=radio]:checked + label:after {
	content:""; z-index:0; position:absolute; height:75px; top:0; bottom:0; right:0; left:0;
	background-color: #FFF; border:#2f3192 1px solid; border-radius:5px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}
.custom_radio li input[type=radio]:checked + label {color:#2f3192;}

.pulsate {
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: pulsate;
    -webkit-animation-iteration-count: infinite;
    -ms-backface-visibility: hidden;
    -ms-animation-duration: 3s;
    -ms-animation-delay: 1s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    -ms-animation-name: pulsate;
    -ms-animation-iteration-count: infinite;
    -o-backface-visibility: hidden;
    -o-animation-duration: 3s;
    -o-animation-delay: 1s;
    -o-animation-timing-function: ease;
    -o-animation-fill-mode: both;
    -o-animation-name: pulsate;
    -o-animation-iteration-count: infinite;
    backface-visibility: hidden;
    animation-duration: 3s;
    animation-delay: 1s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-name: pulsate;
    animation-iteration-count: infinite;
}
@-webkit-keyframes pulsate {0%,100%,30%,60%{-webkit-transform:scale(1)}15%,45%{-webkit-transform:scale(1.03)}}
@-moz-keyframes pulsate    {0%,100%,30%,60%{-moz-transform:scale(1)}15%,45%{-moz-transform:scale(1.03)}}
@-ms-keyframes pulsate     {0%,100%,30%,60%{-ms-transform:scale(1)}15%,45%{-ms-transform:scale(1.03)}}
@-o-keyframes pulsate      {0%,100%,30%,60%{-o-transform:scale(1)}15%,45%{-o-transform:scale(1.03)}}
@keyframes pulsate         {0%,100%,30%,60%{transform:scale(1)}15%,45%{transform:scale(1.03)}}

.pulse {
	background:#5cb85c; cursor:pointer;
	box-shadow:0 0 0 rgba(124,188,77,0.6);
	animation:pulse 1s infinite;
}
.pulse:hover {animation: none;}

@-webkit-keyframes pulse {
	0%   {-webkit-box-shadow:0 0 0 0 rgba(124,188,77,0.6);}
	70%  {-webkit-box-shadow:0 0 0 20px rgba(124,188,77,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(124,188,77,0);}
}
@keyframes pulse {
	0%   {-moz-box-shadow:0 0 0 0 rgba(124,188,77,0.6); box-shadow:0 0 0 0 rgba(124,188,77,0.6);}
	70%  {-moz-box-shadow:0 0 0 20px rgba(124,188,77,0); box-shadow:0 0 0 20px rgba(124,188,77,0);}
	100% {-moz-box-shadow:0 0 0 0 rgba(124,188,77,0); box-shadow:0 0 0 0 rgba(124,188,77,0);}
}

.tick    {margin:0; list-style-image:url(../images/tick.png);}
.tick li {margin:7px 0;}

/* Custom Select Options and Dropdowns */
select.form-control {
	-webkit-appearance:none !important;
	   -moz-appearance:none !important;
	background-image:url(../images/select.png);
	background-position:100% center;
	background-repeat:no-repeat;
	padding-right:40px;
}
select.form-control::-ms-expand {display:none;}
select.form-control:disabled    {background-color:#DDDDDD; cursor:default;}
select.form-control[multiple]   {height:auto;}

footer {width:100%; background-color:#000; position: fixed; left: 0; right: 0; bottom: 0; font-size:14px; color:#888; border-top:1px solid #2c2c2c;}
footer .col-sm-6 {padding-top:15px; padding-bottom:15px;}
footer a {color:#FFF; text-decoration:none;}
footer a:hover {color:#FFF;}
.red {color: red; font-size: smaller;}
.circle_sign {padding-top: 0px;}
.dropdown-menu {min-width: 200px; max-height: 300px; overflow-y: auto;}
.page-title + .clear + .container {min-height: 600px;}
.page-header {
  padding-bottom: 9px;
  margin: 0px;
  border-bottom: 1px solid #eee;
  background-color: #FFF;
  border-top: #DDD 5px solid;
  padding:6px 4px;
}

.navbar-default {
  background-color: #FFF;
  border-bottom: #EEE 1px solid;
  border-top: #EEE 1px solid;
  webkit-box-shadow: 0 2px 30px 2px rgba(0,0,0,.1);
  box-shadow: 0 2px 30px 2px rgba(0,0,0,.1);
}
.breadcrumb {
  padding: 0;
  margin: 0;
  background-color: transparent;
  float: right;
  list-style: none;
  font-size: 14px;
}
.form-group-lg select.form-control {
  height: 54px;
  line-height: 33px;
}
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
  height: 54px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.badge.cancel {
  background-color: #F82E1A;
  color: #FFF;
  font-weight: 400;
}

.badge.incomplete {
  background-color: #A833FF;
  color: #FFF;
  font-weight: 400;
}

.badge.pending {
  background-color: #A833FF;
  color: #FFF;
  font-weight: 400;
}

.badge.ok {
  background-color: #3355FF;
  color: #FFF;
  font-weight: 400;
}

.badge.compliance {
  background-color: #F82E1A;
  color: #FFF;
  font-weight: 400;
}

.badge.inprocess {
  background-color: #F8711A;
  color: #FFF;
  font-weight: 400;
}

.badge.paid {
  background-color: #F8711A;
  color: #FFF;
  font-weight: 400;
}

.badge.refund {
  background-color: #0A0909;
  color: #FFF;
  font-weight: 400;
}
.dashboard{
  height:46px!important;
}
.input-group .form-control {
  z-index: 0;
}
.PkRed{
  background-color:red;
}
.inbox-c-head-bg{
  background: #83adcc;
  color: white;
}
  .inbox-c-head-bg th{
    padding: 8px;
    font-size: 14px;
  }
.inbox-c-list td {
  padding: 9px 6px;
  border-bottom: 1px solid #dbdcdf;
}
.bangla-box-base {
  border: 1px solid #c6cac6;
  padding: 16px;
  border-radius: 6px;
}
.bngl-box-base-ul {
  list-style: none;
  padding: 0;
  line-height: 26px;
}.min-wid-600px {
  min-width: 600px;
  width: 100%;
}
.fb-btn{
  color: #fff;
 background-color: #29487d;
 border-color:#29487d;
}
.google-btn{
  color: #fff;
 background-color: #ac2925;
 border-color:#ac2925;

}
.text-green{
margin-left:50px;}