@media (min-width: 768px) {
   .large-screen-only{ display: block !important; }
   .mobile-screen-only{ display: none !important; }
}
@media (max-width: 768px) {
   .large-screen-only{ display: none !important; }
   .mobile-screen-only{ display: block !important; }
}
@media screen {
    .invoice_footer {
        display: none;
    }
}
@media print{
  input, select, button, label, .label{
    display: none !important;
  }
  a[href]:after {
    content: "";
  }
  .panel{
      border: none;
  }
  html, body{
    avoid;
    height: 99%;
    page-break-after: avoid;
    page-break-before: avoid;
  }
  .invoice_footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: table-cell;
    text-align: center;
  }
  .dontprint, .options, .pagination-tr{ display:none; }
  .pagebreak, .page-break{
    page-break-after: auto;
  }
}
 .panel-content{
 	/*padding: 0 5px !important;*/
 }
 .center{
 	text-align: center !important;
 }
 .left{
 	text-align: left !important;
 }
 .right{
 	text-align: right !important;
 }
 .top: {
 	vertical-align: text-top !important;
 }
 .middle{
 	vertical-align: middle !important;
 }
 .bottom: {
 	text-align: text-bottom !important;
 }
 .relative{
 	position: relative !important;
 }
 .noborder{
 	border: none !important;
 }
 .hidden{
  display: none;
 }
 .hint, .hints{
  color: #888;
 }
 .date-form-control-unsetwidth, .date-form-control, .form-control-fluid{
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 }

 a img{
    border:none;
}
#shortcuts, #shortcuts td, #shortcuts a:visited, #shortcuts a:link{
    /*text-align:center;*/
    color:#fff;
    font-size:1em;
    font-weight:bold;
    text-decoration:none;
    padding:0px 10px;
}
#shortcuts img{
    width:80px;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.service-list input{
    font-size: 10px;
}
.workspace{
    margin-right:20px;
}
.workspace td{
    width:400px;
    box-shadow: 1px 1px 0 #8bf;
    border: solid 5px #8b8;
    color:#fff;
    cursor:pointer;
}
#workspace-container h3 a{
    font-size:15px !important;
    color:#fff !important;
}
.accordion div{
    height:auto !important;
}
.prnt, .prntr{
    width:675px;
    table-layout:fixed;
    border-collapse:collapse;
}
.pointer{
  cursor: pointer;
}

/**************** ACCORDION ****************/
.half {
      float: left;
      width: 50%;
      padding: 0 1em;
    }
    /* Acordeon styles */
    .accordion .tab {
      position: relative;
      margin-bottom: 1px;
      width: 100%;
      color: #fff;
      overflow: hidden;
    }
    .accordion input {
      position: absolute;
      opacity: 0;
      z-index: -1;
    }
    .accordion label {
      position: relative;
      display: block;
      padding: 0 0 0 1em;
      background: #16a085;
      font-weight: bold;
      line-height: 2;
      cursor: pointer;
    }
    .accordion .blue label {
      background: #2980b9;
    }
    .accordion .tab-content {
      max-height: 0;
      overflow: hidden;
      background: #1abc9c;
      -webkit-transition: max-height .35s;
      -o-transition: max-height .35s;
      transition: max-height .35s;
    }
    .accordion .blue .tab-content {
      background: #3498db;
    }
    .accordion .tab-content p {
      margin: 1em;
    }
    /* :checked */
    .accordion input:checked ~ .tab-content {
      max-height: 10em;
    }
    /* Icon */
    .accordion label::after {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      width: 3em;
      height: 2em;
      line-height: 2;
      text-align: center;
      -webkit-transition: all .35s;
      -o-transition: all .35s;
      transition: all .35s;
    }
    .accordion input[type=checkbox] + label::after {
      content: "+";
    }
    .accordion input[type=radio] + label::after {
      content: "\25BC";
    }
    .accordion input[type=checkbox]:checked + label::after {
      transform: rotate(315deg);
    }
    .accordion input[type=radio]:checked + label::after {
      transform: rotateX(180deg);
    }
    
