/*------------ text-color--------------*/
.text-muted {
    color: #777;
}
.text-primary {
    color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}
.text-success {
    color: #4caf50;
}
a.text-success:hover,
a.text-success:focus {
    color: #249a29;
}
.text-info {
    color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
    color: #245269;
}
.text-warning {
    color: #f9a825;
}
a.text-warning:hover,
a.text-warning:focus {
    color: #ca7d00;
}
.text-danger {
    color: #e53935;
}
a.text-danger:hover,
a.text-danger:focus {
    color: #d70702;
}

.text-color-fff {
    color: #fff;
}
.text-color-4caf50 {
    color: #4caf50;
}
.text-color-9ba3a7 {
    color: #9ba3a7;
}
.text-color-78909c {
    color: #78909c;
}
.text-color-455a64 {
    color: #455a64;
}

/*------------  bg  --------------*/
.bg-color-ffffff {
    background-color: #ffffff;
}
.bg-color-cc3467 {
    background-color: #cc3467;
}
.bg-color-4caf50 {
    background-color: #4caf50;
}
.bg-color-eceff1 {
    background-color: #eceff1;
}
.bg-color-f9a825 {
    background-color: #f9a825;
}
.bg-color-78909c{
    background-color: #78909c;
}
.bg-color-1d1d1b{
    background-color: #1d1d1b;
}
.bg-color-ebeff0{
    background-color: #ebeff0;
}


/*------------------   width   -------------------*/
.full-width {
    width: 100%;
}
/*------------------   width   -------------------*/
.full-height {
    height: 100%;
}
.full-height-for-window
{
    height: calc(100vh);
}
/*------------------   padding   -------------------*/
.padding-0 {
    padding: 0px;
}
.padding-25 {
    padding: 25px;
}
.padding-50-0 {
    padding: 50px 0px;
}
.padding-30-0 {
    padding: 30px 0px;
}
.padding-0-25 {
    padding: 0px 25px;
}
.padding-0-30 {
    padding: 0px 30px;
}

.padding-5-0 {
    padding: 5px 0px;
}

.padding-15-0 {
    padding: 15px 0px;
}

.padding-0-15 {
    padding: 0px 15px;
}
.padding-100-0 {
    padding: 100px 0px;
}

.padding-0-50 {
    padding: 0px 50px;
}
.padding-0-100 {
    padding: 0px 100px;
}
.padding-120-0-0-0 {
    padding: 120px 0px 0px 0px;
}
/*------------------   margin   -------------------*/
.margin-0 {
    margin: 0px;
}
.margin-15-0 {
    margin:15px 0px;
}
.margin-0-5 {
    margin:0px 5px;
}
.margin-0-15 {
    margin:0px 15px;
}
.margin-15-0-0-0 {
    margin:15px 0px 0px 0px;
}
.margin-100-0 {
    margin: 100px 0px;
}
.margin-15-0-0-0 {
    margin: 15px 0px 0px 0px;
}
.margin-30-0-0-0 {
    margin: 30px 0px 0px 0px;
}
.margin-100-0-0-0 {
     margin: 100px 0px 0px 0px;
 }

.margin-0-0-15-0 {
    margin: 15px 0px 15px 0px;
}
.margin-0-0-30-0 {
    margin: 0px 0px 30px 0px;
}
.margin-0-0-100-0 {
    margin: 0px 0px 100px 0px;
}

/*------------------   position   -------------------*/
.position-fixed {
    position: fixed;
    top: 0px;
}

/*----------------    zoom    --------------------*/
.zoom-09 {
    zoom:0.5;
}
.zoom-08 {
    zoom:0.5;
}
.zoom-07 {
    zoom:0.5;
}
.zoom-06 {
    zoom:0.5;
}
.zoom-05 {
    zoom:0.5;
}
.zoom-04 {
    zoom:0.4;
}
.zoom-03 {
    zoom:0.3;
}
.zoom-02 {
    zoom:0.2;
}
.zoom-01 {
    zoom:0.1;
}

/*----------------    width    --------------------*/
.full-width{
    width: 100%;
}

/*----------------    height    --------------------*/
.full-height{
    height: 100%;
}

/*----------------    height    --------------------*/
.opacity-0{
    opacity: 0;
}