@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,700');
input, button, input:focus, button:focus{outline:none;}
body{font-family: 'Oswald', sans-serif; color:#b9b9b9; font-size:18px; font-weight:300; background:url(../images/bg.jpg) no-repeat center top #fff; min-height:100vh; background-size:cover; transition:0.5s all ease;}
img{max-width:100%;}
a{color:#004d69;}
p{color:#000; margin: 0 0px 15px;}
ul{margin:0; padding:0;}
.btn{background-color:#044f90; color:#fff; border-color:#00317c; border-radius:5px;font-size:18px; font-weight:400; letter-spacing:0.3px; width:100%;padding:15px 0; text-transform:uppercase;}
.btn:hover{background-color:#004d69; border-color:#004d69;}
.btn-default{background:transparent; border-color:#00317c; color:#00317c;}
.btn-default:hover{background-color:#004d69; border-color:#004d69; color:#fff;}
.buttons{}
.buttons a{width:100%; padding:15px 0;}
.buttons a + a{margin-top:20px;}

/****************************************BSS*******************************************/
.selected-flag{padding-top: 10px !important;}
.inner-page-title{
text-align: center;
/*border-bottom: 1px solid;*/
color: #004d69;
margin-bottom: 30px;
font-size: 20px;}
.dashboard-grid .col-xs-6{padding:0;}
.max-block{max-width: 436px;margin: 0 auto;border: 1px solid #b9b9b9;}
.topbar .navicon{display:inline-block; margin-right:20px;}
.navicon{cursor:pointer;}
.avatar-img{width:70px; height:70px; overflow:hidden; border-radius:50%;}
.avatar-img img{width:100%; height:100%; object-fit:cover;}
.avatar-text{width:70px; height:70px; overflow:hidden; border-radius:50%; background:#e1e1e1; color:#3b4765; font-size:24px; text-align:center; font-weight:600;    line-height: 68px;}
.avatar-row{margin-bottom:30px;}
.avatar-row .img{display:inline-block; margin-right:10px; vertical-align:middle; overflow:hidden; border-radius:50%;}
.avatar-row .span{display:inline-block; vertical-align:middle;}

.sidebar{background:#1e1d25; width:260px; position:fixed; top:0; left:0; height:100vh; z-index:11; transform:translateX(-260px); transition:0.5s all ease;    overflow: hidden; overflow-y: auto;

-webkit-transform: translateX(-260px);
-webkit-transition: 0.5s all ease;
}
.sidebar{padding:0;}
.sidebar ul{margin:0; padding:0;}
.sidebar ul li{list-style:none;}
.sidebar ul li a{padding:8px 20px; position:relative;}

.sidebar .avatar{text-align:center; padding-bottom:50px; border-bottom:1px solid #a1a1a1;}
.sidebar .avatar .image{width:100px; height:100px; margin:60px auto 15px; overflow:hidden; border-radius:50%;}
.sidebar .avatar .image img{width:100%; height:100%; object-fit:cover;}
.sidebar .avatar h3{font-size:24px; font-weight:700;}
.sidebar .avatar h3, .sidebar .avatar p{color:#fff;}
.sidebar ul{padding:20px 0;}
.sidebar ul li img{position:absolute; left:15px; top: 23px;}
.sidebar ul li a{display:block;padding-left:20px; color: #fff;background-position: 90% 25px;}
.sidebar ul li a:hover{text-decoration:none;}
.sidebar ul li span{ position: absolute; left: 15px; top: 23px;}
.sidebar ul li img{position:relative; left:0; top:0; width:15px; height:15px;}
body.open-sidebar{padding-left:260px; transform: inherit; overflow: visible;}
body.open-sidebar .topbar{padding-left: 280px;}
body.open-sidebar .bottomcontainer{padding-left: 280px;}
body.open-sidebar .sidebar{transform: translateX(0px);-webkit-transform: translateX(0px);}
.rounded{border-radius:50%; margin-right:10px;}
.sidebardetails{padding:0 20px 0 48px; position:relative; top:-20px;}
.sidebardetails a, .sidebardetails span{display:block; margin-bottom:20px;color:#fff;}
.sidebardetails span{color:#fff; font-size:16px;}
.topbar{transition:0.5s all ease;}
.bottomcontainer{transition:0.5s all ease;}

.buttons button + a{margin-top:20px;}
.buttons .btn + .btn{margin-top:20px;}
.buttons .resend-verification-code{margin-top:20px;}
.form-group input{border-top: none !important;border-left: none !important;border-right: none !important;box-shadow: none !important;}
.dashboard-grid li a{text-decoration:none;}
.progress {
  height: 3px;
  width: 24%;
  background:#CCCCCC;
  float:left;
  margin-left:1%;
  padding:0px;
  margin-bottom:unset;
}
.row_progress {
  margin-right:0px;
  margin-left:0px;
  margin-bottom:15px;
}

.first_child{
margin-left:unset !important;
}

.last_child{
width: 25% !important;
}

#progress-bar {
  width: 0%;
  height: 100%;
  transition: width 500ms linear;
}

#progress-bar-1 {
  width: 0%;
  height: 100%;
  transition: width 500ms linear;
}

#progress-bar-2 {
  width: 0%;
  height: 100%;
  transition: width 500ms linear;
}

#progress-bar-3 {
  width: 0%;
  height: 100%;
  transition: width 500ms linear;
}
.progress-bar-dan {
  background: #db2c5c;
}

.progress-bar-danger {
  background: #faa41a;
}

.progress-bar-warning {
  background: #8bc441;
}

.progress-bar-success {
  background: #28b468;
}

.password-strength {
	font-size:13px;
}

#progress-bar-cp {
  width: 0%;
  height: 100%;
  transition: width 500ms linear;
  
}

#progress-bar-1-cp {
  width: 0%;
  height: 100%;
  transition: width 500ms linear;
}

#progress-bar-2-cp {
  width: 0%;
  height: 100%;
  transition: width 500ms linear;
}

#progress-bar-3-cp {
  width: 0%;
  height: 100%;
  transition: width 500ms linear;
}

.current{color: #00d7cc;}
.pagination span{margin:0 5px;}
.btn-search-top{padding-top: 10px !important;}

.label-small{
color: #7B7B7B;
margin: 0px 0px 0px 0px;
font-size: 14px;
}
.table{margin-bottom:50px;}
/****************************************BSS*******************************************/
.table-condensed th{padding: 10px !important;color:#444;}
.table-condensed td{padding: 10px !important;}
.datepicker-switch{text-align:center !important;color:#444;}
.table-condensed .day{color:#444;cursor:pointer;}
.table-condensed .old{color:#b9b9b9;cursor:pointer;}
.table-condensed .new{color:#b9b9b9;cursor:pointer;}
.table-condensed .prev{color:#444;cursor:pointer;}
.table-condensed .next{color:#444;cursor:pointer;}
.table-condensed .disabled{background: none;color: #999;cursor: default;}

.content select{height: 48px;border:1px solid #b6b6b6;}
.container{min-height:100vh; width:100%;}
.wrapper{min-height:100vh;}
.form-control{border:0; border-bottom:1px solid #b6b6b6; padding:10px 0; height:40px; background:none; box-shadow:none; border-radius:0; transition:0.5s all ease;font-size:18px;    letter-spacing: 0.8px;    font-weight: 300;}
.form-control:focus{box-shadow:none; border-color:#044f90;}
.splash{text-align:center;}
.splash{height:100vh; width:100%;}
.splash .logo{height:calc(100vh - 600px);display:table; width:100%;}
.splash .logo a{display:table-cell; width:100%; vertical-align:bottom; }
.splash .logo img{height:100px;}
.splash .text{display:table; width:100%;  height:calc(100vh - 400px); width:100%; text-align:center;}
.splash .text p{margin-bottom:0;color:#004d69; display:table-cell;vertical-align:middle;     font-size: 20px;} 
.buttons a.fogotlink{text-align:center; display:block; color:#044f90; margin-top:0;}
label{font-weight:500;}
/* Login */
.topbar{padding:15px 0;}
.btn-back img{height:16px;}
.login .logo{text-align:center;}
.login .logo img{height:60px;}
.login h1{font-size:30px; font-weight:400; text-align:center; margin:0; padding:50px 0; color:#4e4e4e;}
.inputbox{position:relative; margin-bottom:40px; }
.inputbox .form-control{padding-left:35px;}
.inputbox .icon{position:absolute; top:8px; left:0; width:24px; height:24px; text-align:center;}
.inputbox .icon img{height:24px;margin-left: 5px;}
.login .buttons{padding-top:30px; padding-bottom:20px;}
.customcheckbox{position:relative; margin:0; padding:0;}
.customcheckbox input{opacity:0; position:absolute; left:0; right:0; width:100%; margin:0; padding:0; height:24px;}
.customcheckbox input + span:before{content:""; display:inline-block; width:20px; height:20px; border:2px solid #b6b6b6; margin: -3px 10px 0 0; vertical-align:middle; cursor:pointer; border-radius:3px; transition:0.5s all ease;}
.customcheckbox input:checked + span:before{background:#044f90; border-color:#044f90;}
.dashboard .topbar .logo img{height:30px;}
.dashboard .topbar .title { float: right; cursor: initial; text-decoration: none; font-size:20px;}
.bottomcontainer{position:fixed; bottom:0; width:100%; left:0; right:0;}
.dashboard-grid{margin:0 -10px 0 -10px; padding:0;}
.dashboard-grid li{float:left; width:100%; list-style:none; padding:20px;}
.dashboard-grid li:nth-child(odd){clear:both;}
.dashboard-grid li span{display:block; margin-top:20px; text-transform:uppercase;    color: #484848;}
.dashboard-grid li .box{padding:50px 20px; text-align:center; border:1px solid #b6b6b6;border-radius:5px;}
.dashboard-grid:after{content:""; display:block; height:0.01px; clear:both;}
.dashboard .content{margin-bottom:80px;}
.dashboard .topbar {border-bottom: 1px solid #b6b6b6; padding: 15px 15px;    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 2;
    padding:  15px;
    width: 100%;}
.bottomcontainer{position:fixed; bottom:0; width:100%; z-index:1; background:#fff; display:table; padding:8px 0;border-top: 1px solid #b6b6b6;}
.bottomcontainer a{display:table-cell; width:25%; text-align:center; color:#004d69; opacity:.6;}
.bottomcontainer a span{display:block; font-size:16px; margin-top:0px;font-size: 16px;}
.bottomcontainer a:hover, .bottomcontainer a.active{text-decoration:none;opacity:1;}
.dashboard-grid{margin-top:20px;}
.bottomcontainer a img{width:30px;}
.donation-list li{list-style:none; position:relative;}
.donation-list a{display:block; padding:15px 0;}
.donation-list a span.name{display:block; margin-bottom:5px;}
.donation-list a span.number{display:block; color:#727272;}
.donation-list a span.date{display:block; margin-bottom:5px; color:#00d7cc;   text-align: right; padding-right:20px;}
.donation-list a span.price{display:block; color:#727272;    text-align: right; padding-right:20px;}
.donation-list a span.number:before {content: ""; background: url(../images/icon-phone.png) no-repeat; display: inline-block;
    margin-right: 5px; width: 30px; height: 30px; background-size: 30px; vertical-align: middle;}
.donation-list a span.date:before { content: ""; background: url(../images/icon-clock.png) no-repeat; display: inline-block;
    margin-right: 5px; width: 30px; height: 30px; background-size: 30px; vertical-align: middle;}
.donation-list .col-xs-2{padding-left:0;}
.donation-list .col-xs-2 .arrow{margin-top:12px; display:block; text-align:right;padding-right: 10px;}
.pagination {margin: 10px 0 10px; text-align: center; display: block;font-size: 18px;}
.donation-list {min-height: calc(100vh - 179px);}
.donation-list .row{}
.donation-list li:after{content:""; display:block; height:1px; width:100%; background:#ddd; position:relative; left:0; right:0;}
.dashboard{background:#fff;    padding-top: 80px;}
.buttons a.fogotlink{text-align:left; display:block; color:#4e4e4e; margin-top:5px; font-weight:400; margin-bottom:0; padding-bottom:0;}	
.pagination a{display:inline-block; margin:0 5px;}

@media(max-width:991px){

}

@media(max-width:767px){
.table{margin-bottom:20px;}
/****************************************BSS*******************************************/
.buttons-second{margin-top:15px}
header .navicon{margin-right:10px;}

.sidebar .avatar .image{ width: 60px; height: 60px; margin: 30px auto 15px;}
.sidebar .avatar{padding-bottom:20px;}
.sidebar .avatar h3{font-size:18px;}
.sidebar ul{padding:0;}
.sidebar{width:200px;}
body.open-sidebar{transform:translateX(200px);padding-left: 0px;overflow:hidden}
body.open-sidebar .sidebar {transform: translateX(-200px);}
body.open-sidebar .topbar{padding-left: 15px;}
body.open-sidebar .bottomcontainer{padding-left: 0px;}
.avatar-text{width: 40px; height: 40px;font-size: 14px;line-height: 40px;}
.avatar-row .img{width:40px; height:40px;}

.avatar-img{width:40px; height:40px;}
.avatar-text{width: 40px; height: 40px;font-size: 14px;line-height: 40px;}
.avatar-row .img{width:40px; height:40px;}

.sidebar ul li a{padding-left:15px;}
/****************************************BSS*******************************************/

body{font-size:16px;}
.splash{text-align:center;}
.splash{height:100vh; width:100%;}
.splash .logo img{height:auto;}
.splash .logo{height:calc(100vh - 80vh);display:table; width:100%;}
.splash .logo a{display:table-cell; width:100%; vertical-align:bottom; padding:0 10%;}
.splash .text{display:table-cell; width:100%; vertical-align:middle;  height:calc(100vh - 64vh); width:100%;}
.splash .text p{margin-bottom:0;color:#004d69; } 

.customcheckbox input + span{font-size:16px; font-weight:500;    letter-spacing: 0.7px;}
.dashboard .topbar{border-bottom:1px solid #b6b6b6;padding: 13px 15px 14px;}
.dashboard .topbar .logo img{height:36px;}
.dashboard-grid{margin-top:10px;}
.dashboard-grid .box img{width:50px;}
.dashboard-grid li span{font-size:16px; margin-top:10px; height:40px; color:#484848;}
.dashboard-grid li{padding:10px;}
.dashboard-grid li .box{padding:24px;}
.bottomcontainer a span{display:block;}
.bottomcontainer a img{width:24px;}
.dashboard .topbar .title{margin-top:5px;}
.donation-list a span.date{padding-right:0px;}
.donation-list a span.price{ padding-right:0px;}
.donation-list .col-sm-5{padding-left:0; padding-right: 0;}
.donation-list a span.number:before, .donation-list a span.date:before{width:24px; height:24px; background-size:24px; margin-right:3px;}
.donation-list .col-xs-2 .arrow img{width:18px;}
.donation-list a span.name{height:24px;}
.donation-list .col-sm-6{padding-right:5px;}
.dashboard .container{min-height:initial;}
.dashboard .content{margin-bottom:0;}
.dashboard .content { margin-bottom: 0; height: calc(100vh - 210px); overflow: hidden; overflow-y: auto;}
.dashboard .dashboard-content { height: calc(100vh - 145px) !important; max-width: 1000px;margin: 0 auto;}
}
.form-group select {
-webkit-appearance:none;
-moz-appearance:menu-item;
}

#mobile-login.active a{
background-color: #044f90!important;
border-color: #044f90!important;
color: #fff!important;
}

#email-login.active a{
background-color: #044f90!important;
border-color: #044f90!important;
color: #fff!important;
}

#mobile-login-fp.active a{
background-color: #044f90!important;
border-color: #044f90!important;
color: #fff!important;
}

#email-login-fp.active a{
background-color: #044f90!important;
border-color: #044f90!important;
color: #fff!important;
}