/* DEFAULT */
.hidden {display:none}
.visible {display:block;}
.inactive {color: #a3a3a3;font-style: italic;}
.bold {font-weight: bold;}
.underlined_solid { border-bottom: 1px solid #ccc;}
.underlined_dotted { border-bottom: 1px dotted #ccc;}
.deleted,.deleted .panel,.deleted .form {color: #d32323 !important;background-color: #f8e6e6 !important;font-style: oblique !important;text-decoration: line-through #d32323 !important;}
.tright {text-align:right;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.ttop {vertical-align:top;}
.fr {float:right;}
.fl {float:left;}
.link {text-decoration:underline;}
.link:hover {cursor:pointer;}
.underlined_solid { border-bottom: 1px solid #ccc;}
.underlined_dotted { border-bottom: 1px dotted #ccc;}
.pointer  {cursor: pointer;}
.readonly {background-color:#f1f1f1; border-radius: 0;}
.required:after {color: #dd3355;}
.full-width {width:100%;}
.align-items-center { align-items: center; }

pre {color: #999999;}

/* errors */
.error,.errors {color: #D9534F;}
/* .error,.errors {font-size: 85%; color: #D9534F;} */
ul.errors { padding-left:0px; margin-bottom: 0px; }
.errors li { list-style-type: none;}
.msg-error { color: #D9534F;}

a { 
  text-decoration: none;
}

/* spaces */
.space-0 { width: 100%; height: 0px; clear: both; }
.space-10 { width: 100%; height: 10px; clear: both; }
.space-20 { width: 100%; height: 20px; clear: both; }
.space-30 { width: 100%; height: 30px; clear: both; }
.space-40 { width: 100%; height: 40px; clear: both; }
.space-50 { width: 100%; height: 50px; clear: both; }
.space-60 { width: 100%; height: 60px; clear: both; }
.space-70 { width: 100%; height: 70px; clear: both; }
.space-80 { width: 100%; height: 80px; clear: both; }
.space-90 { width: 100%; height: 90px; clear: both; }
.space-100 { width: 100%; height: 100px; clear: both; }

/* margins */
.m0  { margin: 0px;}
.m10 { margin:10px;}
.m20 { margin:20px;}
.m30 { margin:30px;}
.m40 { margin:40px;}
.m50 { margin:50px;}
.m60 { margin:60px;}
.m70 { margin:70px;}
.m80 { margin:80px;}
.m90 { margin:90px;}
.m100 { margin:100px;}

.mt0  {margin-top:  0px;}
.mt2  {margin-top:  2px;}
.mt5  {margin-top:  5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}

.mb0  {margin-bottom:  0px;}
.mb5  {margin-bottom:  5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}

.mtb0  { margin-top: 0px; margin-bottom:0px;}
.mtb10 { margin-top:10px; margin-bottom:10px;}
.mtb15 { margin-top:12px; margin-bottom:15px;}
.mtb20 { margin-top:20px; margin-bottom:20px;}
.mtb30 { margin-top:30px; margin-bottom:30px;}
.mtb40 { margin-top:40px; margin-bottom:40px;}
.mtb50 { margin-top:50px; margin-bottom:50px;}
.mtb60 { margin-top:60px; margin-bottom:60px;}
.mtb70 { margin-top:70px; margin-bottom:70px;}
.mtb80 { margin-top:80px; margin-bottom:80px;}
.mtb90 { margin-top:90px; margin-bottom:90px;}
.mtb100 { margin-top:100px; margin-bottom:100px;}

.margin-10 { margin-top:10px; margin-bottom:10px;}
.margin-20 { margin-top:20px; margin-bottom:20px;}
.margin-30 { margin-top:30px; margin-bottom:30px;}
.margin-40 { margin-top:40px; margin-bottom:40px;}
.margin-50 { margin-top:50px; margin-bottom:50px;}
.margin-60 { margin-top:60px; margin-bottom:60px;}
.margin-70 { margin-top:70px; margin-bottom:70px;}
.margin-80 { margin-top:80px; margin-bottom:80px;}
.margin-90 { margin-top:90px; margin-bottom:90px;}
.margin-100 { margin-top:100px; margin-bottom:100px;}

.mr0  {margin-right:  0px;}
.mr5  {margin-right:  5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}

.ml0  {margin-left:  0px;}
.ml5  {margin-left:  5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}

/* padding */
.pt0  {padding-top:  0px;}
.pt5  {padding-top:  5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}
.pt70 {padding-top: 70px;}
.pt80 {padding-top: 80px;}
.pt90 {padding-top: 90px;}
.pt100 {margin-top: 100px;}

.pb0  {padding-bottom:  0px;}
.pb5  {padding-bottom:  5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb60 {padding-bottom: 60px;}
.pb70 {padding-bottom: 70px;}
.pb80 {padding-bottom: 80px;}
.pb90 {padding-bottom: 90px;}
.pb100 {padding-bottom: 100px;}

.ptb0  { padding-top: 0px; padding-bottom:0px;}
.ptb10 { padding-top:10px; padding-bottom:10px;}
.ptb15 { padding-top:12px; padding-bottom:15px;}
.ptb20 { padding-top:20px; padding-bottom:20px;}
.ptb30 { padding-top:30px; padding-bottom:30px;}
.ptb40 { padding-top:40px; padding-bottom:40px;}
.ptb50 { padding-top:50px; padding-bottom:50px;}
.ptb60 { padding-top:60px; padding-bottom:60px;}
.ptb70 { padding-top:70px; padding-bottom:70px;}
.ptb80 { padding-top:80px; padding-bottom:80px;}
.ptb90 { padding-top:90px; padding-bottom:90px;}
.ptb100 { padding-top:100px; padding-bottom:100px;}

/* same predefined margins and paddings using brutal force !important */

.ip0  {margin-top:  0px !important;}
.imt5  {margin-top:  5px !important;}
.imt10 {margin-top: 10px !important;}
.imt15 {margin-top: 15px !important;}
.imt20 {margin-top: 20px !important;}
.imt30 {margin-top: 30px !important;}
.imt40 {margin-top: 40px !important;}
.imt50 {margin-top: 50px !important;}
.imt60 {margin-top: 60px !important;}
.imt70 {margin-top: 70px !important;}
.imt80 {margin-top: 80px !important;}
.imt90 {margin-top: 90px !important;}
.imt100 {margin-top: 100px !important;}

.imb0  {margin-bottom:  0px !important;}
.imb5  {margin-bottom:  5px !important;}
.imb10 {margin-bottom: 10px !important;}
.imb15 {margin-bottom: 15px !important;}
.imb20 {margin-bottom: 20px !important;}
.imb30 {margin-bottom: 30px !important;}
.imb40 {margin-bottom: 40px !important;}
.imb50 {margin-bottom: 50px !important;}
.imb60 {margin-bottom: 60px !important;}
.imb70 {margin-bottom: 70px !important;}
.imb80 {margin-bottom: 80px !important;}
.imb90 {margin-bottom: 90px !important;}
.imb100 {margin-bottom: 100px !important;}

.imtb0  { margin-top: 0px !important; margin-bottom:0px !important;}
.imtb10 { margin-top:10px !important; margin-bottom:10px !important;}
.imtb15 { margin-top:12px !important; margin-bottom:15px !important;}
.imtb20 { margin-top:20px !important; margin-bottom:20px !important;}
.imtb30 { margin-top:30px !important; margin-bottom:30px !important;}
.imtb40 { margin-top:40px !important; margin-bottom:40px !important;}
.imtb50 { margin-top:50px !important; margin-bottom:50px !important;}
.imtb60 { margin-top:60px !important; margin-bottom:60px !important;}
.imtb70 { margin-top:70px !important; margin-bottom:70px !important;}
.imtb80 { margin-top:80px !important; margin-bottom:80px !important;}
.imtb90 { margin-top:90px !important; margin-bottom:90px !important;}
.imtb100 { margin-top:100px !important; margin-bottom:100px !important;}

.imargin-10 { margin-top:10px; margin-bottom:10px;}
.imargin-20 { margin-top:20px; margin-bottom:20px;}
.imargin-30 { margin-top:30px; margin-bottom:30px;}
.imargin-40 { margin-top:40px; margin-bottom:40px;}
.imargin-50 { margin-top:50px; margin-bottom:50px;}
.imargin-60 { margin-top:60px; margin-bottom:60px;}
.imargin-70 { margin-top:70px; margin-bottom:70px;}
.imargin-80 { margin-top:80px; margin-bottom:80px;}
.imargin-90 { margin-top:90px; margin-bottom:90px;}
.imargin-100 { margin-top:100px; margin-bottom:100px;}

/* padding */
.ipt0  {padding-top:  0px !important;}
.ipt5  {padding-top:  5px !important;}
.ipt10 {padding-top: 10px !important;}
.ipt15 {padding-top: 15px !important;}
.ipt20 {padding-top: 20px !important;}
.ipt30 {padding-top: 30px !important;}
.ipt40 {padding-top: 40px !important;}
.ipt50 {padding-top: 50px !important;}
.ipt60 {padding-top: 60px !important;}
.ipt70 {padding-top: 70px !important;}
.ipt80 {padding-top: 80px !important;}
.ipt90 {padding-top: 90px !important;}
.ipt100 {margin-top: 100px !important;}

.ipb0  {padding-bottom:  0px !important;}
.ipb5  {padding-bottom:  5px !important;}
.ipb10 {padding-bottom: 10px !important;}
.ipb15 {padding-bottom: 15px !important;}
.ipb20 {padding-bottom: 20px !important;}
.ipb30 {padding-bottom: 30px !important;}
.ipb40 {padding-bottom: 40px !important;}
.ipb50 {padding-bottom: 50px !important;}
.ipb60 {padding-bottom: 60px !important;}
.ipb70 {padding-bottom: 70px !important;}
.ipb80 {padding-bottom: 80px !important;}
.ipb90 {padding-bottom: 90px !important;}
.ipb100 {padding-bottom: 100px !important;}

.iptb0  { padding-top: 0px !important; padding-bottom:0px !important;}
.iptb10 { padding-top:10px !important; padding-bottom:10px !important;}
.iptb15 { padding-top:12px !important; padding-bottom:15px !important;}
.iptb20 { padding-top:20px !important; padding-bottom:20px !important;}
.iptb30 { padding-top:30px !important; padding-bottom:30px !important;}
.iptb40 { padding-top:40px !important; padding-bottom:40px !important;}
.iptb50 { padding-top:50px !important; padding-bottom:50px !important;}
.iptb60 { padding-top:60px !important; padding-bottom:60px !important;}
.iptb70 { padding-top:70px !important; padding-bottom:70px !important;}
.iptb80 { padding-top:80px !important; padding-bottom:80px !important;}
.iptb90 { padding-top:90px !important; padding-bottom:90px !important;}
.iptb100 { padding-top:100px !important; padding-bottom:100px !important;}

  
/* HELP tag */ 
.help_tag { display:inline; color: #47a2d6; cursor: pointer; padding-top: 5px; }

label.required::after { content: " *"; color: #dd4b39;}

/* background colors */

.bg-white { background-color: #FFF; color:#000; }
.bg-black { background-color: #000; color:#FFF; }

/* text colors */
.text-white { color: #FFF; }
.text-warning { color: #3cc; }

.color-warning { color: #d3bc0f; }
.color-today { color: #eb8926; }
.color-miss { color: #cc2639; }


/* workflow template */
.workflow .box-tools > .box-header-icon { display: inline-block; padding:0; margin:4px 2px 0px 0px; top:2px;}
.workflow .box-tools > .btn { display: inline-block; padding: 0px 2px 0px 0px; margin:0px; border: 0px; }
.workflow .box-tools > .btn > i {padding: 2px;; margin: 0; vertical-align: top;}

.error_page {
	background-color:#f1f1f1;
}

/* Responsive Utilites Style (This css is removed from beta version) */

.hidden-xs-up { display: none !important; }
.hidden-xl-down { display: none !important; }

/* bootstrap extended classes */

@media (max-width: 768px) { .tcenter-sm {text-align:center} }
@media (max-width: 480px) {	.tcenter-xm {text-align:center} }
@media (max-width: 575px) { .hidden-xs-down { display: none !important; } }
@media (min-width: 576px) { .hidden-sm-up { display: none !important; } }
@media (max-width: 767px) { .hidden-sm-down { display: none !important; } }
@media (min-width: 768px) { .hidden-md-up { display: none !important; } }
@media (max-width: 991px) { .hidden-md-down { display: none !important; } }
@media (min-width: 992px) { .hidden-lg-up { display: none !important; } }
@media (max-width: 1199px) { .hidden-lg-down { display: none !important; } }
@media (min-width: 1200px) { .hidden-xl-up { display: none !important; } }
@media (max-width: 480px) {	.xs-hidden {display: none;}	.xs-visible {display: block;} }
@media (min-width: 576px) {	.sm-hidden {display: none;}	.sm-visible {display: block;} }
@media (min-width: 768px) {	.md-hidden {display: none;}	.md-visible {display: block;} }
@media (min-width: 986px) {	.lg-hidden {display: none;}	.lg-visible {display: block;} }

@media (max-width: 480px) {
	.xs-hidden {
		display: none;
	}
}
@media (max-width: 768px) {	
	.sm-pt0  {padding-top:  0px}
	.sm-pt5  {padding-top:  5px}
	.sm-pt10 {padding-top: 10px}
	.sm-pt15 {padding-top: 15px}
	.sm-pt20 {padding-top: 20px}
	.sm-pt30 {padding-top: 30px}
	.sm-pt40 {padding-top: 40px}
	.sm-pt50 {padding-top: 50px}
	.sm-pt60 {padding-top: 60px}
}
@media (min-width: 576px) {
	.sm-hidden {
		display: none;
	}
	.sm-visible {
		display: block;
	}
}
@media (min-width: 768px) {
	.md-hidden {
		display: none;
	}
	.md-visible {
		display: block;
	}
}

/* BOOTSTRAP - ADDITIONS */

.show-grid { padding: 15px; }
.row-hidden { display:none; }

/* BOOTSTRAP - ADDON */

.col-xs-offset-right-12 {
  margin-right: 100%;
}
.col-xs-offset-right-11 {
  margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
  margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
  margin-right: 75%;
}
.col-xs-offset-right-8 {
  margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
  margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
  margin-right: 50%;
}
.col-xs-offset-right-5 {
  margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
  margin-right: 25%;
}
.col-xs-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
  margin-right: 0;
}
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}