font-face{
  font-family: 'amaranth';
  src: url(../fonts/amaranth.otf);
}
@font-face{
  font-family: 'Aurella';
  src: url(../fonts/Aurella.ttf);
}
@font-face{
  font-family: 'zrnic';
  src: url(../fonts/zrnic.ttf);
}
font-face{
  font-family: 'Ruluko';
  src: url(../fonts/Ruluko.ttf);
}

body{
	/*  font-family: 'amaranth';*/
   /* background-image: url(../images/bg2.png) ;*/
 
}
#content_sec{
	/*font-family: 'amaranth' , sans-serif;*/
	  /*  padding-left: 75px;
    padding-top: 92px;
     */
}
.xyz {
    padding-top: 50px;
    min-width: 320px;
}
.navbar-default {
    /*background-color: #f8f8f8;*/
    /*border-color: #e7e7e7;*/
    z-index: 9;
}
.navbar-nav {
    padding:0px !important;
    margin: 0px !important;
}
#sidebar-wrapper{
    top:56px;
}
.row{
	margin: 0px;
		}
    input,textarea,select{
      width: 100%;
      padding:6px;
    }

table {
	/*font-family: 'Ruluko' , sans-serif;*/
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;

}
table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
table th,
table td {
  padding: .625em;
  text-align: center;
}
table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  table td:before {
   
    
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
}
@media only screen and (max-width: 650px) {
#content_sec{
     /* padding-left: 2px;
    padding-top: 120px;*/
    	/*background-color: #cccccc;*/
}
  }

  .tabs{
 
  }
  #content_sec{
    
    	
}
  .form_row{
  	margin: 5px 0px;
  }
  .form_sec{
  	/*background-color: #cccccc;*/
  	/*padding: 50px 10px;*/
  }
  .form_sec input,select{
width: 101% !important;
/*padding: 8px 0px;*/
height: 35px;
    padding: 0 10px;
/*margin: 0 10px;*/
border: none;
background:#ffff;
border: 1px solid #909396;
background-color: none;

  }
  .form_title{
margin: 0 10px;
  }
  .form_sec textarea{
  	width: 100%;
        padding: 0 10px;
  	margin: 0 10px;
  	border: 1px solid #909396;
    background:none;
  }
  .sub_btn{
  	padding: 8px 25px;
  	background-color:#177de7; 
  	color: #fff;

  }
  .sub_btn:hover{
  	background-color: #5b9bdd;
    color: #fff;
    box-shadow: 2px 2px 2px 1px #b7cbde;
  }
  .btns_input{
  	margin-top: 10px;
  }
  .btns_input input{
  	width: 150px;
  	background-color: #3378b7;
    color: #fff;
    height: 35px;
    border: none;
    margin-bottom: 10px;
    
  }
  .btns_input a{
  	padding: 9px 35px;
  	background-color: #3378b7;
    color: #fff;
    
  }
  .btns_input input:hover ,.btns_input a:hover{
  	box-shadow: 2px 2px 2px 1px #b7cbde;
  	text-decoration: none;
  }
  .Rtable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
 margin: 0 auto;
  padding: 0;
}
.Rtable-cell {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  padding: 0.4em 1.2em;
  overflow: hidden;
  list-style: none;
  border: solid 3px white;
  background: rgba(112, 128, 144, 0.2);
}

/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}


/* Apply styles
================================== */
.Rtable {
  position: relative;
  top: 3px;
  left: 3px;
}
.Rtable-cell {
  margin: -3px 0 0 -3px;
  background-color: white;
  border-color: #e2e6e9;
}
/* Cell styles
================================== */
.Rtable-cell--dark {
  background-color: slategrey;
  border-color: #5a6673;
  color: white;
}

.Rtable-cell--medium {
  background-color: #3378b7;
    border-color: #eceef1;
    color: #fff;
}
.Rtable-cell--light {
  background-color: white;
  border-color: #e2e6e9;
}
.Rtable-cell--highlight {
  background-color: lightgreen;
  border-color: #64e764;
}
.Rtable-cell--alert {
  background-color: darkorange;
  border-color: #cc7000;
  color: white;
}

