.serviceItem:hover {
	background: cornflowerblue;
	-o-transition: 1s ease-out, background 1s ease-in;
	-ms-transition: 1s ease-out, background 1s ease-in;
	-moz-transition: 1s ease-out, background 1s ease-in;
	-webkit-transition: 1s ease-out, background 1s ease-in;
	/* ...and now for the proper property */
	transition: 1s ease-out, background 1s ease-in;
	cursor: pointer;
}

.openpay {
    float: right;
    height: 60px;
    margin: 10px 30px 0 0;
    width: 435px;
}


.error{
    color: red;
    border-color:red;
}

.openpay div.logo {
    background-image: url("../img/openpay.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    border-right: 1px solid #ccc;
    font-size: 12px;
    font-weight: 400;
    height: 45px;
    padding: 15px 20px 0 0;
}

.openpay div.shield {
    background-image: url("../img/security.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: 400;
    margin-left: 20px;
    padding: 20px 0 0 40px;
    width: 200px;
}

.table-condensed td {
    vertical-align: middle !important; 
}

.bold {
    font-weight: bold !important; 
}

btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


/*custum style to panel*/
.custum-panel-title {
    background-color: #428bca;
    color: #ffffff;
    border-color: #428bca;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 5px;
    margin-bottom: 0px;
}

.detailsConfsection .panel-heading {
    margin-top:0 !important;
    padding: 0px 15px !important;
}

/*change of size in config printers form*/

.SearchSection .form-control, .SearchSection .control-label,
.detailsConfsection .form-control, .detailsConfsection .control-label {
    font-size: 12px !important;
    height: 25px !important;
}

.SearchSection .btn, .detailsConfsection .btn {
    font-size: 12px !important;
    height: 25px !important;
    padding: 0px 12px !important;
}

.detailsConfsection select {
    padding: 0px 12px !important;
}

.SearchSection span.has-feedback, .detailsConfsection span.has-feedback {
    font-size: 12px;
    color: #c62b2b !important;
}

.details-tbl tbody tr td img {
	height:80px;
	transition: all 2s;
}

.details-tbl tbody tr td img:hover {
	height: 220px;
	right:20px;
	transition: right 2s ease-in-out ,height 2s ease;
}


/* Position submenu Csss Start */

.dropdown-submenu {
	position: relative;
}

	.dropdown-submenu > .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px 6px;
		border-radius: 0 6px 6px 6px;
	}

	.dropdown-submenu > a:after {
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #cccccc;
		margin-top: 5px;
		margin-right: -10px;
	}

	.dropdown-submenu:hover > a:after {
		border-left-color: #ffffff;
	}

	.dropdown-submenu.pull-left {
		float: none;
	}

.dropdown-submenu.pull-left > .dropdown-menu {
			left: -100%;
			margin-left: 10px;
			-webkit-border-radius: 6px 0 6px 6px;
			-moz-border-radius: 6px 0 6px 6px;
			border-radius: 6px 0 6px 6px;
}

.submenu .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: black;
}


/* Position submenu Csss End */