﻿
/*====================================
 Free To Use For Personal And Commercial Usage
Author: http://binarytheme.com
 Share Us if You Like our work 
 Enjoy Our Codes For Free always.
======================================*/

/* user image section */
.user-section {
    margin-top:0px;
    font-size:22px;
    background-color:#0192D3;
}
.user-section-inner {
    height: 65px;
width: 65px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
display: inline-block;
float: left;
margin-right: 15px;
margin-top: 20px;
}
    .user-section-inner img {
        margin-left:10px;
        width:55px;
        height:60px;
        
    }
.user-info {
    display: block;
    color:#000!important;
display: inline-block;
padding-top :20px;
padding-bottom:25px;
margin-bottom: 0px;
padding-left:10px;
}
.user-text-online {
    font-size:18px;
    color:#fff
}
.user-circle-online {
    width: 15px!important;
    height: 15px!important;
}

/* side-menu section */
.nav > li > a:hover, .nav > li > a:focus {
    background-color:rgba(74, 72, 126, 0);
}
.navbar-top-links  .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #75C5B8;
}
.navbar-top-links > li > a {
color: #FFFFFF;
}
.nav > li > a {
padding: 20px 15px;
}
#side-menu {
    background-color:#23475f;
}

 #side-menu a {
            color:#fff;
          
           height: 70px;
        }
        .selected {
            background-color:#153041;
        }
/* back colors */
        .blue {
            background-color:rgb(113, 159, 241);
        }
         .green {
            background-color:rgb(144, 236, 192);
        }
          .red {
            background-color:rgb(255, 102, 133);
        }
        .yellow {
            background-color:rgb(237, 253, 46);
        }

  /* No border */
.no-boder {
    border:0px solid #5bc0de !important;
}
/* tap nvbar Section */

#navbar {
    background-color:rgb(83, 163, 163);
}

.navbar-brand {
    padding-left:20px;
}
.navbar-brand img {
   position: relative;
   bottom: 10px;
}
.top-label {
    position: absolute;
top: 50%;
right: 50%;
margin-top: -24px;
margin-right: -24px;
}

/*large font*/
.large-font {
    font-size:18px;
}

.body-Login-back {
    background-color:#23475f;
}

.margin-tips {
    margin:5px;
}
.navbar-default {
border-color: #27A6BE;
}
/*media queries*/

@media(min-width:768px) 
{
    #page-wrapper {
        position: inherit;
        /*margin: 0 0 0 250px;*/
        padding: 0 30px;
      /*  min-height: 1000px;*/
       
       
    }

}

@media(max-width:768px) {
#wrapper {
   /* margin-top:140px!important;*/
    
}
}
/* SignUp block */
.body-Signup-back {
    background-color:#23475f;
}
.signup-logo-margin
{
     background-color:#0192D3;
     padding:15px;
}
.signup-panel {
    margin-top: 20%;
}
.signup-label
{
    color:#f8f8f8;
    font-weight: normal;

}
.signupbtn
{
    background-color:#0192D3;
    color:#f8f8f8;
    padding-left:30px;
    padding-right:30px;
    margin-right:15px;
    font-family: 'maven_proregular', Verdana, Tahoma, sans-serif;
  
    font-size:14px;

}
.resetbtn
{
    background-color:#0192D3;
    color:#f8f8f8;
    padding-left:30px;
    padding-right:30px;
    margin-left:15px;
     font-family: 'maven_proregular', Verdana, Tahoma, sans-serif;
  
    font-size:14px;
}
.signupbtngroup
{
    margin-top:5%;
}
.signup-heading
{
    color:#f8f8f8;
    font-size: 25px;
   margin-bottom:5%;
}
.disresize
{
    resize:none;
}
.signup-footer {
    background-color:#153041!important;
    color: #f8f8f8;
   padding-top:10px;
   padding-bottom:10px;
   margin-top:10%;
}
.ptop
{
    margin-top:2px;
}
/* end of SignUp block */
/* purchase plan block */
.purchase-panel
{
    margin-top:10%;
    margin-left:5%;
}
.purchase-block
{
    background-color: #f8f8f8;
}
.purchase-text-heading
{
    font-size: :25px;
}
.plan-table
{
    background-color: #e9e9e9;
    font-size:14px;
}
.bill-title
{
    font-size:14px;
    
}
.billing-label
{
    font-size:14px;
    font-weight: normal;
}
.bg-style
{
    background-color: #f0f3f5;
   width:100%;
}
.purchasebtnstyle
{
    background:#ffc820;
    font-family: 'maven_proregular', Verdana, Tahoma, sans-serif;
    padding-left:30px;
    padding-right:30px;
    margin-right:15px;
    font-size:14px;

}
.purchasebtnstyle:hover
{
    background:#f7ba00;
    font-family: 'maven_proregular', Verdana, Tahoma, sans-serif;
    padding-left:30px;
    padding-right:30px;
    margin-right:15px;
    font-size:14px;

}
.view_faq
{
    border-top: solid 1px #CCC;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    font-size:13px;
}
.totalamtstyle
{
    background: #cccccc;
    height:100%;
   
}

.paybox
{
    border:solid 1px #BFC0C2;
    margin:4px;
    height:100%;
    text-align: center;

}
.ord_field
{
    float: right;
    margin-top:5px;
}
.valign_middle
{
    display: inline-block;
    vertical-align: middle;
    float:none;

}
#total_lic
{
    font-size:20px;
}
.mainbox{
width:100%;
height:100px;
border:solid 1px #BFC0C2;

}
.boxcontent{
float:left;
height:100%;
text-align: center;
}
.box1{

width:248px;
background-color:#f7f7f7;
}
.box2{
width:310px;
background-color:#cccccc;
}
.add_remove_block
{
    margin-left:5px;
}
.login-btn-block 
{
    display: block;
    width: 100%;
    padding-left: 0;
    background-color:#0192D3;
    color:#f8f8f8;
    font-family: 'maven_proregular', Verdana, Tahoma, sans-serif;
    font-size:16px;

 }
 .login-btn-block:hover
 {
    background-color: #153041;
    color:white!important;
 }
 .remme
 {
    color:white;
 }
 .login-heading
 {
    font-family: 'maven_proregular', Verdana, Tahoma, sans-serif;
   color:#f8f8f8;
    font-size: 30px;
   margin-bottom:5%;
 }
 .normal_text
 {
     font-family: 'maven_proregular', Verdana, Tahoma, sans-serif;
   color:#f8f8f8;
    font-size: 15px;

 }
 /* End of login page style */
/* end of purchase plan */