//===================== pink ==========================
.border-pink{
    border-left:3px solid pink!important;
}
.inner-div-pink{
  border-radius: 3px;
  display: block;
  background: linear-gradient(to right,pink 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
}

.inner-div-pink:hover {
  background-position: left bottom;
}

.menu-title-pink{
  font-size: 16px;
  color: pink;
  transition: all .6s ease-out;
}
.inner-div-pink:hover .menu-title-pink{
  color: #fff;  
}


//===================== danger ==========================
.border-danger{
    border-left:3px solid #a94442!important;
}
.inner-div-danger{
  border-radius: 3px;
  display: block;
  background: linear-gradient(to right, #a94442  50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
}

.inner-div-danger:hover {
  background-position: left bottom;
}

.menu-title-danger{
  font-size: 15px;
  color: #a94442;
  transition: all .6s ease-out;
}
.inner-div-danger:hover .menu-title-danger{
  color: #fff;  
}


//===================== warning ==========================
.border-warning{
    border-left:3px solid #8a6d3b!important;
}
.inner-div-warning{
  border-radius: 3px;
  display: block;
  background: linear-gradient(to right, #8a6d3b  50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
}

.inner-div-warning:hover {
  background-position: left bottom;
}

.menu-title-warning{
  font-size: 16px;
  color: #8a6d3b;
  transition: all .6s ease-out;
}
.inner-div-warning:hover .menu-title-warning{
  color: #fff !important;  
}


//===================== info ==========================
.border-info{
    border-left:3px solid #36b9cc!important;
}
.inner-div-info{
  border-radius: 3px;
  display: block;
  background: linear-gradient(to right, #36b9cc  50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
}

.inner-div-info:hover {
  background-position: left bottom;
}

.menu-title-info{
  font-size: 16px;
  color: #36b9cc;
  transition: all .6s ease-out;
}
.inner-div-info:hover .menu-title-info{
  color: #fff;  
}

//===================== success ==========================
.border-success{
    border-left:3px solid #1cc88a !important;
}
.inner-div-success{
  border-radius: 3px;
  display: block;
  background: linear-gradient(to right, #1cc88a  50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
}

.inner-div-success:hover {
  background-position: left bottom;
}

.menu-title-success{
  font-size: 16px;
  color: #1cc88a;
  transition: all .6s ease-out;
}
.inner-div-success:hover .menu-title-success {
  color: #fff;  
}

//===================== orange ===========================

.border-orange{
    border-left:3px solid organe!important;
}
.inner-div-orange {
  border-radius: 3px;
  display: block;
  background: linear-gradient(to right, orange 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
}

.inner-div-orange:hover {
  background-position: left bottom;
}

.menu-title-orange {
  font-size: 16px;
  color: orange;
  transition: all .6s ease-out;
}
.inner-div-orange:hover .menu-title-orange {
  color: #fff;  
}
//===================== primary ==========================
		.border-primary{
			border-left:.35rem solid #4e73df!important;
		}
		.inner-div-primary {
		  border-radius: 3px;
		  display: block;
		  background: linear-gradient(to right, #4e73df 50%, white 50%);
		  background-size: 200% 100%;
		  background-position: right bottom;
		  transition: all .3s ease-out;
			
		}

		.inner-div-primary:hover {
		  background-position: left bottom;z-index:1000;
		}

		.menu-title-primary {
		  font-size: 16px;
		  color: #4e73df;
		  transition: all .6s ease-out;
		}
		.inner-div-primary:hover .menu-title-primary {
		  color: #fff;  
		}
		
/===================== pink ==========================
		.border-pink{
			border-left:.35rem solid pink!important;
		}
		.inner-div-pink {
		  border-radius: 3px;
		  display: block;
		  background: linear-gradient(to right, pink 50%, white 50%);
		  background-size: 200% 100%;
		  background-position: right bottom;
		  transition: all .3s ease-out;
			
		}

		.inner-div-pink:hover {
		  background-position: left bottom;z-index:1000;
		}

		.menu-title-pink {
		  font-size: 16px;
		  color: pink;
		  transition: all .6s ease-out;
		}
		.inner-div-pink:hover .menu-title-pink {
		  color: #fff;  
		}
//===================== burlywood ========================
.text-burlywood {
    border-left:.35rem solid burlywood !important;
}
.inner-div {
  border-radius: 3px;
  display: block;
  background: linear-gradient(to right, burlywood 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
	    
}

.inner-div:hover {
  background-position: left bottom;
}

.menu-title {
  font-size: 16px;
  color: burlywood;
  transition: all .6s ease-out;
}

.inner-div:hover .menu-title {
  color: #fff;  
}

option {
    background-color:#fff !important;
}
.form-all .form-upload{
    color:#000 !important;
}

.float-right{
    float:right;
}
.float-left{
    float:left;
}
.mt-0{
    margin-top:0px !important;
}
.mr-0{
    margin-left:0px !important;
}
.ml-0{
    margin-right:0px !important;
}
.text-success {
    /*color: #1cc88a !important;*/
      color:#111 !important;
    font-size:15px !important;
}
.text-warning {
    color:#111 !important;
     font-size:15px !important;
}
.text-info {
    color: #36b9cc !important;
     /* color:#111 !important; */
    font-size:17px !important;
}
.border-left-pink {
    border-left:.35rem solid pink !important
}
.border-left-burlywood {
    border-left:.35rem solid burlywood !important
}
.border-left-orange {
    border-left:.35rem solid orange !important
}
.text-pink{
    color:pink !important;
    font-size:17px !important;

}
.text-danger{
    color:#a94442  !important;
    font-size:17px !important;

}
.text-burlywood{
    color:burlywood !important;
    font-size:17px !important;

}

.text-orange{
    color:orange !important;
    font-size:17px !important;
}

.text-primary{
    color:#111 !important;
    font-size:17px !important;
}

.right-payment{
    color:#4e73df !important;
}

.right-owner{
    color:orange !important;
}

.right-expense{
    color:#1cc88a !important;
}

.right-report{
    color:#36b9cc !important;
}

.right-income{
    color:#deb887  !important;
}


.right-notification{
    color:#8a6d3b  !important;
}



.right-setting{
    color:pink !important;
}

.right-maintenance{
    color:#a94442  !important;
}

.supernova .form-all, .form-all{
                background-color:#dce9f9 !important;
    border-radius:0px !important;

            }
            .form-label.form-label-auto {
                color:#000 !important;
            }
            .form-textbox, .form-textarea, .form-dropdown{
                border-color:#000 !important;
                color:#000 !important;
            }
            [data-type="control_dropdown"] .form-dropdown{
                color:#000 !important;
            }
            
            
            .form-all{
                padding-bottom:0px !important;
                border: 1px solid #3c8dbc !important;
                border-top: 5px solid #3c8dbc !important;
            }
            label {
                color:#111 !important;
            }
            table{
                box-shadow:unset !important;
            }

            .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print{
                background:#3c8dbc !important;
            }

.page-title {
    text-align: center;
    padding: 10px 10px;
    background-color: #f7f0f0;
    margin: 0px !important;
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
}

    .page-title h3 {
        margin: 0px;
        font-size: 17px;
        font-weight: 600;
    }