/***************** CURVE********************/
.curved{
  behavior:url(border-radius.htc);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
}
.curved5{
  behavior:url(border-radius.htc);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
.curved-top{
  behavior:url(border-radius.htc);
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
}
.curved-bottom{
  behavior:url(border-radius.htc);
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -khtml-border-radius: 0px 0px 10px 10px;
}
.curved-right{
  behavior:url(border-radius.htc);
  border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  -khtml-border-radius: 0px 10px 10px 0px;
}
.curved-left{
  behavior:url(border-radius.htc);
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  -khtml-border-radius: 10px 0px 0px 10px;
}

.curved-corner{
  behavior:url(border-radius.htc);
  border-radius: 10px 0px 10px 0px;
  -moz-border-radius: 10px 0px 10px 0px;
  -webkit-border-radius: 10px 0px 10px 0px;
  -khtml-border-radius: 10px 0px 10px 0px;
}
.scroll{
  overflow: auto;
}
.scroll-x{
  overflow-x: scroll;
}
.scroll-y{
  overflow-y: scroll;
}
/*.small{
    font-size:small !important;
    width:30px;
}*/
.rht{
    text-align:right !important;
}
.lft{
    text-align:left !important;
}
.cntr{
    text-align:center !important;
}
.top{
    vertical-align:top !important;
}
.btm{
    vertical-align:bottom !important;
}
.mdl{
    vertical-align:middle !important;
}
.inline{
    display:inline-block !important;
}
.whtb{
    background:#fff !important;
}
.blkc{
    color:#000 !important;
}
.backeee{background-color: #eee;}
.backddd{background-color: #ddd;}
.backccc{background-color: #ccc;}
.frht{
    float:right;
}
.flft, .float-left{
    float:left;
}
.bold{
    font-weight:bold;
}
.uppercase{
  text-transform: uppercase;
}
.accordion-inner, .justify{
  text-align: justify;
  text-justify: inter-word;
}
.f8{ font-size: 8px !important; }
.f9{ font-size: 9px !important; }
.f10{ font-size: 10px !important; }
.f11{ font-size: 11px !important; }
.f12{ font-size: 12px !important; }
.f14{ font-size: 14px !important; }
.f16{ font-size: 16px !important; }
.f18{ font-size: 18px !important; }
.f20{ font-size: 20px !important; }
.f40{ font-size: 40px !important; }

.display-none, .dontdisplay{ display:none;}

.p0{ padding: 0px !important; }
.p5{padding:5px;}
.p10{padding:10px;}
.m5{ margin: 5px; }
.m10{ margin: 10px; }
.mt30{ margin-top: 30px !important; }
.mt60{ margin-top: 60px !important; }
.mt50{ margin-top: 50px !important; }
.mt80{ margin-top: 80px !important; }
.w5p{ width: 5% !important; }
.w10p{ width: 10% !important; }
.w15p{ width: 15% !important; }
.w20p{ width: 20% !important; }
.w25p{ width: 25% !important; }
.w30p{ width: 30% !important; }
.w33p{ width: 33% !important; }
.w34p{ width: 34% !important; }
.w35p{ width: 35% !important; }
.w40p{ width: 40% !important; }
.w45p{ width: 45% !important; }
.w48p{ width: 48% !important; }
.w50p{ width: 50% !important; }
.w55p{ width: 55% !important; }
.w60p{ width: 60% !important; }
.w65p{ width: 65% !important; }
.w70p{ width: 70% !important; }
.w75p{ width: 75% !important; }
.w80p{ width: 80% !important; }
.w85p{ width: 85% !important; }
.w90p{ width: 90% !important; }
.w95p{ width: 95% !important; }
.w100p{ width: 100% !important; }
.w0{ width:0px !important; }
.w10{ width:10px !important; }
.w16{ width:16px !important; }
.w20{ width:20px !important; }
.w30{ width:30px !important; }
.w35{ width:35px !important; }
.w40{ width:40px !important; }
.w50{ width:50px !important; }
.w60{ width:60px !important; }
.w70{ width:70px !important; }
.w80{ width:80px !important; }
.w90{ width:90px !important; }
.w100{ width:100px !important; }
.w110{ width:110px !important; }
.w120{ width:120px !important; }
.w130{ width:130px !important; }
.w140{ width:140px !important; }
.w150{ width:150px !important; }
.w160{ width:160px !important; }
.w170{ width:170px !important; }
.w180{ width:180px !important; }
.w190{ width:190px !important; }
.w200{ width:200px !important; }
.w210{ width:210px !important; }
.w220{ width:220px !important; }
.w230{ width:230px !important; }
.w240{ width:240px !important; }
.w250{ width:250px !important; }
.w260{ width:260px !important; }
.w270{ width:270px !important; }
.w280{ width:280px !important; }
.w290{ width:290px !important; }
.w295{ width:295px !important; }
.w300{ width:300px !important; }
.w310{ width:310px !important; }
.w320{ width:320px !important; }
.w330{ width:330px !important; }
.w340{ width:340px !important; }
.w350{ width:350px !important; }
.w360{ width:360px !important; }
.w370{ width:370px !important; }
.w380{ width:380px !important; }
.w390{ width:390px !important; }
.w400{ width:400px !important; }
.w410{ width:410px !important; }
.w420{ width:420px !important; }
.w430{ width:430px !important; }
.w440{ width:440px !important; }
.w450{ width:450px !important; }
.w460{ width:460px !important; }
.w470{ width:470px !important; }
.w480{ width:480px !important; }
.w490{ width:490px !important; }
.w500{ width:500px !important; }
.w510{ width:510px !important; }
.w520{ width:520px !important; }
.w530{ width:530px !important; }
.w540{ width:540px !important; }
.w550{ width:550px !important; }
.w560{ width:560px !important; }
.w570{ width:570px !important; }
.w580{ width:580px !important; }
.w590{ width:590px !important; }
.w600{ width:600px !important; }
.w610{ width:610px !important; }
.w620{ width:620px !important; }
.w630{ width:630px !important; }
.w640{ width:640px !important; }
.w650{ width:650px !important; }
.w660{ width:660px !important; }
.w670{ width:670px !important; }
.w680{ width:680px !important; }
.w690{ width:690px !important; }
.w700{ width:700px !important; }
.w710{ width:710px !important; }
.w720{ width:720px !important; }
.w730{ width:730px !important; }
.w740{ width:740px !important; }
.w750{ width:750px !important; }
.w760{ width:760px !important; }
.w770{ width:770px !important; }
.w780{ width:780px !important; }
.w790{ width:790px !important; }
.w800{ width:800px !important; }
.w810{ width:810px !important; }
.w820{ width:820px !important; }
.w830{ width:830px !important; }
.w840{ width:840px !important; }
.w850{ width:850px !important; }
.w860{ width:860px !important; }
.w870{ width:870px !important; }
.w880{ width:880px !important; }
.w890{ width:890px !important; }
.w900{ width:900px !important; }
.w910{ width:910px !important; }
.w920{ width:920px !important; }
.w930{ width:930px !important; }
.w940{ width:940px !important; }
.w950{ width:950px !important; }
.w960{ width:960px !important; }
.w970{ width:970px !important; }
.w980{ width:980px !important; }
.w990{ width:990px !important; }
.w1000{ width:1000px !important; }

.mw10{ max-width:10px !important; }
.mw20{ max-width:20px !important; }
.mw30{ max-width:30px !important; }
.mw40{ max-width:40px !important; }
.mw50{ max-width:50px !important; }
.mw60{ max-width:60px !important; }
.mw70{ max-width:70px !important; }
.mw80{ max-width:80px !important; }
.mw90{ max-width:90px !important; }
.mw100{ max-width:100px !important; }
.mw110{ max-width:110px !important; }
.mw120{ max-width:120px !important; }
.mw130{ max-width:130px !important; }
.mw140{ max-width:140px !important; }
.mw150{ max-width:150px !important; }
.mw160{ max-width:160px !important; }
.mw170{ max-width:170px !important; }
.mw180{ max-width:180px !important; }
.mw190{ max-width:190px !important; }
.mw200{ max-width:200px !important; }
.mw210{ max-width:210px !important; }
.mw220{ max-width:220px !important; }
.mw230{ max-width:230px !important; }
.mw240{ max-width:240px !important; }
.mw250{ max-width:250px !important; }
.mw260{ max-width:260px !important; }
.mw270{ max-width:270px !important; }
.mw280{ max-width:280px !important; }
.mw290{ max-width:290px !important; }
.mw295{ max-width:295px !important; }
.mw300{ max-width:300px !important; }
.mw310{ max-width:310px !important; }
.mw320{ max-width:320px !important; }
.mw330{ max-width:330px !important; }
.mw340{ max-width:340px !important; }
.mw350{ max-width:350px !important; }
.mw360{ max-width:360px !important; }
.mw370{ max-width:370px !important; }
.mw380{ max-width:380px !important; }
.mw390{ max-width:390px !important; }
.mw400{ max-width:400px !important; }
.mw410{ max-width:410px !important; }
.mw420{ max-width:420px !important; }
.mw430{ max-width:430px !important; }
.mw440{ max-width:440px !important; }
.mw450{ max-width:450px !important; }
.mw460{ max-width:460px !important; }
.mw470{ max-width:470px !important; }
.mw480{ max-width:480px !important; }
.mw490{ max-width:490px !important; }
.mw500{ max-width:500px !important; }
.mw510{ max-width:510px !important; }
.mw520{ max-width:520px !important; }
.mw530{ max-width:530px !important; }
.mw540{ max-width:540px !important; }
.mw550{ max-width:550px !important; }
.mw560{ max-width:560px !important; }
.mw570{ max-width:570px !important; }
.mw580{ max-width:580px !important; }
.mw590{ max-width:590px !important; }
.mw600{ max-width:600px !important; }
.mw610{ max-width:610px !important; }
.mw620{ max-width:620px !important; }
.mw630{ max-width:630px !important; }
.mw640{ max-width:640px !important; }
.mw650{ max-width:650px !important; }
.mw660{ max-width:660px !important; }
.mw670{ max-width:670px !important; }
.mw680{ max-width:680px !important; }
.mw690{ max-width:690px !important; }
.mw700{ max-width:700px !important; }
.mw710{ max-width:710px !important; }
.mw720{ max-width:720px !important; }
.mw730{ max-width:730px !important; }
.mw740{ max-width:740px !important; }
.mw750{ max-width:750px !important; }
.mw760{ max-width:760px !important; }
.mw770{ max-width:770px !important; }
.mw780{ max-width:780px !important; }
.mw790{ max-width:790px !important; }
.mw800{ max-width:800px !important; }
.mw810{ max-width:810px !important; }
.mw820{ max-width:820px !important; }
.mw830{ max-width:830px !important; }
.mw840{ max-width:840px !important; }
.mw850{ max-width:850px !important; }
.mw860{ max-width:860px !important; }
.mw870{ max-width:870px !important; }
.mw880{ max-width:880px !important; }
.mw890{ max-width:890px !important; }
.mw900{ max-width:900px !important; }
.mw910{ max-width:910px !important; }
.mw920{ max-width:920px !important; }
.mw930{ max-width:930px !important; }
.mw940{ max-width:940px !important; }
.mw950{ max-width:950px !important; }
.mw960{ max-width:960px !important; }
.mw970{ max-width:970px !important; }
.mw980{ max-width:980px !important; }
.mw990{ max-width:990px !important; }
.mw1000{ max-width:1000px !important; }

.h5p{ height: 5% !important; }
.h10p{ height: 10% !important; }
.h15p{ height: 15% !important; }
.h20p{ height: 20% !important; }
.h25p{ height: 25% !important; }
.h30p{ height: 30% !important; }
.h35p{ height: 35% !important; }
.h40p{ height: 40% !important; }
.h45p{ height: 45% !important; }
.h50p{ height: 50% !important; }
.h55p{ height: 55% !important; }
.h60p{ height: 60% !important; }
.h65p{ height: 65% !important; }
.h70p{ height: 70% !important; }
.h75p{ height: 75% !important; }
.h80p{ height: 80% !important; }
.h85p{ height: 85% !important; }
.h90p{ height: 90% !important; }
.h95p{ height: 95% !important; }
.h100p{ height: 100% !important; }
.h0{ height:0px !important; }
.h10{ height:10px !important; }
.h20{ height:20px !important; }
.h30{ height:30px !important; }
.h40{ height:40px !important; }
.h50{ height:50px !important; }
.h60{ height:60px !important; }
.h70{ height:70px !important; }
.h80{ height:80px !important; }
.h90{ height:90px !important; }
.h100{ height:100px !important; }
.h110{ height:110px !important; }
.h120{ height:120px !important; }
.h130{ height:130px !important; }
.h140{ height:140px !important; }
.h150{ height:150px !important; }
.h160{ height:160px !important; }
.h170{ height:170px !important; }
.h180{ height:180px !important; }
.h190{ height:190px !important; }
.h200{ height:200px !important; }
.h210{ height:210px !important; }
.h220{ height:220px !important; }
.h230{ height:230px !important; }
.h240{ height:240px !important; }
.h250{ height:250px !important; }
.h260{ height:260px !important; }
.h270{ height:270px !important; }
.h280{ height:280px !important; }
.h290{ height:290px !important; }
.h300{ height:300px !important; }
.h310{ height:310px !important; }
.h320{ height:320px !important; }
.h330{ height:330px !important; }
.h340{ height:340px !important; }
.h350{ height:350px !important; }
.h360{ height:360px !important; }
.h370{ height:370px !important; }
.h380{ height:380px !important; }
.h390{ height:390px !important; }
.h400{ height:400px !important; }
.h500{ height:500px !important; }
.h550{ height:550px !important; }

.mh10{ max-height:10px !important; }
.mh20{ max-height:20px !important; }
.mh30{ max-height:30px !important; }
.mh40{ max-height:40px !important; }
.mh50{ max-height:50px !important; }
.mh60{ max-height:60px !important; }
.mh70{ max-height:70px !important; }
.mh80{ max-height:80px !important; }
.mh90{ max-height:90px !important; }
.mh100{ max-height:100px !important; }
.mh110{ max-height:110px !important; }
.mh120{ max-height:120px !important; }
.mh130{ max-height:130px !important; }
.mh140{ max-height:140px !important; }
.mh150{ max-height:150px !important; }
.mh160{ max-height:160px !important; }
.mh170{ max-height:170px !important; }
.mh180{ max-height:180px !important; }
.mh190{ max-height:190px !important; }
.mh200{ max-height:200px !important; }
.mh210{ max-height:210px !important; }
.mh220{ max-height:220px !important; }
.mh230{ max-height:230px !important; }
.mh240{ max-height:240px !important; }
.mh250{ max-height:250px !important; }
.mh260{ max-height:260px !important; }
.mh270{ max-height:270px !important; }
.mh280{ max-height:280px !important; }
.mh290{ max-height:290px !important; }
.mh300{ max-height:300px !important; }
.mh310{ max-height:310px !important; }
.mh320{ max-height:320px !important; }
.mh330{ max-height:330px !important; }
.mh340{ max-height:340px !important; }
.mh350{ max-height:350px !important; }
.mh360{ max-height:360px !important; }
.mh370{ max-height:370px !important; }
.mh380{ max-height:380px !important; }
.mh390{ max-height:390px !important; }
.mh400{ max-height:400px !important; }

.black{ color: black !important; }
.success{ color: #5cb85c !important; }
.white{ color: white !important; }
.white-back{ background-color: #fff !important; }
.grey-back { background-color: #ccc !important; }
.facebook-back{ background-color: #e9ebee !important; }

.autofit, .table-detailed-view th{
  width: 1px;
  white-space: nowrap;
}

.list-style-none{
  list-style: none;
}

/* ANIMATIONS */
.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% { opacity: .4; color: #ff101a; }
}
/* END ANIMATIONS */