@charset "utf-8";
/* CSS Document */


/*================================ BOOTSTRAP CUSTOM ================================*/
.mtop5{
	margin-top: 5px;
}

.mtop10{
	margin-top: 10px;
}

.mtop15{
	margin-top: 15px;
}

.mtop20{
	margin-top: 20px;
}

.mtop25{
	margin-top: 25px;
}

.mtop30{
	margin-top: 30px;
}



.mbot5{
	margin-bottom: 5px;
}

.mbot10{
	margin-bottom: 10px;
}

.mbot15{
	margin-bottom: 15px;
}

.mbot20{
	margin-bottom: 25px;
}

.mbot25{
	margin-bottom: 25px;
}

.mbot30{
	margin-bottom: 25px;
}

.mleft5{
	margin-left: 5px;
}

.mleft10{
	margin-left: 10px;
}

.mleft15{
	margin-left: 15px;
}

.mleft20{
	margin-left: 20px;
}

.mleft25{
	margin-left: 25px;
}

.mleft30{
	margin-left: 30px;
}

.mright5{
	margin-right: 5px;
}

.mright10{
	margin-right: 10px;
}

.mright15{
	margin-right: 15px;
}

.mright20{
	margin-right: 20px;
}

.mright25{
	margin-right: 25px;
}

.mright30{
	margin-right: 30px;
}



.mtop-5{
	margin-top: -5px;
}

.mtop-10{
	margin-top: -10px;
}

.mtop-15{
	margin-top: -15px;
}

.mtop-20{
	margin-top: -20px;
}

.mtop-25{
	margin-top: -25px;
}

.mtop-30{
	margin-top: -30px;
}


.mbot-5{
	margin-bottom: -5px;
}

.mbot-10{
	margin-bottom: -10px;
}

.mbot-15{
	margin-bottom: -15px;
}

.mbot-20{
	margin-bottom: -25px;
}

.mbot-25{
	margin-bottom: -25px;
}

.mbot-30{
	margin-bottom: -25px;
}



.mleft-5{
	margin-left: -5px;
}

.mleft-10{
	margin-left: -10px;
}

.mleft-15{
	margin-left: -15px;
}

.mleft-20{
	margin-left: -20px;
}

.mleft-25{
	margin-left: -25px;
}

.mleft-30{
	margin-left: -30px;
}

.mright-5{
	margin-right: -5px;
}

.mright-10{
	margin-right: -10px;
}

.mright-15{
	margin-right: -15px;
}

.mright-20{
	margin-right: -20px;
}

.mright-25{
	margin-right: -25px;
}

.mright-30{
	margin-right: -30px;
}



.ptop5{
	padding-top: 5px;
}

.ptop10{
	padding-top: 10px;
}

.ptop15{
	padding-top: 15px;
}

.ptop20{
	padding-top: 20px;
}

.ptop25{
	padding-top: 25px;
}

.ptop30{
	padding-top: 30px;
}

.pbot5{
	padding-bottom: 5px;
}

.pbot10{
	padding-bottom: 10px;
}

.pbot15{
	padding-bottom: 15px;
}

.pbot20{
	padding-bottom: 20px;
}

.pbot25{
	padding-bottom: 25px;
}

.pbot30{
	padding-bottom: 30px;
}

.pleft5{
	padding-left: 5px;
}

.pleft10{
	padding-left: 10px;
}

.pleft15{
	padding-left: 15px;
}

.pleft20{
	padding-left: 20px;
}

.pleft25{
	padding-left: 25px;
}

.pleft30{
	padding-left: 30px;
}

.pright5{
	padding-right: 5px;
}

.pright10{
	padding-right: 10px;
}

.pright15{
	padding-right: 15px;
}

.pright20{
	padding-right: 20px;
}

.pright25{
	padding-right: 25px;
}

.pright30{
	padding-right: 30px;
}




.float-left{
	float: left;
}

.float-right{
	float: right;
}



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




.test1{
	background-color: #FF8082;
	border: solid 1px #FF0004;
}

.test2{
	background-color: #FFC18C;
	border: solid 1px #FF8600;
}

.test3{
	border: solid 1px #FF0004;
}

.test4{
	border: solid 1px #FF8600;
}

.delpad{
	padding: 0px;
}

.delmar{
	margin: 0px;
}

/*------------ SCROLL STYLE ------------*/
.ss-wrapper {
	width: 100%;
	height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    float: left;
}

.ss-content {
    height: 100%;
    width: calc(100% + 16px);
    position: relative;
    overflow: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ss-scroll {
	position: relative;
	background: rgba(69,69,69,0.3);
	width: 8px;
	border-radius: 1px;
	top: 0;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.3s linear;
}

.ss-container:hover .ss-scroll {
  	opacity: 1;
}

.ss-grabbed {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
/*------------ SCROLL STYLE ------------*/


/*----------- CHECKBOX STYLE -----------*/

/*----------- CHECKBOX STYLE -----------*/