/*skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side,.main-sidebar{
    background: #222d32 !important ;
    background: -moz-linear-gradient(45deg,  #083435  0%, #297ea7  100%);
    background: -webkit-linear-gradient(45deg,  #083435  0%,#297ea7  100%);
    background: linear-gradient(45deg,  #083435  0%,#297ea7  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#083435 ', endColorstr='#297ea7 ',GradientType=1 );
    
}
*/

/*Dashboard Css*/
.bg-indigo{
    background-color: #3F51B5 !important;
}
.bg-deep-purple{
    background-color: #673AB7 !important;
}
.bg-cyan {
    background-color: #00BCD4 !important;
    color: #fff;
}
.info-box-3 .icon i {
    color: rgba(0, 0, 0, 0.15);
    font-size: 60px;
}
.info-box-3 .content1 {
    text-align: center;
    display: inline-block;
    padding: 7px 16px;
}
.bg-member{
    background-color: #ffffff !important;
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: #004d66 !important;
}

.info-box-content {
    padding: 20px 0px 0px 6px;
    margin-left: 90px;
    font-size: 20px;
    text-align: center;
    color: #004d66 !important;
}
.panel-default,.panel-group{
    margin: 0;
}
p{
    margin: 0;
}
.panel-body{
    padding: 8px;
}
.info-box{
    box-shadow: 0px 1px 4px 1px #888;
}
.colorRed {
    color: red; 
}
.colorGreen {
    color: green; 
}
.earningreport tbody * + tr td{
    text-align: left !important;
}
h2{
    margin: 0px;
}
.marginTop{
    margin-top: 10px;
    padding: 0px;
}
.callout-danger{
    margin-bottom: 0px;
}
.rangetable{
    display: block;
    width: 100%;
    overflow-x: auto;
}

.rangetable::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.rangetable::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
}

.rangetable::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #004d66;
}
.info-box-3 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.bg-teal {
    background-color: #009688 !important;
    color: #fff;
}
.info-box-3 .icon {
    position: absolute;
    right: 10px;
    bottom: 8px;
    text-align: center;
}
.info-box-3 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.info-box-3 .content1 .text {
    font-size: 15px;
    margin-top: 11px;
    color: #555;
}
.bg-teal .content1 .text, .bg-teal .content1 .number {
    color: #fff !important;
}
.text, .content1{
    color: #fff !important;
}
.info-box-3.hover-expand-effect:hover:after {
    width: 100%;
}
.info-box-3.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all 0.95s;
    -o-transition: all 0.95s;
    -webkit-transition: all 0.95s;
    transition: all 0.95s;
}
/*Dashboard Css*/

