.container2{
	max-width: 400px;
	margin: 0  auto;
}

.v-space {
	width: 100%;
	height: 20px;
}

.v-space-0 {
	width: 100%;
	height: 7px;
}

.center-text {
	text-align: center;
}

.direction-rtl{
	direction: rtl;
}

.label{
	font-weight: bold;
}

.label-normal{
	font-weight: normal;
}

.d-block{
	width:100%;
	display: block;
}

.inline-block{
	display: inline;
}

.inline-real-block{
	display: inline-block;
}



.myCheckbox input {
    // display: none;
    // Better than display: none for accessibility reasons
    position: relative;
    z-index: -9999;
}

.myCheckbox span {
    width: 20px;
    height: 20px;
    display: block;
    background: url("link_to_image");
}

.myCheckbox input:checked + span {
    background: url("link_to_another_image");
}

.readonly{
	background: #d5d5d5 !important;
}


.color-1{
	color: red;
}

.color-2{
	color:orange;
}


.color-3{
	color:green;
}

.color-4{
	color: #fff786;	
}

.color-5{
	color: #fff786;	
}

.color-6{
	color: #fe44cc;
}
.color-7{
	color: gray;
}
.color-8{
	color: #337ab7;
}

.color-9{
	color: white;
}

.uppercase{
	text-transform: uppercase;
}

.lowercase{
	text-transform: lowercase;
}

.text-italic {
	font-style: italic;
}


.delimiter {
	width: 100%;
	background: lightgray;
	height: 1px;
}

.nowrap {
        white-space:nowrap;
    }
    
    
.cursor-pointer{
	cursor:pointer;
}