/*Basic page styles*/
html, body {
	width:100%;
  	margin: 0;
  	padding: 0;
        height:100%;
}
body{font-family:open_sansregular; font-size:13px; letter-spacing: 0.05em; padding:0 !important; background: #f2f2f2; }
div{clear:none;}
a{text-decoration:none !important; cursor: pointer; color:inherit;}
h4{font-family: open_sansbold; font-size: 18px; font-weight: 400; margin: 0; padding: 0;}
.H5_bold{font-family:open_sansbold; font-size:14px; font-weight: 800; color: #337ab7; }
h6{font-family: open_sansregular; font-size: 13px; font-weight: 400;}
h5{font-family: open_sansregular; font-weight: 400; color:#FFF;}
.Padding0{padding:0;}
.Margin0{margin:0;}
.MarginTop{margin-top: 20px;}
.MarginTop10{margin-top: 10px;}
.Margin_left10{margin-left: 10px;}
.help-block{color: #ac2925;}
.Float_right{float:right;}
.PaddingTop30{padding-top: 30px;}
.MarginRight10{margin-right:10px;}
.Border_bottom_grey{width: 100%; border-bottom:1px solid #d7d7d7;}
.Border_grey{border:1px solid #d7d7d7;}
.Margin_bottom20{margin-bottom: 20px;}
.form-group{margin-bottom:11px;}
.Main_footer{padding:12px; background: #3a3633; color:#ccc;}
.Content_inner{background: #fff; padding:15px 20px;}
.success_text{color:#05AD83;}
.logo{width:100px; height:100px;}
.PaddingGrey{padding:30px 50px 10px;}
.PaddingBottom50{padding-bottom:50px;}
.table_head{padding: 5px 10px; text-align: center; background: #3C8DBC; color: #FFF;}
body, html {
    height: 100% !important;
    background-repeat: no-repeat;
background: rgb(185,210,224); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(185,210,224,1) 0%, rgba(187,214,228,1) 0%, rgba(186,211,225,1) 15%, rgba(186,211,225,1) 38%, rgba(169,199,215,1) 68%, rgba(169,199,215,1) 68%, rgba(169,199,215,1) 82%, rgba(158,191,208,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(185,210,224,1) 0%,rgba(187,214,228,1) 0%,rgba(186,211,225,1) 15%,rgba(186,211,225,1) 38%,rgba(169,199,215,1) 68%,rgba(169,199,215,1) 68%,rgba(169,199,215,1) 82%,rgba(158,191,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(185,210,224,1) 0%,rgba(187,214,228,1) 0%,rgba(186,211,225,1) 15%,rgba(186,211,225,1) 38%,rgba(169,199,215,1) 68%,rgba(169,199,215,1) 68%,rgba(169,199,215,1) 82%,rgba(158,191,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9d2e0', endColorstr='#9ebfd0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.container{width:100%;padding:0;}

.login_box{
    background:#f7f7f7;
    border:3px solid #F4F4F4;
    padding-left: 15px;
    direction: ltr;
    height: 44px;
    font-size: 16px;
    }
.input_title{
    color:rgba(164, 164, 164, 0.9);
    padding-left:3px;
        margin-bottom: 2px;
    }

hr{
    width:100%;
}
    
.welcome{
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 80;
    color:#FFFFFF;
    margin-bottom:25px;
    margin-top:100px;

}

.login_title{
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 100;
    color:rgba(164, 164, 164, 0.44);
}

.card-container.card {
    max-width: 350px;

}

.btn {
    font-weight: 700;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    border-radius:0;
    background:#43A6EB;
    color:#FFF;
}
.card .btn{margin-bottom:10px; height: 45px;}
/*
 * Card component
 */
.card {
    background-color: #FFFFFF;
    /* just in case there no content*/
    padding: 1px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 15%x;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%;
    display: block;

    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}
.div_left{background: #ffffff; border: #d7d7d7 1px solid;}
#div_right{min-height:434px;}
.Form_head{padding:10px;}
.Button_green{background: #009966; min-width: 100px;}
.Button_green:hover,.Button_green:focus{background: #05AD83; color:#FFF;}
.Cust_img{width:180px; height:180px; border:1px solid #CCC; margin:5px 20px}
.draw_img{border:1px solid #CCC; margin-bottom:10px; margin-left:5%;}
.kyc_img{width:180px; height:180px; border:1px solid #CCC;}
#log_result{color:#ac2925;}
/*Angular Grid*/
.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 100%; 
    height: 300px
}
.ngHeaderContainer{background:#3C8DBC; border:1px solid #ccc; text-align: center;}
.ngHeaderText{color:#fff;}
.ngTotalSelectContainer,.ngRowCountPicker{display:none; width:0px !important;}
.ngRow.even{background: #FFF;}
.ngFooterPanel {background: #FFF; border:none;}
.ngPagerButton{background: transparent; border: none;}
.ngPagerFirstTriangle{border-color: transparent #3C8DBC transparent transparent;}
.ngPagerLastTriangle{border-color: transparent transparent transparent #2b579b;}
.ngPagerFirstBar,.ngPagerLastBar{border-left: 2px solid #3C8DBC;}
.ngViewport {overflow: hidden; border-bottom: #ebe9e9 1px solid; border-right: 1px solid #ccc;}
.ngCell{border-bottom:1px solid #CCC;}
.ngRow,.ngCanvas{width:100% !important;}
.but_earn{margin-bottom: 5px; padding:0.5px 10px; margin-left:2px;}
.callout{display:none;}
/* css for image overlay */
a.lightbox img {
height: 150px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
width: 70%;
background: rgba(0,0,0,.7);
width: 77%;
height:70%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 20%;
bottom: 0; z-index: 10;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 0px;
}
/* css overlay image closed */
.form-horizontal .control-label{text-align:center;}
#earn_details h6{font-size: 15px;}
.user_authorization .lightbox-target{width:100%; height: 100%;  top:0;}
#author_div{position: absolute; left: 30%; margin-left: -50px; background:#FFF; top: 20%; padding:0;}
#author_head{background:#3c8dbc; height: 40px;}
.lightbox-target img{width: 200px; height: 150px; border: 1px solid #3c8dbc; border-radius: 50%; position: relative;}
.user_authorization a.lightbox-close {width: 40px; height: 40px; background:#3c8dbc; transition:none; color:#fff;}
.user_authorization a.lightbox-close::before {background:#fff; height:20px; top:12px;}
.user_authorization a.lightbox-close::after {background:#fff; height:20px; top:12px;}
.author_info img{width:50px; height:50px; border: 1px solid #3c8dbc; border-radius: 50%; position: relative;}
.ngGridMaxPagesNumber {
    vertical-align: super;
}
.blockEarnEntry .gridStyle .ngCell,.blockEarnEntry .gridStyle .ngHeaderSortColumn  {cursor: default !important;}
.skin-blue .main-header .navbar,.skin-blue .main-header .logo,.ngHeaderContainer,.btn-info{ background-color:#005494 !important;}
.dropdown-menu{padding:10px; width:280px;}
.dropdown-toggle{font-weight: bold;}
d {
  border: solid #337ab7;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}