@charset "utf-8";
/* CSS Document */
::-webkit-input-placeholder
{ /* WebKit browsers */
    color: #5e5e5e;
}

:-moz-placeholder

{ color: #5e5e5e;
	
	/* Mozilla Firefox 4 to 18 
    
    opacity: 1;*/
}

::-moz-placeholder
{ /* Mozilla Firefox 19+ */
    color: #5e5e5e;
    /*opacity: 1;*/
    font-weight: normal;
}

:-ms-input-placeholder
{ /* Internet Explorer 10+ */
    color: #5e5e5e;
}

@font-face {
	font-family: 'open_sansregular';
	src: url('fonts/OpenSans-Regular-webfont.eot');
	src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansbold';
	src: url('fonts/OpenSans-Bold-webfont.eot');
	src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sanssemibold';
	src: url('fonts/OpenSans-Semibold-webfont.eot');
	src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face { font-family: 'open_sanslight'; src: url('fonts/opensans-light-webfont.eot'); src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light-webfont.woff2') format('woff2'), url('fonts/opensans-light-webfont.woff') format('woff'), url('fonts/opensans-light-webfont.ttf') format('truetype'), url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; }




/*===============global css===============*/
html{-webkit-text-size-adjust: none;}
*{margin:0; padding:0; list-style-type:none; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:none;}
body{font-family: 'open_sanslight'; font-weight:normal; background:#fff; font-size:14px; color:#000;}
.full{float:left; width:100%;}
.fright{float:right; }
.fleft{float:left; }
a img{border:0px; }
img {vertical-align:top;}
a{text-decoration: none; color:#000;}
a:hover{transition: all 0.5s ease; text-decoration: none;}
.clearfix{clear:both;}
.wrapper{ float:left; width:100%;}
.container{width:1270px; max-width:96%; margin:0px auto;}
.rel{position:relative;}
input,textarea,select{font-family: 'open_sanslight';outline:none; font-size:13px; color:#000;}
.tc{ text-align:center;}
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px;}
.relative{position:relative;}
/*===============global css===============*/

.top-head .dropdown-submenu{position:relative}
.top-head .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px}
.top-head .dropdown-submenu:hover>.dropdown-menu{display:block}
.top-head .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#fff;margin-top:5px;margin-right:-10px}
.top-head .dropdown-submenu:hover>a:after{border-left-color:#000}
.top-head .dropdown-submenu.pull-left{float:none}
.top-head .dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}
.top-head .navbar-default{background-color:#fff;border-color:rgba(0,0,0,0)}
.top-head .navbar{border-radius:0}
.top-head .navbar-collapse{margin-top:35px;font-family:'open_sanssemibold';font-size:16px}
.top-head .navbar-nav{float:right}
.top-head .navbar-default .navbar-nav > li > a:focus,.top-head .navbar-default .navbar-nav > li > a:hover{color:#00c0ef}
.top-head .navbar-default .navbar-nav > .active > a, .top-head .navbar-default .navbar-nav > .active > a:focus, .top-head .navbar-default .navbar-nav > .active > a:hover {background:none; color: #00c0ef;}
.top-head .navbar-nav > li > a{padding:12px 0 12px 30px; color:#b5bdb7;}
.top-head .navbar-nav > li:first-child > a { padding-left:0px;}

.top-head .navbar-default .navbar-nav > .open > a,.top-head .navbar-default .navbar-nav > .open > a:focus,.top-head .navbar-default .navbar-nav > .open > a:hover{background:none;color:#00c0ef}
.top-head .dropdown-menu{background-clip:padding-box;background-color:#9e9e9e;border:0 none;box-shadow:none;font-size:13px;border-radius:0;padding:0}
.top-head .dropdown-menu > li > a{color:#fff;border-top:1px solid #bdbdbd;padding:6px 18px;font-family: 'Open Sans', sans-serif;}
.top-head .dropdown-menu > li > a:focus,.top-head .dropdown-menu > li > a:hover{color:#000;text-decoration:none;background:none;}
.top-head .dropdown-submenu > .dropdown-menu{border-radius:0;left:100%;margin-left:-1px;margin-top:0;top:0}
.top-head .nav.navbar-nav.navbar-right a{background:#efeded; color:#4a5453}
.top-head .nav.navbar-nav.navbar-right a i.lock{display:inline-block;margin-right:2px;margin-top:-3px;vertical-align:middle}
.top-head .caret{border-bottom:4px solid rgba(0,0,0,0);border-left:4px dashed;border-top:4px solid rgba(0,0,0,0);display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}
.top-head .caret-down{width:0;height:0;border-right:4px solid rgba(0,0,0,0);border-left:4px solid rgba(0,0,0,0);border-top:4px dashed;display:inline-block;margin-left:2px;vertical-align:middle}
.top1{margin-top:5px}
.navbar-nav.top1{margin-right:-15px;}
.top-head .navbar-brand{padding-left:0}
.top-head .navbar-nav > li > .dropdown-menu{margin-top:0px}
.blue-strip{background-color:#00c0ef;height:5px;margin:30px 0 25px;float:left;width:100%}
.inner-wrap h1{font-family:'open_sanssemibold';font-size:28px;font-weight:400;color:#353535;margin:0 0 15px;display:block}
a.link1{color:#00c0ef;font-family:'open_sanssemibold';font-size:16px}
a.link1:hover{color:#000}
.login-wrap{background:#efeded;display:block;padding:25px 20px 50px;float:left;width:100%;margin:15px 0 0;position:relative}
.secure-login{position:absolute;right:20px;top:25px; z-index:0;}
.secure-login i{font-size:26px;display:inline-block;vertical-align:middle;margin:0 3px 0 0}
.login-form{width:280px;float:left}
.login-form label{color:#00c0ef;font-family:'open_sanssemibold';font-weight:400}
.login-btn{float:left;width:100%;border-top:2px solid #b7b4b2;padding:20px 0 0;margin:20px 0 0;position:relative}
.btns-right{position:absolute;right:0}
/*.btns-right .btn-primary{background-color:#00c0ef;border-color:#00c0ef;color:#fff;border-radius:0;margin:0 0 0 5px;box-shadow:0 2px 7px -1px rgba(135,135,135,0.7)}
.btns-right .btn-primary:hover{background-color:#000;border-color:#000;transition:all .5s ease}*/
.login-btn i{background:rgb(215, 126, 42);color:#fff;display:inline-block;font-size:20px;height:20px;line-height:17px;text-align:center;vertical-align:middle;width:20px;margin:-2px 7px 0 0}
.login-btn a{color:#00c0ef;font-family:'open_sanssemibold';font-weight:400}
.login-btn a:hover{color:#000}
.smart-solutions{float:left;width:100%;background:url(images/cloudbg.jpg) no-repeat left top;background-size:100% 100%;padding:3% 25px 10.5%;font-size:28px;font-family:'open_sanssemibold';color:#fff; margin-bottom:20px;}
.greybg{background:#f2f4f5;height:15px;float:left;width:100%;margin:5px 0 0}
.footer-links span{color:#000;font-size:14px;font-family:'open_sanssemibold';display:block;margin:20px 0 5px}
.footer-links ul{float:left;width:100%;font-size:13px}
.footer-links ul li{float:left;width:100%;margin:0 0 2px}
.footer-links i{font-size:44px;margin:0 5px 0 0}
.footer-links i.fa-facebook{color:#d4d4d5}
.footer-links i.fa-twitter{color:#6badda}
footer p{font-size:13px;display:block;margin:15px 0 0}
.footer-strip{background:rgb(1, 115, 205) none repeat scroll 0 0;float:left;width:100%;padding:8px 20px 0;margin:20px 0}
.footer-strip ul{float:left;width:100%}
.footer-strip ul li{display:inline-block;padding:0 5px;border-left:1px solid #c5f6ff}
.footer-strip ul li:first-child{border-left:0}
.footer-strip ul li a{color:#c5f6ff}
.footer-strip ul li a:hover{color:#fff}
.banner{float:left;width:100%; margin-top:-20px; position:relative;}
.inner-wrap img{max-width:100%; height:auto;}
.doners-records{width:100%;margin:42px 0 60px;float:left}
.doners-btns{margin:50px 0 0 15%;float:left;width:45%}
.doners-btns .large-btn{border-radius:8px;clear:both;color:#fff;float:left;font-family:'open_sansregular';font-size:26px;margin-bottom:38px;padding:22px 15px;width:226px;font-weight:400}
.doners-btns .large-btn.dr{background-color:#45ed05;border-color:#45ed05}
.doners-btns .large-btn.ed{background-color:#fa1414;border-color:#fa1414}
.doners-btns .large-btn.mc{background-color:#33baf7;border-color:#33baf7}
.doners-btns .large-btn:hover{background:#000;border-color:#000;transition:all .5s ease}
.doners-logo{vertical-align:middle;float:left}


.welcome-row{position:absolute; top:5px; right:15px; z-index:999; font-family:'open_sanssemibold';}
.welcome-col{background:rgb(215, 126, 42) none repeat scroll 0 0; padding:6px 10px; color:#fff; display:inline-block; border-radius:4px;}
.welcome-col span{color:#000; padding-right:5px;}
.btn-logout{display:inline-block; background:#000; padding:6px 10px; color:#fff; border-radius:4px;}
.btn-logout:hover{color:#00ceff;}
.alert h4{margin-bottom: 10px;}
.alert{position:relative; z-index:2;}
.btn-primary{background-color:rgb(1, 115, 205);border-color:rgb(1, 115, 205); color:#c5f6ff !important; border-radius:0;margin:0 0 0 5px;box-shadow:0 1px 1px 0 #c5f6ff; font-family: "open_sanslight" !important;}
.btn-primary:hover{background-color:#000;border-color:#000;transition:all .3s ease;box-shadow:0 1px 1px -1px #c5f6ff;}
.inner-bg-white{background:#fff !important;float:left; width:100%; min-height:400px;}
.inner-bg{background:#efeded; float:left; width:100%; min-height:400px;}
.blue-strip-inner {background-color: rgb(1, 115, 205); float: left; height: 5px; margin: -20px 0 25px; width: 100%;}
.navbar-toggle {padding: 10px !important;}
.inner-bg .content{ padding-bottom:15px;}
.footer-links ul li a {color: #000;}
.footer-links ul li a:hover{color: #72afd2;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #333;}

table.dataTable thead > tr > th {
    vertical-align: top;
}

/*
.box-half{float:left; width:58%; padding:15px 15px 30px 15px;}
.box-img{float:right; width:40.5%; text-align:right;}
.box-img img{float:right; width:100%;}
.latest-news-bg a{color:#00c0ef; position:absolute; bottom:15px; left:15px;}
.latest-news-bg a:hover{color:#000;}
.new-row{float:left; width:103%; margin-left:-3%;}

.new-small-row{width:103%; margin-left:-3%; float:left;} 
.new-small-col{width:47%; margin-left:3%; float:left;} 
.new-small-img {width:100%; float:left; border:solid 2px #000;}
.bg-green{background:#4bac4a;} 
.pad-15{padding:15px;}
*/

.latest-news-bg{background:#efeded; float:left; width:100%; padding:42px 72px 20px 72px;}
.latest-news-bg h2{ font-size:32px; font-family: 'open_sanssemibold'; margin-bottom:20px;}
.latest-news-bg h3{ font-size:22px; font-family: 'open_sansregular'; margin-bottom:14px; line-height:26px;}

.news-col{ width:100%; float:left; position:relative; padding:15px 240px 28px 15px; height:226px;}
.bg-white{background:#fff;}
.news-img{position:absolute; right:0px; top:0px; width:217px; height:100%; overflow:hidden;}
.news-img img{height:100%; width:100%; float:left;}
.news-col a{color:#00c0ef; position:absolute; bottom:10px; left:15px; text-decoration:underline; font-family: 'open_sanssemibold';}
.news-col a:hover{color:#ccc;}
.news-col-full{ width:103%; float:left; margin-left:-3%;}
.latest-news{ width:47%; float:left; margin-left:3%;}
.new-small-img {width:100%; float:left; border:solid 2px #000; text-align:center; height:226px;}
.bg-green{background:#4bac4a;} 
.bg-red{background:#e93d2e; color:#fff;}
.bg-skyblue{background:#0095cd; color:#fff;}
.bg-dark{background:#3b4443; color:#fff;}
.news-small{float:left; width:100%; height:226px; padding:15px 15px 28px 15px; position:relative;}
.marT25{margin-top:25px;}
.latest-news a, .bg-dark a{color:#fff; position:absolute; bottom:10px; left:15px; text-decoration:underline; font-family: 'open_sanssemibold';}
.latest-news a:hover, .bg-dark a:hover{color:#ccc;}
.welcome-col a{color:#fff;}
.welcome-col a:hover{color:#000;}

.validation-summary-errors > ul > li {
    padding:5px 10px;
    color:red;
}

/*.table-responsive {overflow-x: inherit !important;}*/

.margin0 {margin:0 !important;}
.padd0 {padding:0 !important;}
.navbar-default .navbar-brand {
  color: rgb(1, 115, 205);
  font-family: "open_sanslight";
  font-size: 34px;
}
.navbar-default .navbar-brand label {
  display: inline-block;
  margin: 0;
  vertical-align: bottom;
  cursor:pointer;
}
.navbar-default .navbar-brand label span {
  color: rgb(215, 126, 42);
}
.navbar-header .navbar-brand {
  height: auto;
  line-height: 50px;
}
.navbar-header .navbar-brand > img {
  display: inline-block;
  vertical-align: bottom;
}
.ftr_logo {
  margin: 20px 0 0;
}
img {
  max-width: 100%;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
  color: rgb(1, 115, 205);
}

.bnr {width: 77.6%; }
.bnr_nav {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  font-size: 100%;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 22.4%;
}
.bnr_nav ul {
  display: block;
  margin: 0;
}
.bnr_nav ul li {
  display: block;
  border-bottom: 1px solid #ccc;
}
/*.bnr_nav ul li:last-child{
border-bottom: none;
}*/
.bnr_nav ul li a {
  background: #fff none repeat scroll 0 0;
  color: #666;
  display: block;
  font-family: "open_sanssemibold";
  font-size: 1.5em;
  padding: 9.9% 10px;
  text-align: center;
}
.bnr_nav ul li a:hover,.bnr_nav ul li a:focus,.bnr_nav ul li a.active{
    background:rgba(215, 126, 42, 0.3) none repeat scroll 0 0;
}

.top-head .dropdown-menu a:hover {
  transition: all 0s ease 0s !important;
  -moz-transition: all 0s ease 0s !important;
  -webkit-transition: all 0s ease 0s !important;
}