/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#026165+1,043f81+100 */
background: #026165; /* Old browsers */
background: -moz-linear-gradient(left,  #026165 1%, #043f81 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #026165 1%,#043f81 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #026165 1%,#043f81 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026165', endColorstr='#043f81',GradientType=1 ); /* IE6-9 */
/*css style*/
@import url(https://fonts.googleapis.com/css?family=Titillium+Web);
*, *:before, *:after {
  box-sizing: border-box;
}
* {
    padding: 0;
    outline: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
html{
	height: 100%;
}
html,
body {
    height: 100%;
    color: #333;
    margin: 0px;
    padding: 0px;
    outline:none;
    font-size: 14px;
    line-height: 21px;
    font-family: 'Titillium Web', sans-serif;
    background: #eeeeee;  
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;     
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: url('../images/bodybg1.jpg') center top repeat-x;
    background-attachment: fixed;

}
a {
  text-decoration: none;
  font-weight:bold;
  color: #035ea3;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
a:hover {
  color: #a94442;
}

img { border: 0; max-width:100%; outline:none; }
a img { border: 0; outline:none; }
ul, ul li{ padding: 0px; margin: 0px; list-style-type: none; }

/*general css*/
.red  { background:#ff0000;}

/*space*/
.spaceL0{  padding-left: 0px; }
.spaceL5{  padding-left: 5px; }
.spaceL10{ padding-left: 10px; }
.spaceL15{ padding-left: 15px; }
.spaceR0{  padding-right: 0px; }
.spaceR5{  padding-right: 5px; }
.spaceR10{ padding-right: 10px; }
.spaceR15{ padding-right: 15px; }

.line30{ line-height: 30px; }
.font18{  font-size:  18px; }
.font21{  font-size:  21px; }
.font24{  font-size: 24px; }

.bodybg1 {
    /*background: url('../images/loginbg1.jpg') center top no-repeat;*/
    background-size: cover;
    padding: 60px 0 0 0;
    
     /* IE10+ */ 
    background-image: -ms-linear-gradient(bottom, #46CF93 0%, #0A95FF 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #46CF93 0%, #0A95FF 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(bottom, #46CF93 0%, #0A95FF 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #46CF93), color-stop(100, #0A95FF));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(bottom, #46CF93 0%, #0A95FF 100%);
    /* W3C Markup */ 
    background-image: linear-gradient(to top, #46CF93 0%, #0A95FF 100%);
    }



.tab-group {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.tab-group:after {
  content: "";
  display: table;
  clear: both;
}
.tab-group li a {
  display: block;
  text-decoration: none;
  padding: 15px 15px;
  background: rgba(160, 179, 176, 0.25);
  color: #a0b3b0;
  font-size: 20px;
  float: left;
  width: 50%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
.tab-group li a:hover {
  background: #179b77;
  color: #ffffff;
}
.tab-group .active a {
  background: #1ab188;
  color: #ffffff;
}

.tab-content > div:last-child {
  display: none;
}


/*===Login page===*/
/*#login input::-webkit-input-placeholder { color: #708e9e; line-height: 30px; }
#login input:-moz-placeholder { color: #708e9e; line-height: 30px; }
#login input::-moz-placeholder{ color: #708e9e; line-height: 30px; }
#login input:-ms-input-placeholder { color: #708e9e; line-height: 30px;  }*/

.loginheader{
    color: #fff;
    background: #1ab188;
}
.loginheader h3{
    color: #1ab188;
    text-align: center;
}
.loginfooter  .navbar-default {
    background: #34bc8d;
    border-top: 0px;
    padding: 0px;
    margin: 0px;
}
.loginfooter p{
    font-size: 14px;
    line-height: 14px;
    padding: 18px 10px 0 10px;
	text-align: center;
    color: #fcf8e3;
        /*#70ebc1;*/
}
.loginfooter a {
    color:#fcf8e3;
        /*#196e61;*/ 
}

.form {
  background:#2f4158;
  padding: 0px 0px 15px 0px;
  max-width: 420px;
  margin: 0px auto 0 auto;
  border-radius: 0px;
}
.form a.forgotpass{
    font-size: 19px;
    font-weight: 400;
    color: #ffffff;
    display: block;
    padding: 10px 0 0 0;
    text-align: center;
}
.form a:hover {
    color: #fff;
    text-decoration: none;
}
.form2{
	padding: 15px 35px 35px 35px;
}
.iconProfile{
    width: 120px;
    height: 120px;
    padding: 10px;
    margin: 0 auto 6px auto;
    background: #3c5068;
    border-radius: 100px;
    text-align: center;
    overflow: hidden;
   
    box-shadow: 0 1px 1px #26364b;
}
.iconProfile img {
    margin: 0px 0 0 0;
    max-width: 100%;
    border-radius: 100px;
}
.iconProfile2{
    width: 120px;
    height: 120px;
    border-radius: 100px;
    border: 5px solid #3b4c5a;
    margin: 15px auto 6px auto;
	overflow: hidden;
}
.form h3 {
  text-align: center;
  color: #ffffff;
  font-weight: 300;
  margin: 0 0 15px 0;
  padding: 16px 15px;
  background: #5c2d91;
  position: relative;
  background-size: cover;
  padding: 15px 15px;
 
  /* IE10+ */ 
background-image: -ms-linear-gradient(bottom, #46CF93 0%, #035EA3 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #46CF93 0%, #035EA3 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #46CF93 0%, #035EA3 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #46CF93), color-stop(100, #035EA3));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #46CF93 0%, #035EA3 100%);

/* W3C Markup */ 
background-image: linear-gradient(to top, #46CF93 0%, #035EA3 100%);

}
.form label {
  position: absolute;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  left: 13px;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  font-size: 22px;
  font-weight: 300;
  top: 6px;
}
.form label .req {
  margin: 1px;
  color: #1ab188;
}
.form label.active {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  left: 2px;
  font-size: 14px;
}

.form label.highlight {
  color: #ffffff;
}
.form input, .form textarea{
  font-size: 22px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px 10px;
  background: #3c5068;
  background-image: none;
  border: 1px solid #233347;
  color: #ffffff;
  border-radius: 0;
  height: 50px;
}
.form input[type="text"] {  
  outline: none;
  padding: 8px 10px 8px 39px;
  margin: 0px 0px 25px 0px;  
  border: 0px;
  border-bottom: 1px solid #3c5068;
  -webkit-appearance: none;
  box-shadow: none;
  background: url(../images/email.png)no-repeat 0px 11px;
}
.form input[type="password"] {  
  outline: none;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  padding: 8px 10px 8px 38px;
  margin: 0px 0px 25px 0px; 
  border: 0px;
  border-bottom: 1px solid #3c5068;
  -webkit-appearance: none;
  box-shadow: none;
  background: url(../images/lock.png)no-repeat 0px 7px;
}

.form input:focus, .form textarea:focus {
  outline: 0;
  border-color: #1ab188;
}

.form input[type="text"]:-webkit-autofill, 
.form input[type="text"]:-webkit-autofill:hover,
.form textarea:-webkit-autofill, 
.form select:-webkit-autofill {
    background-color: red !important;
    background-image: none !important;
    color: rgb(0, 0, 0);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 600s ease-in-out 0s;
    background: none;
}



.form .field-wrap {
  position: relative;
  margin-bottom: 25px;
}
.form .top-row:after {
  content: "";
  display: table;
  clear: both;
}
.form .top-row > div {
  float: left;
  width: 48%;
  margin-right: 4%;
}
.form .top-row > div:last-child {
  margin: 0;
}
.form .button {
  border: 0;
  outline: none;
  border-radius: 5px;
  padding: 15px 0;
  font-size: 1.6rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: #858793;
  color: #ffffff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-appearance: none;
}
.form .button:hover, .form .button:focus {
  background: #858793;
}
.form .button-block {
  display: block;
  width: 100%;
}
.form .forgot {
	margin-top: -20px;
  text-align: right;
 
}
.form .signup {
 padding: 0px 0 0 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.form .signup  a{
	color: #1ab188;
}
.btn_custom{
	color: #fff;
	background: #f00;
}
#navbar-bottom
{
    padding: 5px 0 0 0;
    min-height: 26px;
}

.slidebar-form {
  padding: 7px 15px 13px 15px;
}
.slidebar-nav {
  left: 250px;
  list-style: none;
  height: 100%;
  margin: 0;
  margin-left: -250px;  
  overflow-y: auto;
  padding: 0;
  position: fixed; 
  top: 50px;
  width: 0;
  z-index: 1000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
} 
#wrapper.toggled .slidebar-nav {
    width: 250px;
}
.slidebar-nav .navbar-collapse {
  padding: 0;
  max-height: none;
}
.slidebar-nav ul {
  float: none;
  width: 100%;
}
.slidebar-nav ul:not {
  display: block;
}
.slidebar-nav li {
  float: none;
  display: block;
}
.slidebar-nav li a {
  padding-top: 12px;
  padding-bottom: 12px;
}
.slidebar-nav .open .dropdown-menu {
  position: static;
  float: none;
  width: auto;
  margin: 0;
  padding: 5px 0;
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.slidebar-nav .open .dropdown-menu > li > a {
  padding: 5px 15px 5px 25px;
}
.slidebar-nav .navbar-brand {
  width: 100%;

}
.slidebar-nav .open > a > b.caret {
  border-top: none;
  border-bottom: 4px solid;
}
.slidebar-nav .navbar-nav {
  margin: 0;
}

.btn_img_bg {
    width: 25px;
    height: 25px;
    border: none;
    text-decoration: none;
}

    .btn_img_bg:hover {
        cursor: pointer;
    }

.img_cancel {
    background: url('../images/img-cancel.png') no-repeat;
}

.img_update {
    background: url('../images/img-update.png') no-repeat;
}

.img_download {
    background: url('../images/download_icon.png') no-repeat;
}

.img_edit {
    background: url('../images/img-edit.png') no-repeat;
}

.img_add {
    background: url('../images/add.png') no-repeat;
}


/* toggle menu */
#toggle {
  display: block;
  width: 28px;
  height: 30px;
  position: absolute;
  right: 15px;
  top: 25px;
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 5px;
  background-color: #fff;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {
  opacity: 1;
  display: block;
  position: absolute;
  right: 14px;
  top: 58px;
}

/* menu appearance*/
#menu {
  position: relative;
  color: #999;
  width: 200px;
  padding: 10px;
  margin: auto;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  text-align: center;
  border-radius: 4px 0 4px 4px;
  background: white;
  box-shadow: 0 1px 8px rgba(0,0,0,0.05);
  /* just for this demo */
  opacity: 0;
  display: none;
  transition: opacity .4s;
}
#menu:after {
  position: absolute;
  top: -15px;
  right: 0px;
  content: "";
  display: block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}
ul, li, li a {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
li a {
  padding: 5px;
  color: #888;
  text-decoration: none;
  transition: all .2s;
  font-size: 15px;
}
li a:hover,
li a:focus {
  background: #39daf7;
  color: #fff;
  text-decoration: none;
}

/* for wrapper */
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled {
    padding-left: 250px;
}
#page-wrapper6 {
    width: 100%;
    position: absolute;
    padding: 15px;
    top: 25px;
}
#wrapper.toggled #page-wrapper6 {
    position: absolute;
    margin-right: -250px;
}
@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }
    #wrapper.toggled {
        padding-left: 0;
    }
    #page-wrapper6 {
        padding: 20px;
        position: relative;
    }
    #wrapper.toggled #page-wrapper6 {
        position: relative;
        margin-right: 0;
    }
  .slidebar-nav {
    width: 250px;
  }
  #wrapper.toggled .slidebar-nav {
    width: 0;
    }
}
  
.slidebar-toggle {
  position: relative;
  float: left;
  padding: 9px 10px;
  margin-top: 8px;
  margin-left: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.slidebar-toggle:focus {
  outline: 0;
}
.slidebar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.slidebar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

/* Sidebar top */
#navbar-top.navbar-default { /* #efffff - #ffffff */
    font-size: 14px;
    /*background: #6c2954;*/
    border-color: #3eaf88;
    border-radius: 0;
    color: #bbe2ff;
/* IE10+ */ 
background-image: -ms-linear-gradient(left, #46CF93 0%, #035ea3 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(left, #46CF93 0%, #035ea3 100%);

/* Opera */ 
background-image: -o-linear-gradient(left, #46CF93 0%, #035ea3 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #46CF93), color-stop(100, #035ea3));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(left, #46CF93 0%, #035ea3 100%);

/* W3C Markup */ 
background-image: linear-gradient(to right, #46CF93 0%, #035ea3 100%);

}
#navbar-top.navbar-default .slidebar-toggle {
  border-color: #2a3944;
  text-indent: -9999px;
  background: #fff;
}
#navbar-top.navbar-default .slidebar-toggle:hover,
#navbar-top.navbar-default .slidebar-toggle:focus {
  background-color: #ddd;
  text-indent: -9999px;
}
#navbar-top.navbar-default .slidebar-toggle .icon-bar {
  background-color: #888;
  text-indent: -9999px;
}
.navbar-nav > li > a {
    padding-top: 13px;
    padding-bottom: 13px;
}



#slidebar-top.navbar-default .navbar-nav>li>a,
#slidebar-top.navbar-default .navbar-nav>li>ul>li>a{
    color: #bbe2ff; 
    border-bottom: 1px solid #283742;
}
.navbar-default .navbar-brand{
    color: #bbe2ff; 
    border-bottom: 0px;
    width: 431px;
    height: 49px;
    text-indent: -9999px;
    background: url('../images/logo.png') left center no-repeat;
}
.navbar-default .navbar-brand:hover{
  color: #fff;
}
#slidebar-top.navbar-default .navbar-toggle .icon-bar,
#slidebar-top.navbar-default .navbar-toggle:hover .icon-bar,
#slidebar-top.navbar-default .navbar-toggle:focus .icon-bar,
#slidebar-top.navbar-default .slidebar-toggle .icon-bar,
#slidebar-top.navbar-default .slidebar-toggle:hover .icon-bar,
#slidebar-top.navbar-default .slidebar-toggle:focus .icon-bar {
    background: #283742; 
}
#slidebar-top.navbar-default .navbar-toggle:hover,
#slidebar-top.navbar-default .navbar-toggle:focus,
#slidebar-top.navbar-default .slidebar-toggle:hover,
#slidebar-top.navbar-default .slidebar-toggle:focus {
    background: #ccffff;
}
#slidebar-top.navbar-default .navbar-toggle,
#slidebar-top.navbar-default .slidebar-toggle {
    border-color: #283742;
}
#slidebar-top.navbar-default .navbar-nav>li>a:hover,
#slidebar-top.navbar-default .navbar-nav>li>a:focus,
#slidebar-top.navbar-default .navbar-nav>li>ul>li>a:hover, 
#slidebar-top.navbar-default .navbar-nav>li>ul>li>a:focus, 
#slidebar-top.navbar-default .navbar-nav>.active>a,
#slidebar-top.navbar-default .navbar-nav>.active>a:hover,
#slidebar-top.navbar-default .navbar-nav>.active>a:focus {  
    color: #bbe2ff;
    background: #283742;
}
#slidebar-top, #column-white, #dashboard-white{
  background-color: #283742;
}
#navbar-top .dropdown .dropdown-toggle i{
  color: #fff;
}
#navbar-top .dropdown .dropdown-toggle span{
  color: #fff;
}
#navbar-top .navbar-nav > .open > a u, 
#navbar-top .navbar-nav > .open > a:focus span, 
#navbar-top .navbar-nav > .open > a:hover span{
  color: #333;
}
#navbar-top .navbar-nav > .open > a u, 
#navbar-top .navbar-nav > .open > a:focus i, 
#navbar-top .navbar-nav > .open > a:hover i{
  color: #000;
}
.dropdown-alerts{
  width: 260px;
}

