html, body {
            height: 100%;
        }
header {
	padding:20px 0;
}
	.steps header h3 {
		color:#0d83dd;
		margin:0;
		padding:0;
		font-weight:400;
	}
        .inner-wrap {
            margin: 0 20px;
        }
		 .page.index-page {
            min-height: 100%;
            height: auto !important;
            height: 100%;
            margin: 0 auto -109px 0;
            padding-bottom: 109px;
			background:#fafafa;
        }
        .left-fix-section {
            top: 0;
            width: 250px;
            position: fixed;
        }
        .left-fix-section img {
            max-width: 70%;
            bottom: 109px;
        }

            .left-fix-section img.top_img {
                position: static;
                margin-top: 30px;
                width: 215px;
                max-width: 100%;
            }
			 .content-section {
            margin-left: 250px;
            padding-top: 0;
                background: #fafafa;
        }
@media (max-width:992px) {
    .left-fix-section {
            width: 160px;
                overflow: hidden;
    }
    .left-fix-section img.top_img {
            width: 155px;
            margin-left: -10px;
            max-width:inherit;
    }
    .content-section {
        margin-left: 160px;
    }
    .left-fix-section img {
        max-width: 90%;
    }
    
}
@media (max-width:850px) {
    .left-fix-section {
        width: 100%;
        position: relative;
    }
      .left-fix-section img {
    bottom: 0;
    right: 0;
    left: auto;
    max-width: 90%;
    height: 93%;
        }
        .left-fix-section img.top_img {
            width: 170px;
            position: absolute;
            top: 0;
            bottom:auto;
            right:auto;
            left:0;
            height:auto;
            margin-top:10px;
            opacity:1;
        }
        .left-fix-section h1 {
    margin-top: 15px;
}
        .left-fix-section h1, .left-fix-section p {
            margin-left:50px;
        }
    .content-section {
        margin-left: 0;
    }
       .left-fix-section h1 {
         font-size:20px;
        }
    
}
@media (max-width:600px) {
     .left-fix-section h1, .left-fix-section p {
            margin-left:0;
            text-align:right;
        }
     .left-fix-section img {
    opacity: 0.1;
}
}
@media (max-width:500px) {
     .left-fix-section h1 {
         font-size:18px;
        }
    .left-fix-section img.top_img {
            margin-top: 5px;
    }
}
@media (max-width:450px) {
    .left-fix-section {
        text-align:center;
    }
     .left-fix-section img.top_img {
    position: static;
}
    .left-fix-section h1, .left-fix-section p {
            text-align:center;
    }
}
        .top-section {
            background-color: #ffffff;
            border-bottom: 1px solid #eaeaea;
            box-shadow: 0 1px 1px #ececec;
            color: #333;
        }

            .top-section i {
                font-size: 15px;
            }

            .top-section .right-half-side a {
                color: #333;
            }
.user-details,.white-box2 {
	background:#fff;
	border-radius:4px;
	padding:10px;
	margin-bottom:10px;
-webkit-box-shadow: 0px 0 7px -3px #000000;
    box-shadow: 0px 0 7px -3px #000000;
}
    .user-details.fix-label .subject {
        width:130px;
        font-weight:bold;        
    }
    .user-details.fix-label .value,.user-details.fix-label label.value {
        margin-left:5px;
        font-weight:normal;
    }
	.font-weight-Normal p, .font-weight-Normal h4, .font-weight-Normal h3 {
		font-weight:normal;
		margin:4px 0;
	}
.user-details h3 {
	font-size:15px;
}
.user-details h4 {
	font-size:13px;
}
.user-details .user-image{
	width:110px;
	height:110px;
	float:left;
	overflow:hidden;
	border:1px solid #acacac;
	-webkit-box-shadow: 0px 0 2px #e0e0e0;
    box-shadow: 0px 0 2px #e0e0e0;

}
.user-content {
    padding-left: 130px;
}
.user-details .user-image img{
	width:100%;
}
.content-section form{
	margin:0;
}
.fee-pending {
		background:#fff;
	border-radius:4px;
	padding:10px;
	max-height: 428px;
    overflow:auto;
	margin-bottom:2px;
-webkit-box-shadow: 0px 0 7px -3px #000000;
    box-shadow: 0px 0 7px -3px #000000;
} 
.fee-pending h2 {
        font-size: 1.3em;
    }
