div table[id^="admin_table"] thead tr td:first-child,
div table[id^="admin_table"] tbody tr td:first-child:not(.dataTables_empty),
div table[id^="admin_table"] thead tr td:first-child,
div table[id^="admin_table"] tbody tr td:first-child:not(.dataTables_empty) {
	display: none;
}

.odd, .even {
    cursor: pointer;
}

.dataTables_empty {
    cursor: default !important;
}

div[id^="div_admin_table_"] table[id^="admin_table_"] thead tr td:first-child,
div[id^="div_admin_table_"] table[id^="admin_table_"] tbody tr td:first-child:not(.dataTables_empty) {
	display: none;
}


/*
#loading {
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.7;
	background-color: #fff;
	z-index: 99;
	text-align: center;
}
*/
#loading {
  display: block;  position: absolute;
  width: 100%; height: 100%;
  top: 0; left: 0; text-align: center;
  background-color: #fff; opacity: 0.7;
  z-index: 99;
}
#loading-image {
  position: absolute;
  top: 50%; left: 50%;
  margin: -13px 0 0 -13px;
  z-index: 100;
}
.loading-image {
  background: transparent url('http://thinkfuture.com/wp-content/uploads/2013/10/loading_spinner.gif') center no-repeat;
}

.w-500{
  width: 500px;
}

/*
.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
}
  
.switch input {display:none;}
  
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .17s;
	transition: .17s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
	background-color: white;
	-webkit-transition: .17s;
	transition: .17s;
  }
  
  input:checked + .slider {
	background-color: #2196F3;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
  }*/
  
  /* Rounded sliders */
  /*.slider.round {
	border-radius: 24px;
  }
  
  .slider.round:before {
	border-radius: 50%;
	}*/
	

/* MODAL */


.plus_field{
    display: initial;
    position: relative;
    width: 90%;
    padding: 7px 15px;
    font: 400 16px/16px 'PT Serif', serif;
    color: #000000;
    border: 1px solid #dedede;
    background: #ffffff;
}

.btn-circle{
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
    float: right;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.center-wrapper {
    text-align: center;
}
/*
@-moz-keyframes processing {
   0% {background:#4285f4;}
   50% {background:#b1cfff;}
   100% {background:#4285f4;}
}

@-webkit-keyframes processing {
   0% {background:#4285f4;}
   50% {background:#b1cfff;}
   100% {background:#4285f4;}
}

div.dataTables_processing {
   z-index: 11 !important;
   top: 0px !important;
   position: fixed !important;
   color: black !important;
   left: 0px !important;
   width: 100% !important;
   text-align: center !important;
   margin: 0 !important;
   padding: 10px !important;
   font-weight: bold !important;
   font-size: 17px !important;
   background: #4285f4 !important;
   animation: processing 5s;
   -moz-animation: processing 5s infinite; // Firefox 
   -webkit-animation: processing 5s infinite; // Safari and Chrome
}
*/
.true, .false, .null {
  display: inline-block; margin-top: -3px;
  text-align: center; vertical-align: middle;
}


.true {content: url(../imgs/ico-mark-true.png);}
.false {content: url(../imgs/ico-mark-false.png);}
.null {content: url(../imgs/ico-mark-null.png);}
.disabled {
  pointer-events:none;
}

table.dataTable tbody tr.selected {
    background-color: #B0BED9 !important;
    font-weight: bold;
}

.pad-content {
    padding: 42px 28px;
}

.btn.btn-success{
    background-color: #36c36f;
}

.dataTables_filter label {
  display: inline-block !important;
  margin: 0px 5px;
}

.no-icon::after{
  background: none !important;
}

.greyBackground{
  filter: grayscale(100%);
}

.topic {
  background: #b0b4c0;
  text-align: center;
  font-weight: bold;
  border: 1px solid black;
}

.sub-topic{
  background: #dbdbdc;
  text-align: center;
  font-weight: bold;
  border: 1px solid black;
}

.centered{
  text-align: center;
}

.vertical-area{
  resize: vertical;
  width: 100%;
}
/* tbody tr .reorder {
  background: #f0f0f0;
  border: 1px solid black;
} */

.ui-widget-overlay.ui-front{
  z-index: 2!important;
  opacity: 1;
  background: rgba(162, 168, 176, 0.7);
}
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane {
  border: none; margin: 0;
  padding: 21px 28px;
  border-radius: 0;
  background: #ffffff;
}
.ui-dialog .ui-dialog-titlebar{border-bottom: 1px solid #edf0f4;}
.ui-dialog .ui-dialog-buttonpane{border-top: 1px solid #edf0f4;}
.ui-dialog .ui-dialog-title {
  font: 700 19px/19px 'Titillium web', Helvetica, Arial, sans-serif;
  color: #000000;
  margin: 0;
}
.ui-widget.ui-widget-content {
  border: none;
  padding: 0;
  font: 22px/28px 'PT Serif', serif;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,.17);
  -moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,.17);
  box-shadow: 0px 5px 7px 0px rgba(0,0,0,.17);
  overflow: hidden;
  z-index: 999;
}
.ui-menu .ui-menu-item-wrapper {padding: 7px 28px;}
.ui-menu .ui-menu-item-wrapper.ui-state-active {
  color: #000000;
  border-color: #eff6fd; background: #eff6fd;
}

.ui-dialog .ui-dialog-content {padding: 21px 28px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {width: 100%; text-align: left;}
.ui-dialog .ui-dialog-titlebar-close {display: none;}
.ui-dialog .ui-dialog-buttonpane button {
  display: inline-block; position: relative;
  width: auto; padding: 7px 21px; margin: 0;
  font: 700 14px/20px 'Titillium web', Helvetica, Arial, sans-serif;
  text-align: center;
  color: #ffffff; cursor: pointer; text-decoration: none;
  border: 0px; border-radius: 3px;
  background-color: #4285f4;
  outline: none;
}
.ui-dialog .ui-dialog-buttonpane button:hover, 
.ui-dialog .ui-dialog-buttonpane button:focus {
  background: #3a76d8;
  outline: none;
}
.ui-dialog .ui-dialog-buttonpane button.btn-cancel {
  float: right; padding: 7px 0;
  font: 400 14px/18px 'Titillium web', Helvetica, Arial, sans-serif;
  color: #4285f4; text-decoration: underline;
  background: transparent;
}
.ui-dialog .ui-dialog-buttonpane button.btn-cancel:hover {
  color: #3a76d8;
  text-decoration: none;
}
.ui-dialog .ui-dialog-content p {
  font: 400 14px/21px "Titillium web", Helvetica, Arial, sans-serif;
}
#ui-dialog-guide {
  display: block; position: fixed;
  width: 100%; height: 100%;
  top: 0; left: 0; z-index: -1;
}
@media screen and (min-width: 1024px) {
  #ui-dialog-guide {left: 150px;}
}