/*
     common.css
    ---------------------------------------------------------------------------
    App URL     ::   http://alamat.me
    Verson      ::   1.0 [ March 2015]
    Description ::  Alamat Restaurant
    -------------------------------------------------------------------------------*/

@font-face {
    font-family: 'calibriregular';
    src: url('../fonts/calibri_0-webfont.eot');
    src: url('../fonts/calibri_0-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/calibri_0-webfont.woff2') format('woff2'),
    url('../fonts/calibri_0-webfont.woff') format('woff'),
    url('../fonts/calibri_0-webfont.ttf') format('truetype'),
    url('../fonts/calibri_0-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'calibribold';
    src: url('../fonts/calibrib_0-webfont.eot');
    src: url('../fonts/calibrib_0-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/calibrib_0-webfont.woff2') format('woff2'),
    url('../fonts/calibrib_0-webfont.woff') format('woff'),
    url('../fonts/calibrib_0-webfont.ttf') format('truetype'),
    url('../fonts/calibrib_0-webfont.svg#calibribold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'rupeeregular';
    src: url('../fonts/rupee-webfont.eot');
    src: url('../fonts/rupee-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/rupee-webfont.woff2') format('woff2'),
    url('../fonts/rupee-webfont.woff') format('woff'),
    url('../fonts/rupee-webfont.ttf') format('truetype'),
    url('../fonts/rupee-webfont.svg#rupeeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Default style / Reset Style
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}
html {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: antialiased;}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}

html { box-sizing: border-box; }
img, object, embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
    don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none; transition: all 0.25s ease-out 0s;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: middle;}
td {font-weight: normal; vertical-align: middle;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: middle;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font-family: 'calibriregular'; font-size:1em;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight:normal}

td, td img {vertical-align: middle;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*********** Common Classes ~~~~~
-------------------------------------------------------------------------------*/

body { font-family: 'calibriregular'; font-size:14px;}
body, select, input, textarea {color: #333;}

/*
Seperate style for chrome
@media screen and (-webkit-min-device-pixel-ratio:0)
{
body{font-family: 'calibriregular';}
}*/

/* Custom text-selection colors */
::-moz-selection { background: #fff2a8; color: #000; }
::selection { background: #fff2a8; color: #000; }

:focus, a {  -moz-outline-style: none;
    /* combatting that annoying dotted border box that appears on focus of an element in ff */
    outline: none !important;   /* and the safari green glow */}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Headings */
h2 { font-size: 1.71em }    /* 22px */
h3 { font-size: 1.429em }   /* 20px */
h4 { font-size: 1.286em }   /* 18px */
h5 { font-size: 1.143em }   /* 16px */
h6 { font-size: 1em }       /* 14px */

h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight:normal; }
button { background: none repeat scroll 0 0 transparent; border: 0 none; font: inherit; list-style: outside none none; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; }

/* Anchors */
a { outline: 0; -webkit-transition:color 0.15s ease-in; -moz-transition:color 0.15s ease-in; -o-transition:color 0.15s ease-in; transition:color 0.15s ease-in; color: #007aff; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a:hover{ text-decoration:underline;}
.underline{ text-decoration:underline !important;}
.underline:hover{ text-decoration:none !important;}

/* Paragraphs */
p { margin:0px; padding:0px; }
/** p:last-child { margin: 0; }*/
strong, b { font-weight: normal; font-family: 'calibribold';}
em, i {font-style: italic;}

/*Fonts bold*/
.bold{font-family: 'calibribold';}
.normal{font-family: 'calibriregular'; font-weight:normal;}


/* ~~~~~ Custom Classes ~~~~~
-------------------------------------------------------------------------------*/

.fl {float: left !important;}
.fr {float: right !important;}
.clear{clear: both;}

.italic {font-style:italic; }

.postn_fix{ position:fixed}

/*Display*/
.dis_block{display:block;}
.dis_inline{display: inline-block;}

/* Text Align */
.txt_left { text-align:left;}
.txt_right{ text-align: right !important;}
.txt_center{ text-align: center;}
.noBg { background: none !important;}
/* Border */
.no_brd {border:0 none !important;}
.brd {border:1px solid #e5e5e5 !important; }
.brd_left {border-left:1px solid #e5e5e5 !important; }
.brd_right {border-right:1px solid #e5e5e5 !important; }
.bdr_top{border-top:1px solid #e5e5e5 !important; }
.brd_btm{border-bottom:1px solid #e5e5e5 !important; }
.brd_btm_no {border-bottom: none !important; }
.brd_lft_no {border-left: none !important; }
.brd_rgt_no {border-right: none !important; }

/* Color Border */
.brd_white{ border:1px solid #fff;}
.brd_white_rgt{ border-right:1px solid #fff !important;}
.brd_blue { border: 1px solid #449dff;}

/* Corner Radius */
.cor_radius_03 { -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; }
.cor_radius_left_03{-webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.cor_radius_right_03 {-webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.cor_radius_bottom_03 {-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.cor_radius_top_03 {-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}

/* Box Shadow */
.box_shadow_01 { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);}
.box_shadow_02 {box-shadow:0 2px 3px rgba(50, 50, 50, 0.45);}
.box_shadow_03 {-webkit-box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);-moz-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);}
.box_shadow_04 {box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.45);}
.box_shadow_left{box-shadow: -2px 0 2px rgba(50, 50, 50, 0.33);}

/* Font size */
.fnt_10{ font-size:10px !important;}
.fnt_11{ font-size:11px !important;}
.fnt_12{ font-size:12px !important;}
.fnt_13{ font-size:13px !important;}
.fnt_14{ font-size:14px !important;}
.fnt_15{ font-size:15px !important;}
.fnt_16{ font-size:16px !important;}
.fnt_18{ font-size:18px !important;}

/* background*/
.bg_no{ background:none !important}
.bg_white{background:#FFF}

/*Position*/
.relative{ position:relative;}
.absolute{ position: absolute;}
.fixed{ position:fixed;}

/*Padding none*/
.pad_none{ padding:0 !important;}
.pad_top_no{ padding-top:0 !important;}
.pad_rgt_no{ padding-right:0 !important;}
.pad_btm_no{ padding-bottom:0 !important;}
.pad_lft_no{ padding-left:0 !important;}

.pad_top_01{padding-top:1px}
.pad_top_02{padding-top:2px}
.pad_top_03{padding-top:3px}
.pad_top_04{padding-top:4px}
.pad_top_05{padding-top:5px}
.pad_top_06{padding-top:6px}
.pad_top_07{padding-top:7px}
.pad_top_08{padding-top:8px}
.pad_top_09{padding-top:9px}
.pad_top_10{padding-top:10px;}
.pad_top_20{padding-top:20px;}

.pad_rgt_05{ padding-right:5px;}
.pad_rgt_07{ padding-right:7px;}
.pad_rgt_10{ padding-right:10px;}
.pad_rgt_15{ padding-right:15px;}
.pad_rgt_30{ padding-right:30px;}

.pad_btm_02{padding-bottom:2px}
.pad_btm_03{padding-bottom:3px}
.pad_btm_04{padding-bottom:4px}
.pad_btm_05{padding-bottom:5px}
.pad_btm_06{padding-bottom:6px}
.pad_btm_07{padding-bottom:7px}
.pad_btm_08{padding-bottom:8px}
.pad_btm_09{padding-bottom:9px}
.pad_btm_10{padding-bottom:10px;}
.pad_btm_15{padding-bottom:15px;}

.pad_lft_05{ padding-left:5px;}
.pad_lft_09{ padding-left:9px !important;}
.pad_lft_10{ padding-left:10px;}
.pad_lft_15{ padding-left:15px !important;}
.pad_lft_25{ padding-left:25px !important;}
.pad_lft_50{ padding-left:50px !important;}
.pad_lft_60{ padding-left:60px !important;}

.padd_05{padding:5px}
.padd_07{padding:7px}
.padd_09{padding:9px}
.padd_10{padding:10px;}
.padd_15{padding:15px;}

.padd_set_01 {}
.padd_set_02 {}
.padd_set_03 {}
.padd_set_04 {}
.padd_set_05 {}
.padd_set_06 {padding:0px 0px 5px }
/*Set margin*/
.marg_no{ margin:0 !important;}
.marg_auto{ margin-left:auto; margin-right:auto}

.marg_top_01{ margin-top:1px;}
.marg_top_02{ margin-top:2px;}
.marg_top_03{margin-top:3px;}
.marg_top_04{margin-top:4px;}
.marg_top_05{margin-top:5px;}
.marg_top_06{margin-top:6px;}
.marg_top_07{margin-top:7px;}
.marg_top_08{margin-top:8px;}
.marg_top_09{margin-top:9px;}
.marg_top_10{margin-top:10px;}
.marg_top_12{margin-top:12px;}
.marg_top_15{ margin-top:15px;}

.marg_rgt_no{margin-right:0 !important;}
.marg_rgt_01{ margin-right:1px;}
.marg_rgt_02{ margin-right:2px;}
.marg_rgt_03{ margin-right:3px;}
.marg_rgt_04{ margin-right:4px;}
.marg_rgt_05{ margin-right:5px;}
.marg_rgt_06{ margin-right:6px;}
.marg_rgt_07{ margin-right:7px;}
.marg_rgt_08{ margin-right:8px;}
.marg_rgt_09{margin-right:9px;}
.marg_rgt_10{margin-right:10px;}
.marg_rgt_11{margin-right:11px !important;}
.marg_rgt_15{margin-right:15px;}
.marg_rgt_25{margin-right:25px;}
.marg_rgt_59{margin-right:59px !important;}

.marg_lft_no{ margin-left:0px !important;}
.marg_lft_05{ margin-left:5px !important;}
.marg_lft_07{ margin-left:7px !important;}
.marg_lft_08{ margin-left:8px !important;}
.marg_lft_10{ margin-left:10px !important;}
.marg_lft_15{ margin-left:15px;}
.marg_lft_25{ margin-left:25px;}
.marg_lft_35{ margin-left:35px !important;}
.marg_lft_55{ margin-left:55px !important;}

.marg_btm_no{margin-bottom:0 !important;}
.marg_btm_02{ margin-bottom:2px !important;}
.marg_btm_03{ margin-bottom:3px;}
.marg_btm_05{ margin-bottom:5px !important;}
.marg_btm_06{ margin-bottom:6px !important;}
.marg_btm_08{ margin-bottom:8px !important;}
.marg_btm_10{ margin-bottom:10px !important;}
.marg_btm_13{ margin-bottom:13px;}
.marg_btm_15{ margin-bottom:15px;}

.marg_4 {margin:4px;}
.marg_5 {margin:5px;}

.marg_set_01{ margin:8px 0px}
.marg_set_02{}
.marg_set_03{}
.marg_set_04{}
.marg_set_05{}
.marg_set_06{}

/* Set Width  */
.set_widt_01{ width:50% !important;}
.set_widt_06 { display: inline-block; width: 153px;}
.set_widt_200 {width:200px;}
.set_widt_253 {width:253px;}
.set_widt_750 {width:750px;}
.set_widt_800 {width:800px;}
.set_widt_830 {width:830px;}
.set_widt_850 {width:850px;}

/*Default row*/
.default_row_01{ width:100%;}

/*Wrapper*/
.wrapper {overflow: hidden;}

/*Line height*/
.line_hght_15 { line-height:15px;}
.line_hght_18 { line-height:18px;}
.line-hght_20 { line-height:20px;}
.line_hght_21 { line-height:21px;}
.line_hght_23 { line-height:23px;}
.line-hght_25 { line-height:25px;}
.line-hght_26 { line-height:26px !important;}
.line_hght_27 { line-height:27px !important;}
.line-hght_28 { line-height:28px;}
.line_hght_30 { line-height:30px;}
.line_hght_31 { line-height:31px;}
.line_hght_35 { line-height:35px;}

/*height*/
.hght_21 { height:21px !important;}
.hght_25 { height:25px !important;}

/*Font color links*/
.blue_txt{color:#007AFF !important;}
.red_txt{ color:#c2172a;}
.green_txt{ color:#a3bc27}
.grey_txt{ color:grey !important;}
.black_txt{ color:#000 !important;}

.clear_link_01 {color: #007AFF; line-height: 28px; display:inline-block; position:relative; top:1px; padding:0 2px;}
.clear_link_02 {color: #007AFF; line-height: 28px; display:inline-block; position:relative; top:1px; padding:0 5px;}
.clear_link_03 {color: #007AFF; line-height: 22px; display:inline-block; position:relative; top:1px; padding:0 2px;}

.edit_link{color: #007AFF;  display:inline-block;}
.edit_link:hover{color: #007AFF;color:#007AFF !important;text-decoration:underline !important}
.hyprlink{color:#007AFF !important;text-decoration:underline !important}
.hyprlink:hover{color:#007AFF !important; text-decoration:none !important}

/*Text color backgound*/
.txt_bg_brown { background: none repeat scroll 0 0 #c17b50;    border-radius: 2px; color: #ffffff; display: inline-block; padding: 1px 5px;  text-align: center; width: 30px; font-size:12px;}
.txt_bg_green { background: none repeat scroll 0 0 #5D9C11;    border-radius: 2px; color: #ffffff; display: inline-block; padding: 1px 6px;  text-align: center; font-size:12px; line-height:12px;}
.txt_bg_grey { background:grey;    border-radius: 2px; color: #ffffff; display: inline-block; padding: 1px 6px;  text-align: center; font-size:12px; line-height:12px;}

/*Blank Slate */
.blnkslt{ color:#777777; min-height: 155px; margin: 25px 0; display:block; text-align:center;}
.blnkslt p{ color:#777777; margin-top:10px; display:block}
.blnkslt_link{color:#777777; text-decoration:underline !important; }
.blnkslt_link:hover{text-decoration: none !important; }



/* Border */
.nb, .no_border { border: 0 none !important;}
.bordr { border:1px solid #e5e5e5 !important; }
.br-left { border-left:1px solid #e5e5e5 !important; }
.br-right { border-right:1px solid #e5e5e5 !important; }
.br-top{ border-top:1px solid #e5e5e5 !important; }
.br-btm, .br-bottom { border-bottom:1px solid #e5e5e5 !important; }
.br_btm_non { border-bottom: none !important; }
.br_lft_non { border-left: none !important; }
.br_rgt_non { border-right: none !important; }

.daterangepicker{
    left: 610.5px!important;
}


.loaderBack{
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1030;
    top: 0;
    left: 230px;
}
.paginationLinks {
    font-size: 18px;
    font-weight: bold;
    color: darkblue;
    margin: 0 20px;
}
.disabledLink {
    color: gray;

}

.hidden-branch {
    background: #f16969;
    color: #fff !important;
}
tr.blocked-user {
    background: #f16969 !important;
    color: #fff !important;
}
.commentOnTransactions {
    width: 123px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 54px;
    max-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.loader {
    border: 10px solid #e0e0e0;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: relative;
    top: 40%;
    left: 37%;
    margin: 0 !important;
}

.loaderForRestaurantStatus {
    border: 9px solid #e0e0e0;
    border-radius: 50%;
    border-top: 9px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: relative;
    top: 40%;
    left: 37%;
    margin: 0 !important;
}

@
keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/*Line height*/
.line-hght_01 { line-height:28px;}
.line-hght_02 { line-height:26px !important;}
.line-hght_03 { line-height:20px;}
.line_hght_04 { line-height:27px !important;}
.line_hght_15 { line-height:15px;}
.line_hght_18 { line-height:18px;}
.line_hght_21 { line-height:21px;}
.line_hght_23 { line-height:23px;}
.line_hght_35 { line-height:35px;}
.line-hght_25 { line-height:25px;}
.line_hght_30 { line-height:30px;}
.line_hght_31 { line-height:31px;}
.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.font-weight-500{
    font-weight: 500;
}
.font-weight-550{
    font-weight: 550;
}
#orderTime{
    margin-left: 7px;
    font-weight: 100;
}
#menu-class-tr{
    color: #4ba5d8;
    font-size: 16px;
}
.disabled-radio {
    height: 50px;
    position: absolute;
    width: 100%;
    z-index: 1;
    cursor: not-allowed;
}