/* 
    Created on : 26-May-2017, 15:03:45
    Author     : MAYTHINAYE
*/
.vertical-align{
    display: flex !important;
    align-items: center !important;
    -moz-align-items:center !important;
    -webkit-align-items:center !important;
}
/*my frame (!not responsive)*/
.whole,.ninty,.eighty,.seventy,.sixty-seven,.sixty,.half,.forty-nine,.half,.forty,.thirty-three,.thirty,.quarter,.twenty,.fifteen,.ten,.five{
    position: relative;
    float:left;
    min-height: 10px;
}
.whole{width:100% !important;}
.ninty{width:90% !important;  }
.eighty{width:80% !important;   }
.seventy{width:70% !Important;}
.sixty-seven{width:67% !Important;}
.sixty{width:60% !Important;}
.fifty-five{width:55% !Important;}
.half{width:50% !Important;}
.forty{width:40% !Important;}
.forty-nine{width:49% !Important;}
.forty-five{width:45% !Important;}
.thirty-three{width:33% !Important;}
.thirty-five{width:35% !Important;}
.thirty{width:30% !Important;}
.quarter{width:25% !important;}
.twenty{width:20% !Important;}
.fifteen{width:15% !Important;}
.ten{width:10% !important;}
.five{width:5% !Important;}
.go-right{float:right !Important;}
.auto-height{height:auto !important;}

.horizontal-space{
    width:100%;
    float:left;
    position: relative;
    height: 20px;
}

.orange-bg{
    background:#ef6b2a !Important;;
}
.green-bg{
    background:#009900 !important;
}
.dark-bg{
    background:#222 !important;
}
.slide-out{
    height:auto;
}
.burger-btn-change1{
    display: none !important;
}
.burger-btn-change2{
    transform: rotate(45deg);
    top:11px;
}
.burger-btn-change3{
    transform: rotate(-45deg);
}
.no-show{
    opacity:0;
}
.show-show{  
  opacity:1!important;
}
.error{
    color:red;
    font-size: .8em;
    font-weight: bold;
    letter-spacing: .1em;
    position: relative;
    float:left;
    width:100%;
}
frm-stock-manage .error{
 height:10px;  
}
/* 
for spring message
*/
.error span {
    color: red;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: .1em;
    position: relative;
    float:left;
    width:100%;
}

.success{
    color: green;
    font-size: .8em;
    font-weight: bold;
    letter-spacing: .1em;
    position: relative;
    float:left;
    width:100%;
}
.form-button{
	float:right;
	margin-right:10px;
	/* min-width:100px; */
}
/* change background color of autocomplete- */
.ui-menu-item .ui-menu-item-wrapper:hover
{
    border: none !important; 
    background-color: #636694;
	color:#fff;
} 
.ui-menu-item .ui-menu-item-wrapper
{
	border: none !important; 
    background-color: #A8AEFC;
} 
.left-text-align
{
	text-align: left;
} 
/*animation*/

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*tablet*/
@media only screen and (min-width:671px) and (max-width: 850px){
    .half{
        width:100% !important;
    }
}
/*mobile*/
@media only screen and (max-width: 670px){
    .half{
        width:100% !important;
    }
}