.hidden {display:none}
.visible {display:block;}
.inactive {color: #a3a3a3;font-style: italic;}
.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;}
.error,.errors {font-size: 85%;font-weight: normal;color: #D9534F;}
.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;}

/* spaces */
.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 !important;}
.mt5  {margin-top:  5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

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

.mtb0  { margin-top:0px; margin-bottom:0px;}
.mtb10 { margin-top:10px; margin-bottom:10px;}
.mtb15 { margin-top:15px; 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;}

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

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

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

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

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

@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; } }
/* bootstrap extended classes */
@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;} }

/* bootstrap additions */
.show-grid { padding: 15px; }
.row-hidden { display:none; }


/*::selection { background: #c3e3ff; color: #555555; } */

.help_tag { display:inline; color: #47a2d6; cursor: pointer; padding-top: 5px; }
.admin_tag { position:absolute; color: #d63d00; cursor: pointer; padding-top: 5px; padding-left: 5px; z-index:1000;}
.admin_tag.admin_tag_element_checkbox { padding-top: 0px; padding-left: 0px;}
.admin_tag.admin_tag_element_text { position:relative;}
.admin_tag.admin_tag-atr  { position: absolute; right:15px; top:0; }
.admin_tag > a { color: #d63d00; opacity:0.4;}


/* background colors */

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