/*
::-webkit-scrollbar {
	height: 12px;
	width: 12px;
	background: #000;
}

::-webkit-scrollbar-thumb {
	background: #2470bd;
	-webkit-border-radius: 1ex;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
	background: #000;
}
*/

html,body {font-size:15px}

.help-block-padding-200px {
	padding-left:215px;
}

.modal-dialog .tab-content {
	padding:2px 4px 14px;
}

.modal-dialog  .profile-user-info {
	width: calc(100% - 8px);
}

.modal-dialog .tab-pane {
	padding-top: 4px;
}


table.dataTable thead th {
	position: relative;
	padding-right: 20px;
	white-space: nowrap;
}
table.dataTable thead th:after {
	position: absolute !important;
	right: 10px;
}

table.dataTable thead th.action-buttons-col {
	background-color:white;
	border-right:none;
	padding:0;
	width:70px;
}


.editable-checklist {
	padding-right: 20px;
}



/* lighten up placeholder color*/
::-webkit-input-placeholder {opacity: 0.5 !important; }
:-moz-placeholder {	opacity: 0.5 !important; } /* FF 4-18 */
::-moz-placeholder {opacity: 0.5 !important; }  /* Firefox 19+ */
:-ms-input-placeholder { opacity: 0.5 !important; } /* IE 10+ */

/* hide placeholder text on focus */
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.action-buttons-col a { /* add button in tables */
	width:100%;
}

.form-help-info {
	display:none;
}

.helpful {
	cursor: help;
}
.helpful:after{
	content: "\f059";
	font-family: FontAwesome;
	padding-right: 0.2em;
	font-size:0.8em;
	vertical-align: super;
}

.capitalize{
	text-transform: capitalize;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

label.required:before {
	content: "* ";
	color:#ff0000;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ol.draggable-list {
	margin:0;
	padding:4px;
	border: lightgrey solid 1px;
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
}

ol.draggable-list ,ol.draggable-list ol , ol.draggable-list ol ol {
	list-style-type: none;
}
ol.draggable-list-long{
	height:100%;
	overflow-y:visible;
}
ol.draggable-list li {
	margin-bottom:1px;
}
ol.draggable-list li.placeholder {
  position: relative;
  /** More li styles **/
}

ol.draggable-list li.placeholder:before {
	position: absolute;
}
ol.draggable-list li span {
	text-align: left;
	width:100%;
	overflow:hidden;
}

ol.draggable-list li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.draggable-list li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}

.editable-select2-long {
	width:90%;
	min-width:240px !important;
}

li.active span.hidden-480{
	display:inline-block !important;
}

th.invisible-th{
	background-color: #fff;
	border-top: #fff solid 1px !important;
	border-left: #fff solid 1px !important;
}

.select2-container-multi-full .select2-search-choice {
	width:99%;
}


@media only screen and (max-width: 576px) {
	.table-collapsable>tbody>tr>td,
	.table-collapsable>tbody>tr>th,
	.table-collapsable>tfoot>tr>td,
	.table-collapsable>tfoot>tr>th,
	.table-collapsable>thead>tr>td,
	.table-collapsable>thead>tr>th {
		display: block !important;
		min-width: 100% !important;
	}
	.table-collapsable>thead>tr>th {
		/*display: none;*/
	}
}

.h-38{
	height:38px;
}
select.select2 {
	width:100%;
	height:40px;
}
body {
	min-width: 316px;
}