.sidebar-menu>li>a {
    padding: 8px 5px 8px 15px;
    display: block;
}
.appname{
    text-align: center;
    font-size: 14px;
    margin: 0;
    font-weight: bold;
    display: block;
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.col-md-3{
    padding-right: 5px;
    padding-left: 5px;
}
/*****************************************
upload button styles
******************************************/
.photo{
    position: relative;
    width: 11.5%;
    margin: 5px 5px;
    float: left;
}
.photo img{
    box-shadow: 3px 2px 8px #888;
    border-radius: 10px;
}
.verifydocs1 {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.verifydocs1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/*// style for custom checkbox for verify docs*/
.verify1 {
    position: absolute;
    top: 0px; 
    left: -11px;
    height: 20px;
    width: 20px;
    bottom: 0px;
    background-color: #fff;
    top: -10px;
    right: 0px;
    border: 1px solid #827f7f;
    border-radius: 4px;
}
.verifydocs1:hover input ~ .verify1 {
    border-color: #2196F3;
}
.verifydocs1 input:checked ~ .verify1 {
    background-color: #004d66;
    border-color: #004d66;
}
.verify1:after {
    content: "";
    position: absolute;
    display: none;
}
.verifydocs1 input:checked ~ .verify1:after {
    display: block;
}
.verifydocs1 .verify1:after {
    left:7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.file-upload {
    position: relative;
    display: inline-block;
}

.file-upload__label {
    display: block;
    padding: 1em 1em;
    color: #fff;
    background: #fff;
    border-radius: 50%;
    transition: background .3s;

    &:hover {
        cursor: pointer;
        background: #ddd;
    }
}

.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width:0;
    height: 100%;
    opacity: 0;
}

.galary{
    position: relative;
}
.gal {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 9;
}	
/*    img{
        position: relative;
    }*/
.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {
    /*        .gal {
                -webkit-column-count: 1;  Chrome, Safari, Opera 
                -moz-column-count: 1;  Firefox 
                column-count: 1;
            }*/
}

.verifydocs {
    position: absolute;
    top: 32px;
    left: 25px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.deleteimg {
    position: absolute;
    top: 12px;
    right: 18px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.verifydocs input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/*// style for custom checkbox for verify docs*/
.verify {
    position: absolute;
    top: 0px; 
    left: -8px;
    height: 20px;
    width: 20px;
    bottom: 0px;
    background-color: #fff;
    top: -20px;
    right: 0px;
    border: 1px solid #827f7f;
    border-radius: 4px;
}
.verifydocs:hover input ~ .verify {
    border-color: #2196F3;
}
.verifydocs input:checked ~ .verify {
    background-color: #004d66;
    border-color: #004d66;
}
.verify:after {
    content: "";
    position: absolute;
    display: none;
}
.verifydocs input:checked ~ .verify:after {
    display: block;
}
.verifydocs .verify:after {
    left:7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Add "click" styles because newer releases of AngularJS don't seem to add the HREF value. */
a[ ng-click ] {
    cursor: pointer ;
    text-decoration: none !important;
}
a.box {
    background-color: #FAFAFA ;
    border: 1px solid #CCCCCC ;
    display: block ;
    height: 200px ;
    line-height: 200px ;
    text-align: center ;
    width: 684px ;
}
ul.photos {
    list-style-type: none ;
    margin: 16px 0px 16px 0px ;
    padding: 0px 0px 0px 0px ;
    width: 700px ;
}
ul.photos:after {
    content: "" ;
    clear: both ;
    display: block ;
    height: 0px ;
}
li.photo {
    background-color: #FAFAFA ;
    border: 1px solid #CCCCCC ;
    border-radius: 4px 4px 4px 4px ;
    float: left ;
    margin: 0px 10px 10px 0px ;
    padding: 5px 5px 5px 5px ;
}
li.photo img {
    border: 1px solid #EEEEEE ;
    border-radius: 3px 3px 3px 3px ;
    display: block ;
}

/*Setting*/

.panel-default > .panel-heading {
    color: #fff !important;
    background-color: #004d66 !important;
}
.bs-email{
    word-wrap: break-word;
    cursor: pointer;
}
.btn-success,.btn-success:hover,.btn-success:focus,.btn-success:active {
    color: #fff;
    background-color: #004d66 !important;
    border-color: #004d66 !important;
    outline: 0px auto -webkit-focus-ring-color; 
    outline-offset: 0px; 
}
.backcolor{
    background: #bde2ff !important;
}

/*th{
    border: 0px !important;
}*/
.bdrclass{
    border-bottom: 1px solid #e5e5e5;
    clear: both;
    width: 100% !important;
    display: block;
    padding: 5px;
}
.pendingstatus{
    cursor: pointer;
}
.coinrs{
    font-size: 24px;
    margin: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #fff;
    border: 1px solid #004d66;
    border-bottom-color: transparent;
}
.btnadd{
    padding-left: 0px;
}
.totalearning td{
    font-weight: bold;
    color: blue;
}
.appTitles{
    font-weight: bold;
    color: blue;
}

textarea{
    resize: vertical;
    min-height: 70px;
}

/* Task Table CSS */
table {
    /* margin-top: 30px; */
    border-spacing: 3px;
    border-collapse: separate;
}
table thead tr th:first-child, table tbody tr td:first-child {
    text-align: center;
}
table thead tr th {
    background: #e8e9f0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
}
table>thead>tr>th {
    /*border-bottom: none;*/
    border-bottom: 1px solid #a2a7ba;
    text-align: center;
}

table tbody tr td {
    background: #f5f6f9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
}

table>tbody>tr>td {
    border-top: none;
    text-align: center;
}
/* Task Table CSS */


/* User Level */

.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;font-weight: bold;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #c0e0fb; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #004d66; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #c0e0fb;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/