/*********************************************************************************
common styles
***************/
body {
 color:#333!important;
 font-family: 'Poppins', sans-serif!important;
 font-size:13px!important;
 background: url(../design_img/background.jpg) no-repeat top center #2c3a9b !important;
 background-attachment:fixed !important;
 background-size:cover !important
}
h1, h2, h3, h4, h5, p, ul, li {
 margin:0px!important;
 padding:0px!important;
}
a {
 color:#333!important;
 cursor:pointer;
 text-decoration:none!important;
}
a:active {
 box-shadow:none!important;
}
p {
 line-height:22px;
 margin-bottom:10px!important;
 font-size:13px!important;
}
h1, h2 {
 margin-bottom:10px!important;
}
.no-padding {
 padding-left:0px!important;
 padding-right:0px!important;
}
.no-padding-right {
 padding-right:0px!important;
}
.no-padding-left {
 padding-left:0px!important;
}
/*********************************************************************************
colored text and buttons
***************/ 
.text-orange {
 color:#f88530
}
.btn {
 padding:10px 25px !important;
 border-radius:4px!important;
 text-transform:uppercase;
 letter-spacing:0.5px;
 margin-top:5px;
}
.btn-submit {
 background:#05ab21;
 color:#fff;
}
.btn-cancel {
 background:#db584a;
 color:#fff;
}
.btn-pic {
 background:#8d181b;
 color:#fff!important;
 font-size:12px!important;
 text-transform:capitalize;
 padding:4px 5px!important;
 width:100px;
 border-top-left-radius:0!important;
 border-top-right-radius:0!important
}
.btn:hover {
 background:#333!important;
 color:#fff!important;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
/**/
section.contents {
}
.header {
 max-width:750px;
 margin:auto;
 padding:10px 0px;
}
.header .logo {
 display:block;
 width:105px;
}
.header .logo img {
 max-width:100%;
}
.header h1 {
    color: #349ef9;
    font-size: 18px;
    font-weight: 700;
    float: right;
    line-height: 28px;
    margin: 25px 0 0 0!important;
    text-align: right;
    clear: right;
}
.header h1 span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #2f608b;
} 
.header .app-link {
    float: right; 
    text-align: right;
}
.header .app-link p {
    margin-bottom: 0!important;
    color: #197fb9;
    font-weight: 600;
    font-size: 11px!important;
}
/* page banner*/
.banner-bar {
 background:#0a223e url(../design_img/banner-back.jpg) no-repeat center bottom;
 background-size:conver;
 padding:70px 0;
}
.banner-bar .banner-content {
 text-align:center;
}
.banner-bar .banner-content h1 {
 letter-spacing:0.5px;
 font-weight:700;
 color:#fff;
 text-transform:uppercase
}
/*location*/ 
.location {
 list-style:none;
 position: relative;
 margin:auto!important;
 display:table
}
.location li {
 color:#fff!important;
 text-transform:capitalize;
 float:left;
 width:auto;
 margin:  0px 10px 0px 0!important;
}
.location li:last-child {
 margin-right:0px!important;
}
.location li a:after {
 content: '\f0da';
 font-family: 'FontAwesome';
 font-size: 13px;
 margin-left:10px;
 color:#fff
}
.location li:last-child a:after {
 content: '';
 margin-left:0px;
}
.location li a {
 color:#fff!important;
 font-size:15px;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.location li a:hover {
 color:#f4b724 !important;
}
.location li a.active {
 color:#f4b724 !important;
}
/**************************/
.content_bar {
/*padding:50px 0;*/
}
/*tables*/
section.contents .mytable {
}
section.contents .mytable caption {
 color:#333333;
 text-align:center;
 margin-bottom:5px;
 padding:0px;
 font-weight:600;
}
section.contents .mytable th {
 background:#00839f;
 color:#fff;
 font-weight:600;
 vertical-align:middle!important;
 text-align:center;
 font-size:14px;
 text-transform:capitalize;
 height:40px;
}
section.contents .mytable td {
 vertical-align:middle!important
}
section.contents .mytable tr {
 -webkit-transition: all 0.25s ease-out;
 -moz-transition: all 0.25s ease-out;
 -ms-transition: all 0.25s ease-out;
 -o-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
}
section.contents .mytable tbody > tr > td {
 text-align:center;
 font-size:14px;
}

/*#content .mytable tr:nth-child(odd){ background:#c6e093}*/
section.contents .mytable tr:nth-child(odd) {
background:#e9faf9;
}
section.contents .mytable tr:hover {
 background:#eee
}
/*********************************************************************************
list styles start
***************/
ul.mylist {
 list-style:none;
 padding:0 0 0 10px;
 margin:0 0 15px 25px !important;
 font-size:14px
}
ul.mylist li {
 line-height:22px;
 text-indent:-25px;
}
ul.mylist li:before {
 content: "\f138   ";/*f105 f138  */
 font: normal normal normal 14px/1 FontAwesome;
 margin-right:10px;
 color:#f88530;
}
ul.mylist li li:before {
 content: "- ";/*f105 f138  */
 font: normal normal normal 14px/1 FontAwesome;
 margin-right:16px;
 color:#f88530;
}
/**/
.mem-rg-from {
 max-width:750px;
 margin:auto;
 padding:30px 25px 20px;
 background:#fff;
 border-radius:5px;
 margin-bottom:25px;
}
.mem-rg-from label {
 text-align:right;
 padding-top: 10px;
 margin-bottom: 0;
 color:#797ea4;
 font-size:15px;
 font-size: 13px;
}
.mem-rg-from .pr-pic {
 width:100px;
 background:#fff;
 border:1px solid #ccc;
 border-top-left-radius:4px!important;
 border-top-right-radius:4px!important
}
.mem-rg-from .pr-pic img {
 max-width:100%;
 border-radius:100%
}
.review {
}
.review p {
 font-weight:600;
 line-height:18px;
 padding:12px!important;
 margin-bottom:15px!important;
 background:#eff5f9;
 border-radius:4px;
 color: #1a75c6;
 border-bottom: 1px solid #c9d3d9;
}
.review p span {
 font-size:11px;
 display:block;
 font-weight:400;
 color: #6a7ea4;
}
.review .btns {
 display:table;
 margin:20px auto
}
/*transaction success*/
.trans-success {
 padding:100px 0
}
.trans-success-icon {
 width:71px;
 height:71px;
 margin: 10px auto;
 background:url(../design_img/icon-success-lg.png) center no-repeat;
}
.trans-success-msg {
 background:#fff;
 position:relative
}
.trans-success-msg p {
 color:#646464;
 text-align:center;
 font-size:13px!important;
 line-height:30px;
}
.trans-success-msg h4 {
 text-align:center;
 background:#fff;
 padding:10px 15px!important;
 display:table;
 margin:20px auto 0!important;
 position:relative;
 z-index:1;
 color:#1a75c6;
}
.trans-success-msg strong {
 color:#30b13f;
}
.trans-success-brdr {
 border-bottom:1px solid #e7e7e7;
 width:100%;
 position:absolute;
 left:0;
 top:22px;
}
/* password show hide*/
.toggle-password {
    position: absolute;
    right: 22px;
    width: 10px;
    color: #fff !important;
    text-align: center;
    top: 8px;
    padding: 13px 11px 11px 10px;
    float: right;
    margin-right: 1px;
}
.toggle-password.open-eye {
 background: url(../design_img/icon-show-pwd.png);
 background-repeat: no-repeat;
 background-size: contain;
}
.toggle-password.close-eye {
 background: url(../design_img/icon-hide-pwd.png);
 background-repeat: no-repeat;
 background-size: contain;
}
/*********************************************************************************
default form styles start
***************/
.form-group {
 margin-bottom: 18px;
}
.form-group label {
 font-weight:normal;
 font-size: 13px;
}
.form-group label.error {
  background: #fe7917;
	color: #fff;
	padding: 2px 8px;
	border-radius: 2px;
	font-size: 11px;
	position: absolute;
	font-weight: normal;
	left: 15px;  
	top: 100%;
        z-index: 1;
}
.form-group label.error::before {
 content: "\f0d8 ";
 font: normal normal normal 20px/1 FontAwesome;
 color: #fe7917;
 position: absolute;
 top: -14px;
 left: 20px;
}
.form-group .form-control {
 border-radius: 4px !important;
 height: auto;
 font-size: 13px;
 padding: 8px 10px;
 border-color:#ddd;
 -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06);
 -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06);
 box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06);
}
.form-group select.form-control {
 padding: 7px 10px;
}
.form-group input[type=file] {
 border:0!important
}
.form-group input[type=date] {
    text-transform: uppercase;
    line-height: inherit!important;
}
.form-group textarea {
 resize: none;
}
.form-group .label-radio {
 margin-right:15px;
}
.form-group input[type=radio] {
 margin-right:5px;vertical-align: -2px;
}
.form-group .label-check {
	margin-right:15px;
	text-transform:none!important;
	font-family: 'Poppins', sans-serif!important;
}
.form-group .label-check a {
	color: #fe7917!important;
}
.form-group .label-check a:hover {
	text-decoration:underline!important
}

.form-group input[type=checkbox] {
 margin-right:5px;
}
 
.form-group .form-control:focus {
 box-shadow:none;
 border-color:#fe7917
}

@media only screen and (min-width:320px) and (max-width:767px) {
.header .logo { 
    margin: auto;
}
.header h1 { 
    text-align: center;
}
}