.fee-pending h3{
		margin:7px 0;
		font-size:15px;
}
.fee-pending h4{
	font-size:13px;
}
.fee-pending-box {
	width:100%; 
	clear:both;
	min-height: 63px;
	margin:10px 0;
}
.calender {
	width:70px;
	float:left;
}
.fee-pending-detail {
	padding-left:85px;
}
.calender span{
	display:block;
	width:100%;
	text-align:center;
	    padding: 3px 0;
    background: #efefef;
    font-size: 14px;
	    line-height: 21px;
}
.calender span.month {
		
        border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		color:#fff;
		background: #0d83dd;
	}
.calender span.date {
		border-top-left-radius:4px;
		border-top-right-radius:4px;
	}
	.fee-pending .fee-pending-box:nth-child(2n) .calender span.month {
		background:#ed3030;
	}
	.fee-pending .fee-pending-box:nth-child(3n) .calender span.month {
		background:#9030ed;
	}
	.fee-pending .fee-pending-box:nth-child(4n) .calender span.month {
		background:#f48d16;
	}
	.fee-pending .fee-pending-box:nth-child(5n) .calender span.month {
		background:#1bb307;
	}
	.fee-pending .fee-pending-box:nth-child(6n) .calender span.month {
		background:#04b8da;
	}
	.fee-pending .fee-pending-box:nth-child(7n) .calender span.month {
		background:#2042f9;
	}
	.fee-pending .fee-pending-box:nth-child(8n) .calender span.month {
		background:#5016f4;
	}
	.fee-pending .fee-pending-box:nth-child(9n) .calender span.month {
		background:#f0660e;
	}
	.fee-pending .fee-pending-box:nth-child(10n) .calender span.month {
		background:#0bb596;
	}
	.fee-pending .fee-pending-box:nth-child(11n) .calender span.month {
		background:#327fdf;
	}

.small-line {
	color:#777;
	margin:0;
}
.fee-pending-detail .form-style .checkbox {
	    padding-left: 44px;
}
.fee-pending-detail .form-style .checkbox i{
	    width: 44px;
    height: 44px;
	    border-radius: 50%;
		border-color: #ffffff;
		    font: normal normal normal 14px/1 FontAwesome;
		    box-shadow: 0 1px 4px -1px #000;
}
.fee-pending-detail .form-style .checkbox input + i:before {
       content: "\f00c";
    top: 7px;
    left: 7px;
    width: 10px;
    height: 7px;
    background: none;
    text-align: center;
    font-size: 28px;
	    color: #eaeaea;
    position: absolute;
}
.fee-pending-detail .form-style .checkbox input + i:after {
       content: "\f00c";
    top: 7px;
    left: 7px;
    width: 10px;
    height: 7px;
    background: none;
    text-align: center;
    font-size: 28px;
	    color: #0d83dd;
}
.fee-pending .fee-pending-box:nth-child(2n) .fee-pending-detail .form-style .checkbox input + i:after{
	    color: #ed3030;
}
.fee-pending .fee-pending-box:nth-child(3n) .fee-pending-detail .form-style .checkbox input + i:after{
	    color: #9030ed;
}
.fee-pending .fee-pending-box:nth-child(4n) .fee-pending-detail .form-style .checkbox input + i:after{
	    color: #f48d16;
}
.fee-pending .fee-pending-box:nth-child(5n) .fee-pending-detail .form-style .checkbox input + i:after{
	    color: #1bb307;
}
.fee-pending .fee-pending-box:nth-child(6n) .fee-pending-detail .form-style .checkbox input + i:after{
		color:#04b8da;
	}
.fee-pending .fee-pending-box:nth-child(7n) .fee-pending-detail .form-style .checkbox input + i:after{
		color:#2042f9;
	}