.Rtable-cell--head {
  background-color: slategrey;
  border-color: #5a6673;
  color: white;
}


/* Responsive
==================================== */
@media all and (max-width: 500px) {
  .Rtable--collapse {
    /*display: block;*/
  }
  .Rtable--collapse > .Rtable-cell {
    width: 100% !important;
  }
  .Rtable--collapse > .Rtable-cell--foot {
    margin-bottom: 1em;
  }
}
.no-flexbox .Rtable {
  display: block;
}
.no-flexbox .Rtable > .Rtable-cell {
  width: 100%;
}
.no-flexbox .Rtable > .Rtable-cell--foot {
  margin-bottom: 1em;
}
/* Zebra striping 
   ========================================================================== */
.is-striped {
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0.07)));
  background-image: linear-gradient(0, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07));
}
@media all and (max-width: 500px) {
  .Rtable--stripe .is-striped {
    background-image: none;
  }
  .Rtable--stripe .Rtable-cell:nth-child(even) {
    background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0.07)));
    background-image: linear-gradient(0, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07));
  }
}
.Rtable-cell.Rtable-cell--1of1 {
  width: 100%;
}
.Rtable-cell.Rtable-cell--5of6 {
  width: 83.33;
}
.Rtable-cell.Rtable-cell--4of5 {
  width: 80%;
}
.Rtable-cell.Rtable-cell--3of4 {
  width: 75%;
}
.Rtable-cell.Rtable-cell--2of3 {
  width: 66.66%;
}
.Rtable-cell.Rtable-cell--3of5 {
  width: 60%;
}
.Rtable-cell.Rtable-cell--1of2 {
  width: 50%;
}
.Rtable-cell.Rtable-cell--2of4 {
  width: 40%;
}
.Rtable-cell.Rtable-cell--1of3 {
  width: 33.33%;
}
.Rtable-cell.Rtable-cell--1of4 {
  width: 25%;
}
.Rtable-cell.Rtable-cell--1of5 {
  width: 20%;
}
.Rtable-cell.Rtable-cell--1of6 {
  width: 16.66%;
}
@media all and (max-width: 500px) {
  .Rtable-cell--rowEnd {
    margin-bottom: 1em;
  }
}
@media all and (min-width: 500px) {
  .hiddenLarge {
    display: none;
  }
}
.back_c{
	background-color: #177de7;
	padding: 5px;
	border-radius: 5px;
}
.back_c img{
height: 20px;
text-align: center;
}

.col-box{
	color: ;
	border-radius: 10px;
	height:100px;
	padding: ;
}
.price_box{

	float: right;

}
.price_box h1{
  font-size: 18px;
  font-weight: bold;
}
.img_sec{
	opacity: 1;
	/*text-align: right;*/
}
.img_sec img{
  height: 60px;
  margin-top: 10px;
}
/*.b1{
background-color: #2196f3d4;	
}
.b2{
background-color: #ff0000a1;	
}
.b3{
background-color: #673ab7c7;	
}
.b4{
background-color: #4caf50ad;	
}
*/

p { margin: 0; padding: 4px; }

div {	margin: 0; padding: 0;}

/*#wrapper {
	position:;
	top: 50%;
	left: 50%;
	width:740px;
	height:680px;
	margin: -340px 0 0 -370px;
	padding: 0;
}
*/
/* Header start */
#header {
	text-align: center;
	margin: 0 0 30px 0;
	padding: 15px 0 15px 0;
}

#txt_title {
	color: #3d381b;
	font-size: 34px;
	text-align:center;
	text-shadow: 0 -1px 2px rgba(255,255,255,.5);
}

#txt_subtitle {
	font-size: 17px;
	text-align: center;
}
/* Header end */

/* Label and percentage data start */
#labels {
	position: absolute;
	left: 540px;
	top: 150px;
	width: 120px;
}


/* button panel start */
#btn_panel {
	position: relative;
 	margin-left:auto;
	margin-right:auto;
	width:	420px;
	padding-top: 35px;
}