/* Sidebar left */
#slidebar-left.navbar-default { /* #efffff - #ffffff */
    font-size: 14px;
    background: #34a27c;
    border-color: #34a27c;
    border-radius: 0;
    color: #bbe2ff;
}
#slidebar-left {
  background-color: #34a27c;
}
#navbar-left{
  border: 0px;
  border-radius: 0px;
}
#navbar-left.navbar-default .navbar-toggle,
#navbar-left.navbar-default .slidebar-toggle {
    border-color: #34a27c;
}
#navbar-left.navbar-default .navbar-toggle:hover,
#navbar-left.navbar-default .navbar-toggle:focus,
#navbar-left.navbar-default .slidebar-toggle:hover,
#navbar-left.navbar-default .slidebar-toggle:focus {
    background-color: #34a27c;
}
#navbar-left.navbar-default .navbar-nav>li>a,
#navbar-left.navbar-default .navbar-nav>li>ul>li>a{
    color: #fff; 
    outline: none;
    border-top: 1px solid #3eaf88;
    border-bottom: 1px solid #29916d;
    background: #34a27c;
}
#navbar-left.navbar-default .navbar-toggle .icon-bar,
#navbar-left.navbar-default .navbar-toggle:hover .icon-bar,
#navbar-left.navbar-default .navbar-toggle:focus .icon-bar,
#navbar-left.navbar-default .slidebar-toggle .icon-bar,
#navbar-left.navbar-default .slidebar-toggle:hover .icon-bar,
#navbar-left.navbar-default .slidebar-toggle:focus .icon-bar {
    background-color: #0d0d0d; 
}
#navbar-left.navbar-default .navbar-nav>li>a:hover,
#navbar-left.navbar-default .navbar-nav>li>a:focus,
#navbar-left.navbar-default .navbar-nav>li>ul>li>a:hover, 
#navbar-left.navbar-default .navbar-nav>li>ul>li>a:focus, 
#navbar-left.navbar-default .navbar-nav>.active>a,
#navbar-left.navbar-default .navbar-nav>.active>a:hover,
#navbar-left.navbar-default .navbar-nav>.active>a:focus {  
    color: #fff;
    background: #3eaf88;
}
#navbar-left .dropdown-menu{
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#navbar-left .caret{
  float: right;
  margin: 8px 0 0 0;
}
#navbar-left .dropdown-menu li{
	background: #f00;
}
#navbar-left.navbar-default .navbar-nav>li>ul>li>a{	
	background: URL('images/') #3eaf88;
	padding-top: 10px;
	padding-bottom: 10px;
}
#navbar-left.navbar-default .navbar-nav > li > ul > li > a:hover {
    background: #29916d;
}


