﻿label.required::after { 
content: "*";
color:#F00;
}
.formpnltyp1{
/* box-shadow:0 -1.25em 3em -0.833em #e0e0e0 inset!important;
border:.1em solid #b0b0b0;
padding:15px; 
padding-bottom:0px;*/
}
button.ctmmenu{
padding:3px;
padding-right:7px;
padding-left:7px;
background:none;
border:0em solid #FFF;
font-weight:bold;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#000;
margin-right:7px;
}
button.ctmmenu:hover{
background-color:#CCC;
}
button.ctmmenu span:nth-child(1){
width:16px;
height:16px;
float:left;
margin-right:7px;
}
.screensubtitle{
font-size:14px;
font-weight:bold;
color:#000;
text-transform: uppercase;
margin-bottom:5px;
}
.screensubtitle::after{
content:" ";
display:block;
clear:both;
}
.screensubsubtitle{
font-size:12px;
font-weight:bold;
color:#000;
text-transform: uppercase;
margin-bottom:5px;
}
.screensubsubtitle::after{
content:" ";
display:block;
clear:both;
}
footer{
padding-top:2px;
}
.breadcrumb li a,
.breadcrumb .active{
font-size:11px;
}
.country-list li{
float:none !important;
margin-bottom:0px !important
}
.intl-tel-input .flag-dropdown .country-list .country .dial-code,
.intl-tel-input .flag-dropdown .country-list .country-name{
clear:none !important;
}
.intl-tel-input .flag-dropdown .country-list .flag{
float:left !important
}
.country-list li::after{
content:" ";
clear:both;
display:inline-block;
}
.intl-tel-input input{
height:22px !important;
padding-left:40px !important
}
.intl-tel-input .flag-dropdown .selected-flag{
padding-top:2px !important;
padding-bottom:2px !important;
margin-top:21px !important;
}
.intl-tel-input .flag-dropdown .country-list{
top:41px !important;
width:300px !important 
}
select,
textarea,
input[type=tel],
input[type=number]{
outline:none !important
}
input[type=number]{
	text-indent:3px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
padding-bottom:0px
}
.k-grid .k-link.k-pager-nav{
margin-top:3px !important;
}
.k-grid .k-link.k-pager-nav .k-icon.k-i-arrow-e,
.k-grid .k-link.k-pager-nav .k-icon.k-i-seek-e,
.k-grid .k-link.k-pager-nav .k-icon.k-i-arrow-w,
.k-grid .k-link.k-pager-nav .k-icon.k-i-seek-w{
margin-top:4px !important;
}
.k-grid .k-header.k-grid-toolbar .k-button.k-button-icontext{
background-color:#7a8291;
font-size:11px;
padding-top:.35em;
line-height:1.2em;
}
.k-grid-toolbar .k-add, .k-grid-toolbar .k-button:hover .k-add{
}
.k-button.k-button-icontext:hover{
background-color:#555f71	
}
.k-grid .k-header.k-grid-toolbar{
background-color:transparent !important;
padding-left:0em !important;
border-bottom-width:0em !important;
padding:0px !important;
padding-left:0px !important;
padding-bottom:1em !important;
}
.k-grid tbody td .k-button.k-button-icontext.k-grid-delete{
background-color:#7a8291;
padding:1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height:16px;
vertical-align:middle;
color:#FFF;
}
hr{
margin:0px;
}
.k-grid.k-widget{
border-width:0em
}
.k-grid div.k-grid-header{
border:.1em solid #dcdcdc;
}
.k-grid .k-grid-header thead th
{
border-right:.1em solid #dcdcdc !important;
border-left-width:0em !important;
padding-left:1em !important
}
.k-grid .k-grid-header thead th:last-child{
border-right-width:0em !important
}
.k-grid .k-grid-content tbody td
{
border-right:.1em solid #dcdcdc !important
}
.k-grid .k-grid-content tbody td:last-child{
border-right-width:0em !important
}
.k-grid-header-wrap{
border-color:transparent
}
.k-grid .k-grid-content{
border-left:.1em solid #dcdcdc;
border-right:.1em solid #dcdcdc;
border-bottom:.1em solid #dcdcdc;
}
.k-grid .k-grid-pager{
border-top:0em solid #dcdcdc;
border-left:.1em solid #dcdcdc;
border-right:.1em solid #dcdcdc;
border-bottom:.1em solid #dcdcdc;
}
.k-grid-header .k-header,
.k-grid .k-grid-header{
background-color:#eef1eb;
}
.wizprevious{
border:0em solid #fff;
background: url("arrow_wiz_prev.png") no-repeat center !important;
min-width:25px;
height:25px;
line-height:25px;
outline:none;
margin-right:5px;
}
.wiznext{
border:0em solid #fff;
background: url("arrow_wiz_next.png") no-repeat  center !important;
min-width:25px;
height:25px;
line-height:25px;
outline:none;
}
.wizcontinue{
border:.1em solid #7d7e7d;
background: #FFF;
height:25px;
line-height:25px;
outline:none;
padding-left:10px;
padding-right:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#7d7e7d;
min-width:75px
}
.wizcontinue:hover{
background: #7d7e7d;
font-weight:bold;
color:#FFF;
}
.wizfinish{
border:.1em solid #0871a9;
background: #0871a9;
height:25px;
line-height:25px;
outline:none;
padding-left:10px;
padding-right:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#FFF;
min-width:75px;
font-weight:bold;
}
.wizfinish:hover{
background: #065782;
}
.wizprevious:hover{
background: url("arrow_wiz_hover_prev.png") no-repeat  center !important;
}
.wiznext:hover{
background: url("arrow_wiz_hover_next.png") no-repeat  center !important;
}
.wizprevious:disabled{
background: url("arrow_wiz_disp_prev.png") no-repeat  center !important;
}
.wiznext:disabled{
background: url("arrow_wiz_disp_next.png") no-repeat  center !important;
}
/* Above CSS need to add in library */
hr{
border-color:#e1e1e1;
}
.loginbg{
/* Login Bg Panel size 800X350 */
background: url("../images/Al-maha-logo.png") no-repeat 600px 100px, #FFF url("../images/Carousel-banner2.jpg") no-repeat -650px -100px !important;
border:.1em solid #996600
}
.product_logo {
/* Logo Size 150X40 */
background: none !important;
background: url("../images/Al_Maha_logo.gif") no-repeat !important;
}
.megamenu_icon{
background-color:#af9030;
background-position:-10px -2px;	
}
.megamenu_icon:hover{
background-color:#806822;
background-position:-10px -2px;	
}
header{
background-color:#736b60 !important;
}
.searchpageicon{
border-left-color:#574e43
}
.qr_web_notify{
border-left-color:#574e43;
border-right-color:#574e43
}
.searchpageicon.highlight{
background-color:#403629
}
.searchpageinput{
background-color:#574e43
}
header .corporateicon {
/* Logo Size 40X40  */
border-left-color:#574e43
}
.userinfopnl .dropdown-menu{
background-color:#574e43
}
.userinfopnl .dropdown-menu.dropdown-menu-right a:hover{
background-color:#e4e7de;
color:#333;
}
.userinfopnl .dropdown-menu.dropdown-menu-right li{
border-bottom:.1em solid #e3e7de
}
.userinfopnl .dropdown-menu.dropdown-menu-right li:last-child{
border-bottom-width:0em
}
.megamenu .mastermenu .mastermenu_hover{
border-color:#af9030 !important;
color:#806822	
}
.megamenu .mastersubmenu .submenugroup ul li:hover{
color:#806822
}
.megamenu .mastersubmenu .submenugroup ul li:hover span:hover{
background-color:#af9030
}
footer .btn_primary{
border-color:#0871a9 !important;
background:none !important;
background-color:#0871a9 !important
}
footer .btn_primary:hover{
border-color:#075782 !important;
background:none !important;
background-color:#075782 !important
}
.open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default:focus{
background-color:#574e43;
border-color:#574e43;
}
footer .dropdown-menu{
background-color:#574e43;	
}
footer .btn_secondary:hover{
border-color:#574e43 !important;
background:none !important;
background-color:#574e43 !important
}
.contextmenu_bar{
background-color:#e3e7de;
border-color:#c1c2b8
}
.dropdown-menu.notifications .notification-heading{
background-color:#403629
}
.dropdown-menu.notifications .notifications-wrapper{
background-color:#574e43
}
.dropdown-menu.notifications .notification-item:hover{
background-color:#e4e7de
}
.dropdown-menu.notifications .notification-item:hover div{
color:#333
}
.screentitle{
color:#967a25;
}
.qr_form_horizontal_fixed .txtbox1,
.qr_form_horizontal_fixed select,
.qr_form_horizontal_fixed input[type=tel],
.qr_form_horizontal_fixed input[type=number],
.qr_form_horizontal_fixed ul li .k-picker-wrap.k-state-default,
.qr_form_horizontal_fixed .k-autocomplete.k-state-default,
.qr_form_horizontal_fixed textarea
{
	border:.1em solid #bfc6c8 !important
}
.qr_form_horizontal_fixed input[type=radio]:checked + label:before{
color:#ccab42;
border-color:#af9030
}
.qr_form_horizontal_fixed input[type=checkbox] + label:before{
border-color:#cfa843;
}
.qr_form_horizontal_fixed input[type=checkbox]:checked + label:before{
border-color:#ccab42;
background-color:#ccab42
}
.glyphicon-star1{
background: url("../images/Al_Maha_logo.gif") no-repeat !important;
width:16px;
height:16px;
}
button.ctmmenu{
color:#2b3245
}
button.ctmmenu:hover{
background-color:#736b60;
color:#FFF
}
.breadcrumb li a{
color:#7d8ba2
}
.breadcrumb .active{
font-weight:normal;
color:#7d8ba2
}
.screensubtitle{
color:#967a25
}
.screensubsubtitle{
color:#967a25
}
button.ctm_save span:nth-child(1){
background: url("btn_save.png") no-repeat center;
}
button.ctm_save:disabled{
background-color:#CCC;
color:#666;
}
button.ctm_save:disabled:hover{
color:#666;
}
button.ctm_save:hover span:nth-child(1){
background: url("btn_save_hover.png") no-repeat center;
}
button.ctm_reset span:nth-child(1){
background: url("btn_reset.png") no-repeat center;
}
button.ctm_reset:disabled{
background-color:#CCC;
color:#666;
}
button.ctm_reset:disabled:hover{
color:#666;
}
button.ctm_reset:hover span:nth-child(1){
background: url("btn_reset_hover.png") no-repeat center;
}
button.ctm_edit span:nth-child(1){
background: url("btn_edit.png") no-repeat center;
}
button.ctm_edit:hover span:nth-child(1){
background: url("btn_edit_hover.png") no-repeat center;
}
button.ctm_edit:disabled{
background-color:#CCC;
color:#666;
}
button.ctm_edit:disabled:hover{
color:#666;
}
button.ctm_edit:disabled:hover span:nth-child(1){
background: url("btn_edit.png") no-repeat center;
}
button.ctm_copy span:nth-child(1){
background: url("btn_copy.png") no-repeat center;
}
button.ctm_copy:disabled{
background-color:#CCC;
color:#666;
}
button.ctm_copy:disabled:hover{
color:#666;
}
button.ctm_copy:hover span:nth-child(1){
background: url("btn_copy_hover.png") no-repeat center;
}
button.ctm_publish span:nth-child(1){
background: url("btn_publish.png") no-repeat center;
}
button.ctm_publish:disabled{
background-color:#CCC;
color:#666;
}
button.ctm_publish:disabled:hover{
color:#666;
}
button.ctm_publish:hover span:nth-child(1){
background: url("btn_publish_hover.png") no-repeat center;
}
.k-header,
.k-calendar td.k-state-selected{
background-color:#ccab42
}
.k-calendar .k-header .k-state-hover{
background-color:#af9030
}
.k-calendar .k-header .k-link.k-nav-next .k-icon.k-i-arrow-e,
.k-calendar .k-header .k-link.k-nav-prev .k-icon.k-i-arrow-w{
margin-top:5px
}
.k-calendar .k-footer .k-nav-today{
color:#af9030
}
.ui-tabs .ui-widget-header .ui-state-default{
background-color:#e3e7de
}
.ui-tabs .ui-widget-header .ui-state-default a{
color:#736b60
}
.ui-tabs .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active{
background-color:#ccab42
}
.ui-tabs .ui-state-default{
margin-right:5px !important;
}
.ui-tabs .ui-tabs-panel{
border-width:0em;
border-top:.1em solid #ccab42;
border-bottom:.1em solid #e1e1e1;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}
.k-grid .k-pager-wrap .k-pager-numbers .k-state-selected{
background-color:#ccab42
}
.qr_form_horizontal_fixed li label:nth-child(1){
cursor:default;
}
.k-grid .k-header.k-grid-toolbar,
.k-grid .k-pager-wrap.k-grid-pager.k-widget{
background-color:#f6f6f6
}
.k-grid tbody td .k-button.k-button-icontext.k-grid-delete .k-icon.k-delete{
display:none;
}
.k-edit-cell .k-input.k-textbox{
line-height:31px;
height:31px;
text-indent:7px;
}
.k-grid .k-dirty{
margin-left:-10px;
margin-top:-5px;
}
.flashmsgpnlgrn{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:auto; background-color:#4CAF50; color:#FFF; font-weight:bold; padding:5px; text-align:center;
}
.flashmsgpnlgrn::after{
	display:block;
	content:"";
	clear:both
}
.k-grid .k-grid-header .k-header{
color:#2b3245;
font-weight:bold;
}
.k-grid .k-header.k-grid-toolbar .k-button.k-button-icontext:hover{
background-color:#af9030
}
.k-grid tr.k-state-selected{
background-color:#fae6a6
}



#horizontal-style {
    display: table;
    width: 100%;
    table-layout: fixed;
	margin-top:0px !important;
	font-size:14px;
}

