img {
    max-width: 100%;
}
a {
    cursor: pointer;
}
@media print {
    .printpage {
        height: 842px;
    }
}
@font-face {
    font-family: IDAutomationHC39M;
    src: local("IDAutomationHC39M"),
         url("../fonts/IDAutomationHC39M.ttf");
    font-weight: normal;
}

@font-face{
    font-family: BookmanOldStyle;
    src: url('../fonts/BOOKOS.TTF');
}
@font-face{
    font-family: BerlinSansFBDemiBold;
    src: url('../fonts/Berlin Sans FB Demi Bold.ttf');
}

@font-face{
    font-family: BerlinSansFBDemi;
    src: url('../fonts/Berlin Sans FB Regular.ttf');
}
.blink_me {
  animation: blinker 1s linear infinite;
  color: #ffffff;
  background-color: red;
}
.blink_me_yellow {
  animation: blinker 2s linear infinite;
  color: #ffffff;
  background-color: #cbcb0e;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.bgr-success{
    color:#000000;
    background-color: rgb(70, 217, 108);
}
.bgr-danger{
    color:#000000;
    background-color: #c00000; 
}
.bgr-warning{
    color:#000000;
    background-color: #ffc000; 
}
.quicknav a+a {
    border-left: 2px solid black;
    padding-left: 5px;
}
.bar-code {
    font-family: 'IDAutomationHC39M';
    line-height: 50px !important;
    font-weight: normal;
}
.user-dashboard a.page-link {
    text-decoration: none;
    width: 140px;
    height: 120px;
    padding: 8px;
    text-align: center;
    margin:5px;
    display: block;
    float: left;
    text-decoration: none;
    color: #1ca6a8 !important;
    background: #ffffff;
    border-radius: 5px;
}
.user-dashboard a.page-link span {
    display: block;
    font-weight: bold;
}
.user-dashboard a.page-link .glyphicon{
    font-size: 40px;
    line-height: 60px;
    margin: 0 auto;
    font-weight: normal;
}
.width120px {
    width: 120px;
}
.width60px {
    width: 60px;
}
.width30px {
    width: 30px;
}
.margin0 {
    margin: 0 !important;
}
.marginLeft0 {
    margin-left: 0 !important;
}
.marginRight0 {
    margin-right: 0 !important;
}
.marginTop0 {
    margin-top: 0 !important;
}
.marginBottom0 {
    margin-bottom: 0 !important;
}
.marginBottom5 {
    margin-bottom: 5px !important;
}
.padding0 {
    padding: 0 !important;
}
.paddLeft0 {
    padding-left: 0 !important;
}
.paddRight0 {
    padding-right: 0 !important;
}
.paddTop0 {
    padding-top: 0 !important;
}
.paddBottom0 {
    padding-bottom: 0 !important;
}
.marginRight10 {
    margin-right: 10px !important;
}
.border-graph {
    max-height: 210px;
}
.red {
    color: #FF0000 !important;
}
.bgred {
    background-color: #fb6a6a !important;
    color: #fff !important;
}
.green {
    color: #00b300 !important;
}
.bggreen {
    background-color: #03ca03cc !important;
}
.bgyellow {
    background-color: #ffff00 !important;
}
.bgblue {
    background-color: #316fbe !important;
}
.class-reesult .table-bordered>thead>tr>th {
    vertical-align: middle;
}
.vabottom {
    vertical-align: bottom !important;
}
.vamiddle {
    vertical-align: middle !important;
}
.page-break { display: block !important; page-break-after: always !important;page-break-before: avoid; page-break-inside: avoid !important; float: none; position: relative; }
.page-break:last-child {
     page-break-after: auto;
}
.bgclrccc {
    background-color: #d9d9d9;
}
.dark-body .bgclrccc {
    background-color: #2d2d2d;
}
.bgclr5d7b9d { background-color: #5d7b9d !important; color: #fff !important; }
.manual-hidden {
    display: none;
}
.maxh-100 {
    max-height: 100px;
}
.nowrap {
    white-space: nowrap;
}
.pointer { cursor: pointer; }
.fee-voucher h3 { font-size: 20px; white-space: nowrap; }
.fee-voucher h4 { font-size: 16px; }
.fee-voucher .table th,
.fee-voucher .table td {
    padding: 2px 6px;
}
.text-nowrap { white-space: nowrap; }
/*.bar-img { width: 210px; }*/
.bar-img span {
    display: inline-block;
}
.bar-img img {
    max-width: 70%;
    height: 34px;
    margin: 0 4px;
}
.vch-img img { max-height: 125px; }
.fee-voucher.print-pfont .remarks { width: 55%; font-family: 'Jameel Noori Nastaleeq'; font-size: 14px; direction:ltr; text-align: justify; }
.after-copy {
    margin-bottom: 5px;
    border-bottom: 1px dashed #000;
}
.fee-voucher sup { color: #847B7C; }
.prgreport {
    border: 1px solid;
    padding: 5px 20px 5px 5px;
}
.prgshrtrpt {
    border: 1px solid;
    padding: 10px;
}
.signature {
    padding-top: 100px;
}
.prg-img {
    max-height: 90px;
}
.prg-logo {
    max-height: 60px;
}
.prg-top-img {
    max-height: 40px;
}
.primgtext{}
#graph_compare {
    max-height: 200px;
}
@media (min-width: 1200px) {
    .container {
        width: 95%;
    }
}
@media print {
    a[href]:after {
        content: "";
    }
    
    /*@import url("//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.1/fullcalendar.print.css");*/
    h2 a {
        display: none;
    }
    html, body { height: 100%; }
    .print-pfont{
        font-size: 11px;
    }
    .print-logo img {
        max-height: 50px;
    }
    .print-pfont .table {
        margin-bottom: 5px;
    }
    .print-pfont .bgclrccc { background-color: #d9d9d9 !important; }
    .print-pfont table th, .print-pfont table td {
        padding: 2px !important;
    }
    .fee-voucher.print-pfont table th, .fee-voucher.print-pfont table td {
        padding: 2px !important;
    }
    .fee-voucher.print-pfont{
        font-size: 13px;
    }
    .print-pfont .margin0, .fee-voucher.print-pfont .margin0 {
        margin: 0;
    }
    .print-pfont .padding0, .fee-voucher.print-pfont .padding0 {
        padding: 0 !important;
    }
    .print-pfont .table-bordered tr td, .print-pfont .table-bordered tr th { border-color: #000 !important; }
    .prgshrtrpt .table-bordered tr td, .prgshrtrpt .table-bordered tr th { border-color: #000 !important; }
    .print-pfont .paddLeft0 { padding-left: 0 !important; }
    .print-pfont .paddRight0 { padding-right: 0 !important; }
    .bar-img img {
        max-width: 150px !important;
        height: 34px !important;
    }
    /*.fee-voucher.print-pfont .bar-img { width: 180px !important; }*/
    .fee-voucher.print-pfont .remarks { width: 50% !important; }
    .fee-voucher sup { color: #847B7C !important; }
    .fee-voucher { float: none; } 
    .page-break { page-break-after: always !important; page-break-before: avoid; page-break-inside: avoid !important; clear: both; }
    .page-break:last-child { page-break-after: auto !important; }
    .print-break{ display: block; page-break-before: always;float: none !important; box-sizing: content-box !important; }
    .print-pfont .red { color: #FF0000 !important; }
    .print-pfont .bgred,.print-pfont .bgred * {
        background-color: #000 !important;
        color: #fff !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        font-size: 16px;
        text-align: center;
      }
    .print-pfont .green { color: #00b300 !important; }
    .print-pfont .bggreen { background-color: #00b300 !important; }
    .print-pfont .bgyellow { background-color: #f7f7cd !important; }
    .print-pfont .bgclr5d7b9d { background-color: #5d7b9d !important; color: #fff !important; }
    .print-pfont .bgdaeef3 { background-color: #daeef3 !important; }
    .print-pfont .bgc4bd97 { background-color: #c4bd97 !important; }
    .print-pfont .bgd6e3bc { background-color: #d6e3bc !important; }
    .print-pfont .bg9bbb59 { background-color: #9bbb59 !important; color: #fff !important; }
    .print-pfont .bgd8d8d8 { background-color: #d8d8d8 !important; }
    
}
/*********************** left-menu ***********************************/
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none;
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    /*border-left:1px solid;*/
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color: inherit;
    font-weight:700;
    position:relative;
    cursor: pointer;
    color: #000;
    padding: 0px;
    display: block;
    color: #fff;
    padding-left: 15px;
}
.tree li li{
    padding: 3px;
    border-bottom: none;
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    /*border-top:1px solid; left-menu*/
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    /*background:#f4f4f4;*/
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    position: absolute;
    top: 10px;
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color: inherit;
    display: block;
    padding: 5px 5px 5px 25px;
    color: #fff;
    font-weight: normal;
}
.tree li:hover,.tree li.currentli,.tree li.selected{
    background: #2f4357;
    border-right: 2px solid #1abb9c;
    box-shadow: 2px 2px 1px #253544;
}

.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color: inherit;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
#menuBtn {
    border-radius: 0 !important;
}
@media (max-width: 767px){
    #leftmenu{ display: none; }
    #menuBtn { display: block; }
}
@media (min-width: 768px){
    #leftmenu{ display: block !important; }
    #menuBtn { display: none !important; }
}
/********************** end left menu **************************/
.head-syl {
    border: 2px solid #000;
    padding: 10px;
    margin-bottom: 20px;
}
.brd-btm-1 {
    border-bottom: 1px solid;
    display: inline-block;
}
.brd-btm-2 {
    border-bottom: 2px solid;
    display: inline-block;
    padding-bottom: 3px;
}
.marginleft50{margin-left:15px !important;}
.bglcolor{background: #eeeeee;
    padding:20px 0px;
}
.form{border:1px solid #eeeeee;
}
.col-md-12.user-dashboard{padding:0px;}
.bglcolor table{background: #fff;
color:#2baea8}

.bgwhite{
    background: #fff !important;
    margin-bottom: 20px;
    padding-bottom: 10px;
    margin-top: 5px;
}
.bgs{background: #2baea8;}
.bgwhite h5{padding: 10px 18px;
margin-top: 0px;}
.bgs2{background:#9cd040 !important;}
.bgs3{background:#ff5748 !important;}
.bgs1{background:#5bcbfb !important;}
.main.user-dashboard a.page-link{margin:0px !important;
    width: 180px;
    font-size: 20px !important;
    height: 100px;
    margin-bottom:20px !important;
    color:#fff !important;}
.bgs4{background: #3992a6 !important;}
.bgs5{background: #f7a44b!important;}
.bgwhite div{color: #b15c6b;}
.main.user-dashboard a.page-link .glyphicon{
    font-size: 20px !important;
    top:-5px;
    font-weight: bold;
}
.main span{position: relative;
top:-10px;
 font-size: 20px !important;}



/* menu styles by aaqib */
#tree-menu #menu-dash {
    padding: 5px 5px 5px 0; 
}
#tree-menu #log1 {
    padding: 5px 5px 5px 0;
}
/* menu styles by aaqib */
.main.user-dashboard a div.numbers{
    font-size: 30px;
    font-weight: bold;
}
.amcharts-main-div a {
    display: none !important;
}
.cpatt-chart {
    height: 400px;
    width: 100%;
    border: 1px solid #ccc;
}
.mxheight {
    max-height: 350px;
    overflow-y: auto;
}
.fix-search {
    position: fixed;
    top: 120px;
    right: 10px;
    max-width: 360px;
    z-index: 99;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    display: none;
}
/*.fix-bttn {
    position: fixed;
    top: 30px;
    right: 10px;
    width: 80px;
    height: 80px;
    z-index: 999;
    background-color: #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius:50%;
    text-align: center;
    cursor: pointer;
}*/

 .fix-bttn {
    position: fixed;
    top: 200px;
    right: 4px;
    width: 40px;
    height: 86px;
    z-index: 999;
    background: #000;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -moz-border-radius: 50%;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 0px 4px 1px #444;
    padding: 4px 0 4px 0;
}
.bgdaeef3 {
    background-color: #daeef3;
}
.bgc4bd97 {
    background-color: #c4bd97;
}
.bgd6e3bc {
    background-color: #d6e3bc;
}
.bg9bbb59 {
    background-color: #9bbb59;
    color: #fff;
}
.std-barcode{
    width: 40%;
    text-align: center;
}
.bgd8d8d8 {
    background-color: #d8d8d8;
}
.dark-body .bgd8d8d8 {
    background-color: #2b2b2b;
}
.std-card {
	width: 204px;
	/*height: 324px;*/
	border: 2px solid #29166f;
	margin: 0 auto;
	margin-bottom: 20px;
}
.sch-title {
    background: #352474;
    background: -webkit-linear-gradient(#352474, #5f659f);
    background: -o-linear-gradient(#352474, #5f659f);
    background: -moz-linear-gradient(#352474, #5f659f);
    background: linear-gradient(#352474, #5f659f);
    color: #fff;
    font-weight: bold;
    line-height: 14px;
    padding-top: 3px;
}
.card-branch, .sch-logo {
    background-color: #aed5e9;
    font-weight: bold;
    line-height: 14px;
}
.sch-logo img {
    width: 60px;
    height: 45px;
}
.card-mid {
    background: #f3e72f;
    background: -webkit-linear-gradient(#f3e72f, #fff);
    background: -o-linear-gradient(#f3e72f, #fff);
    background: -moz-linear-gradient(#f3e72f, #fff);
    background: linear-gradient(#f3e72f, #fff);
}
.card-img {
    height: 100px;
}
.card-img img {
    max-height: 100%;
    max-width: 100%;
    border: 2px solid #000;
}
.card-code {
    padding: 0 10px;
    padding-bottom: 5px;
}
.card-detail {
    background: #0094dc;
    background: -webkit-linear-gradient(#0094dc, #f6f100);
    background: -o-linear-gradient(#0094dc, #f6f100);
    background: -moz-linear-gradient(#0094dc, #f6f100);
    background: linear-gradient(#0094dc, #f6f100);
    margin: 0;
    font-weight: bold;
}
.card-sign img {
    height: 30px;
}

.emp-card {
    position: relative;
}

.emp-card .emp-card-bg-print{
    display: none;
    background-image: url("../images/emp-card-background-print2.png");
}

.emp-card .logo-name{
    height: 40px;
}

.emp-card .school-title{
    font-family: BerlinSansFBDemiBold;
    font-size: 18px;
    color: black;
    -webkit-text-fill-color: #75c5f0; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

.emp-card .card-image{
	margin-top: 0.195in;
	margin-left: 0.017in;
}



.emp-card .emp-card-bg
{
	position: absolute;
	background-size: contain;
	width: 2in;
	height: 3.38in;
	background-repeat: no-repeat;
}

.emp-card {
	width: 2in;
	height: 3.38in;
	/*border: 2px solid #29166f;*/
	margin: 0 auto;
	margin-bottom: 20px;
}


.emp-card .card-image img{
    width: 75px;
    height: 90px;
    border-radius: 20%;
    border: solid #000000 2px;
}

.emp-card .person-img-row{
    /*padding-bottom: 4px;*/ 
    margin-top: 26px;
}

.emp-card .name-row{
    line-height: 20px;
    padding: 10px 0 6px 0;
    font-weight: 600;
	height: 0.709in;
}
.emp-card .emp-card-name{
    font-family: BerlinSansFBDemi;
    font-size: 14px; 
    color: #ffffff;
    height: 22px;
    
}
.emp-card-name span {
        background-color: #d26697;
        padding: 5px;
        border-radius: 15px;
        -webkit-print-color-adjust: exact !important; 
    }
.emp-card .emp-card-desg{
    font-family: BerlinSansFBDemi;
    font-size: 12px;
	line-height: 14px;
    color: #1f1a17;
}

.emp-card .barcode{
    padding-bottom:9px;
}

@media print {
     * {
        -webkit-print-color-adjust: exact !important; 
    }
    .emp-card .school-title .sub-title{
        -webkit-text-stroke-color: #333333;
        
    }
    .emp-card-bg{
        content: url('../images/emp-card-background2.png');
        z-index: -1;
    }
    .emp-card .person-img-row{
        padding-bottom: 5px; 
        margin-top: 21px;
    }
    .emp-card .name-row{
        font-weight: 400;
        padding: 6px 0 11px 0;

    }
    .emp-card .short-name{
        color:#ffffff !important;
    }
    .emp-card-name span {
        color:#ffffff !important;
        background-color: #d26697 !important;
        padding: 5px  !important;
        border-radius: 15px  !important;
        font-size: 14px; 
        
        -webkit-print-color-adjust: exact !important; 
    }
    .emp-card .card-image{
        margin-top: 0.365in;
	    margin-left: 0.017in;
    }
    .emp-card .card-image img{
        width: 75px;
        height: 90px;
        border-radius: 20%;
        border: solid #000000 2px;
    }
    .emp-card .barcode{
        padding-bottom: 11px;
    }
    .emp-card {
    	width: 2in;
    	height: 3.38in;
    	/*border: 2px solid #29166f;*/
    	margin: 0 auto;
    	margin-bottom: 10px;
    }
    .std-card {
        width: 204px;
        height: 324px;
        border: 2px solid #29166f;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .sch-title {
        background: #352474;
        background: -webkit-linear-gradient(#352474, #5f659f) !important;
        background: -o-linear-gradient(#352474, #5f659f) !important;
        background: -moz-linear-gradient(#352474, #5f659f) !important;
        background: linear-gradient(#352474, #5f659f) !important;
        color: #fff !important;
        font-weight: bold;
        line-height: 14px;
        padding-top: 3px;
    }
    .card-branch, .sch-logo {
        background-color: #aed5e9 !important;
        font-weight: bold;
        line-height: 14px;
    }
    .sch-logo img {
        width: 60px;
        height: 45px;
    }
    .card-mid {
        background: #f3e72f;
        background: -webkit-linear-gradient(#f3e72f, #fff) !important;
        background: -o-linear-gradient(#f3e72f, #fff) !important;
        background: -moz-linear-gradient(#f3e72f, #fff) !important;
        background: linear-gradient(#f3e72f, #fff) !important;
    }
    .card-img {
        height: 100px;
    }
    .card-img img {
        max-height: 100%;
        max-width: 100%;
        border: 2px solid #000;
    }
    .card-code {
        padding: 0 10px;
        padding-bottom: 5px;
    }
    .card-detail {
        background: #0094dc;
        background: -webkit-linear-gradient(#0094dc, #f6f100) !important;
        background: -o-linear-gradient(#0094dc, #f6f100) !important;
        background: -moz-linear-gradient(#0094dc, #f6f100) !important;
        background: linear-gradient(#0094dc, #f6f100) !important;
        margin: 0;
        font-weight: bold;
    }
    .card-sign img {
        height: 30px;
    }
}
.pvt_std {color:GREEN !important;font-size: smaller;font-size: x-small;vertical-align:top;padding-left: 5px;}
.borderNone {
    border-top: none !important;
    border-right: none !important;
    border-bottom:  none !important;
}
.tdwidth{
    width: 15px !important;
}
td.rotate 
{
  vertical-align: middle !important;
  text-align: center !important;
  border: none !important;
}

td.rotate span 
{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  font-size: 75%;
}