/*---------------------------------------------------------------------------
	App URL		::	 http://alamat.com
	Verson		::	1.0 [ March 2014]
	Description	::	 alamat restaurant
	-------------------------------------------------------------------------------*/

/* Listing Style :: Grid View, common style inner page 
-------------------------------------------------------------------------------*/

/* Gride Style 01 (on Report screen) */
.grid_list_01 { background: none repeat scroll 0 0 #ffffff; float: left; padding: 17px; width: 420px; }
.grid_list_01:hover { background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 17px; width: 420px; }
/* Gride Style 02 (on Administratiom > Basic Settings)*/
.grid_list_02 .col { background:#fff; float: left; margin-left: 1.25%; margin-bottom: 1.1em; min-height:180px; max-width:378px; border:1px solid #e5e5e5; }
.grid_list_02 .col { width: 32.5%; }
.grid_list_02 .col:nth-of-type(3n+1) {margin-left: 0; clear: left;}
.grid_list_02 .col:nth-last-of-type(-n+3) {margin-bottom:0;}

/* Gride Style 03 (on Administratiom > Person > Employee) */
.grid_list_03 .col { float: left; margin-left: 1.25%; margin-bottom: 1em; min-height:104px; max-width:385px; width: 32.27%; border: 1px solid #e5e5e5; }
.grid_list_03 .col:nth-of-type(3n+1) { margin-left: 0; clear: left;}
.grid_list_03 .col:nth-last-of-type(-n+3) { margin-bottom:0; }

/* Gride Style 04 (on Services & Maintenance > Reports) and Main Nav Reports*/
.grid_list_04 { width:100%; float:left; }
.grid_list_04 .col { width: 32.3%; }
.grid_list_04 .col:nth-of-type(3n+1) { margin-left: 0; clear: left;}
.grid_list_04 .col:nth-last-of-type(-n+3) { margin-bottom:0; }

.listing_01{}
.listing_01 th{ border-top:none;font-size: 14px;color: #858585; font-weight:normal;padding:8px 5px !important; }
.listing_01 tr{ border-bottom:1px solid #e4e4e4; border-collapse:collapse; color:#545454; font-weight:normal;}
.listing_01 td{font-size:14px; padding:6px 5px}

.list_action_menu { float:right; }
.list_action_menu li {display:inline-block; }
.list_action_menu li a { width:24px; height:18px; display:inline-block; background:url(../images/icons/togle_drop_icons_2.png) no-repeat left top; }
.list_action_menu li a.edit { background-position:left -52px;}
.list_action_menu li a.edit:hover { background-position:left -77px;}
.list_action_menu li a.delete { background-position:left -3px;}
.list_action_menu li a.delete:hover {background-position:left -28px;}


/*report icons*/
.list_action_menu li a.mark_done{background-position:left -102px;}
.list_action_menu li a.mark_done:hover{background-positi on:left -127px; }
.list_action_menu li a.mark_done_actv{background-position:left -127px; }




/*************inner heading**************/
.inner_head_top{ display:block}
.head_lft{ display:inline-block}
.head_rgt{display:block}
.inner_head_top h1{ font-size:20px; color:#141414; font-weight:normal;}
.content_area{ display:block}
.input_lft_col{ float:left}
.input_rgt_col{ float:right}
.input_row{ width:100%; float:left; margin-bottom:3px; border-bottom:solid 1px #e5e5e5;}
.label_col{}
.input_col{}
.sub_head h2{ font-size:16px;}
.button_row{}

.dash_blankslate {
    background: url("../images/blankslate/dash_blank.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    float: left;
    min-height: 675px;
    width: 100%;
}
.serviceCharge_blankslate {
    background: url("../images/blankslate/service_charge_blank.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    float: left;
    min-height: 675px;
    width: 100%;
}


/*************Personnel tracking**************/

.tabstyle_05 { list-style: none outside none; margin: 0; padding: 0; }
.tab_05_container { display:block; padding:10px; border-top:1px solid #DCDDDE; background:#FFF; min-height:451px; }
.tabstyle_05 ul { padding:0; margin:0; border-bottom: 1px solid #e4e5e6; }
.tabstyle_05 li { display:inline-block; border-bottom:none; padding:0 15px; margin: 0 -1px 0 0; /* height:30px; float:left; */  }
.tabstyle_05 li:hover { background:#fff; }
.tabstyle_05 li.active { border: 1px solid #ffbb00; height: 30px; border-bottom: 1px solid #fff !important; margin-bottom: -1px; position: relative; }
.tabstyle_05 li a { line-height:30px; background: url(../images/icons/tabstyle_05_icon.png) no-repeat left 6px; padding-left:24px; display:block; color:#000; }
.tabstyle_05 li a:hover { color: #8D8D8D; text-decoration:none; }
.tabstyle_05 li a.joined_icon { background-position:left -605px !important; }
.tabstyle_05 li a.invited_icon { background-position:left -578px !important; }

.br_yellow_btm, .yellow_btm_br{ border-bottom:1px solid #ffbb00;}

.tabstyle_02 li a:after { border-bottom: 50px solid rgba(0, 0, 0, 0); border-left: 20px solid #FFFFFF; border-top: 50px solid rgba(0, 0, 0, 0); content: " "; display: block; height: 0; left: 100%; margin-top: -50px; position: absolute; top: 50%; width: 0; z-index: 2; }
.tabstyle_02 li a:before { border-bottom: 50px solid rgba(0, 0, 0, 0); border-left: 36px solid #FFFFFF; content: " "; display: block; height: 0; left: 100%; margin-left: 1px; margin-top: -50px; position: absolute; top: 50%; width: 0; z-index: 1; }
.tabstyle_02 li a:focus { }
.tabstyle_02 li.tabs-selected a { background: linear-gradient(to right, #FFE8A1 1%, #FECE3A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; }
.tabstyle_02 li.tabs-selected a:after { border-left-color: #FECE3A !important; }
.tabstyle_02 li a:hover { background: linear-gradient(to right, #FFE8A1 1%, #FECE3A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; }
.tabstyle_02 li a:hover:after { border-left-color: #FECE3A !important; }
.tab_02_container { display:block; padding-top:15px; }
.inpt_fld_row { width:100%; float:left; margin-bottom:3px;}
.grid_col_pad {padding: 10px;}

.row_list_01 { border-collapse: collapse; border:#e4e4e4 solid 1px; border-top: solid 1px #fff; background:#fff; color:#777777; }
.row_list_01 th { border-left:solid 1px #fff; border-right:solid 1px #fff; font-family: 'calibriregular'; font-weight:normal; padding:6px 8px; text-align:left;}
.row_list_01 tr {  padding:5px 8px; height:32px; border-top:#e4e4e4 solid 1px; color:#000; }
.row_list_01 tr:first-child {border-top:1px solid #fff; padding:5px 8px !important;height:32px;color:#000;}
/* .row_list_01 td {padding:0 !important; border:none;} */
.row_list_01 td {padding:5px 8px !important; border:none;}
.row_list_head_01 { border-collapse: collapse; border:#e4e4e4 solid 1px;  border-top: solid 1px #fff; background:#fff; color:#777777; }
.row_list_head_01 th { border-left:solid 1px #fff; border-right:solid 1px #fff; font-family: 'calibriregular'; font-weight:normal; padding:6px 8px; }

.gear_icon {
    background: url(../images/icons/psnl-setngs.png) no-repeat 0 2px rgba(0, 0, 0, 0);
    cursor: pointer;
    width: 26px;
    height:16px;
    display:inline-block;
}
.gear_icon:hover {
    background: url(../images/icons/psnl-setngs.png) no-repeat scroll 0 -19px rgba(0, 0, 0, 0);
    text-decoration:none !important;
}
.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: block;
    float: left;
    min-width: 118px;
    font-size: 13px;
    list-style: outside none none;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
}
.drop_style_1 {
    right: 0px;
    top: 18px;
}
.dropdown-menu > li > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 24px;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #CCC;
    background: url(../images/icons/togle_drop_icons.png) no-repeat 0.6em -0.2em;
    padding-left: 26px;
}
.dropdown-menu > li > a:hover {background: url(../images/icons/togle_drop_icons_hover.png) no-repeat 0.6em -0.2em;}
/* reset  list style */
.cbp-tm-menu,
.cbp-tm-menu ul {
    list-style: none;
}

/* set menu position; change here to set to relative or float, etc. */
.cbp-tm-menu {
    z-index: 1000;
    margin: 0;
    text-transform: capitalize;
    
}

/* first level menu items */
.cbp-tm-menu > li {
    display: inline-block;
    position: relative;
}

.cbp-tm-menu > li > a {
    display: block;
}

/* sumbenu with transitions */
.cbp-tm-submenu {
    position: absolute;
    display: block;
    font-size:12px;
    visibility: hidden;
    opacity: 0;
    padding: 0;
    text-align: left;
    pointer-events: none;
    -webkit-transition: visibility 0s, opacity 0s;
    -moz-transition: visibility 0s, opacity 0s;
    transition: visibility 0s, opacity 0s;
}

.cbp-tm-show .cbp-tm-submenu {
    width: 7em;
    border:solid 1px #007aff;
    border-radius:3px;
    left: -175%;
    margin: 0 0 0 -1em;
    z-index:999;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transition: visibility 0s, opacity 0.3s;
    -moz-transition: visibility 0s, opacity 0.3s;
    transition: visibility 0s, opacity 0.3s;
}

.cbp-tm-show-above .cbp-tm-submenu {
    bottom: 70%;
}

.cbp-tm-show-below .cbp-tm-submenu {
    top: 100%;
}

/* extreme cases: not enough space on the sides */
.cbp-tm-nospace-right .cbp-tm-submenu {
    right: 0;
    left: auto;
}

.cbp-tm-nospace-left .cbp-tm-submenu {
    left: 0;
}

/* last menu item has to fit on the screen */
.cbp-tm-menu > li:last-child .cbp-tm-submenu {
    right: 0;
}

.cbp-tm-submenu > li {
    display: block;
    background: #fff;
    border-bottom: 1px solid #CCCCCC;
}



.edit_icon{ background-position:0.6em -3px !important; }
.edit_icon:hover{background-position:0.6em -3px ;}
.delete_icon{background-position:0.6em -29px !important;}
.delete_icon:hover{background-position:0.6em -29px;}
.lock_icon{background-position:0.6em -57px !important;}
.lock_icon:hover{background-position:0.6em -57px;}
.reset_icon{background-position:0.6em -82px !important;}
.reset_icon:hover{background-position:0.6em -82px;}
.right_icon{background-position:0.6em -107px !important;}
.right_icon:hover{background-position:0.6em -107px;}
.sms_icon{background-position:0.6em -163px !important;}
.sms_icon:hover{background-position:0.6em -163px;}
.email_icon{background-position:0.6em -134px !important;}
.email_icon:hover{background-position:0.6em -134px;}
.active_icon { background-position:0.6em -107px !important; }
.active_icon:hover { background-position:0.6em -107px; }
.de_active_icon { background-position:0.6em -54px !important; }
.de_active_icon:hover { background-position:0.6em -54px !important; }


.drop_icon{ background-color:#fff !important; border-color: #fff !important;color:#fff !important; width:28px; height:15px; display:inline-block; background: url(../images/icons/psnl-setngs.png) no-repeat left top !important;}
.drop_icon:hover{background:url(../images/icons/psnl-setngs.png) no-repeat left -21px !important;}

/* .drop_margin{ margin:7px 0 7px 14px; } */

.drop_arrow { background-color:#fff !important; border-color: #fff !important; color:#fff !important; width:28px; height:15px; display:inline-block; background: url(../images/icons/drparow.png) no-repeat left top !important; }
.zoom { background: #FFF; border: 3px solid #FFF; border-radius: 60px; box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.45); display: inline-block; height: auto; overflow: hidden; position: relative; width: 110px; }




/***************************/