#horizontal-style li {
    display: table-cell;
}
#horizontal-style a {
    display: block;
    text-align: center;
    margin: 0px;
	line-height:50px;
	}

#horizontal-style .success{
background-color:#ccab42;
}
#horizontal-style .success a{
color:#FFF;
font-weight:bold;
}
#horizontal-style .success a span:nth-child(1){
	background:url(wiz_tick_white.png) no-repeat left;
	width:32px;
	margin-left:10px;
}
#horizontal-style .success a span:nth-child(2){
	background:url(wiz_arrow_white.png) no-repeat left;
	width:40px;
	
}

#horizontal-style .working{
background-color:#af9030;
}
#horizontal-style .working a{
color:#FFF;
font-weight:bold;
}
#horizontal-style .working a span:nth-child(1){
	background:url(wiz_edit_white.png) no-repeat left;
	width:32px;
	margin-left:10px;
}
#horizontal-style .working a span:nth-child(2){
	background:url(wiz_arrow_white.png) no-repeat left;
	width:40px;
	
}
#horizontal-style .disabled{
background-color:#e3e7de;
}
#horizontal-style .disabled a{
color:#abafa5;
font-weight:bold;
cursor:not-allowed
}
#horizontal-style .disabled a span:nth-child(1){
	background:url(wiz_notallowed.png) no-repeat left;
	width:32px;
	margin-left:10px;
}
#horizontal-style .disabled a span:nth-child(2){
	background:url(dis_wiz_arrownext.png) no-repeat left;
	width:40px;
	
}
#horizontal-style li:first-child{
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
#horizontal-style li:last-child{
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

#wizdispinline {
    display: table;
    width: 100%;
	margin-top:0px;
}
#wizdispinline li {
    display: table-cell;
	border-right:.1em solid #CCC;
	height:40px;
	padding-left:1em;
}
#wizdispinline li:first-child{
padding-left:0em
}
#wizdispinline li label:last-child{
font-weight:bold;
}

#wizdispinline li:last-child {
	border-right:0em solid #CCC;
}
#wizdispinline li:last-child label:last-child{
font-size:16px;
color:#af9030
}

div {
    background: #ccc
}
.wiz_payment .selected{
border:.1em solid #ccab42;
height:50px;
}
.wiz_payment li label{
margin:5px;
}
.wiz_payment .not_selected{
border:.1em solid #e1e1e1;
height:50px;
}
.wiz_invoicepnl{
}
.wiz_creditpnl{
background:url(creditcardlogos.png) no-repeat right bottom;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.country-list li{
float:left !important;
margin-bottom:0px !important
}
.intl-tel-input .flag-dropdown .country-list .country{
width:100%;
}
}