.fee-pending .fee-pending-box:nth-child(8n) .fee-pending-detail .form-style .checkbox input + i:after{
		color:#5016f4;
	}
.fee-pending .fee-pending-box:nth-child(9n) .fee-pending-detail .form-style .checkbox input + i:after{
		color:#f0660e;
	}
.fee-pending .fee-pending-box:nth-child(10n) .fee-pending-detail .form-style .checkbox input + i:after{
		color:#0bb596;
	}
.fee-pending .fee-pending-box:nth-child(11n) .fee-pending-detail .form-style .checkbox input + i:after{
		color:#327fdf;
	}
.fee-pending-detail .form-style .checkbox input:checked + i,.fee-pending-detail .form-style .checkbox input:focus + i {
	    border-color: #fff;
}
.payall {
	margin-top:10px;
}
	.payall .payall-btn {
		display:block;
		padding:10px;
		background:#efefef;
		color:#0d83dd;
		font-weight:bold;
		text-align:right;
		border:1px solid #e9e9e9;
	}
.fee-pending .btn {
	padding:0 30px;
	margin-top:5px;
	margin-bottom:3px;
}

.fee-pending.latest-transaction {
       height: 250px;
    margin-top: 8px;
	    margin-bottom: 0;
}
.view_all_fee_pending.fee-pending.latest-transaction {
        height: 469px;
        max-height: inherit;
    }
.info-box {
    margin: 13px 0;
}




        .site-footer {
            height: 109px;
                z-index: 9;
            position: relative;
        }

        .f23 {
            font-size: 23px;
        }

        .content-section p.withBg {
            margin-bottom: 10px;
        }
         .parent-dashboard header {
        padding: 13px 0;
    }

@media (max-width:1400px) {
    header {
        padding: 20px 0;
    }
    .parent-dashboard header {
        padding: 12px 0;
    }
    .user-details {
    padding: 6px;
    margin-bottom: 10px;
    }
    .user-details.fix-label .subject {
        width:100px;
    }
        .user-details .user-image {
            width: 85px;
            height: 85px;
        }
        .user-content {
    padding-left: 110px;
}
        .user-details h3 {
            font-size: 13px;
        }
        .user-details h4 {
            font-size: 11px;
        }
    .font-weight-Normal p, .font-weight-Normal h4, .font-weight-Normal h3 {
        margin: 2px 0;
    }
	.fee-pending {
		max-height: 410px;
	}
		.fee-pending.latest-transaction {
			height: 247px;
		}
    .fee-pending h2 {
        font-size: 1.2em;
    }
    .fee-pending-box {        
        margin: 10px 0;
    }
    .fee-pending h3 {
        margin: 7px 0;
        font-size: 13px;
    }
    .fee-pending h4 {
        font-size: 11px;
    }
    .calender {
    width: 65px; 
}
    .calender span {
        padding: 2.5px 0;
    }
    .fee-pending-detail {
        padding-left: 78px;
    }
        .fee-pending-detail .form-style .checkbox i {
            width: 35px;
            height: 35px;
        }
        .fee-pending-detail .form-style .checkbox input + i:after {
            font-size: 21px;
            top:4px;
        }
        .fee-pending-detail .form-style .checkbox input + i:before {
            font-size:21px;
            top:4px;
        }
        .view_all_fee_pending.fee-pending.latest-transaction {
        height: 349px;
    }
    .site-footer .payment-method img {
        width: 40px;
    }
    .site-footer .copyright ul {
    margin: 0;
}
    .site-footer .poweredBy {
    margin: 0;
}
    .site-footer {
        height: 90px;
    }
    .page.index-page {
        margin: 0 auto -90px 0;
    }
    
}
@media (max-width:1200px) {
    .view_all_fee_pending.fee-pending.latest-transaction {
        max-height: initial;
        height: auto;
    }
}
@media (max-width:992px) {
    .site-footer {
        height: auto;
    }
        .site-footer .poweredBy {
            margin: 0 0 5px 0;
        }
    .fee-pending.latest-transaction {
        height: 350px;
    }
}
@media (max-width:768px) {
    .user-details .user-image {
        width: 110px;
        height: 110px;
    }
    .user-content {
        padding-left: 130px;
    }
}
@media (max-width:500px) {
    .user-details .user-image {
        float:none;
        margin-bottom:10px;
    }
    .user-content {
        padding-left: 0;
    }
}
.receipt-wrap h5 {
            font-size:12px;
} 
      .receipt-wrap {
            width:700px;
                 font-size:12px;
        }
        .inline-block {
            display:inline-block
        }
        .receipt-wrap table {
            width:100%;
            font-size:12px;
        }

