input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

#mask {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.5;
	z-index:9998;
}
#main-loader {
	display:none;
	position:fixed;
	width:100%;
	z-index:9999;
	opacity:0.3;
}
#main-notice {
	display:none;
	position:fixed;
	width:90%;
	max-width:900px;
	border:5px solid black;
	border-radius:2px;
	z-index:9999;
}
#main-notice-close {
	opacity:0.5;
	width:32px;
	height:32px;
	cursor:pointer;
	position:absolute;
	top:1%;
	right:1%;
	box-sizing:border-box;
	background-image:url(/core/images/delete.png);
	background-size:contain;
	transition:0.5s all;
}
#main-notice-close:hover {
	opacity:1.0;
}
.notices {
	display:none;
	position:fixed;
	width:100%;
	background-color:#FFF;
	z-index:9999;
}
.tab-parent {
	padding-left:0px;
	list-style-type:none;
	padding-right:30px;
	border-right:1px solid #DDD;
}
#tab-content-parent {
	padding-left:30px;
}
.tab-selected {
	border-right:5px solid #333;
	box-sizing:border-box;
}
.tabs {
	cursor:pointer;
	padding:10px;
	color:#333;
	font-size:0.9em;
	font-weight:bold;
	background-color:#EEE;
	margin-bottom:5px;
}
/* CUSTOM NAVIGATIONS */
.parallax {
	position: relative !important;
	background-attachment: fixed !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/* GENERAL FORMATTING */

.grid {
}

.row {
    display: table;
    table-layout: fixed; /* keep equal cell widths */
    width: 100%; /* need width otherwise cells aren't equal and they self collapse */
}

.col {
    display: table-cell;
    vertical-align: top;
}

.h-mid {
	margin:auto auto;
}

.f-left {
	float:left;
}
.f-right {
	float:right;
}
.font-0-7 {
	font-size:0.7em;
}
.font-0-85 {
	font-size:0.85em;
}
.font-1-0 {
	font-size:1.0em;
}
.font-1-2 {
	font-size:1.2em;
}
.font-1-5 {
	font-size:1.5em;
}
.font-2-0 {
	font-size:2em;
}
.font-3-0 {
	font-size:3em;
}
.p-a-5 {
	padding:5px;
	box-sizing:border-box;
}
.p-a-10 {
	padding:10px;
	box-sizing:border-box;
}
.p-a-20 {
	padding:20px;
	box-sizing:border-box;
}
.p-a-30 {
	padding:30px;
	box-sizing:border-box;
}
.p-r-10 {
	padding-right:10px;
	box-sizing:border-box;
}
.p-r-20 {
	padding-right:20px;
	box-sizing:border-box;
}
.p-t-10 {
	padding-top:10px;
	box-sizing:border-box;
}
.p-t-20 {
	padding-top:20px;
	box-sizing:border-box;
}

.m-a-0 {
	margin:0 !important;
	box-sizing:border-box;
}
.m-a-5 {
	margin:5px !important;
	box-sizing:border-box;
}
.m-a-10 {
	margin:10px !important;
	box-sizing:border-box;
}
.m-a-10 {
	margin:10px !important;
	box-sizing:border-box;
}
.m-b-5 {
	margin-bottom:5px !important;
	box-sizing:border-box;
}
.m-b-10 {
	margin-bottom:10px !important;
	box-sizing:border-box;
}
.m-b-20 {
	margin-bottom:20px !important;
	box-sizing:border-box;
}
.m-t-10 {
	margin-top:10px !important;
	box-sizing:border-box;
}
.m-t-20 {
	margin-top:20px !important;
	box-sizing:border-box;
}
.m-t-100 {
	margin-top:100px !important;
	box-sizing:border-box;
}
.m-l-20 {
	margin-left:20px !important;
	box-sizing:border-box;
}

.w-5-p {
	width:5% !important;
}
.w-10-p {
	width:10% !important;
}
.w-15-p {
	width:15% !important;
}
.w-20-p {
	width:20% !important;
}
.w-25-p {
	width:25% !important;
}
.w-30-p {
	width:30% !important;
}
.w-33-p {
	width:33.33% !important;
}
.w-35-p {
	width:35% !important;
}
.w-37-p {
	width:37% !important;
}
.w-40-p {
	width:40% !important;
}
.w-45-p {
	width:45% !important;
}
.w-50-p {
	width:50% !important;
}
.w-55-p {
	width:55% !important;
}
.w-60-p {
	width:60% !important;
}
.w-65-p {
	width:65% !important;
}
.w-70-p {
	width:70% !important;
}
.w-75-p {
	width:75% !important;
}
.w-80-p {
	width:80% !important;
}
.w-85-p {
	width:85% !important;
}
.w-90-p {
	width:90% !important;
}
.w-95-p {
	width:95% !important;
}
.w-100-p {
	width:100% !important;
}

.def-b-a {
	border:1px solid rgba(0,0,0,0.2);
}
.def-b-t {
	border-top:1px solid rgba(0,0,0,0.2);
}
.def-b-b {
	border-bottom:1px solid rgba(0,0,0,0.2);
}

.def-clickable {
	cursor:pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.def-white-buttons {
	font-weight:bold;
	width:auto !important;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	border:0;
	color:#333;
	background-color:#FFF;
	border:3px solid #000;
	transition:all 0.5s;
}
.def-white-buttons:hover {
	color:#FFF;
	background-color:#000;
}

.def-info {
	display:none;
	color:#FFF;
	background-color:#F93;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	border-radius:5px;
	box-sizing:border-box;
}
.def-success {
	display:none;
	color:#FFF;
	background-color:#3C0;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	border-radius:5px;
	box-sizing:border-box;
}
.def-error {
	display:none;
	color:#FFF;
	background-color:#F77;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	border-radius:5px;
	box-sizing:border-box;
}

.input-t-1 {
	padding:5px;
	border:1px solid rgba(255,255,255,0.3) !important;
	background-color:transparent !important;
	transition:0.5s all;	
}
.input-t-1:focus {
	border:1px solid rgba(255,255,255,0.4) !important;	
}

.button-t-1 {
	padding:10px;
	border:none !important;
	background-color:transparent !important;
	transition:0.5s all;
}
.button-t-1:hover {
}

.tooltips {
	letter-spacing:0.01em;
	padding:15px;
	border:1px solid rgba(0,0,0,0.1);
	border-radius:5px;
	box-sizing:border-box;
}

.table-t-1 {
	border-collapse:collapse;
}
.table-t-1 tr td {
	padding:5px;
}

.ul-t-1 {
	padding-left:0px;
	list-style-type:none;
}
.ul-t-1 li {
	display:inline-block;
}
.close-button {
	cursor:pointer;
	background-image:url(/core/images/delete.png);
	background-size:contain;
	background-repeat:no-repeat;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted rgba(0,0,0,0.2); /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #303F9F;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
	font-size:0.7em;
	line-height:1.5;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}