/**Text Alignment**/
/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        .text-xs-left {
            text-align: left;
        }
        .text-xs-right {
            text-align: right;
        }
        .text-xs-center {
            text-align: center;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        .text-xs-left {
            text-align: left;
        }
        .text-xs-right {
            text-align: right;
        }
        .text-xs-center {
            text-align: center;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .text-sm-left {
            text-align: left;
        }
        .text-sm-right {
            text-align: right;
        }
        .text-sm-center {
            text-align: center;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
          .text-md-left {
            text-align: left;
          }
          .text-md-right {
            text-align: right;
          }
          .text-md-center {
            text-align: center;
          }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }


/*****/
.control-checkbox {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	cursor: pointer;
	font-weight: normal;
    margin-bottom: 20px;
}
	/* Hover and focus states */
	.control-checkbox:hover input ~ .control-indicator:after {
		opacity: 0.6;
	}

	.control-checkbox input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}

.control .control-indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
}

.control input[type=checkbox] ~ .control-indicator {
    border-radius: 4px;
}

.control input[type=radio] ~ .control-indicator {
    border-radius: 20px;
}

/* Checkbox tick */
.control-checkbox input[type=checkbox] ~ .control-indicator:after {
	top: 0px;
	left: 6px;
	width: 7px;
	height: 13px;
	transform: rotate(45deg);
	border: solid #333;
	border-width: 0 1px 1px 0;
}

/* Radio Dot*/
.control-checkbox input[type=radio] ~ .control-indicator:after {
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border: 1px solid #999;
	background-color: #999;
	border-radius: 10px;
}


/* Checked state */
.control-checkbox input:checked ~ .control-indicator:after {
	opacity: 1;
}

/* Disabled state */
.control-checkbox input:disabled ~ .control-indicator {
	pointer-events: none;
	opacity: .6;
	background: #e6e6e6;
}

/* Check mark */
.control .control-indicator:after {
    position: absolute;
    opacity: 0;
    content: '';
}



/* Show check mark */
.control-checkbox input:checked ~ .control-indicator:after {
	display: block;
}


/* Disabled tick colour */
.control-checkbox input:disabled ~ .control-indicator:after {
	border-color: #7b7b7b;
}