@media print {
    footer.main-footer {
        display:none;
    }
       .modal-dialog, .modal-lg, .modal-sm {
        width:100% !important;
        margin:0 !important;
    }
	.inner-wrap {margin:0 ;}
	.receipt-wrap{width:100%;}
	.row {
    margin-right: -15px;
    margin-left: -15px;
}
	.modal-body {
		padding:0;
	}
	.modal-content {
		border:0;
	}
	.modal {
		padding:0 !important;
		margin:0;
	}
    .steps p {
        animation:none;
    }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float:left;
}
.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12
{
	width: 100%;
}

.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11
{
	width: 91.66666667%;
}

.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10
{
	width: 83.33333333%;
}

.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9
{
	width: 75%;
}

.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8
{
	width: 66.66666667%;
}

.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7
{
	width: 58.33333333%;
}

.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6
{
	width: 50%;
}

.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5
{
	width: 41.66666667%;
}

.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4
{
	width: 33.33333333%;
}

.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3
{
	width: 25%;
}

.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2
{
	width: 16.66666667%;
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1
{
	width: 8.33333333%;
}
   
  
.user-details {
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #a8a8a8;
}
	.content-section {
		margin-left: 0;
		padding-top: 0;
	}

	.steps .white-box {
    border: 0;
    background: #fff;
    border: 1px solid #a8a8a8;
}
	.payall .payall-btn {
    color: #0d83dd !important;
    background: #efefef !important;
                -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

	.content-section p.withBg, p.withBg {
    text-transform: uppercase;
	    color: #fff !important;
		    background: #01c3c4 !important;
                -webkit-print-color-adjust: exact;
  color-adjust: exact;
	}
    .dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate, .paging_simple_numbers {
        display:none;
    }
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
        display:none !important;
    }
            .table-striped  tbody > tr:nth-of-type(odd) {
                background-color: #f9f9f9 !important;
                -webkit-print-color-adjust: exact;
  color-adjust: exact;
            }

    table.adminTable thead {
            background: #01c3c4 !important;
        box-shadow: inset 0 0 0 1000px #01c3c4;
    color: #fff !important;
                -webkit-print-color-adjust: exact;
  color-adjust: exact;

    }

      table.adminTable thead th{
            background: transparent !important;
    color: #fff !important;
    font-size:14px;
    text-shadow:none;
                -webkit-print-color-adjust: exact;
  color-adjust: exact;

    }
      .bgDarkGray
{
    background: #d0d0d0 !important;
                -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
  
   table thead { display: table-header-group }
table tr { page-break-inside: avoid }

        table.adminTable thead th, table.adminTable  td, table.adminTable  h4, table.adminTable  p, table.adminTable  b {
    text-shadow:none;
        }
        table.adminTable > thead > tr > th ,table.dataTable thead > tr > th{                
    border: 0 !important;
        }
    .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border-right:0 !important;
        border-bottom:0 !important;
        border-left:1px solid #ddd !important;
        border-top: 1px solid #ddd !important;
    }
      .table-bordered > thead > tr > td:first-child, .table-bordered > tbody > tr > td:first-child, .table-bordered > tfoot > tr > td:first-child{
          border-left:0 !important;
           border-top:0 !important;
    }
   .table.adminTable > tbody > tr > td {
       padding:3px !important;
    }
    .table.adminTable h4 {
        font-size:14px;
        margin-bottom:0;
    }
      .table.adminTable td p {
        font-size:10px;
    }
     .table.adminTable td p.marB5 {
        margin-bottom:2px;
    }
    .table-responsive {
        border:0 !important;
    }
    .alert {
        padding:6px 10px;
        margin-bottom: 10px;
    }
    .alert-info-light {
        color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
                -webkit-print-color-adjust: exact;
  color-adjust: exact;
    }
    .alert-warning-light {
        color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
                -webkit-print-color-adjust: exact;
  color-adjust: exact;
    }
    .alert-danger-light {
           color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
                -webkit-print-color-adjust: exact;
  color-adjust: exact;
    }
    .alert-success-light {
           color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
                -webkit-print-color-adjust: exact;
  color-adjust: exact;
    }
    .box {
        border-top:0;
    }
    .box-header h3 {
        margin:0;
    }
    .box-body,.box-header {
        padding:5px 10px;
    }
.hideOnPrint {
    display:none;
}
.page-break-after {
    page-break-after:always !important;
}
.page-break-before {
    page-break-before:always !important;
}
 html, body { min-height: auto; margin:0; }
    .h400 {
        height:auto !important;
    }
    .overAuto {
        overflow: visible !important;
    }
        }