#btn_panel ul{
	list-style-type: none;
 	display: inline;
	padding: 0;
 	margin: 0;
}
	
#btn_panel li{ 
	float: left; 
	padding: 5px;
}

#btn_panel span:first-child{ display: block; font-size: 22px; padding: 5px 0 0 0 }
#btn_panel span:last-child{ display: block; font-size: 16px; padding: 7px 0 0 0;}

#btn_panel li a{
	display: block;
	width: 60px;
	height: 65px;
	text-decoration: none;
	text-align: center;
	color: #565446;
	background: #fcfcfc;
	background-image: -moz-linear-gradient(100% 40% 270deg,#FFFFFF, #eaeaea, #f5f5f5 100%);
	background-image: -webkit-gradient(linear, 0% 45%, 0% 69%, from(#FFFFFF), to(#EDEDED), color-stop(.4,#F7F7F7));
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 	border-radius: 4px;
	-moz-box-shadow: #c0bca7 0px 1px 0px;
 	 -webkit-box-shadow: #c0bca7 0px 1px 0px;
	box-shadow: #c0bca7 0px 1px 0px;
	-webkit-transition: all .3s ease-out;
  opacity:.5;
}
 
#btn_panel li:last-child a{color:#c33702; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); opacity:1;}

#q1_2005:target #btn_panel li:last-child a, #q2_2009:target #btn_panel li:last-child a, #q3_2009:target #btn_panel li:last-child a, #q4_2009:target #btn_panel li:last-child a, #q1_2010:target #btn_panel li:last-child a{color:#565446; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); opacity:.5;}
#q1_2005:target #btn_panel li:nth-child(1) a{color:#c33702; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); opacity:1;}
#q2_2009:target #btn_panel li:nth-child(2) a{color:#c33702; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); opacity:1;}
#q3_2009:target #btn_panel li:nth-child(3) a{color:#c33702; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); opacity:1;}
#q4_2009:target #btn_panel li:nth-child(4) a{color:#c33702; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); opacity:1;}
#q1_2010:target #btn_panel li:nth-child(5) a{color:#c33702; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); opacity:1;}
/* button panel end */

.dashboard_logo{

  text-align: center;

}
.dashboard_logo img{
  margin-top: 100px;
  width: 100%;
max-width: 400px;
}

.data-sec img{
  height: 35px;
  margin: 0 5px;
}
.add-btn button{
  padding: 5px 20px;
  background-color: #3378b7;
  color: #fff;
  border: none;
  margin-right: 10px;
}
   .chart {
  display: table;
  table-layout: fixed;
  width: 60%;
  max-width: 700px;
  height: 200px;
  margin: 0 auto;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 2%, rgba(0, 0, 0, 0) 2%);
  background-size: 100% 50px;
  background-position: left top;
}
.chart li {
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  height: 200px;
}
.chart span {
  margin: 0 1em;
  display: block;
  background: rgba(20, 111, 204, 0.81);
  animation: draw 1s ease-in-out;
}
.chart span:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding: 5px 1em 0;
  display: block;
  text-align: center;
  content: attr(title);
  word-wrap: break-word;
}

@keyframes draw {
  0% {
    height: 0;
  }
}
.navbar-right{
  margin-right: 10px;
 }
.mobile-view{
  display: none;
}
.print-bt img{
  height: 25px;
}
.print-bt button{
padding: 5px 20px;
    background: #3379b7;
    border: none;
    color: #fff;
  }
  thead tr{
    background: #3378b7;
    color: #fff;
  }
  .password-form{
    margin: 0 auto;
    text-align: ;
    width: 100%;
    max-width: 500px;
  }
  .password-form h2{
    text-align: center;
  }
  .password-form button{
    width: 150px;
    height: 35px;
    text-align: center;
    margin: 20px;
    background-color:  #3378b7;
    color: #fff;
    border: none;
    
  }
/**== media queries  start **/
@media all and (max-width: 767px) {
.mobile-view{
  display: block;
}
.xyz {
    padding-top: 0px;
    min-width: 320px;
}
}