﻿

    .model-print{overflow: hidden!important;}
    #model-print, #model-printrec {/*margin: 0 auto;*/ height: 100%;}
    #model-print .modal-content, #model-printrec .modal-content {height: 100%;}
    #model-print .modal-body, #model-printrec .modal-body {height: 100%; padding:0; overflow: inherit;}
    #model-print #iframeprint,  #model-printrec #iframeprinPrecription,
    #model-print iframe,  #model-printrec iframe{ width:100%; height:100%; border:0;}
    .print-tab-header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        background: #fff;
        z-index: 1;
        padding: 8px;
        font-size: 150%;
        font-weight: 600;
        color: #008080;
        border-bottom: 1px solid #d4d4d4;
    }
    @media screen{.print-body{padding-top:60px; }}
    

/******************************************
           Preloader
******************************************/
#preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;

}
#preloader:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
}
.print-body #preloader:before{
    background: #fff;
}
.circular {
  animation: rotate 2s linear infinite;
  height: 50px;
  transform-origin: center center;
  width: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
/******************************************
           // Preloader
******************************************/

/*body
{
    padding: 0;
    margin: 0;
}
#page_template
{
    display: none;
    border: 1px solid #000;
    margin-bottom: 20px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
#content
{
    padding: 0 20px;
}
.page
{
    width: 210mm;
    height: 295mm;
    margin: 0 auto;
    position: relative;
    page-break-after: always;
    page-break-before: avoid;
}
.content:before, .content:after
{
    display: table;
    clear: both;
    content: "";
}
#printableArea
{
    display: none;
}
.pre-container
{
    margin: 0;
    font-size: 90%;
    position: relative;
}
.pre-table
{
    border-collapse: collapse;
    margin: 0px 0 10px;
}
.pre-table thead tr:nth-child(1) td
{
    border: 0;
    padding: 0 0 5px;
}
.pre-table th, .pre-table td
{
    border: 1px solid #ccc;
    borer-top: 0;
    padding: 8px 10px;
    vertical-align: top;
}
.header
{
    margin-bottom: 15px;
    padding: 15px 20px;
    border-bottom: 1px solid #5BA033;
    position: relative;
    
}
.footer
{
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 0;
    padding: 15px 20px;
    border-top: 1px solid #5BA033;
    text-align: center;

}

.PracticeName{color: #5BA033; font-weight: bold; font-size: 105%; text-transform: uppercase;}
.PracticeAddress{color: #01598B; font-size: 90%;}*/




        
@media print
{
    body
    {
        padding: 0!important;
        margin: 0;
    }
    #page_template
    {
        border: 0!important;
    }
    #printableArea
    {
        display: none;
    }
    .pre-table
    {
        page-break-inside: auto;
    }
    .pre-table tr
    {
        page-break-inside: avoid;
        page-break-after: auto;
    }
    .pre-table thead
    {
        display: table-header-group;
    }
    .pre-table tfoot
    {
        display: table-footer-group;
    }
   /* .pre-table th, .pre-table td
    {
        border: 1px solid #ccc;
        padding: 8px 10px;
        vertical-align: top;
    }*/
}
            

        
@media (max-width:1024px)
{
    .tabcontent, .tabcontent .form-control
    {
        font-size: 95%;
    }
}