/*******************payment-mode page (payment-start-page)***************************/
 .payment-start-page .content-section {
        margin-left:250px;
    }
        .payment-start-page .left-fix-section {
             display:block;
}
           .payment-start-page .left-fix-section .total-amount, .payment-start-page .left-fix-section .need-help {
        height: 50%;
        float: left;
        width: 100%;
    }
    @media (max-width:767px){
        .payment-start-page .white-box.with-bor-red{
        margin-bottom:10px;
        }
    }

    @media (max-width:700px){
        .payment-start-page .content-section {
            margin:0;
        }
        .payment-start-page .left-fix-section{
        margin-bottom:10px;
            top: 0;
    width: 100%;
    position: relative;
    display: inline-block;
        margin-top: 50px;
           padding: 0; 
        }
          .payment-start-page .left-fix-section .total-amount,  .payment-start-page .left-fix-section .need-help {
        height: auto;
        padding-bottom:20px;
    }
          .payment-start-page .left-fix-section h1 {
    margin-top: 20px;
}
        .payment-start-page .content-section p.payment-name {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 9;
        }
        .site-footer {
    height: auto;
}
    }


    /**************datatable******************/
table {
    background: #fff;
    border-collapse: inherit;
    font-size: 12px;
}

th {
    font-weight: normal;
}

table.table.table-condensed {
    background: inherit;
}

.table > thead:first-child > tr:first-child > th, table.tableThRed tr:first-child > th {
    border: 0;
}
table.dataTable {
    width:100% !important;
}
table.adminTable, .tableRed, table.tableThRed,.tableGray {
    background: #fff;
    margin-bottom: 1.25rem;
    border: solid 1px #02b0b1;
    table-layout: auto;
}
/*table.adminTable thead th, table.adminTable thead td, table.adminTable tbody td {
        table-layout: fixed;
    white-space: nowrap;
}*/
table.adminTable thead th, table.adminTable thead td {
        table-layout: fixed;
    white-space: nowrap;
}

    table.adminTable thead, .width40 table.thBgBlue tr th, section.main table.adminTable thead th, table.tableThRed th {
        background: #01c3c4;
        box-shadow: inset 0 0 0 1000px #01c3c4;
        /*background: -moz-linear-gradient(top, #01c3c4 5%, #02b0b1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#01c3c4), color-stop(100%,#02b0b1));
        background: -webkit-linear-gradient(top, #01c3c4 5%,#02b0b1 100%);
    background: -o-linear-gradient(top, #01c3c4 5%,#02b0b1 100%);
    background: -ms-linear-gradient(top, #01c3c4 5%,#02b0b1 100%);
    background: linear-gradient(top, #01c3c4 5%,#02b0b1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01c3c4', endColorstr='#02b0b1',GradientType=0);*/
        color: #fff;
    }