.age a{
	cursor: pointer;
}


/*for menu format*/
.ln_solid {
    background-color: #ffffff;
    border-top: 1px solid #e5e5e5;
    color: #ffffff;
    height: 1px;
    margin: 20px 0;
}

.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}
.white {
  color:white;
}
.fav-delete {
  font-size:16px;
  padding:5px;
  position:absolute;
  
}


.valueBoxLine{
	margin-top: 7px;
	height: 80px;
}
.valueBox { 
  border: 0px; 
  border-radius: 4px; 
  margin-top: 0px; 
  padding-top: 0px;
}
.valueBox i{ float: left; margin: 0 8px 0 0; }
.valueBox h4{ margin-top: 0px; margin-bottom: 0px; float: left; }

.valuehead{ padding-top: 0px; border: 0px; }
.tableHead{ padding: 8px 0 2px 0; border-radius: 4px 4px 0 0; margin-bottom: 12px;   }

.valueBox1{ border: 1px solid #ede699; }
.valueBox .valuehead1{ color: #9f9632; background: #fff9b3; }
.tableHead1{ background: #bcb34e; color: #fff;  }
.valueBoxLine1{ border-right: 1px solid #ede699; }

.valueBox2{ border: 1px solid #ebddc8; }
.valueBox .valuehead2{ color: #ad8345; background: #f7edde; }
.tableHead2{ background: #ad8345; color: #fff;  }
.valueBoxLine2{ border-right: 1px solid #ebddc8; }

.valueBox3{ border: 1px solid #b1d9e1; }
.valueBox .valuehead3{ color: #2d7090; background: #d8edf7; }
.tableHead3{ background: #2d7090; color: #fff;  }
.valueBoxLine3{ border-right: 1px solid #b1d9e1; }

.valueBox4{ border: 1px solid #fbebcb; }
.valueBox .valuehead4{ color: #8b6d38; background: #fdf8e2; }
.tableHead4{ background: #8b6d38; color: #fff;  }
.valueBoxLine4{ border-right: 1px solid #fbebcb; }


.txtGreen{ color: #127c0a; }
.txtred{ color: #b20606; }

/* page bg1 */
.pageBg1 {
    background: #fff;
    padding: 10px;
}
.page-header {
    padding: 0px;
    border: 0px;
}

/* table custom */
.page-header h3 {
    color: #fff;
        /*#6c2954;*/
    background: #21919c;
        /*#ffb6e5;*/
    margin: 0px;
    padding: 10px;
    border-left: 3px solid #fff;
        /*#ce51a2;*/





}
.tableCust{
  width: 100%;
  border: 0px;
}
.tableCust th{ 
  border: 0px; 
  padding: 0px;
  color: #ffffff;
      /*#6c2954;*/
  text-transform: uppercase;
  background-color: #21919c;
      /*#ffb6e5;*/
  border-color: #ffb6e5;
  text-align: center;
}
.tableCust td{ 
  border: 0px; 
  padding: 6px;
  border-bottom:1px solid #fff;
  font-size:12px;
}
.tablePrice th:first-child, .tablePrice td:first-child{ text-align: left; }
.tablePrice th:last-child, .tablePrice td:last-child{ text-align: right; }

.tableCust tr:nth-child(even) {background: #f0efef; border-bottom:1px solid #fff;}
.tableCust tr:nth-child(odd) {background: #e1e1e1; border-bottom:1px solid #fff;}

.tableCust tr:nth-child(even):hover {background: #e9e6e6;}
.tableCust tr:nth-child(odd):hover {background: #d9d7d7;}

.tableCust tr:nth-child(odd) th {border-right:1px solid #f0efef;border-left:1px solid #f0efef; }
.tableCust tr:nth-child(even) td {border-right:1px solid #ccc;border-left:1px solid #ccc; }

.tablesearch { background: #e8e7e7;}
.tablesearch th { font-weight: bold;text-align: center;  }
.tablesearch tr:nth-child(even) {background: #f0efef; }
.tablesearch tr:nth-child(odd) {background:#ccc; }

.tablesearch tr:nth-child(odd) th {border-right:1px solid #f0efef;border-left:1px solid #f0efef; }
/*.tablesearch tr:nth-child(even) td {border-right:1px solid #ccc;border-left:1px solid #ccc; }*/
/* end table css */

.errormsg { display: none; }



/*marquee*/
.block-hdnews{
	margin: 0px;
	padding: 0 0 15px 0;
}
.list-wrpaaer{
	width: 100%;
	height: 445px;
	padding: 0 0 15px 0;
}
.list-aggregate { background-color: #585858; padding:0 0 15px 0; margin: 0px; }
.list-aggregate li { 
	border-bottom: 1px solid #303030;
	border-top: 1px solid #626161;
}
.list-aggregate li a { color: #fff;  padding:0 15px;}
.list-aggregate li a:hover { color: #fff; text-decoration: none; }
.list-aggregate li p { color: #fff; padding:0 15px; }
.list-aggregate li:hover { background-color: #283430 }



/* for product*/
.categoryBox{
  border-radius: 6px;
  height: 205px;
  margin-bottom: 20px;
  cursor: pointer;
  box-shadow: 0 0px 2px #dddddd;
  background: #fff;
  border: 1px solid #dddddd;
  width: 100%;
}
.categoryBox span{
  display: block; 
  text-align: center;
  padding: 10px 0 10px 0;
}
.categoryBox span img{
  max-width: 60%;
}
.categoryBox a{
  text-align: center;
  color: #d53fb3;
  display: block;
  font-size: 18px;
  text-decoration: none;
}
.color1 { background: #e55555; color: #fff; }
.color2 { background: #eb7454; color: #fff; }
.color3 { background: #eca15d; color: #fff; }
.color4 { background: #e8c569; color: #fff; }
.color5 { background: #53d39a; color: #fff;}
.color6 { background: #4fc2d5; color: #fff; }
.color7 { background: #4f96d8; color: #fff; }
.color8 { background: #4f9ade; color: #fff; }
.color1 a, .color2 a, .color3 a, .color4 a, .color5 a, .color6 a{ color: #fff; }

.color1:hover { background: #c53636; }
.color2:hover { background: #cc411b; }
.color3:hover { background: #c9782e; }
.color4:hover { background: #c59e39; }
.color5:hover { background: #28b275; }
.color6:hover { background: #28a0b4; }
.color7:hover { background: #2a74b9; }
.color8:hover { background: #2570b4; }

/* Bounce Out */
.hvr-bounce-out {
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

#productList table td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.productBox {    
    border-radius: 4px;
    line-height: 15px;
    min-height: 220px;
    padding: 3px 6px 0;
    text-align: center;
    width: 184px;
    margin: 8px 4px 8px 11px;
    float: left;
    box-shadow: 0 0px 2px #dddddd;
    background: #fff;
    border: 1px solid #dddddd;
}
.productBox a {
    height: 120px;    
}
.productBox a img{
  max-width: 100%;
}
.productBox p {
    font-size: 14px;
    line-height: 14px;
    padding-top: 8px;
}
.productBox img {
    max-width: 60%;
}
.titlehead {
    background: #f9daf3 none repeat scroll 0 0;
    border: 1px solid #f3d2ed;
    border-radius: 4px;
    color: #d53fb3;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 12px 12px;
    padding: 0 0 0 10px;
}
.accordion h1{
  font-size: 17px;
  padding: 8px;
  color: #fff;
  background: #d67496;
  border: 1px solid #d204a9;
  /*background: #f2f2f2;
  border-left: 3px solid #d204a9;*/
}
.block {
    background-color: #fff;
    color: #d53fb3;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    padding: 12px 15px 8px 0;
    text-align: left;
    text-transform: uppercase;
}
.block2 {
    font-weight: bold;
    background: #d67496 none repeat scroll 0 0;
    border: 1px solid #d204a9;
    color: #fff;
    font-size: 17px;
    padding: 8px;
}

.co_as{
  border: 1px solid #e0e0e0;
}
.co_as td, .co_as th{
  padding: 8px 6px;
  font-size: 14px;
}
.co_as tr:nth-child(even) td{background: #eaeaea; border-bottom: 1px solid #fff;}
.co_as tr:nth-child(odd) td{background: #f2f2f2; border-bottom: 1px solid #fff;}
.co_as tr:nth-child(even) th{background: #eaeaea; border-bottom: 1px solid #fff;}
.co_as tr:nth-child(odd) th{background: #f2f2f2; border-bottom: 1px solid #fff;}
.co_as2 td:first-child{ width: 50%; }
.co_as2 tr:nth-child(even) td{background: #fff; border-bottom: 1px solid #fff; font-size: 16px; color: #000000; }
.co_as2 tr:nth-child(odd) td{background: rgb(255, 217, 217);; border-bottom: 1px solid #fff; color: #550538; font-size: 15px; font-weight: bold;}

.co_as tr.bg_ka th{ color: #fff; background: #d67496; }
.list1{
  margin: 12px 0 12px 25px;
}
.list1 li{
  list-style-type: disc;
}


/*for news*/
.newsArea{
      width: 100%;
      height: auto;
      margin: 0 auto;
      font-family: 'Titillium Web', sans-serif;
    }
    .news li{
      display: table;
      background: #fff;
      border-bottom: 1px solid #ededed;
      padding: 2px 8px 10px 8px;
      margin: 0 0 6px 0;
      width: 100%;
    }
    .date{
      width: 60px;
      height: 60px;
      float: left;
      text-align: center;
      color: #fff;
      background: url('../images/iconDate.png') center top no-repeat;
      background-size: contain;
      margin: 8px 8px 3px 0;
    }
    .date span{
      display: block;      
    }
    .content{      
      padding: 0 12px 0 0;
      margin: 0 0 0 0px;
      position: relative;
    }
    .content h3{
      margin: 0px 0 0 0px;
      padding: 4px 0 0 0;
    }
    .content p{
      padding: 5px 0 0 0;
      font-size: 14px;
      line-height: 18px;
      margin: 0px 0 0 0px;
    }    
    .month{
      font-size: 11px;
      line-height: 14px;
      padding: 5px 0 0 0;
    }
    .day{
      font-size: 21px;
      line-height: 21px;
      font-weight: 700;
      padding: 3px 0 0 0;
    }
    .year{
      font-size: 11px;
      font-weight: bold;
      line-height: 13px;
      padding: 0px 0 0 0;
    }
    .newsImg{
      padding: 5px;
      border: 1px solid #ebebeb;
      background: #f6f6f6;
    }
    /*Up-right pointing*/
    .triangle-up-right {
        position: absolute;
        right: -8px;
        top: -8px;
        width: 0;
        height: 0;
        border-top: 35px solid #4679bd;
        border-left: 35px solid transparent;
    }
    .old{
      border-top: 35px solid #ff0000;
    }
    .active{
      width: 11px;
      height: 11px;
      z-index: 11;
      top: -30px;
      right: 4px;
      position: absolute;
      background: url('../images/icon_active.png') center top no-repeat;
    }    
    .inactive{
      background: url('../images/icon_inactive.png') center top no-repeat;
    }
    .full-image{ width: 100%; }

/*.ajax__calendar {
    z-index: 11111;
}*/





@media (min-width: 920px) and (max-width: 1071px){
.navbar-brand{
    font-size: 16px;  
    padding: 16px 0 0 10px;
}
#page-wrapper6{ top : 80px;}
}
@media (min-width: 840px) and (max-width: 920px){
.navbar-brand{
    font-size: 14px;  
    padding: 16px 0 0 4px;
}
#page-wrapper6{ top : 80px;}
}
@media (min-width: 768px) and (max-width: 840px){
.navbar-brand{
    font-size: 12px;  
    padding: 16px 0 0 4px;
}
#page-wrapper6{ top : 80px;}

}

@media (max-width: 767px){
.slidebar-toggle{ margin-left: 10px;  }
.navbar-toggle{ margin-right: 10px;  }
.navbar-brand{
  font-size: 11px;
  width: 75%;
  padding: 10px 0 0 4px;
  margin: 0px;
  line-height: 14px;
}
.valueBoxR{
	border-right: 0px;
	min-height: auto;
}

}
@media (max-width: 480px){
.navbar-brand{
  font-size: 11px;
  width: 210px;
  padding: 4px 0 0 4px;
  margin: 0px;
  line-height: 14px;
}
}
@media (max-width: 420px){
.navbar-brand{
  width: 305px;
  padding: 10px 0 0 4px;
}
}
@media (max-width: 384px){
.navbar-brand{
  font-size: 11px;
  width: 265px;
  padding: 4px 0 0 4px;
  margin: 0px;
  line-height: 14px;
}
}
@media (max-width: 360px){
.navbar-brand{
  width: 250px;
  padding: 4px 0 0 4px;
}
}
@media (max-width: 320px){
.navbar-brand{
  width: 210px;
  padding: 4px 0 0 4px;
}
}