/* Custom Buttons */
input[type="button"].ron,
button.ron,
.button.ron {

		background: rgba(144, 144, 144, 0.1);
		/* order-color: rgba(144, 144, 144, 0.3);		 */
		border: none;
		background-color: #76C8B7;
		color: #ffffff !important;
		height: 3.45em;
}


/* DIVISION BORDER */
.general_container {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    border: solid 2px #7FD0C2;
    border-radius: 10px;
    background: #fff;
}


/* PAGE FORMATTING */
.left_float {
	float: right;
}

/* USER CREDENTIAL SECTION */
.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.isAvailable {
  color: currentColor;
  cursor: not-allowed;
  text-decoration: none;
}

#information {
  display: none;
}

/* MODAL SECTION */
.modalDialog {
        position: fixed;
        font-family: Arial, Helvetica, sans-serif;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.1);
        z-index: 99999;
        opacity:0;
        -webkit-transition: opacity 200ms ease-in;
        -moz-transition: opacity 200ms ease-in;
        transition: opacity 200ms ease-in;
        pointer-events: none;
    }

    .modalDialog:target {
        opacity:1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 40%;
        position: relative;
        margin: 10% auto;
        padding: 5px 20px 13px 20px;
        border: solid 2px #F88F78;
        border-radius: 10px;
        background: #fff;
        /* background: -moz-linear-gradient(#fff, #999);
        background: -webkit-linear-gradient(#fff, #999);
        background: -o-linear-gradient(#fff, #999); */
    }

    .modalclose {
        background: #606061;
        color: #FFFFFF;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 24px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
    }

    .modalclose:hover { background: #4b6f9d; color: #FFFFFF;}