.adminTable.table > thead:first-child > tr:first-child > th {
    border-bottom: solid 1px #02b0b1;
}
/*.table-striped > tbody tr:nth-child(odd) > th*/
.table-striped > tbody tr:nth-child(odd) > td {
    background-color: #f3f4f5;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table.tableYellow, .table.tableGreen {
    background: #fff;
    margin-bottom: 1.25rem;
    border: solid 1px #E69820;
    table-layout: auto;
}

.tableYellow thead {
    background: #E69820;
    background: -moz-linear-gradient(top, #D88200 5%, #E69820 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#D88200), color-stop(100%,#E69820));
    background: -webkit-linear-gradient(top, #D88200 5%,#E69820 100%);
    background: -o-linear-gradient(top, #D88200 5%,#E69820 100%);
    background: -ms-linear-gradient(top, #D88200 5%,#E69820 100%);
    background: linear-gradient(top, #D88200 5%,#E69820 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D88200', endColorstr='#E69820',GradientType=0);
    color: #fff;
}

.table.tableGreen {
    border: solid 1px #0D8F54;
}

.tableGreen thead {
    background: #00A65A;
    background: -moz-linear-gradient(top, #00A65A 5%, #1A7B4F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#00A65A), color-stop(100%,#1A7B4F));
    background: -webkit-linear-gradient(top, #00A65A 5%,#1A7B4F 100%);
    background: -o-linear-gradient(top, #00A65A 5%,#1A7B4F 100%);
    background: -ms-linear-gradient(top, #00A65A 5%,#1A7B4F 100%);
    background: linear-gradient(top, #00A65A 5%,#1A7B4F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A65A', endColorstr='#1A7B4F',GradientType=0);
    color: #fff;
}

.table.tableRed {
    width: 100%;
    border: solid 1px #D25858;
}

.tableRed thead {
    background: #D25858;
    background: -moz-linear-gradient(top, #D25858 5%, #E65E5E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#D25858), color-stop(100%,#E65E5E));
    background: -webkit-linear-gradient(top, #D25858 5%,#E65E5E 100%);
    background: -o-linear-gradient(top, #D25858 5%,#E65E5E 100%);
    background: -ms-linear-gradient(top, #D25858 5%,#E65E5E 100%);
    background: linear-gradient(top, #D25858 5%,#E65E5E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D25858', endColorstr='#E65E5E',GradientType=0);
    color: #fff;
}
 
.table.tableGray {
    width: 100%;
    border: solid 1px #cbcbcb;
}

.tableGray thead {
    background: #e0e0e0;
    color: #333;
}
.tableGray thead th{
    font-weight:bold;
}
.pagination > .active > a {
    background-color: #1b9cff;
    border-color: #0d83dd;
}

    .pagination > .active > a:hover, .pagination > .active > a:focus {
        background-color: #1b9cff;
        border-color: #0d83dd;
    }

.table-altBg > tbody > tr:nth-of-type(odd) {
    background-color: #f3f4f5;
}

table.adminTable tfoot {
    background: #fff;
    color: #02b0b1;
}
table.adminTable tfoot td ,table.adminTable tfoot th{
    border:0;
    border-top: 1px solid #01c3c4;
    color:#02b0b1;
}
table.adminTable tfoot td label,table.adminTable tfoot th label{
    color:#02b0b1;
    margin:0;
}

    /*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.33);
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.33),0 -1px 2px -1px rgba(0, 0, 0, 0.33);
}
.box.box-primary {
  border-top-color: #0CA2C0;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #0CA2C0;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #0CA2C0;
  background-color: #0CA2C0;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box.box-gradient .box-header{
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
    background-color: #e4e7eb;
    background: linear-gradient(to top,#e4e7eb,#edf2f8);
    box-shadow: 0 1px 2px -1px #787878;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  /*margin-bottom: 0;*/
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.or {
        background: #000;
    padding: 10px 7px;
    background: #01c3c4;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px #9e9e9e;
}