@font-face {
    font-family: 'FontAwesome';
    src: url('./../fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('./../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('./../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('./../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('./../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('./../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {

    font-family: "Raleway";
    src: url('fonts/raleway/raleway-regular.eot');
    src: url('fonts/raleway/raleway-regular.eot?#iefix') format('embedded-opentype'), url('fonts/raleway/raleway-regular.woff') format('woff'), url('fonts/raleway/raleway-regular.ttf') format('truetype'), url('fonts/raleway/raleway-regular.svg#ralewaylight') format('svg');

}

@font-face {

    font-family: "Raleway";
    src: url('fonts/raleway/raleway-semibold.eot');
    src: url('fonts/raleway/raleway-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/raleway/raleway-semibold.woff') format('woff'), url('fonts/raleway/raleway-semibold.ttf') format('truetype'), url('fonts/raleway/raleway-semibold.svg#ralewaylight') format('svg');
    font-weight: bold;

}

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

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


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


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


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

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

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



[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-zipped-up-mouth1:before {
    content: "\e903";
}
.icon-closed-door-with-border-silhouette1:before {
    content: "\e904";
}
.icon-opened-door-aperture1:before {
    content: "\e905";
}
.icon-logout1:before {
    content: "\e901";
}
.icon-person-throwing-paper-to-a-trash-can:before {
    content: "\e902";
}

.icon-men-silhouette4:before {
    content: "\e900";
}

.icon-phone-contact:before {
    content: "\e906";
}

.icon-contract:before {
    content: "\e907";
}

.icon-like:before {
    content: "\e908";
}

.icon-pickup:before {
    content: "\e909";
}

.icon-truck:before {
    content: "\e90a";
}

.icon-drop:before {
    content: "\e90b";
}

.icon-visible-opened-eye-interface-option:before {
    content: "\e90c";
}

.icon-notebook:before {
    content: "\e90d";
}

.icon-checkout:before {
    content: "\e90e";
}

.icon-link:before {
    content: "\e90f";
}

.icon-settings:before {
    content: "\e910";
}

.icon-video-player:before {
    content: "\e912";
}

.icon-spin6:before { content: '\e839'; } /* '' */

.extra_condition_spin{
    margin: 0px;
    width: 62px;
    font-size: 21px;
}
/*
   Animation example, for spinners
*/
.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}

.icon-floppy:before {

    content: '\e806';
    margin: 0px 0px;
    width: auto;

} /* '' */

.floppy-disk-digital-icon-:before { content: '\e810'; } /* '' */


body {
    font: 13px/16px Raleway, Tahoma, Arial, Helvetica, sans-serif;
    top: 0px !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font: 13px/16px Raleway, Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1;
    color: inherit;
}

h2 {
    font-size: 16px;
    margin: 0 0 12px;
    padding: 0;
}

h1 {
    font-size: 20px;
    margin: 0 0 12px;
    padding: 0;
}

h2 small {
    font-size: 87%;
    font-weight: bold;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 0px solid #e3e3e3;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.jquery_tabs{
    font: 13px/16px Raleway, Tahoma, Arial, Helvetica, sans-serif !important;
}

.edit_ticket .redactor-box{
    font-weight: normal;
    color:#333333;
}
.edit_ticket textarea{
    font-weight: normal;
    color:#333333;
}

legend {
    font-size: 130%;
    line-height: 40px;
}

.scroll {
    border: #CCC solid 2px;
    padding: 10px;
    background: #FFF;
    height: 200px;
    overflow-y: scroll;
    margin-bottom: 20px;
    font-weight: normal;
    color:#333333;
}

.no_scroll {
    border: #CCC solid 2px;
    padding: 10px;
    background: #FFF;
    min-height: 200px;
    margin-bottom: 20px;
    font-weight: normal;
    color:#333333;
}

.no_scroll img{
    max-width: 100%;
}

.scroll img{
    max-width: 100%;
}

.ticket_edit_area .col-sm-4:nth-child(3n) {
    clear:both;
}

.table-striped tr.ticket_red td{
    background-color: #fdcece !important;
}

.table-striped tr.ticket_blue td{
    background-color: #d7f1ff !important;
}

.comment_actions{
    margin-top:15px;
}

.comment-body img{
    max-width:100%;
}

.panel-success .bold-font h4{
    font-weight:bold;
}

.bold-font h4 {
    font-weight:bold;
}

.panel-disabled h4{
    color: darkgray;
}


.marginlabel{
    margin-top:9px;

}

.normal-font {
    font-weight:normal;
}

.for-normal-label label{
    font-weight:normal;
}



.contract-border{
    border: #CCC solid 2px;
    width:50%;
    float:left;
    padding: 15px;
    background: #FFF;
    min-height: 200px;
    font-weight: normal;
    color:#333333;
}

.comment_actions  a{
    margin-right:10px;
}

.comment-body img:hover{
    cursor: pointer;
}
.comment-body img:hover{
    cursor: pointer;
}

.goog-te-menu-frame {
    max-width:100% !important; //or whatever width you want
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.clear{
    clear: both;
}

.nw{
    white-space: nowrap;
}

.my-accordion .panel-heading {
    padding: 5px 10px;
}

.my-accordion .panel-heading h4 {
    font-size: 13px;
}

.my-accordion .panel-success>.panel-heading{
    background: #1e5799;
    color:#ffffff;
}

.panel-success .bold-font h4{
    font-weight:bold;
}

.successcolor{
    color:#65e365;
}

.errorcolor{
    color:#fd6c4f;
}

.input-group-form{
    float:left;
    margin:8px 0px;
    width:100%;

}

.main .user_details .form-group {
    margin: 0 10% 8px;
}

.step_head a{
    text-decoration:none;
    color: #ffffff;
    text-decoration: none;
}

.tickmark{
    height: 2%;
    float: left;
    padding-right: 3px;
}

.main-pop{
     -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
      box-shadow: none !important;
      min-height: 0 !important;
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
}

.button{
    border-style: solid;
    color: #ffffff;
    /*letter-spacing: 0.1em;*/
    text-decoration: none;
    float: none;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    padding: 9px 15px;
    /*-webkit-box-shadow: 0 0 0 3px rgba(33, 33, 33, 0.4);*/
    /*-moz-box-shadow: 0 0 0 3px rgba(33, 33, 33, 0.4);*/
    /*box-shadow: 0 0 0 3px rgba(33, 33, 33, 0.4);*/
    margin:3px;
    font-weight: bold;
    display: inline-block;
    font-family: Raleway, Tahoma, Arial, Helvetica, Sans-serif;
    -webkit-appearance: none;
    background-color: #1e5799;
    background: -moz-linear-gradient(top,  #1e5799 0%, #6a97f7 0%, #2989d8 41%, #2989d8 41%, #457df8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#6a97f7), color-stop(41%,#2989d8), color-stop(41%,#2989d8), color-stop(100%,#457df8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#6a97f7 0%,#2989d8 41%,#2989d8 41%,#457df8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#6a97f7 0%,#2989d8 41%,#2989d8 41%,#457df8 100%); /* Opera 11.10+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#6a97f7 0%,#2989d8 41%,#2989d8 41%,#457df8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#6a97f7 0%,#2989d8 41%,#2989d8 41%,#457df8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#6a97f7 0%,#2989d8 41%,#2989d8 41%,#457df8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#457df8',GradientType=0 ); /* IE6-9 */
    min-width: 80px;
}

.order_res_cantainer .button{
    padding: 5px 15px;
}

.panel-heading{
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

.panel-group .panel{
    border-radius: 1px;
}

.normal-font {
    font-weight: normal;
}

.button:hover{
    color: #ffffff;
    text-decoration: none;
}

.product_image{
    padding:4px;
    width:100px;
    float:left;

}


.ticket_edit_area{
    position: relative;
}

.ticket_unlock{
    position: absolute;
    top:10px;
    right:20px;
}

.ticket_edit_area .col-sm-4{
    margin-top:15px;
}

.ticket_edit_area .col-sm-12{
    margin-top:15px;
}

.ticket_edit_area .form-control[disabled]{
    background-color: #ffffff;
}

.product_image{
    padding:4px;
    width:100px;
    float:left;

}

.comment_author{
    width:150px;
    float:left;
}

.comment_logo{
    max-width: 142px;
    float:left;
    margin-bottom: 12px;
}

.comment_c_name{
    padding-bottom:8px;
    margin-bottom:12px;
    width:100%;
    border-bottom: 1px solid #f3f3f3;
    float:left;
}

.comment_c_name:last-child {
    border: 0;
}

.comments-left{
    width:158px;
    vertical-align: top;
}

.date_comment{
    font-size: 11px;
}

.ticket_comments {
    background: #f8f8f8;
    border: #f8f8f8 solid 1px;
    border-radius:5px;
    color: #333;
    line-height: 1.4em;
    float:left;
    width:100%;
    position: relative;
}

.comment-head{
    padding: 10px;
    float:left;
    width:100%;
}

.ticket_comments:before {
    font-family: FontAwesome;
    content: "\f0d9";
    color: #f8f8f8;
    position: absolute;
    top: 12px;
    left: -12px;
    font-size: 46px;
}

.departmetStrip{
    font-size: 16px !important;
    color: #fff;
    padding: 15px 10px !important;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px !important;
    margin: 0 !important;
    min-height: 6px !important;
    border-radius: 0px !important;
}

.discussionList{
    margin-top:10px;
}

.sub_ticket_bar{
    background-color: #fff;
    width:100%;
}

.sub_ticket_bar{
    font-size:16px;
}

.each_ticket_row td{
    padding: 8px 9px;
    border-bottom: 1px solid #eee;
}

.sub_ticket_bar .main-cion{
    background-color: #ddd;
    font-size: 27px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    line-height: 50px;

}

.ticket_link{
    width: 100%;
    min-height: 50px;
    line-height: 50px;
    float: left;
    vertical-align: middle;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
}


.each_ticket_row a{
    color: #000;
}

.small_right_medium{
    width:25%;
    font-size: 14px;
    line-height: 22px;
}

.small_right_medium a{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    float:left;
}

.tiket_light{
    color:#666666;
}


.small_right{
    width:10%;
    text-align: center;
    font-size: 14px;

}
.each_ticket_row a:hover{
    text-decoration: none;
    color: #000;
}

.main_comment{
    float:left;
    width:100%;
    margin-bottom: 35px;
}

.order-res-transalte .google-translate{
    float:right;
    margin-top: 10px;
    margin-bottom:-10px;
}

.comment-body{
    padding: 10px;
    background: #f8f8f8;
    float:left;
    width:100%;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}


.marketing-select-branch{
    margin-top:27px;
    padding-left: 0px;
}


.google-translate{
    margin-bottom: 10px;
}

.goog-te-banner-frame{
    display: none;
}

.goog-tooltip{
    display: none !important;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    line-height:12px;
}

.button_adjust_new {
    margin-left: 10px !important;
    height: 27px !important;
}


.modal-body .ticket_add .form-control {
    margin-left: 16px;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.future_class{
    background:#cdfeca;
}

.future_class.tr1{
    background:#cdfeca;
}

.future_class.item{
    background:#cdfeca;
    background-color:#cdfeca !important;
    border: 3px solid green;
}

.future_class.item .button:last-child{
    background-color:green !important;
}

tr.future_class td:last-child .button{
    background-color:green !important;
}

.button-corner .button{
    max-width:100%;
    width:200px;
}

.center-buttons .button{
    max-width:100%;
    width:314px;
}

.form-group.confirm_age_rest_form{
    margin: 37px 27% 12px !important;
}

.app_buttons{
    margin: 15px 0px;
    text-align: center;
}

.app_buttons .button{
    min-width: 170px;
    height:30px;
    padding-top: 7px;
}

.branch_sub_sections{

    margin-bottom: 20px;
    float: left;
    width:100%;

}

.my_range_slider{

    padding:10px 15px 10px 15px;
    border-radius:5px;
    border: 1px solid #AAAADD;
    background: #d3d5d7;

}

.my_range_slider .ui-slider-range{
    background: #79797a;
}

.my_range_slider .ui-slider-handle.ui-state-default{
    background: #babbbd;
    border: 1px solid #848485;
    z-index:1;
}

.main .date_range_select.form-group{
    margin-top:18px;
    margin-bottom:15px;
}

.text-area-dd-mm{
    float:left;
    margin-bottom:15px;
}

.myDateSelector:hover{
    cursor: pointer;
}

.myDateSelector{
    color:#0066cc;
}

.dayDatePicker .ui-datepicker-year
{
    display:none;
}

.text-area-dd-mm .label-info{
    margin-left: 3px;
}

.text-area-dd-mm.labelsm{
    padding-bottom:0px;
    margin-bottom:0px;
}

.table-area-pop{

    margin-top: 10px;
    text-align: center;

}

.table_image{
    text-align: center;
}

.table-top-head{
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0 16px;
    z-index: 10;
    box-shadow: 1px 1px 5px #888888;
    height: 51px;
}

.scroll-zone-area{

    width:100%;
    float:left;
    height:800px;
    overflow-y: auto;
    margin-top:50px;
    position: relative;

}

.processing_data_saving_pop{
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background: #ffffff;
    opacity: 0.5;
    z-index: 9999;
}

.zone_area{
    float:left;
    width:100%;
    border: 1px dashed #ddd;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #ddd, 0 0 0 10px #fff, 0 0 2px 10px #eee;
    padding:10px;
    min-height:100px;
    margin-top: 25px;
    position:relative;
}

.fixed_table_area{

    position:relative;
    float:left;
    width:100%;

}

.table_for_table{
    opacity:0.8;
    width:80px;
    height:20px;
}

.table_for_table .table_im, .mytable_im{
    float:left;
    width:41px;
}

.myedit_area_z_t {
    position:absolute;
    top:-1px;
    right:-1px;
    max-width: 200px;
    padding: 8px 15px;
    color: #fff;
    text-align: center;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";       /* IE 8 */
    filter: alpha(opacity=80);  /* IE 5-7 */
    -moz-opacity: 0.8;          /* Netscape */
    -khtml-opacity: 0.8;        /* Safari 1.x */
    opacity: 0.8;
    z-index:1051;
}

.myedit_table{
    position:absolute;
    top:-5px;
    right:-5px;
    max-width: 225px;
    padding: 5px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";       /* IE 8 */
    filter: alpha(opacity=80);  /* IE 5-7 */
    -moz-opacity: 0.8;          /* Netscape */
    -khtml-opacity: 0.8;        /* Safari 1.x */
    opacity: 0.8;
    z-index: 23;/* Good browsers */
}

.myedit_area_z_t a, .myedit_table a{
    color:#fff;
    font-size: 11px;
    margin-left:10px;
}

.zone_edit{
    width:600px;
    float:left;
}

.zone_head{
    text-align:center;
    margin:15px 0px;
}

.zone_edit .form-group{
    margin:7px 8%;

}


.zone_area_head{
    text-align:center;
    float:left;
    width:100%;
}

.draggable_table{
    float:left;
    z-index:1000;
    height:55px;
}

.draggable_table_dummy{
    float:left;
    z-index:1000;
    height: 65px;
}

.myzone_active{
    border: 1px dashed #d9edf7 ;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #d9edf7 , 0 0 0 10px #fff, 0 0 2px 10px #d9edf7 ;
}

.numberCircle {
    border-radius:20px;
    background: #000;
    float: left;
    text-align: center;
    width:auto;
    min-width: 25px;
    padding:5px;
    height:25px;
    color:#fff;
}

.fancybox{
    float: left;
}

#display_zones{
    float:left;
    width:100%;
}

.each_table_in_zone{
    position:relative;
}

.table_delete_link{
    position: absolute;
    top: -1px;
    right: 4px;
    width:17px;
    height:17px;
    display: none;
}

.each_table_in_zone:hover .table_delete_link{
    display: block;
}

.table_delete_link img{
    width:16px;
    max-width:100%;
    border-radius: 10px;
}

.deleteConfirm{
    width:500px;
}


.side_description{
    padding-top:30px;
    padding-left:30px;
}


tr.js_order_details td{
    border-top: 0px solid #ddd !important;
    padding-top:0px !important;
}

.price-details-table{
    text-align: left;
    margin-bottom: 0px;
}

.detail_nowrap{
    white-space: nowrap;
}

tr td.order_total_exp{
    text-align: right !important;
}

tr td.order_total_exp p{
    margin-bottom:3px;
}

.manage-middle{
    vertical-align: middle !important;
}

.td-galp{
    border-top: 0px solid #fff !important;
    padding-top: 0px !important;
    background: #ffffff;
}

.table_no_order{
    background: transparent;
    color: #000;
    font-weight: bold;
    margin-bottom: 0px;
}

.table_no_order p{
    margin-bottom: 0px;
    padding: 0px 5px;
    background: #fff;
}

.vertical-order-details tr td{
    border-top: 0px !important ;
}

.set_order_row_appding{
    padding : 5px 5px !important;
}

.yopay_logo{
    max-width:320px;
}



.ybutton,.yopay_main .button {
    display:inline-block;
    font-size: 14px;
    color: rgb(255, 255, 255);
    padding-bottom: 10px;
    letter-spacing: 0.1em;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    margin-bottom: 10px;
    background: rgb(79, 143, 71);
    border: 1px solid #666;
    border-radius: 0px !important;
    margin-right: 5px;
    box-shadow: none !important;
    font-family: Raleway;
    font-weight: normal;
}

.grey_link{
    font-size: 12px;
    color: rgb(159, 159, 159);
    border-color: rgb(246, 246, 246);
    letter-spacing: 0.05em;
    max-width: 1150px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0);
}

.grey_link:hover{
    color: #000;
    text-decoration: none;
}


.each_logo_app_order{
    width:150px;
    max-width:100%;
}

.goog-text-highlight{
    background: transparent !important;
    box-shadow: none !important;
}

.small_custom_panel{
    padding: 2px 10px !important;
}

.fonacyboxwidth{
    width:900px;
    max-width:100%;
}

.pricing_table tr td{
    padding:15px 10px 15px 0px;
}

.leftt_sub_card{

    padding-top:10px;
    padding-bottom:10px;
    background-color:#000;
    color:#fff;

}

.right_sub_card{
    padding-top:10px;
    padding-bottom:10px;
}


.ap_welcome_page{
    text-align: center;
}

.ap_welcome_page h1{
    font-size: 28px;
    margin-bottom: 12px;
}

.ap_welcome_page p{
    font-size: 16px;
    margin-bottom: 17px;
    line-height: 23px;
}

.ap_welcome_halt{
    text-align: center;
    min-height:250px;
    padding-top: 55px;
}

.ap_welcome_halt p{
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 20px;
}

.ap_welcome_halt h1{
    font-size: 27px;
    margin-bottom: 7px;
}

.adjcusom .custom-panel{
    padding: 3px 10px;
    margin-bottom: 10px;
}

.round_links{

    border:5px solid #AAAAAA;
    color:#AAAAAA;
    border-radius: 30px;
    padding:15px 20px;
    float:left;
   margin: 20px 20px;

}

.complete_initial_step{
    color:#00CC00;
    border-color: #00CC00;
}

.active_initilial_step{
    color:#0066cc;
    border-color:#0066cc;
}

.merchant_logo{

    max-width:200px;
    margin-top:10px;
    margin-bottom:10px;

}

.halting_text h1,.halting_text p{
    text-align:center;
}

.commments_area{
    text-align: left;
}

.commments_area .col-sm-3{
    margin-top: 10px;
    margin-bottom: 10px;
}

input[readonly].mytimepicker {
    background-color: #fff;
    cursor: pointer;
}


input[readonly].mydatepicker {
    background-color: #fff;
    cursor: pointer;
}



.highlighted-branch{
    background:#dadcfe !important;
}


.navbar-collapse{
    padding-left: 0px;
}

.container-fluid {
     padding-right: 0px;
     padding-left: 0px;
}
.small-button{
    font-size: 11px;
    padding: 4px;
}

.small-button-extra{
    margin: 5px;
    min-width: 72px;
    font-size: 11px;
    padding: 4px;
}

.extra_reservation.small-button-extra{
    width: 88px;
    line-height: 22px;
    font-size: 14px;
    height: 32px;
    margin:1px;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
    margin-left:0px;
}


.printReservation{
    background: url(/img/print_icon2.png) no-repeat;
    width:30px;
    height:35px;
    background-size: 22px 28px;
    margin-top: 5px;
}

.myZoneArea{
    min-height:400px;
    border:2px solid rgba(51, 47, 47, 0.10);
    margin-top:10px;
    margin-bottom:10px;
    padding:15px;
    float:left;
    width:100%;
}

.sample_table_active{
    max-width: 150px;
    display:inline-block;
    max-width: 40px;
}

.sample_table_reserved{
    max-width: 150px;
    display:inline-block;
    max-width: 40px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.sample_table_selected{
    max-width: 150px;
    display:inline-block;
    max-width: 40px;
    opacity: 0.8;
    filter: alpha(opacity=40);
}

.table_active{
    max-width: 150px;
    display:inline-block;
    max-width: 40px;
    margin-right:15px;
}

.table_reserved{
    max-width: 150px;
    display:inline-block;
    max-width: 40px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    margin-right:15px;
}

.custom-labelem{
    font-size: 90%;
    margin-left: 17px;
    margin-top: 2px;
    float: left;
}

.fancybox_confirm_selection{
    float:left;
}


.table_selected{
    float:left;
}


.modal-body .manage_reservation_form .form-group{
    margin: 0 4% 12px;
    padding-left:10%;
}

.modal-body .manage_reservation_form .defInputText, .defInputPassword{
    width: 320px;
}


.inactivepill{
    color: #096524 !important;
    background: #a4cca1 !important;
}

.inactivepill:hover{
    color: #096524 !important;
    background: #a4cca1 !important;
}

.each_table{
    float:left;
}

.sample_image_text{
    font-size:10px;
    margin-bottom:20px;
}

.sample_image_text img{
    max-width: 34px;
}

.table_selection_indicator{
    margin-top: -17px;
}

.table_selection_indicator{
    background: rgba(52, 33, 223, 0.11);
    margin-right: -1px;
    float: right;
}

.my-bootstrap-bgs{
    padding:10px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ressettings_table tr td{

    padding:8px 3px;
    font-size:12px;

}

.ressettings_table{
    width: 100%;
}

.custom-res{
    width:100% !important;
}

.sutom-res{
    padding-left: 0px;
}

.modal-body .manage_reservation_form .defInputText.mobile_phone_reservation_add{
    margin-left:2%;
    float:left;
    width:49%;
}

.modal-body .manage_reservation_form .defInputText.mobile_phone_reservation_dropdown{
    float:left;
    width:49%;
}

.spinned_container{
    width:100%;
    float:left;
    text-align: center;
    margin-top: 30px;
}

.center-spinned{
    max-width: 66%;
}

.booked_table_area{
    width:100%;
    float:right;
    border:2px solid rgba(52, 33, 223, 0.11);
    border-right:0px;
    padding:10px 5px;
    margin-right:-1px
}

.booked_table_area h2{
    text-align: center;
}

a.notes_red_color{
    color:#ff5959;
}

a.notes_red_color:hover{
    color:#ff5959 !important;
    text-decoration: none;
}
.small-fonacyboxwidth{
    width:600px;
    max-width:100%;
}

.mobile-top-button{
    white-space: nowrap;
}

.eachtables_desc{
    white-space: nowrap;
}

.bd_cake{
    max-width: 14px;
    margin-top: -7px;
}


.main_head_reservation_row{
    font-size: 15px;
    font-weight: bold;
}


#print_content_main{
    display: none;
    width: 730px;
}

.print-pop-class{
    width:100%;
}


.zone_edit .form-group{
    margin:7px 0%;

}

.zone_edit .defInputText, .defInputPassword{
    width: 383px;
}

.modal-body .app-type-admin-edit .form-group{
    margin: 0 -16% 12px 18%;
}


.branch-fancy{
    width:100%;
    overflow:hidden;
}

.loayl-dots li{
    padding:3px 0px;
}


.phone_preview_area{

    width:100%;
    min-width:500px;
    height:auto;

}

.i_phone_box{
    max-width:100%;
    min-height: 100px;
    margin: 0 auto;
}

.status_bar{

    width:100%;
    text-align: center;
    float: left;

}

.iphone_content{
    position: relative;
}

.status_bar{
    position: absolute;
    top:0px;
    left:0px;
}

.reservation_pill:hover{
    cursor:pointer;
}


.iphone_content .toolbar_overview {
    width: 241px;
    height: 18px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    font-family: Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: black;
    background-repeat: no-repeat;
    background-position: left center;
}

.iphone_content .iphone_header {
    background-image: url(/img/phone_overview/iphone5-header.png);
    background-size: 242px 18px;
}
.iphone_content .iphone6_header { background-image: url(/img/phone_overview/iphone6-header.png); background-size: 310px auto; width: 311px; }
.iphone_content .android_header { background-size: 304px auto;width: 270px; height:20px; background-image: url(/img/phone_overview/android_header.png); font-size: 15px; color: white; }

.key_settings_modal_img{

    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/img/key.png) no-repeat;
    background-size: 18px 15px;

}


.top-res-margin{
    margin-top:5px;
}

.each_reservation_client{

    width:100%;
    float: left;

}

.black_step_fixed_menu{

    max-width:50%;
    position: static;
    padding:6px;
    padding-left: 12px;
    background: rgba(0,0,0,0.5);
    width: 200px;
    min-height:50px;
    border-radius: 5px;
    display: none;
    color:#fff;

}

.black_step_fixed_menu a, .black_step_fixed_menu a:hover{
    color: #fff;
    text-decoration: none;
}


.global-icon
{
    font-family: "fontello2";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.global-icon-2, .global-icon-2:before, .global-icon-2s:before
{
    font-family: "fontello3" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.global-icon-3
{
    font-family: "fontello3";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.global-icon-2, .global-icon-2:before, .global-icon-2s:before
{
    font-family: "fontello3" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.global-icon-4, .global-icon-4:before, .global-icon-4s:before
{
    font-family: "fontello4" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.global-icon-5, .global-icon-5:before, .global-icon-5s:before
{
    font-family: "fontello5" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.fontello-icon
{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}



.shopping-carticon-:before { content: '\e80c'; } /* '' */
.shopping-cart-2-icon-:before { content: '\e809'; } /* '' */
.invoiceicon-:before { content: '\e803'; } /* '' */

.each_stamp_icon_selection{
    float:left;
    width:25%;
    padding:5px;
    position: relative;

}


.each_stamp_icon_selection .selector_disp{
    width:90px;
    height:90px;
    text-align: center;
    line-height: 90px;
    margin: 0 auto;
    font-size: 30px;
    cursor: pointer;
    border:2px solid transparent;
    border-radius: 5px;
}

.each_stamp_icon_selection .selector_disp:hover, .each_stamp_icon_selection .selector_disp.stamp_icon_active{
    border:2px solid #DDDDBB;
}

.color_div_text_box {
    width: 250px;
    height: 31px;
    margin: 0;
    outline: 0 none;
    padding: 3px 11px;
    border: 1px solid #C6C6C6;
    float: left;
    padding-top: 6px !important;
    font-weight: normal;
    cursor: text;
}


.button_left_align{
    text-align: left !important;
    cursor: default;
}

a.loyalty_table_button{
    text-decoration: none;
    color: inherit;
}

.each_address_rowe{
    padding: 20px 15px !important;
    font-size: 14px;
}

.select_each_address_web{
    margin-top: 10px !important;
}


.nav>li>a.reservation_pill{
    padding: 10px 12px;
}

.permission_description_display{
    cursor: pointer;
}

.panel-success h4 {
    font-weight: normal;
}


.extra_box2{
    max-width:200px;
    max-height:62px;
}

.colorbox_box_box{
    float: left;
    width:90px;
    height: 73px;
    border:3px solid #666;
    border-radius: 3px;
    overflow: hidden;
}

.midle_align{
    vertical-align: middle;
    line-height: 78px;
}

.midle_align .button{
    height:30px;
    line-height:14px;
}

.opacity_area_gui .disabled_slider {
    background: #ccc;
    margin-top:30px;
}

.opacity_area_gui .ui-slider-handle{
    background: #666 !important;
}

.image_area{
    width:170px;
}

.price_area{
    width:200px;
}

.price_area_div{
    width:100%;
    float:left;
    margin:5px 0px;
}

.modal-body .addoption_div .form-control {
    margin-left: 0px;
    width: 100%;
    height: 29px;
}

#add_option_value .table>tbody>tr>td{
    vertical-align: middle;
}

.image_preview_option img{
    max-width:100%;
    margin-top:10px;
    text-align: center;
}

.option_selection_box{
    border-radius: 2px;
    background: #e9e9f3;
    /*min-height:400px;*/
    border: 1px solid #dcdde0;
    padding: 10px;
    float:left;
    width:100%;
}

.option_selection_box:after{
    clear: both;
}

.main_row{
    display: table;
    width: 100%;
}

#options_set_drop .each_option_tag{
    z-index: 0;
}

.each_option_tag{
    z-index:10;
    margin-bottom: 2px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    padding-left: 5px;
    position: relative;
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fafafa), color-stop(0.5, #fff), color-stop(0.6, #ddd), color-stop(0.95, #FFF));
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    border: 1px solid #BBB;
    border-top-color: #CCC;
    border-bottom-color: #999;
    border-right-color: #AAA;
    color:#000;
    text-decoration:none !important;
    -moz-box-shadow: 0 4px 4px rgba(255,255,255,.6) inset, 0px -9px 10px -4px rgba(255, 255, 255,1) inset, 0 -20px 1px -6px rgba(0, 0, 0, 0.125) inset;
    outline: none !important;
}


.delete_set_option{
    margin-right: 5px;
}

.main .oc_product_edit_col .form-group{
    margin: 0 11%;
    margin-bottom: 8px;
}

#accordion-reservation .row{

    margin-left: 0px;
    margin-right: 0px;

}



.order_res_cantainer{
    max-width:1270px;
    margin:0 auto;
}


.bundle_radio .label{
    font-weight: normal !important;
}

.main .bundle_area .form-group{
    margin: 0 7% !important;
    margin-bottom:8px !important;
}

.bundle_product_left{
    float:left;
    width:25%;
    padding-top:40px
}


.bundle_product_right{
    float:left;
    width:75%;
}

.link_cat_indicator, .link_cat_indicator:hover, .link_cat_indicator:focus{
    color: inherit;
    text-decoration: none;
}

#bundle_set_sortable th{
    font-size: 13px  !important;
}

.head_bundle_set{
    font-weight: bold;
    font-size: 13px;
    float: left;
    width:100%;
    margin: 10px 0px 0px 0px;
}

.size_dropdown{
    padding-left: 1px;
    padding-right: 0px;
}

.each_drag_bundle{

    max-width:250px;

}

.order_timing_branch label{
    font-weight: normal;
}

.table_order_timing_day tbody tr td{
    border-top:none !important;
    border-bottom: 1px solid #ddd;
}



.ordr_timing_full_width{
    width:100%;
}

.ordr_timing_full_width tbody tr td{
    padding-top:5px;
}

.ordr_timing_full_width_inner{
    width:100%;
}

.table_order_timing_day tbody tr td .ordr_timing_full_width_inner tbody tr td{
    border-bottom: 1px solid #ddd;
    padding-top:5px;
}

.table_order_timing_day tbody tr td .ordr_timing_full_width_inner:last-child tbody tr td{
    border-bottom: 0px solid #ddd !important;
    padding-top:5px;
}

.ordr_timing_full_width_inner_inner tr td{
    border-bottom: 0px solid #ddd !important;
    padding-bottom:5px !important;
}

.map_full_width{
    width:100%;
    float:left;
    height:auto;
}

.map_full_width {
    position:relative;
    float: left;
    width: 100%;
    height: 140px;
    background-size: 140%;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;
}

.dimension_size_area{
    height:40px;
    line-height: 30px;
}

.deal_price_area{
    font-weight: bold;
    font-size: 15px;
}

.panel-heading{
    position: relative;
}

.panel_link{
    position: absolute;
    top:5px;
    right:5px;
}

.fonacyboxwidth{
    width:900px;
    max-width:100%;
}

.ui-accordion .ui-accordion-header{
    padding: 5px 10px;
    font-weight:normal;
    font-size: 13px !important;
}

.jcrop_main_image{
    float: left;
    max-width:100%;
}


.jcrop-initialize{
    float: left;
    max-width:100%;
}

#picture_cont {float:left;}
#preview_cont {float:right;overflow:hidden;}
#picture_cont, #preview_cont {border:solid 1px;}

.picture_cont {float:left;}
.preview_cont {float:right;overflow:hidden;}
.picture_cont, .preview_cont {border:solid 1px;}

.custom-labelem {
    font-size: 90%;
    margin-left: 17px;
    margin-top: 2px;
    float: left;
}

.small_ico_moon,.small_ico_moon:hover,.small_ico_moon:focus{
    font-size: 23px;
    font-weight: bold;
    text-decoration: none;
}

.button_row_adj{
    margin: 14px 0px 14px 0px;
}

.extra_margin{
    margin-top:10px;
    height:50px;
    min-width:70px;
    margin-bottom:10px;
}

.extra_box{
    margin-top:10px;
    height:50px;
    min-width:70px;
    margin-bottom:10px;
    background:#ffffff;
}

.reset_margin{
    margin-top: 45px;
}

.nopadding{
    padding-left:0px;
}

.width_upload_button{
    width: 19%;
}

.button_width_auto{
    width: auto !important;
    min-width: 120px !important;
}


.middle_col{
    width:1px;
    float:left;
}

.button_margin{
    margin-bottom:12px !important;
    margin-right:10px !important;
}

.extra{
    height:100%;
    margin:0 auto;
    float:none;
}

.extra_padding{
    padding-top:20px;
}

.button:hover{
    color: #ffffff;
    text-decoration: none;
}

.hugeButton{
    width: 218px;
    height: 44px;
    font-size: 20px;
    line-height: 30px;
    margin:30px 0px !important;
}

.hugeButton:hover, .hugeButton:focus{
    width: 218px;
    height: 44px;
    font-size: 20px;
    line-height: 30px;
    margin:30px 0px !important;
}

.sample-button{
    color: #ffffff;
    text-decoration: none;
    border:0;
    border-radius: 5px 5px 5px 5px;
    float: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    padding: 5px 15px;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(33, 33, 33, 0.4);
    -moz-box-shadow: 0px 0px 0px 3px rgba(33, 33, 33, 0.4);
    box-shadow: 0px 0px 0px 3px rgba(33, 33, 33, 0.4);
    margin:3px;
    font-weight: bold;
    display: inline-block;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    -webkit-appearance: none;
    background-color: #1e5799;
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #6a97f7 0%, #2989d8 41%, #2989d8 41%, #457df8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#6a97f7), color-stop(41%,#2989d8), color-stop(41%,#2989d8), color-stop(100%,#457df8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#6a97f7 0%,#2989d8 41%,#2989d8 41%,#457df8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#6a97f7 0%,#2989d8 41%,#2989d8 41%,#457df8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#6a97f7 0%,#2989d8 41%,#2989d8 41%,#457df8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#6a97f7 0%,#2989d8 41%,#2989d8 41%,#457df8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#457df8',GradientType=0 ); /* IE6-9 */


    min-width: 80px;
}

.qc_head{
    margin-top:15px;
    margin-bottom:10px;
    float: left;
}


.support_grid
{
    width:105%;
    margin:0 auto;
    border:1px solid #666;
    height: 400px;
    border-radius:5px;
    font-size:12px;
    margin-top: 14px;
}

.ui-accordion .ui-accordion-header{
    padding: 5px 10px;
    font-weight:normal;
    font-size: 13px !important;
}

.align-center {
    text-align: center;
}

.top_nav_button_action{
    margin-left: 8px;
}


.plusbutton_label{
    font-size: 20px;
    vertical-align: bottom;
}

.video_icon_help{
    font-size: 16px;
}

.checkbox_loyalty_label{
    width:52% !important;
}

.discount_product_left{
    float:left;
    width:50%;
    padding-top: 40px;
    padding-left: 30px;
    padding-bottom: 40px;
    padding-right: 20px;
}


.discount_product_right{
    float:left;
    width:50%;
    padding-top: 0px;
    padding-right: 30px;
    padding-left: 40px;
    padding-bottom: 40px;
}

.discount_selection_box{
    border-radius: 2px;
    background: #e9e9f3;
    /*min-height:400px;*/
    border: 1px solid #dcdde0;
    padding: 10px;
    float:left;
    width:100%;
}

.discount_selection_box:after{
    clear: both;
}

.discount_selection_box{
    border-radius: 2px;
    background: #e9e9f3;
    /*min-height:400px;*/
    border: 1px solid #dcdde0;
    padding: 10px;
    float:left;
    width:100%;
}

.discount_selection_box:after{
    clear: both;
}

.main_row{
    display: table;
    width: 100%;
}

#discount_set_drop .each_discount_tag{
    z-index: 0;
}

.each_discount_tag{
    z-index:10;
    margin-bottom: 2px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    padding-left: 5px;
    position: relative;
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fafafa), color-stop(0.5, #fff), color-stop(0.6, #ddd), color-stop(0.95, #FFF));
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    border: 1px solid #BBB;
    border-top-color: #CCC;
    border-bottom-color: #999;
    border-right-color: #AAA;
    color:#000;
    text-decoration:none !important;
    -moz-box-shadow: 0 4px 4px rgba(255,255,255,.6) inset, 0px -9px 10px -4px rgba(255, 255, 255,1) inset, 0 -20px 1px -6px rgba(0, 0, 0, 0.125) inset;
    outline: none !important;
}


.delete_set_discount{
    margin-right: 5px;
}

.each_drag_discount {
    max-width: 365px;
}


.external_paypal .form-group input{
    width: 240px;
}

.user-form {
    margin-top: 24px;
}

.each_row_merchant .button{
    width:300px;
}

.each_order_row_driver{

    width:100%;
    float: left;
    padding: 5px;
    text-align: center;
    line-height: 21px;

}

.each_order_row_driver h3{
    font-size: 14px;
    line-height: 21px;
}

.each_order_row_driver_sub {
    width:100%;
    float: left;
    margin-bottom: 5px;
}

.each_order_row_driver_sub .button{
    width:100%;
    margin: 0px;
}

.each_order_row_driver h3{
    margin-top: 6px;
    margin-bottom: 3px;
}

.each_order_row_driver p{
    margin-bottom: 0px;
}

#orders_body .each_order_row_driver:nth-child(odd){
    background-color: #eee;
}

.blurred_fix{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1040;
    background-color: #000;
    opacity: 0.3;
}

.blurred_fix img{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.notify_driver{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}

.sample_driver_photo{
    width:80px;
    height:80px;
}

.branch_number_block, .branch_number_block:focus, .branch_number_block:hover{
    width:100%;
    float: left;
    padding: 22px 2px;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    font-weight: bold;
    background-color: #1e5799;
    color: #ffffff;
}

.branch_number_block.branch_number_block_selected{
    background-color: #008000;
}


.each_order_row_driver{
    border-bottom: 4px solid #e60000;
}

/* use spinner for paypal */

.spinner.preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    background-color: #fff;
}

.spinner .spinWrap {
    width: 200px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -50px;
}

.spinner .loader, .spinner .spinnerImage {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
}

.spinner .spinnerImage {
    margin: 23px 0 0 -30px;
    background: url('../img/paypal/paypal_lock.png') no-repeat;
}

.spinner .loader {
    margin: 0 0 0 -55px;
    background-color: transparent;
    -webkit-animation: rotation .7s infinite linear;
    animation: rotation .7s infinite linear;
    border-left: 5px solid #cbcbca;
    border-right: 5px solid #cbcbca;
    border-bottom: 5px solid #cbcbca;
    border-top: 5px solid #2380be;
    border-radius: 100%;
}


.spinner .loader, .spinner .spinnerImage {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
}


.full_preloader_paypal_bg{
    background:#FFFFFF;
    position: fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index: 10000;
}

/* use spinner for paypal */

.info-icon{
    float:left;
    background: url(/img/info.png) no-repeat;
    margin-left:5px;
    margin-top:5px;
    width:20px;
    height:20px;
}

.info-alert {
    position: relative;
    top: 1px;
    background: url(/img/red-info.png) no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
}

.position-popover{
    position: absolute;
    top: -9px;
    left: -26px;
}


.external_paypal .form-group input{
    width: 240px;
}

.each_row_merchant .button{
    width:300px;
}


/* use spinner for paypal */

.spinner.preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    background-color: #fff;
}

.spinner .spinWrap {
    width: 200px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -50px;
}

.spinner .loader, .spinner .spinnerImage {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
}

.spinner .spinnerImage {
    margin: 23px 0 0 -30px;
    background: url('../img/paypal/paypal_lock.png') no-repeat;
}

.spinner .loader {
    margin: 0 0 0 -55px;
    background-color: transparent;
    -webkit-animation: rotation .7s infinite linear;
    animation: rotation .7s infinite linear;
    border-left: 5px solid #cbcbca;
    border-right: 5px solid #cbcbca;
    border-bottom: 5px solid #cbcbca;
    border-top: 5px solid #2380be;
    border-radius: 100%;
}


.spinner .loader, .spinner .spinnerImage {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
}


.full_preloader_paypal_bg{
    background:#FFFFFF;
    position: fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index: 10000;
}


.modal-body .paypal_card_form .form-add-card .form-group{
    margin: 0px 0px 15px 0px;
}

.checkout_button_colour.button.confirm_checkout_button_inactive, .checkout_button_colour.button.confirm_checkout_button_inactive:focus, .checkout_button_colour.button.confirm_checkout_button_inactive:hover{
    background: grey !important;
    color: #FFFFFF !important;

}

.card-payment-tabs{
    float: left;
    width: 100%;
}


.card-payment-tabs li{
    float: left;
    width: 50%;
}

.card-payment-tabs li.active, .card-payment-tabs li.active a, .card-payment-tabs li.active a:hover{
    background: #cccccc;
    color: #fff;
    font-weight: bold;
}

.each_card_row_main{
    margin: 15px 0px;
}

.each_card_row_main .each_card_row{
    padding: 7px 0px;
    margin-bottom: 5px;
}

.each_card_row_main .each_card_row .button{
    min-width: 65px;
}



.each_card_row_main .each_card_row:nth-child(odd){
    background: #cccccc;
}


.cvv_label{
    width:37px;
}

.modal-body .paypal_card_form .form-control{
    width:100%;
    margin-left: 0px;
}

.signature_show_hide_class{
    margin-top: 10px;
    float: left;

}

tr.main_prepend_row_tr td{

    text-align: center;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle !important;
    height: 65px;

}

.mhid_inverse{
    display: none;
    font-size: 19px !important;
}

#items-price-body tr td {
    vertical-align: middle !important;
}

#items-price-body tr td {
    margin-bottom: 3px;
}

.button-accept-min{
    width: 290px;
}


.driver_td_p p{
margin-bottom:2px;
}


.center-buttons-manage-pop a.button{
    margin-bottom: 15px;
}

.center-buttons-manage-pop a.button::after{
    clear: both !important;
}


.reservation_calender_area{
    float:left;
    width:100%;
}

.reservation_calender_area .calendar{
    table-layout: fixed;
    width: 100%;
    max-width: 98%;
    margin: 5px 1% 5px 1%;
}

.reservation_calender_area .calendar td{
    padding:6px;
    border-bottom: 1px solid #6d6b6c;
    font-size:15px;
    text-align: center;
}

.reservation_calender_area .calendar tr:last-child td{
    border-bottom: 0px solid #6d6b6c;
}

.reservation_calender_area .calendar td.old_date{
    color:#666666;
}

.calender-top{
    float:left;
    width:100%;
    height:50px;
    text-align: center;
}

.calender-top h2 {
    margin:17px 0px;
}

.top_holder{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    padding: inherit;
    will-change:top;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.calendar_content{
    float:left;
    width:100%;
    min-height: 268px;
    height: auto;
    position: relative;
}

.reservation_report{
    width:100%;
    float:left;
}

#reservation_loading{
    float:left:
width:100%;
    height:25px;
    margin-top:20px;
}


a.res_location_link {
    display:block;
    height:100%;
    width:100%;
    text-decoration: none;
    color:inherit;
}

a.reservation_day, a.reservation_day:hover{
    text-decoration: none;
    color:inherit;
    padding:2px;
    width: 100%;
    height: 100%;
    float: left;
}

.reservation-label{
    text-align: center;
    width:100%;
}

a.inherit_style_link, a.inherit_style_link:hover{
    color:inherit;
    text-decoration: none;
}

.active_res_nav{
    background: #cccccc;
}

/* Frame */

.time_selection_pop ul{
    list-style: none;
    margin: 0;
    padding: 0;
    height: auto;
    font-size: 50px;
    min-width:100% !important;
}

.time_selection_pop ul li {
    float: left;
    width: auto;
    padding: 0;
    background: #333;
    color: #ddd;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

.time_selection_pop_res ul{
    list-style: none;
    margin: 0;
    padding: 0;
    height: auto;
    font-size: 50px;
    min-width:100% !important;
    float:left;
}

.time_selection_pop_res ul li {
    float: left;
    width: auto;
    padding: 0;
    background: #333;
    color: #ddd;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

.time_selection_pop_res ul li.notification_reservation_button_slider_common,
.time_selection_pop_res ul li.notification_button_slider_common
{
    margin: 3px 2px 3px 1px;
    border: none;
    height: 92px;
    padding: 13px 20px;
    line-height: 63px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 0px;
    width: 111px;
    font-size: 12px;
}

.time_selection_pop_res ul li.active {
    color: #fff;
    background: #a03232;
}

.notification_button_slider_common.active{
    opacity: 0.7;
}

.modal-body .country_add_edit .form-group{
    margin: 0 6% 12px;
}

.outer_driver_edit tr td{
   border-bottom: 1px solid #cccccc;
    padding: 3px;
}


.inner_driver_edit tr td{
    padding: 3px;
    border-bottom: 0px solid #cccccc;
}

.toggle.ios{
    border-radius: 20px;
}
.toggle.ios .toggle-group .toggle-on {
    font-size: 12px;
    padding-top: 8px;
}
.toggle.ios .toggle-group .toggle-off {
    font-size: 12px;
    padding-top: 8px;
}

.toggle.ios .toggle-group {
    width: 179%;
}

.toggle.ios .toggle-group .toggle-handle {
    height: 89%;
    margin-top: 2px;
    border-radius: 20px;
}

.toggle.ios.off .toggle-group{
    left: -78%;
}

.toggle.ios.on .toggle-group{
    left: -78%;
}

.side_previewer_page{
    position: fixed;
    top:0px;
    right:auto;
    left:2000px;
    bottom:0px;
    z-index: 1060;
    width:100%;
    min-height: 100%;
    height: auto;
    overflow: hidden !important;
}


.side_previewer_page_previewer{
    position: fixed;
    top:0px;
    right:auto;
    left:0px;
    bottom:0px;
    z-index: 1058;
    width:100%;
    padding-top: 200px;
    background: #000000;
    opacity: 0.4;
    overflow: hidden !important;
}

.side_previewer_page_previewer img{
    position: absolute;
    top:50%;
    left:50%;
    z-index: 1059;
}


.side_previewer_page #modalpop_content, .side_previewer_page #preview_iframe{
    width:100%;
    height:auto;
    min-height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #FFFFFF;
    overflow: hidden !important;
}


.side_previewer_page_close, .side_previewer_page_close a, .side_previewer_page_close a:hover, .side_previewer_page_close a:focus{
    padding: 16px;
    background: #000000;
    color: #FFFFFF;
    font-size: 16px;
    opacity: 0.9;
    position: absolute;
    right:0px;
    top:0px;
    text-decoration: none;
    z-index:10;
}

.size_total_weight{
    width: 159px;
}

.item_small_name_horizontal{
    display: none;
}

.item_small_name_horizontal_negate{
    display: table-cell;
}

.button_small_area{
    width:104px;
}

.lite_top_button_style{
    width: 130px;
    margin: 2px;
    float:left;
}

.manage_header .lite_top_button_style_center{
    width: 173px;
    margin: 2px;
    float:none;
}


.cart_icon_button{
    font-size: 24px !important;
    padding: 5px 15px !important;
    margin-bottom: 0px !important;
}

.epos_buttons_area{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    }

.ordertype_epos_class{
    width:100%;
    min-width: 250px;
}




.select_cash_desk_user_width{
    width:200px;
}

.button.select_cash_desk_user_disable{
    background: #666666 !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
}

.button.cash_desk_selected{
    background-color: #b81900 !important ;
    color: #ffffff!important ;
}

.top_center_table{
    table-layout: fixed;
    width: 100%;
}

.top_center_table td{
    text-align: center;
}

.white_space_wrap{
    white-space: nowrap;
}

.epos_button_top_conversion{
    float: none;
    top: -9px;
    position: relative;
}

.report_cart_icon{
    line-height: 32px;
    font-size: 20px;
    padding: 0px 0px;
    display: inline-block;
    top:-6px;
}

#filters-block div.col-sm-6{
    margin-top: 10px;
}

.hasDatepicker[readOnly="1"], .hasDatepicker[readOnly="1"]:hover{
    background: #ffffff;
    cursor: pointer;
}

div.ui-datepicker{
    font-size:18px;
}

.manage-order-area .views-switcher{
    width: 50px;
    height: 20px;
    float: none;
    /* margin-top: -80px; */
    display: inline-block;
    position: relative;
}


.manage-order-area .views-switcher .vertical {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    top: -64px;
    left: 0px;
}

.manage-order-area .views-switcher .horizontal{
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    top: -62px;
    left: 0px;
}


.filter_each_row_sort{

    margin: 10px 0px;
    font-size: 14px;

}

.middle_button_width_manage{

    width:177px;

}

.left_manage_switch_view{
    text-align: center;
}

.right_manage_switch_view{
    text-align: center;
}


.nice_backdrop{
    background: #000000;
    opacity: 0.5;
    position: absolute;
    top:-1px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:1;
}

.loadinghook{
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background: transparent;
    z-index:2;
    text-align: center;
}

.button_full_width{
    width:100%;
}

.surge_time_table{
    max-width:450px;
    width:100%;
    margin: 0 auto;
}

.sub_add_time_edit{
    width:100%;
}

.surge_time_table tr td .sub_add_time_edit tr td {
    padding: 0px;
}

.surge_time_table tr td .sub_add_time_edit tr td .add_due_minutes{
    width:calc(100% - 70px) !important;
}

#save_due_minutes_time{
    width:calc(100% - 70px) !important;
}

.surge_time_table tr td .sub_add_time_edit tr td .add_due_minutes_delete{
    min-width:50px;
    font-size: 16px;
    padding: 12px 10px;
}

.surge_time_table tr td{
    vertical-align:top;
    padding: 22px;
}

.extra_button_css.button{
    padding: 8px 0px;
    width: 10px;
    font-size: 17px;
    min-width: 29px;
}

.normal_size_sort{
    width: 97px;
}

.fixed-top-content{
    width:100%;
    float:left;
}

input.nospin[type=number]::-webkit-inner-spin-button,
input.nospin[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.extrapadding_conversion_numner{
    padding-right: 0px;
}

.sly-frame {
    height: auto;
    padding: 15px 0px;
    overflow: hidden;
    float: left;
    width: 100%;
}


.sly-frame ul li {
    float: left;
    width: auto;
    padding: 0;
    background: #333;
    color: #ddd;
    text-align: center;
    cursor: pointer;
}

.sly-frame ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: auto;
    font-size: 50px;
    min-width:100% !important;
}

.sly-frame ul li.active {
    color: #fff;
    background: #a03232;
}

.sly-frame ul li.active {
opacity: 0.8;
}

/* Scrollbar */

.sly-scrollbar {
    margin: 0 0 1em 0;
    height: 2px;
    background: #ccc;
    line-height: 0;
}

.sly-scrollbar .handle {
    width: 100px;
    height: 100%;
    background: #292a33;
    cursor: pointer;
}

.sly-scrollbar .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 20px;
}


.time_selection_pop ul li.notification_reservation_button_slider_common,
.time_selection_pop ul li.notification_button_slider_common
{
    margin: 3px 2px 3px 4px;
    border: none;
    height: 100px;
    padding: 18px 22px;
    line-height: 63px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 0px;
    min-width: 109px;
    font-size: 15px;
}

.time_selection_pop ul li.active {
    color: #fff;
    background: #a03232;
}


#orders_body tr{
    background-color: #ffffff;
}

.partial_display_on_mobile{
    display:none;
}


.comman_payment_width{
    width:315px;
    margin-bottom: 10px;
}


.comman_payment_width_2{
    width:246px;
    margin-bottom: 10px;
}

.update_status_block{
    width: 271px;
    display: inline-block;
    position: relative;
    top: 3px;
    vertical-align: middle;
}

.bigger-buttons .update_status_block .button{
    font-size: 16px;
}

#qr_code_id{
    width:250px;
    margin:10px 0px;
    display: inline-block;
}

.main_row_style{
    padding-top: 10px;
    max-width: 500px;
    margin: 0 auto;
    float:none;
}

#country_code_text{
    float: left;
    width: auto;
    height: 30px;
    line-height: 39px;
    padding-right: 10px;
}

.country_code_text_edit{
    width: 100px;
    font-size: 15px !important;
    padding: 7px 18px !important;
}

.each_tel_code_row{
    width:100%;
    float: left;
    padding: 13px 10px;
    background: #f2f2f4;
    margin-top: 7px;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

.each_tel_code_row:hover{
    border-bottom: 1px solid #cccccc;
}


.tab_required.chItems2 label{
    width:100% !important;
}

.nopaddingbottom{
    margin-bottom: 0px;
}

.copy_base_url, .copy_base_url:hover, .copy_base_url:focus{
    color: #428bca !important;
}

.display_upload
{
    margin-bottom:5px;
}

.popover_alert{
    color:red;
}

.display_upload_reord{
    background:#efeff1;
    margin:1px;
    padding:7px 5px;
}

.request_branches{
    float:left;
    margin-bottom:15px;
    margin-top:5px;
    width:100%;
}


.centere_left_show{
    position: absolute;
    top:50px;
    left:0px;
    right:0px;
    padding-left:15px;
}

.qr_code_bottom{
    width:250px;
    margin: 0 auto;
    text-align:left;
}

.qr_code_bottom label{
    text-align:left;
}

.invite_supplier_equal{

}

.complete-order-status-button-confirm-class{
    margin: 7px 0px !important;
    max-width: 306px;
}

.complete-order-status-button{
    font-size: 13px !important;
    padding-bottom: 11px !important;
    padding-top: 8px !important;
    width: 140px;
}

.small_merchant_logo{
    max-width: 150px;
    max-height: 150px;
    height: auto;
    width:auto;
}

.table_cel_parent{
    display: table;
    min-height: 54px;
}

.table_cel_child{
    display: table-cell;
    vertical-align: middle;
}

.small_cardtype_log{
    width:auto;
    height: 30px;
}

.global_settings_class .modal-body .form-group{

}

.modal-body .push_re_schedule_class .form-group {
    margin: 0 10% 12px;
}

.fancybox-description-message.button{
    min-width: 43px;
    padding-left: 11px;
}

.push_message_image{
    width:100%;
    height:auto;
}

.modal-body .confirm_payment_form .form-group{
    margin: 0 4% 12px;
}


.csv_confirm_main{
    width:900px;
    max-width: 100%;
}

.button-manage:after{
    content: 'Manage';
}
.table-small tr td:last-child{
    text-align: center;
}

.button-manage img{
    display:none;
}

.table-small .button-manage{
    font-size: 13px;
    line-height: 25px;
}

.button-manage{
    border-radius: 0px;
    font-size: 14px !important;
    text-align: center;
    height: 37px;
    min-width: 40px;
    padding: 5px 15px !important;
    content: 'Manage';
    margin-bottom: 10px;
    margin-left: 2px !important;
    margin-right: 2px !important;
    line-height: 24px;
    width:140px;
}

.manage-common-buttons{
 margin:5px 5px 5px 5px !important;
}

.table-small .button.adjust_equal_button_size{
    padding: 9px 15px;
}

.modal-body .opespurce_edit .form-group{
    margin: 0 8% 12px;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.largeButtons.barcode_images{
    background: white;
    border: 4px solid #000000;
    padding: 8px;
}

.largeButtons.barcode_images img{
    max-height: 103%;

}

.customer-card-footer.customer-card-footer-orders{
    width:100%;
    float: left;
}

.customer-card-body.customer-card-body-orders{
    min-height: 110px;
    position: relative;
}

.cutomer-table-orders{
    width: 100%;
    table-layout: fixed;
    height: 110px;
}

.popover-orders-total{
    table-layout: fixed;
    width: 180px;
    color: #666;
}

.popover-orders-total tr td{
    width:50%;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 2px;
}

.popover-orders-total tr td:last-child{
    text-align: right;
}

.permission_description_display{
    cursor: pointer;
}

.auto_product_setting{
    width:200px;
}

.auto_product_setting_group{
    text-align: center;
}


.global-icon-8, .global-icon-8:before, .global-icon-8s:before
{
    font-family: "fontello8" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-upload:before { content: '\e804'; }

.table>thead>tr>td.danger_accept, .table>tbody>tr>td.danger_accept, .table>tfoot>tr>td.danger_accept, .table>thead>tr>th.danger_accept, .table>tbody>tr>th.danger_accept, .table>tfoot>tr>th.danger_accept, .table>thead>tr.danger_accept>td, .table>tbody>tr.danger_accept>td, .table>tfoot>tr.danger_accept>td, .table>thead>tr.danger_accept>th, .table>tbody>tr.danger_accept>th, .table>tfoot>tr.danger_accept>th {
    background-color: #f3c08e;
}

.fileinput-button.button{
    height: auto !important;
    margin-top: -1px;
}

.client_sample_button{

    border-style: solid;
    min-height:35px;

}

 .modal-body .opensource-licenc-management-edit .form-group{
     margin: 0 7% 12px;
 }

 .ios.ios_extra{
     width: 95px !important;
     height: 30px !important;
     min-height: 31px !important;
 }

.toggle.ios.ios_extra .toggle-group .toggle-on{
    font-size: 13px;
    padding-top: 6px;
}

.toggle.ios.ios_extra .toggle-group .toggle-off {
    font-size: 13px;
    padding-top: 6px;
}

/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
    filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.fileupload_progressbar{
    display:none;
}

.background_progress{
    background: #edecf3;
    float: left;
    width:90%;
    padding:5px 10px 10px 10px;
    margin-top:10px;
}

.manage_upload{
    float: left;
    width:100%;
    margin-bottom: 5px;
}

.background_progress .progress{
    margin-bottom: 0px;
}

.help-accordion-body img {
    max-width: 100% !important;
}

.pdf-bold{
    font-weight: bold;
}


.showcase_button{
    font-size: 29px;
}

td.showcase_area, th.showcase_area{
    text-align: center !important;
    vertical-align: middle !important;
}

.outsource-printer .support_grid{
    height:410px;
}

.support_grid:hover{
    border:1px solid #666;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.6);
    -moz-box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.6);
    box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.6);
}

.grid-row-space{
    margin-bottom:15px;
}

.space_adjust{
    margin:10px 0px;
}

.center-margin{
    margin:0 auto;
    float:none;
}

#for_footer{
    display:none;
}

.grid_button{

    text-align:center;
    margin:20px 0px;
}

.grid-content-area{
    height: 320px;
    margin-top:3px;
}

.grid-left{
    float:left;
    width:37%;
    padding-right: 2px;
    padding-left: 9px;
    font-weight:bold;
    font-size:11px;
}

.grid-middle{
    width:1%;
    float:left;
}

.grid-right{
    float:left;
    width:62%;
    height:22px;
    padding-right: 9px;
    padding-left: 5px;
    word-wrap: break-word;
}

.form-loading{
    margin-right:6px;
    margin-left:6px;
}

.pull-right-loading .form-loading{
    float: none !important;
}

.show-branch-tag {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #aaaeb6;
    border-radius: 4px;
}

.image_thumb{
    float:left;
    max-width:100%;
    width:150px;
    max-height:200px;
}

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

.showcase_button{
    font-size: 29px;
}

.button_adjust_mine{
    line-height: 20px !important;
    margin-left: 10px !important;
    height: 30px !important;
    width: 185px !important;
}

/****** new login page *****/

    .top_adjust{

        margin-top:15px;
        margin-bottom:15px;

    }

    .buttonBranche{

        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width:100%;

    }

    .eachbranche{

        margin-bottom:10px;

    }

    .eachbuttonP{

        margin-bottom:15px;

    }

    .largeButtons{

        height: 60px;
        width: 280px;
        max-width:100%;
        vertical-align: middle;
        line-height: 100%;
        font-size: 20px;
        padding: 19px 15px;
        border-radius: 15px;

    }

    .homepage_area{

        margin-bottom:10px;

    }

    .client-order-logo{
        float:left;
    }

    .main_clean.main{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        min-height: 400px;
        margin-bottom: 64px;
        padding-bottom: 32px;
    }

/****** new login page *****/

/*****Drill down css area *****/

.order-drill-down {
    float:left;
    width:100%;
    border: 3px solid #AAAAAA;
    min-height:100px;
    margin-top:10px;
    margin-bottom:10px;
    padding:10px 0px;
    word-wrap:break-word;
}

.drillrow{
    margin-top:10px;
    float:left;
}

.modal-body .deps_add .form-group{
    margin: 0 4% 12px;
}

.drillrow h3{
    margin-top:5px;
    margin-bottom:8px;
    border-bottom: 2px solid #666;
    padding-bottom: 4px;
    padding-left: 10px;
}

.custom-panel-box{
    float: left;
    width:100%;
    padding:10px;
    border: 1px solid #AAAADD;
    border-top: 0px solid #AAAAAA;
    margin-bottom:10px;
    margin-top:-5px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 0px solid #e3e3e3;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.branch_details{
    float:left;
    width:100%;
}

.branchdetails-tab{
    width:100%;
    float:left;
    border-top:1px dotted #AAAADD ;
    padding: 5px ;
}

.branchdetails-tab.active{
    font-weight: normal;
}

.pagination>li.selected>a{
    background :#ddd;
}

/*****Drill down css area *****/

.name_grid{
    height:40px;
}

.margin_h2_outsource{
    margin-top:7px;
}

.button-disable{
    opacity: 0.5;
}

.button-disable:hover{
    color: inherit;
}

.support_grid
{
    width:105%;
    margin:0 auto;
    border:1px solid #666;
    height: 400px;
    border-radius:5px;
    font-size:12px;
    margin-top: 14px;
}

.step1-tabs input{
    font-weight: normal;
}

.thead_class{
    border-bottom:2px solid #a7a7a6;
    padding-bottom: 10px;
}

.each_row_pricing{
    border-top:1px solid #a7a7a6;
}

.dropdown-sm{
    width: 80px;
}

.prce-listing-label{
    margin-top: 5px;
}
.price-button-margin{
    margin-left:10px;
}


.main .modal-body{
    padding: 10px !important;
}

.main .modal-content:before{
    clear:both;
}

.main .modal-footer{
    margin-top:20px;
    float:left;
    width:100%;
    padding:10px 15px;
}

.main .modal-body{
    overflow: hidden;
}

.main .modal-footer-sample{
    padding:10px 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.main .modal-header{
    background-color: #1e5799;
    background: #1e5799; /* Old browsers */
    color:#ffffff;
    padding:7px;
    min-height: 35px;
}

.main .modal-content{
    border:3px solid #1e5799;
}

.main .modal-content:after
{
    content: " ";
    display: block;
    clear: both; /* if you need to break floating elements */
}

.req-head{
    margin: 10px 0px;
}

.sorting_table.table-striped>tbody:nth-child(odd)>tr>td, .table-striped>tbody:nth-child(odd)>tr>th {
    background-color: #f9f9f9;
}

.sorting_table.table-striped>tbody:nth-child(odd)>tr>td, .table-striped>tbody:nth-child(even)>tr>th {
    background-color: #ffffff;
}

.sorting_table.table>tbody+tbody{
    border-top: none;
}

.password_success{
    display:none;
    float:left;
    width:100%;
    margin-top:10px;
    margin-bottom:5px;
}

.main .redactor-toolbar{
    background:#eee !important;
}

.modal-dialog .redactor-toolbar{
    background:#eee !important;
}


.main .branch_delivery_address .form-group{
    margin: 0 1%;
    margin-bottom: 8px;
}

.top-groove-box{
    border:4px inset #ddd;
    margin:10px 0px;
    padding:20px 20px;
}

.order_summer{
    border:3px inset #ddd;
    min-height:414px;
    margin-top:11px;
    padding-top:12px;
}

.each_supplier_block{
    margin-top:15px;
}

.my_cart_step .breadcrumb {
    padding: 0px 3px;
    list-style: none;
    overflow: hidden;
    font: 18px Raleway, Helvetica, Arial, Sans-Serif;
    height:36px;
    background-color:transparent;
    font-size: 14px;
    background:#cdc8d7;
}
.my_cart_step .breadcrumb li {
    float: left;
}
.my_cart_step .breadcrumb li a {
    color: white;
    text-decoration: none;
    padding: 11px 0 10px 65px;
    background: brown;                   /* fallback color */
    background: hsla(34,85%,35%,1);
    position: relative;
    display: block;
    float: left;
}

.my_cart_step .breadcrumb li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsla(34,85%,35%,1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.my_cart_step .breadcrumb li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.notifcation-exc{
    color:red;
    font-size: 13px;
}

.my_cart_step .breadcrumb li:first-child a {
    padding-left: 10px;
}
.my_cart_step .breadcrumb li a       { background:        #cdc8d7; }
.my_cart_step .breadcrumb li a:after { border-left-color: #cdc8d7; }


.my_cart_step .breadcrumb li a:hover { background: #4b4799; }
.my_cart_step .breadcrumb li a:hover:after { border-left-color: #4b4799 !important; }

.my_cart_step .breadcrumb li a.active { background: #4b4799; }
.my_cart_step .breadcrumb li a.active:after { border-left-color: #4b4799 !important; }


.nopaddingboth{
    padding-left:0px;
    padding-right:0px;
}

.nopadding{
    padding-left:0px;
}

.nopadding-right{
    padding-right:0px;
}

.form-control-feedback{
    z-index:0;
}

.dateSearh.form-control[readonly]{
cursor: pointer;
background: #fff;
}

.help-main{
    max-height:650px;
    overflow-y: auto;
    overflow-x: hidden;

}

.help-accordion-body {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.main-help-desc-all{
    float: left;
    width:100%;
    max-height:350px;
    overflow-y: auto;
    overflow-x: hidden;

}

.main .add-edit-client-user .form-group {
    margin: 0 16% 8px;
}

.main-help-desc{
    width:100%;
    float:left;
}
.form-add-card .form-group{
    margin-left: 0;
    margin-right: 40%;
}

.modal-body .support_topics .form-group{
    margin: 0 0% 12px;
}

 .modal-body .app_creation_systems .form-group{
     margin: 0 4% 12px;
 }

.app-launch-payment .form-group{
    width:100%;
}

.payment_tab{
    border: 1px solid #ddd;
    border-top:none;
    padding:20px;
}

.saved_card_rows {
    border: 2px solid #ddd;
    /* border-left-color: transparent; */
    /* border-right-color: transparent; */
    float: left;
    margin-top: 5px;
    width: 98%;
    margin-left: 1%;
    padding: 20px 10px;
}

.form-add-card .form-group .col-sm-offset-2{
    margin-left: 0;
}

.my_cart_step .breadcrumb.nfc li a{
    padding: 11px 36px 10px 72px !important;
}

.card_type_images{
    max-width:80px;
    max-height:50px;
}

.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:hover>.dropdown-menu {
    display:block;
}

.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;
}

/***tiny scrollbar**/
.image_selector {
    border: 1px solid grey;
    height: 43px;
    width: 206px;
    overflow: hidden;
    cursor: pointer;
}

.image_area_res_bg{
    float:left;
    width:30%;
    text-align: center;
    margin:15px 0px;
}

.image_area_res_bg img{
    display: inline-block;
    max-width:100px;
}

.res_image_head .image_area_res_bg{
    margin:15px 0px 0px 0px;
}

.modal-footer-sample{
    padding:10px 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer-sample {
    padding: 10px 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-content:after {
    content: " ";
    display: block;
    clear: both;
}

@media (max-width: 992px){

    .modal-body .manage_reservation_form .defInputText.mobile_phone_reservation_add{
        margin-left:0px;
        margin-top: 10px;
        float:left;
        width:320px;
    }

    .modal-body .manage_reservation_form .defInputText.mobile_phone_reservation_dropdown{
        float:left;
        width:320px;
    }


}



@media (max-width: 768px){
    .button_full_width_adjs{
        width:100%;
    }

    .row{
        margin-left: 0px;
    }
    .print_equal_width{
        width: 84mm;

    }
    .button_centered {
        margin-left: calc(50% - 44mm);
        margin-right: calc(50% - 44mm);
        padding: 0px;
    }
}

@media (min-width: 992px){
    .modal-lg.custom-width {
        width:1124px;
        max-width:100%;
    }

    .modal-lg.custom-width-big {
        width: 1224px;
        max-width: 100%;
    }
}

.help-main p,.help-main h1,.help-main h2,.help-main h3,.help-main b{
    margin: 0 !important;
    margin-bottom: 15px !important;
}

.loading-gif{

    width:50px;
    margin:0 auto;
}

.loading-gif-orders{

    width:50px;
    margin:0 auto;
}

.modal-footer:after
{
    content: " ";
    display: block;
    clear: both; /* if you need to break floating elements */
}

.main .dropdown-menu {
    z-index: 1100;
}

#redactor-droparea-placeholder input[type=file]{
    display: inline;
}

.main .bigger.form-group {
    margin: 0 auto;
    width:750px;
}

.redactor-image-position-option{
    display:none !important;
}

/***** For new redactor plugin **********/

.redactor-toolbar li a.re-background:before {
    content: "BG";
    font-size: 13px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;

}

.help_main_topic{
    margin-top:20px;
    float:left;
    width:100%;
}

.help_main_topic .sub_topics{
    padding: 5px 22px;
    margin: 0 0 12px;
    border-left: 5px solid #eee;
    background: #f8f8f8;
}

.main .help_topic_edit .form-group{
    margin: 0 15% 8px;
}

.messages blockquote{
    background: #f5f4f4;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 1px solid #ccc;
}

.bottom_adjust{
    float:left;
    margin-bottom: 10px;
}

.branch_trigger_pop_up .bottom_adjust{
    width:100%;
    float:left;
    margin-bottom: 10px;
}

.accordion {
    margin-bottom: 20px;
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5;
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion-heading .accordion-toggle {
    display: block;
}

.accordion-heading {
    border-bottom: 0;
}

.accordion-heading a:hover{
    text-decoration: none;
}

.help .accordion-group{
    margin-bottom:4px;
}

.help .panel-heading{
    padding: 6px 10px;
}

/*** Arrange nav tabs for help *****/
.help .nav-tabs{
    float: left;
    width: 100%;
}

.help .nav-tabs>li{
    width: 100%;
    border:none;
    border-bottom:1px dashed #ddd;
}

.help .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover{
    border:none;
}

.help .nav-tabs>li{
    margin-top:1px;
}

.help .nav-tabs>li.active>a:focus.help .nav-tabs>li.active>a:focus {
    border-top:none;
}

.help .nav-tabs>li>a{
    border-radius : 0px;
    margin-right: 0px;
}
.help .nav-tabs>li.active>a{
    font-weight: bold;
}


.help-tabs{
    border: 1px solid #ddd;
    margin-top: -6px;
}

.email_adjust{
    margin-top:20px;
    max-width:1000px;
    width:95%;
    border-radius:10px;
}

.carousel-control{
    width:3% !important;
}

.carousel-control.left{
    background-image: none;
}

.carousel-control.right{
    background-image: none;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 0px solid #e3e3e3;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


.shodow_war{
    float:left;
    width:100%;
    padding:10px;
    min-height:254px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.6);
    -moz-box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.6);
    box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.6);

}

.redactor-toolbar li a.re-superscript:before {
    font-family: FontAwesome;
    content:"\f12b";
    font-size: 14px;

}

.redactor-toolbar li a.re-subscript:before {
    font-family: FontAwesome;
    content:"\f12c";
    font-size: 14px;
}

.show_case{
    float:left;
    width:100%;
    padding:10px 25px;
    min-height:200px;

}

.table-fullwidth {
    float: left;
    width:100%;
}

.table-half-width{
    float: left;
    width:45%;
}

.app_type_view .table-half-width-right{
    max-width:165px;
}

.app_type_view .table-half-width {
    float: left;
    width: 66%;
}

.table-half-width-right{
    max-width:250px;
}

.borderless td {
    border: none !important;
}

.email_block{
    margin-top:20px;
}

.email_block .adjust{
    margin-top:5px;
}

.table-minor{
    float: left;
    width:10px;
}

.contact_block .email_block .adjust{
    margin-top: 15px;
}

#redactor-image-manager-box img{
    margin:3px;
}

#redactor-modal-body #redactor-modal-image-insert {
    padding: 30px 30px 50px 30px;
}


.accordion-heading .accordion-toggle {
    /* display: block; */
    /* padding: 8px 15px; */
}

.accordion-toggle {
    /* cursor: pointer; */
}

.custom-panel.top_head{
    font-size:15px;
}

.custom-panel{
    color: #ffffff;
    float:left;
    width:100%;
    background-color: #1e5799;
    padding: 6px 10px;
    margin:5px 0px;
    border-radius:2px;
}

.custom-panel .list-inline{
    padding-left:3px;
    float:left;
    margin-top:10px;
}

.custom-panel .list-inline>li{
    padding-left:0px;
    padding-right:0px;
}

body .tab-pane.active {
    color: #333;
}

.custom-panel a{
    color: #ffffff;
}

button.close{
    font-size: 17px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    opacity:1;
    color:#ffffff;
}

button.close:hover{
    color:#ffffff;
}

button.close{
    color:#ffffff;
}

.header{
    min-height: 128px;
    height:auto;
    margin-top: 12px;
}

.header img{
    max-height: 120px;
    max-width:200px;
}

.header .rb ul{
    float: right;
}

.header li{
    list-style-type: none;
    margin-bottom: 4px;
}

.main{
    -webkit-box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.6);
    -moz-box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.6);
    box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.6);
    min-height: 400px;
    margin-bottom: 64px;
    padding-bottom: 32px;
}

.container.main-big{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
}

.main .h, .cash_desk_h.h{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 36px;
    position: relative;
}

.main .form-group{
    margin: 0 20% 8px;
}

.main .form-group-help{
    margin-right: 0;
    margin-left: 10%;
}

.main .form-group-help .inf{
    position: relative;
    left: 12px;
    padding-left: 8px;
    font-size: 12px;
    color: #5e5e5e;
}

.main .form-group-help .defInputText{
    width: 230px;
    margin-bottom: 12px;
}

.main .form-group2{
    margin: 0;
}

.main .form-group-trigger{
    margin-left: 12px;
}

.card-info{
    margin: 16px 0;
}

.card-info>div{
    margin-bottom: 8px;
}

.loading-card{
    padding-left: 54px;
}

.loading-card img{
    position: absolute;
    margin-top: -8px;
    left: 16px;
}

.main .form-group2 input{
    width: 200px;
}

/*noinspection CssUnknownTarget*/
.defInputText, .defInputPassword {
    background: url(/img/menu-top-bg.png) repeat-x scroll 0 0 #F9F9F9;
    border: 1px solid #C6C6C6;
    float: left;
    font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 31px;
    margin: 0;
    outline: 0 none;
    padding: 3px 11px ;
    width: 250px;
}

.defSelectText{
    padding-top: 8px;
}

.defRoundedRight {
    border-radius: 0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    -webkit-border-radius: 0 7px 7px 0;
    -webkit-appearance: none;
}

.defRoundedBoth {
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -webkit-appearance: none;
}


.mobileapp{
    float: left;
    width:100%;
    margin-top:35px;
}

.mobileapp .row_adjust{
    margin-top:20px;
    width:35%;
    float:left;
    padding-right: 15px;
    padding-left: 15px;
}

/*noinspection CssUnknownTarget*/
label.defLabel {
    background: url(/img/buttonBackground.png) repeat-x scroll 0 0 #f5f5f5;
    color: #000000;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 31px;
    text-align: center;
    padding: 7px 3px;
    border: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.clearLeftPadding{
    padding-left: 0;
}

.defRoundedLeft {
    border-radius: 7px 0 0 7px;
    -moz-border-radius: 7px 0 0 7px;
    -webkit-border-radius: 7px 0 0 7px;
    -webkit-appearance: none;
}

.check_alert{
    color:#fd6c4f;
}

.check_alert::after {
    content: " !";
    color:#fd6c4f;
}

a.menudisabled {
    pointer-events: none;
    cursor: default;
    color:#bfbbbb;
}

.dropdown-menu>li>a.menudisabled {
    pointer-events: none;
    cursor: default;
    color:#bfbbbb;
}

.button-sign-off{
    margin-top:20px;
    margin-bottom: 35px;
}

.nopadding{
    padding-left:0px;
    padding-right:0px;

}

.container{
    max-width: 1000px;
}

/*noinspection CssUnknownTarget*/
.errorMsg {
    clear: both;
    margin-top: 4px;
    border: 1px solid #c00;
    padding: 5px 5px 5px 25px;
    background: url(/img/error.png) no-repeat 0 6px #ffffcc;
}

.active{
    font-size: 13px;
    color: #000000;
}

.no-bold{
    font-weight: normal;
}

.no-bold2{
    font-weight: normal;
    padding: 0px 6px !important;
    font-size: 12px;
}

.bold{
    font-weight: bold;
}

/*noinspection CssUnknownTarget*/
.defDropdown {
    background: url("/img/select-bg.png") repeat-x scroll right -1px #F9F9F9;
 }

.logo{
    padding: 12px 0;
    max-width:100%;
}

.logo img{
    max-width:100%;
}

.labelsm{
    padding-top: 4px;
    padding-bottom: 16px;
    font-size: 15px;
    line-height: 150%;
}

.labelsm .label .glyphicon-remove{
    color: #fbcb09;
}

.alphabet,
.alphabet_r,
.alphabet_franchisor{
    max-height: 500px;
    overflow: scroll;
}
.alphabet li,
.alphabet_r li,
.alphabet_franchisor li{
    margin-bottom: 10px;
    list-style-type: none;
}

.alphabet li.head,
.alphabet_r li.head,
.alphabet_franchisor li.head{
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 8px;
}

.alphabet li b,
.alphabet_r li b,
.alphabet_franchisor li b{
    font-size: 11px;
}
.alphabet li .check,
.alphabet_r li .check,
.alphabet_franchisor li .check{
    float: left;
    position: relative;
    margin-top: 3px;
    margin-left: -22px;
}

#abcd .select,
#abcd_r .select,
#abcd_franchisor .select{
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.infType{
    margin-top: 0;
    margin-bottom: 10px;
}

.sbapp{
    margin-top: -8px;
    margin-bottom: 12px;
}

.sbapp label{
    font-weight: normal;
    margin-bottom: 8px;
    font-size: 12px;
}

.exports{
    text-align: right;
    padding: 0;
}

.reportHead{
    position: relative;
    margin-bottom: 16px;
    margin-top: -16px;
}

.reportHead .chDate{
    position: absolute;
    right: 0;
    top: 0;
    text-align: left;
}

.reportHead .appInfo{
    padding: 0;
}

.reportHead .backButton{
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
}

 .backButton span{
    font-size: 16px;
}

.reportHead h2{
    padding-top: 7px;
    text-align: center;
    height: 40px;
}

.main .loyalty_area .form-group-help{
    margin-left: 3%;
}

@media all and (max-width: 750px) {

    .formhead-text, #modalpop_content .formhead-text{
        width:auto !important;
    }

    .defInputText{
        max-width: 140px;
    }
    label.defLabel{
        font-size: 90%;
        min-width:50%;
    }

    .reportHead h2{
        height: 70px;
    }
    .reportHead .backButton,
    .reportHead .chDate{
        top: 30px;
    }

    .order-res-transalte{
        width:100%;
        height: 40px;
        text-align: center;
    }

    .order-res-transalte .google-translate{
        text-align: center;
        margin-top: 10px;
        margin-bottom:10px;
    }


}

.chead{
    margin-top: 16px;
    padding-bottom: 24px;
}

.main_clean .chead{
    margin-top: -20px;
    padding-bottom: 16px;
}
.chead img{
    float: left;
    padding-right: 12px;
    border: 1px solid red;
    position: relative;
}
.chead p{
    position: relative;
    top: 8px;
    margin-bottom: 6px;
}

.client .settings{
    margin-bottom: 16px;
}

/*noinspection CssUnknownTarget*/
.defCheckbox, .defCheckboxVal {
    background: url(/img/checkboxbg.jpg) no-repeat scroll 0 0 #F9F9F9;
    border: 1px solid #C6C6C6;
    float: left;
    font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 31px;
    margin: 0;
    outline: 0 none;
    width: 31px;
}

.defCheckbox-icon {
    background: url(/img/checkbox-tick.png) no-repeat scroll 4px 4px transparent;
    width: 33px;
    height: 33px;
    margin-left: -1px;
    margin-top: -1px;
}

.defCheckbox-icon-nontick {
    background: url(/img/checkboxbg.jpg) no-repeat scroll 4px 4px transparent;
    width: 33px;
    height: 33px;
    margin-left: -1px;
    margin-top: -1px;
}

.defCheckbox input, .defCheckboxVal input{
    display: none;
}

/*noinspection CssUnknownTarget*/
.defCheckbox .defCheckboxChecked, .defCheckboxVal .defCheckboxChecked {
    background: url(/img/checkbox-tick.png) no-repeat scroll 4px 4px transparent;
    width: 33px;
    height: 33px;
    margin-left: -1px;
    margin-top: -1px;
}

.filters{
    position: relative;
}

.filters label{
    white-space: nowrap;
}

.filters .button{
    margin-top: 22px;
}

.filters .col-sm-3,
.filters .col-sm-2,
.filters .col-sm-1{
    margin-bottom: 4px;
}

.table-small{
   table-layout: fixed;
}

.table-small .edit-row{
    width: 100px;
}

.table-small .button{
    margin-bottom: 8px;
    margin-left: -6px;
    font-size: 11px;
    padding: 4px;
}

/*.table-small .change_button{*/
    /*margin-left: 2px;*/
    /*margin-top: 6px;*/
/*}*/

.table-small th.mbutt,
.table-small td.mbutt{
    width: 90px;
}

.table-small th.but-ed{
    width: 90px;
}

.mvis{
    display: none
}

.nsel{
    margin-bottom: 12px;
    clear: both;
}

.vissm{
    display: none;
}

#orders_body tr.tr1{
    background-color: #eee;
}

.newLine,
.a-view .item.newLine{
    background-color: #fff375;
}

.a-view table.table-condensed tr td{
    padding: 2px !important;
}

th.desk,td.desk{
    overflow: hidden;
}

.saveButton{
    margin-top: 4px;
}

.manage_header{
    zzmargin-top: -64px;
}

.manage_header h2,
.manage_header h3{
    text-align: center;
    margin-bottom: 6px;
}

.manage_header h3{
    margin-top: 0;
    margin-bottom: 24px;
}

.manage_header .back{
    float: left;
}

.manage_header .views{
    text-align: center;
    margin-bottom: 8px;
}

.manage_header .views .button{
    margin-left: 8px;
    margin-right: 8px;
}

.order_id{
    width: 14%;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.type_kitchen .order_type,
table.type_kitchen .order_payment_status{
    display: none;
}

hr{
    border-top: 1px dotted #999999;
    margin: 2px;
}

.branch-info{
    font-weight: bold;
    font-size: 92%;
    margin-bottom: 8px;
}

.branch-info div span{
    color: #2989d8;
}

.reportHeadDriver{
    margin-top: -32px;
    margin-bottom: 12px;
}

.reportHeadDriver .chDate{
    float: right;
}

.reportHeadDriver h2{
    text-align: center;
    position: relative;
    top: -6px;
}

.reportHeadDriver h3{
    text-align: center;
    margin-top: -6px;
}

.reportHeadDriver .bName{
    margin-top: 8px;
}

.reportHeadDriver .row2{
    margin-top: 8px;
    padding-bottom: 8px;
}

.reportHeadDriver .select-driver{
    display: inline;
    width: 170px;
    margin-right: 16px;
}

.driver_header{
    margin-top: -64px;
}

.driver_header h2,
.driver_header h3{
    margin-top: 0;
    text-align: center;
}

.driver_header h3{
    margin-bottom: 24px;
}

.driver_header .settings{
    margin-bottom: 4px;
}

.driver_header .settings span{
    color: red;
    padding-left: 8px;
}

.driver-order-info p {
    padding-right: 4px;
}

.driver-button{
    border-top: 0 !important;
    padding: 0 7% !important;

}
.driver-button .button{
    margin-top: 8px;
    margin-left: 4px !important;
    margin-bottom: 16px;
}

.modal-body .form-group{
    margin: 0 16% 12px;
}

.modal-body .form-group-full{
    margin: 12px 2% 0;
}

.modal-body .form-group-full-inf{
    margin-top: 0;
    position: relative;
}

.modal-body .form-group-full .defInputText,
.modal-body .form-group-full .defInputPassword {
    width: 100%;
}


.modal_buttons{
    text-align: center;
    padding: 32px;
}

.modal_buttons .button{
    margin: 0 8px;
}

.modal_buttons_right{
    padding-top: 0;
    padding-right: 0;
    text-align: right;

}

.align-right-txt{
    text-align: right;
}

.modal_buttons_right2{
    padding-bottom: 0;
}

.modal_buttons_right .button{
    margin-right: 15px;
}

tr.notes td{
    padding-top: 0 !important;
    padding-bottom: 8px !important;
}

tr.notes{
    padding-bottom: 8px !important;
}

.table-discount{
    border: 0
}

table.table-discount td{
    width: 50%;
    text-align: left;
    border-top: 0 !important;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

table.table-discount td .button{
    width: 190px;
    margin-top: 4px;
}

.table-discount-confirm{
    margin-top: -16px;
}

.modal-body-but{
    padding-bottom: 0;
}

#confirm-loyalty-button{
    position: relative;
    top: -24px;
}
.dropdown-menu{
    font-size:13px;
}
.upto{
    margin-top: 4px;
    font-size: 12px;
}

.table-discount-confirm label{
    font-weight: normal;
}
.table-discount-confirm tr td:last-child{
    font-weight: bold;
}

.table-discount-confirm tr:first-child td{
    border-top: 0 !important;
}

.table-driver td{
    font-size: 90%;
}

.table-driver h3{
    font-size: 105%;
    margin-top: 2px;
    margin-bottom: 1px;
}

.apply-loyalty-driver{
    height: 30px;
    position: relative;
}

.apply-loyalty-driver .button{
    position: absolute;
    top: 0;
    left: 8px;
    white-space: nowrap;
}

.defInputTextDisabled{
    font-size: 12px;
    color: #777777;
}

.app_user_profile{
    position: relative;
    top: 14px;
}

.app_user_profile h1{
    font-size: 19px;
    margin-right: 88px;
}

.app_user_profile a{
    white-space: nowrap;
}

.app_user_profile h1 span.settings{
    font-size: 12px;
    font-weight: normal;
}

.app_user_profile ul{
    padding: 0;
    margin: 0;
    height: 36px;
}

.app_user_profile ul li{
    float: left;
    list-style-type: none;
    padding-right: 12px;
}

.app_user_profile ul li:last-child{
    padding-right: 0;
}

.table-user-orders tr td .button{
    margin-right: 16px;
}

.terms label{
    display: inline;
    padding-right: 12px;
}

ul.status{
    margin: 0;
    padding: 0;
}

ul.status li{
    vertical-align: middle;
    list-style-type: none;
    margin: 0 0 16px;
    position: relative;
}

ul.status div.title {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    width: 50%;
    padding-right: 60px;
    padding-top: 45px;
    height: 100%;
}

ul.status li.active div.title {
    overflow: hidden;
}

ul.status li.active div.title div.pay-status{
    font-weight: normal;
    font-size: 11px;
}

ul.status li.active div.title div.pay-status .button{
    padding: 4px 0;
    min-width: 60px;
    width: 70px;
    margin: 10px 0 10px 3px;
}

div.txt{
    width: 135px;
    float: right;
}

.fRight{
    float: right;
}

ul.status div.driver{
    margin-left: 50%;
    margin-top: 16px;
    position: relative;
    left: -56px;
    min-height: 40px;
}

ul.status div.driver .driver-name{
    position: absolute;
    width: 112px;
    bottom: 0;
    background-color: #ffffff;
    text-align: center;
    opacity: .9;
    font-weight: bold;
    padding: 3px;
}

ul.status div.block{
    vertical-align: middle;
    display: inline-block;
    width: 112px;
    height: 112px;
    border: 1px solid #999999;
    margin-left: 50%;
    position: relative;
    left: -56px;
}

.birth-date .day,
.birth-date .month,
.birth-date .year{
    width: 20%;
    float: left;
}

.birth-date .month{
    width: 48%;
    margin-left: 2%;
}

.birth-date .year{
    margin-left: 2%;
    width: 28%;
}

.payments-block{
    margin-top: 4px;
    font-size: 13px;
}

.payments-block h2{
    margin-top: 12px;
    margin-bottom: 8px;
}

blockquote {
    font-size: 13.5px;
}

.login_adj{
    float:right;
    margin-top:20px;
    margin-bottom:20px;
}

.payments-block h3{
    margin-top: 8px;
    margin-bottom: 6px;
    line-height: 110%;
}

.payments-block table{
    margin-bottom: 0;
    margin-top: 0;
}

.payments-block table td{
    width: 50%;
    padding: 5px 0 !important;
}

.payments-block table tr:first-child td{
    border-top: 0 ;
}

.payments-block table td:nth-child(2){
    font-weight: bold;
    font-size: 12px;
}

.payments-block p{
    margin: 4px 0;
}

.inline-label{
    display: inline !important;
    padding-right: 8px;
    line-height: 130%;
}

.payments-block form label{
    font-weight: normal;
    display: block;
}

.cvc_date .cvc{
    width: 60px;
    float: left;
}

.cvc_date .date{
    width: 250px;
    float: left;
}

.cvc_date .date select{
    width: 70px;
    display: inline;
}

.cvc_date .date select.expire_month{
    width: 55px;
}

sup.big{
    font-size: 11px;
}

.small-ch-month:focus,
.small-ch-month{
    width: 0;
    height: 0;
    border: 0;
    box-shadow: none;
    outline: 0 none;
    opacity: 0;
}

.head_back{
    margin-bottom: 16px;
}

.head_back div.ch{
    float: right;
}

.head_back>h2{
    vertical-align: middle;
    padding: 8px 0;
    text-align: center;
}

.reservations_list{
    margin: 0;
    padding: 0;
}

.reservations_list li{
    list-style-type: none;
    width: 24%;
    padding: 4px 8px;
    height: 326px;
    float: left;
    border: 1px solid #ccc;
    margin-right: .5%;
    margin-bottom: 5px;
}

.franchisor-report{
    text-align: center;
    margin-top: 24px;
}

.franchisor-report .contacts{
    margin: 12px 0;
}

.franchisor-report .totals{
    margin-bottom: 6px;
}

.franchisor-report .totals span,
.franchisor-report .contacts span{
    white-space: nowrap;
    padding: 0 24px;
}

.reservations_list li.requested{
    background-color: #ff8990;
}

.reservations_list li.cancelled{
    background-color: #e7e7e7;
    color: #777777;
}

.res_tick{
    font-size: 15px;
}

.reservations_list li.booked{
    background-color: #e8e1ff;
    color: #000;
}

.reservations_list li.no-result{
    width: 100%;
    height: inherit;
    border: 0;
}

.reservations_list li.dateHead{
    width: 100%;
    height: inherit;
    border: 0;
    font-weight: bold;
    padding: 4px 0px;
}

.reservations_list li select{
    width: 80px;
    display: inline-block;
}

.center_or{
    text-align: center;
    margin-bottom: 18px;
    margin-top: 12px;
}

.printReservationIcon{
    font-size: 15px;
    margin-top: 8px;
}


/***For invoice ***/

.invoice-table{
    width: 100%;
    float:left;
}

.invoice-table-column-left{
    width: 28%;
    float:left;
    padding: 10px 5px;
}

.invoice-table-column-right{
    width: 11%;
    float:left;
    padding: 10px 5px;
}

.invoice-table-column-left-2{
    width:72%;
    float:left;
    padding: 10px 5px 10px 40px;
}

.invoice-table-column-right-last{
    width: 19%;
    float:left;
    padding: 10px 5px;
}

.invoice-table-column-right-2{
    width:75%;
    float:left;
    padding: 10px 5px;
}

.invoice-table-column-left-70{
    width:60%;
    float:left;
    padding: 10px 5px;
}

.invoice-table-column-left-30{
    width:30%;
    float:left;
    padding: 10px 5px;
}

.invoice-table-column-left-40{
    width:35%;
    float:left;
    padding: 10px 5px;
}


.bg-all{
    clear:both;
    width:100%;
    float:left;
    border-top: 1px solid #ddd;
    font-size:12px;
}

.invoice-contact{
    float:left;
    width:100%;
    margin:12px 0px;
}

.invoice-contact-address-area{
    text-align: center;
    margin: 10px 0px;
}

.invoice-middle{
    white-space: nowrap;
    text-align: center;
    padding:0 0.5%;
    white-space: nowrap;
    float:left;
    width:32%;
    font-size: 12px;
}


.invoice-double{
    white-space: nowrap;
    text-align: center;
    padding:0 0.5%;
    white-space: nowrap;
    float:left;
    width:48%;
    font-size: 12px;
}

.invoice-all{
    width:100%;
    float:left;
    padding:15px 0px;
}

.table-lg>thead>tr>th, .table-lg>tbody>tr>th, .table-lg>tfoot>tr>th, .table-lg>thead>tr>td,
.table-lg>tbody>tr>td, .table-lg>tfoot>tr>td, .table-lg th, .table-lg td{
    overflow: hidden;
    text-overflow: ellipsis;
}

.remove-card{
    font-weight: normal;
    font-size: 11px;
    padding-left: 16px;
}

.tab-reports .tab-pane{
    margin-top: 8px;
}

.apply_existing_card_block{
    font-weight: normal;
    padding-left: 16px;
}

.subscription-info{
    border: 1px solid #245269;
    padding: 8px;
    margin-bottom: 16px;
}

.subscription-info>div:first-child{
    margin-bottom: 16px;
}

.subscription-info div.min{
    font-size: 11px;
    margin-top: 12px;
    color: #999999;
}

.down-block{
    min-height: 33px;
    padding-bottom: 12px;
}

.down-block b{
    margin-top: 12px;
    position: relative;
    top: 8px;
}

.down-block .button{
    float: right;
    margin-left: 12px;
}

.block-bor{
    border: 3px solid #cccccc;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.blue{
    color: blue;
    margin-bottom: 16px;
}

.block-bor h3{
    margin-bottom: 0;
}

#card-variants{
    font-size: 14px;
}

.form-add-card .form-group{
    margin-left: 0;
    margin-right: 40%;
}

.form-add-card .form-group .col-sm-offset-2{
    margin-left: 0;
}

.term{
    padding-top: 8px;
    font-size: 11px;
}

.user-name-block .check{
    float: right;
}

.invalid{
    border: 1px solid #a94442;
    background-color: #f2dede;
}

.chItems br{
    display: none;
}

.chItems .labelc{
    width: 33%;
    float:left;
}

.chItems label{
    width: 58%;
}


.chItems2 label{
    width: 50%;
    padding-right: 20px;
    margin-right: -20px;
    overflow: hidden;
    vertical-align: text-top;
    text-overflow:    ellipsis;
}


#merchant-info{
}

#merchant-info b{
    font-size: 15px;
}

#merchant-info .pLeft>div>b{
    font-size: 14px;
}

#merchant-info .pLeft>div.pLeft>div>b,
#merchant-info .pLeft>div.pLeft>div.pLeft>div>b{
    font-size: 13px;

}
#merchant-info div{
    margin-top: 4px;
    margin-bottom: 4px;
}

.pLeft{
    padding-left: 32px;
    padding-bottom: 6px;
}

.disc-desc p{
    margin-bottom: 6px;
    font-size: 12px;
}

.note{
    color: #999999;
    font-size: 12px;
}

.search-users{
    margin-bottom: 8px;
}

.search-users label{
    padding-top: 6px;
}

.search-users .nt{
    margin-top: 15px;
}

.search-users .nt2{
    margin-top: 25px;
}

.header-client{
    min-height: 80px !important;
}



@media all and (max-width: 768px) {
    .button_bottom h3{
        display: none;
    }
    .button_sm_bottom .button{
        margin-top: 12px;
    }

    .table-board>thead>tr>th, .table-board>tbody>tr>th, .table-board>tfoot>tr>th, .table-board>thead>tr>td,
    .table-board>tbody>tr>td, .table-board>tfoot>tr>td, .table-board th, .table-board td
    {
        padding: 2px;
        font-size: 11px;
    }

}

@media all and (max-width: 360px) {

    .yopay_logo{
        max-width:100%;
    }

    .bar-actions-order .button{
        margin-bottom: 5px;
    }

    .bar-actions-order{
        width:50%;
    }
}

@media all and (max-width: 1000px) {
    .reservations_list li{
        width: 32.5%;
    }
}

@media all and (max-width: 800px) {
    .reservations_list li{
        width: 49%;
        height: 345px;

    }

    .button-corner{
        text-align:center;
        width:100%;
    }

    .button-corner .button{
        float:none !important;
        max-width:100%;
        width: 314px;
    }

}

@media all and (max-width: 700px) {

    .manage_header .report_cart_icon.button.lite_top_button_style_center{
        width: 173px;
        height: 38px;
        font-size: 22px;
        top: -12px;
        margin-bottom: 10px;
    }

    /*.button.lite_top_button_style {*/
        /*font-size: 11px;*/
        /*padding: 4px 8px;*/
    /*}*/

    .manage_header .button.lite_top_button_style_center {
        font-size: 12px;
        padding: 4px 8px;
        width: 173px;
        height: 38px;
        line-height: 30px;
        float: none;
    }

    .cart_icon_button {
        /*font-size: 16px !important;*/
        /*padding: 4px 8px !important;*/
        /*margin-bottom: 0px !important;*/
    }

    .button_small_area{
        width: 70px;
    }


    .size_total_weight{
        width: 101px;
    }


    .modal-content .button, .modal-content .table-small .button{
        font-size: 11px;
        margin: 1px;
    }

    .main .signup-page .form-group{
        margin: 0 4% 8px 7% !important;
    }

    .main .form-group{
        margin-left: 0;
        margin-right: 0;
        margin: 0 4% 0 11%;
    }
    label.defLabel{
        font-size: 90%;
        min-width:55%;
        font-weight: bold;
    }

    .franchisor-report{
        margin-top: 48px;
    }

    .franchisor-report .inf-ce{
        display: block;
        text-align: left;
        padding: 2px 8px;
    }

    .franchisor-report .totals{
        margin-bottom: 0;
    }
    .franchisor-report .totals span{
        padding-left: 8px;

    }

    .franchisor-report .contacts span{
        display: block;
        text-align: left;
        padding: 2px 8px;
    }

    .manage_header{
        margin-top: 0;
        position: relative;
    }

    .main_clean .manage_header_def.manage-order-area .views-switcher{
        margin-top: 0px;
        width: 30px;
        height: 20px;
        float: none;
        /* margin-top: -80px; */
        display: inline-block;
        position: relative;
        right: auto;
        top: auto;
    }

    .manage_header .manage-order-area .views-switcher, .manage_header.manage-order-area .views-switcher{
        width: 30px;
        height: 20px;
        float: none;
        /* margin-top: -80px; */
        display: inline-block;
        position: relative;
        right: auto;
        top: auto;
    }


    .manage-order-area .views-switcher .vertical {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        transform: rotate(90deg);
        width: 25px;
        height: 50px;
        display: inline-block;
        position: absolute;
        top: -81px;
        left: 0px;
        line-height: 92%;
    }

    .manage-order-area .views-switcher .horizontal{
        width: 25px;
        height: 50px;
        display: inline-block;
        position: absolute;
        top: -73px;
        left: 0px;
    }

    .clean_header .views-switcher{
        height: 50px;
        width: 82px;
        float: right;
        margin-top: 0px !important;
    }

    .manage_header_def .views-switcher{
        top: 100px;
    }

    .main_clean .manage_header_def .views-switcher{
        margin-top: 0px;
        top:60px;
    }

    .manage_header .views-switcher .horizontal{
        width: 35px;
        height: 35px;
        line-height: 90%;
    }

    .clean_header .views-switcher .horizontal{
        width: 35px;
        height: 35px;
        line-height: 90%;
    }

    .manage_header .views-switcher .vertical{
        padding-left: 2px;
    }

    .manage_header .views-switcher .line{
        height: 7px;
        line-height: 80%;
        width: 30px;
    }

    .clean_header .views-switcher .vertical{
        padding-left: 2px;
    }

    .clean_header .views-switcher .line{
        height: 7px;
        line-height: 80%;
        width: 30px;
    }

    /*

    .views-switcher{
    width: 110px;
    height: 50px;
    float: right;
    margin-top: -100px;
}

.main-big .views-switcher{
    margin-top: -16px;
}

.views-switcher .horizontal{
    width: 50px;
    height: 50px;
    display: inline-block;
}

.views-switcher .line{
    width: 100%;
    height: 10px;
    background-color: #bbb;
    display: inline-block;
    border-radius: 2px;
}
    */

    .manage_header .views{
        text-align: center;
    }
    .manage_header .button{
        font-size: 11px;
        padding: 4px 8px;
    }
    .manage_header h2{
        font-size: 15px;

    }

    .manage_header .back{
        margin-top: 0px;
    }

    .table-small>thead>tr>th, .table-small>tbody>tr>th, .table-small>tfoot>tr>th, .table-small>thead>tr>td,
    .table-small>tbody>tr>td, .table-small>tfoot>tr>td, .table-small th, .table-small td
    {
        padding: 2px;
        font-size: 11px;
    }

    .table-small th.but-ed{
        width: 70px;
    }

    .table-small .edit-row{
        width: 70px;
    }

    .vissm{
        display: block;
    }

    .table-small .button{
        padding-right: 3px;
        padding-left: 3px;
        margin-left: 8px;
        font-size: 11px;
        min-width: 50px;
        margin-right: 8px;
    }
    .apply-loyalty-driver .button{
        margin-left: 0;
        left: 4px;
    }

    .table-small select.input-sm{
        padding: 0 !important;
        margin: 0 !important;
        width: 97%;
        font-size: 12px;
    }
    .mhid{
        display: none;
    }

    .mhid_inverse{
        display: table-cell;
    }

    .mvis{
        display: table-cell;
        border: 0 !important;
    }
    .main .form-group{
        margin-left: 0;
        margin-right: 0;
    }
    label.defLabel{
        min-width: 80px;
    }

    .driver-order-info p{
        margin: 0 0 4px;
    }

    .signup-page .form-group .errorMsg{
        width:100% !important;
    }

    .epos_button_top_conversion{
        float: none;
        top: -16px;
        position: relative;
    }

}

@media all and (max-width: 650px) {

    label.defLabel{
        font-size: 85%;
        min-width:55%;
        font-weight: normal;
    }

    .top_center_table td{
        text-align: center;
        font-size: 11px;
    }

}

@media all and (max-width: 670px) {
    .a-view .item {
        width: 98% !important;
    }
}

@media all and (max-width: 550px) {
    #items-price-body tr td{
        border-top:0px;
    }

    #items-price-body tr:nth-child(odd) td{
        border-top:1px solid #cccccc;
    }

    .item_small_name_horizontal td{
        text-align: left !important;
    }

    .table-small>tbody>tr.item_small_name_horizontal>td{
        font-size: 13px !important;
    }

    .table_selection_indicator{
        width:100%;
        float:left;
    }

    .main .signup-page .form-group{
        margin: 0 0% 8px 0% !important;;
    }

    label.defLabel{
        font-size: 85%;
        width:40%;
        font-weight: normal;
    }

    .defInputText {
        max-width: 120px;
    }

    .main .signup-page .form-group .col-sm-6{
        width: 40%;
        float:left;
    }

    .signup-page .form-group .errorMsg{
        width:100% !important;
    }

    .popover{
        min-width: 150px;
    }
}

@media all and (max-width: 500px) {

    .defInputText{
        max-width: 200px;
    }
    label.defLabel{
        max-width: 120px;
    }

    .reservations_list li{
        width: 100%;
    }

    .table-small>thead>tr>th, .table-small>tbody>tr>th, .table-small>tfoot>tr>th, .table-small>thead>tr>td,
    .table-small>tbody>tr>td, .table-small>tfoot>tr>td, .table-small th, .table-small td
    {
        padding: 1px;
        font-size: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.txt{
        width: 80px;
        float: right;
    }

    .nh{
        overflow: visible !important;
    }

    .header{
        padding: 0;
        margin: 8px 0 0;
    }

    .header div.col-xs-6{
        width: 100%;
    }

    .header div.col-xs-6:first-child{
        text-align: center;
        padding: 0;
    }
    .header img{
    }

    .header-client div.col-xs-6{
        width:50%;
    }

    .header .rb{
        /*position: absolute;*/
        /*top: 144px;*/
    }
    .defInputText{
        max-width: 160px;
    }
    label.defLabel{
        max-width: 90px;
        font-size: 80%;
        font-weight: normal;
    }

    .reportHeadDriver .chDate{
        margin-top: 12px;
        float: none;
        line-height: 130%;
    }
    .reportHeadDriver .exports{
        float: none;
        text-align: left;
    }
    .reportHeadDriver .exports .button,
    .reportHeadDriver .chDate .button{
        margin-top: 6px;
    }

    .reportHeadDriver h2{
        top: 0;
        margin-top: 16px;
    }
    .reportHeadDriver h3{
        margin-top: 0;
    }
    .driver_header{
        margin-top: 0;
        margin-bottom: 0;
    }
    table.table-discount td .button{
        width: 100%;
        margin-top: 4px;
    }
    .mapIns{
        margin-top: 12px;
    }
    .mobileapp{
        text-align: center;
    }

    .mobileapp .row_adjust{
        text-align: center;
        width:100%;
    }

    .signup-page .form-group .errorMsg.col-xs-6{
        width:100% !important;
    }

    .form-group label{

    }

}

@media all and (max-width: 460px) {

    .surge_time_table tr td{
        vertical-align:top;
        padding: 2px;
    }

    .middle_button_width_manage{
        display: none;
    }

    .left_manage_switch_view{
        text-align: right;
        padding-right: 10px;
    }

    .right_manage_switch_view{
        text-align: left;
        padding-left: 10px;
    }

    .views-switcher{
        margin-top: 0px !important;
    }

    .main-holder-switchers{
        position: relative;
        text-align: center;
        margin-top: -6px;
    }

    .main_clean .manage_header_def .manage-order-area .views-switcher{
        margin-top: 0px;
        top:0px;
        margin-left: 4px;
    }

    .manage-order-area .views-switcher .horizontal, .manage-order-area .views-switcher .vertical {
        width: 33px;
        height: 32px;
        display: inline-block;
        position: static;
        top: auto;
        left: auto;
    }

    .main_clean .manage_header_def.manage-order-area .views-switcher {
        margin-top: 0px;
        width: 31px;
        height: 46px;
        float: none;
        /* margin-top: -80px; */
        display: inline-block;
        position: relative;
        right: auto;
        top: auto;
    }

}

@media all and (max-width: 450px) {

    .radioWalker{
        clear:both;
        width:200px;
    }

    .modal-body .manage_reservation_form .form-group{
        padding-left:0%;
    }


    .detail_nowrap{
        white-space: normal;
    }

    .header-client div.col-xs-6{
        width:100%;
        text-align: center;
    }

    .header-client div.col-xs-6 ul{
        float:left;
        width:100%;
        padding:0px;
        margin-top: 15px;

    }

    .homepage_area{
        /*margin-left:0px;*/
    }

    .main_clean .chead{
        margin-top: 0px;
        padding-bottom: 16px;
        text-align:center;
    }

}

@media all and (max-width: 440px) {
    .item_small_name_horizontal_negate{
        display: none;
    }

    .item_small_name_horizontal{
        display: table-row;
        border-bottom:0px;
        font-weight: bold;
    }
}


@media all and (max-width: 400px) {

    .mobile-top-button{
        width: 100% !important;
        float: left  !important;
        position: static !important;
        top: 0px  !important;
        padding: 6px 12px;
        font-weight: bold;
    }

    .defInputText{
        max-width: 100%;
        border-radius:0px 0px 5px 5px;
        margin-top:0px;
        width:100%;
    }
    label.defLabel{
        font-weight: normal;
        border-radius:5px 5px 0px 0px;
        max-width: 100%;
        width: 100%;
        text-overflow: clip;
        overflow: visible;
        white-space: normal;
        min-height:31px;
        height:auto;
        font-size: 90%;
        margin-bottom: 0px;
    }

    .form-group .clearLeftPadding{
        width: 100%;
        max-width: 100%;
        float: left;
        padding:0px;
    }
    .main .signup-page .form-group .col-sm-6{
        width: 100%;
        float:left;
    }
    .main .signup-page .form-group .col-sm-3{
        width: 100%;
        float:left;
    }


    .main .form-group{
        margin-bottom: 10px;
    }

}


.hook * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

/*noinspection CssUnknownTarget*/
.hook {
    height: 85px;
    background: url('/img/hook/hook-bgs.png') repeat;
    box-shadow: 0 -8px 5px -5px #999 inset;
    clear: both;
    position: relative;
    z-index: 9999;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.hook-text {
    font-size: 14px;
    font-family: Raleway,Arial, Helvetica, sans-serif;
    color: #666;
    font-weight: normal;
    text-shadow: 0 1px #fff;
}

.hook-loader {
    padding: 25px 0;
}

.red{
    color: red;
}

/*noinspection CssUnknownTarget*/
.hook-spinner {
    display: block;
    background: url('/img/hook/hook-spinner.gif') no-repeat center;
    width: 32px;
    height: 32px;
    -webkit-animation: spin 1s linear infinite both;
    -moz-animation: spin 1s linear infinite both;
    -o-animation: spin 1s linear infinite both;
    animation: spin 1s linear infinite both;
}
.hook-with-text .hook-loader{
    padding: 10px 0;
}

/*noinspection CssInvalidMediaFeature*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    /*noinspection CssUnknownTarget*/
    .hook-spinner {
        background: url('/img/hook/hook-spinner@2x.png') no-repeat center;
        background-size: 32px 32px;
    }
}

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

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

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

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

/*noinspection CssInvalidPseudoSelector*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bbb !important;
}

/*noinspection CssInvalidPseudoSelector*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bbb !important;
}

/*noinspection CssInvalidPseudoSelector*/
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #bbb !important;
}

/*noinspection CssInvalidPseudoSelector*/
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #bbb !important;
}

.modal-body-partner .form-group{
    margin: 0 4%;
    margin-bottom: 12px;
}

.user-birth-date .defInputText{
    width: 60px;
}

.user-birth-date .month{
    padding-left: 0;
}

.user-birth-date .month .defInputText{
    width: 90px;
}

.user-birth-date label.defLabel{
    width: 60px;
}

table .border-right{
    border-right: 2px solid #ddd;
}

.modal-charges .form-group{
    margin-left: 10%;
    margin-right: 0;
}
.padding-like-input{
    padding-top: 8px;
}

.sp-paddings span{
    padding: 0 32px;
}

.sp-paddings{
    margin-bottom: 8px;
}

/*.button-manage{*/
    /*border-radius: 20px;*/
    /*font-size: 1px;*/
    /*height: 40px;*/
    /*min-width: 40px;*/
    /*padding: 8px !important;*/
/*}*/

.button-red{
    background-color: red !important;
}

.bg-red{
    zzbackground-color: rgba(255, 0, 0, 0.1) !important;

}

.a-view .item.bg-red{
    border: 3px solid red;

}

.big-button{
    font-size: 18px;
    padding: 12px 24px;
}

.bigger-buttons .button{
    font-size: 18px;
    padding: 12px 24px;
}

.bigger-buttons .modal-dialog{
    width: 800px;
    font-size: 120%;
}

.bigger-buttons .modal-title{
    font-size: 120%;
}

.bigger-buttons .table-small th.mbutt,
.bigger-buttons .table-small td.mbutt{
    width: 120px;
}

@media all and (max-width: 900px) {
    .bigger-buttons .modal-dialog{
        width: 96%;
    }
    .forgotten_partner_id, .forgotten_partner_id:hover, .forgotten_partner_id:focus {
        margin-top: 6px;
    }
}

.views-switcher{
    width: 110px;
    height: 50px;
    float: right;
    margin-top: -80px;
}


.order-controls{
    width:100%;
    margin:20px 0px 25px 0px;
}

.views-switcher .horizontal{
    width: 50px;
    height: 50px;
    display: inline-block;
}

.views-switcher .line{
    width: 100%;
    height: 10px;
    background-color: #bbb;
    display: inline-block;
    border-radius: 2px;
}

.views-switcher .vertical {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.a-view{
    margin-right: -12px;
    margin-top: 150px;
}

.a-view .item{
    margin-top: 8px;
    margin-right: 16px;
    margin-bottom: 8px;
    zzborder: 1px solid #bfbbbb;
    border: 3px solid green;
    width: 300px;
    float: left;
    background-color: #ffffff;
    color: #000000;
    box-shadow: 1px 1px 3px #888888;
}

.a-view .item .order_items{
}

.a-view .item div{
    /*border-bottom: 1px solid #dbdbdb;*/
    margin: 3px;
    padding: 3px;
}

.a-view .item div p{
    margin-bottom: 5px;
}

.a-view .item div:last-child{
    border: none;
}

.manage-filters-top{
    padding-top: 8px;
}

.manage-filters-top>div{
    padding-right: 0;
}

.fixed-top{
    position: fixed;
    background-color: #ffffff;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    box-shadow: 1px 1px 5px #888888;
    overflow-y: auto;
}

.fixed-top .hide-button{
    display: block;
    float:left;
    width: 100%;
    height: 27px;
    text-align: center;
    color: #bfbbbb;
    text-decoration: none;
    font-size: 13px;
    line-height: 27px;
}
.fixed-top .hide-button:hover{
    background-color: #eeeeee;
}

.accept-modal{
    margin: 0 16px;
}

.accept-modal div.left{
    float: left;
    text-align: left;
    width: 50%;
}

.accept-modal div.right{
    float: left;
    text-align: right;
    width: 50%;
}

.accept-modal .print-button{
    background-color: #0A246A;
}

.accept-modal .cancel-order{
    background-color: #b81900;
}

.await-acceptence .cancel-order, await-acceptence .cancel-order:hover, await-acceptence .cancel-order:focus{
    background-color: #b81900;
    color: #ffffff;
}

.accept-modal .center-line{
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
}

.accept-modal .center-line .button{
    min-width: 170px;
}

.center-buttons{
    text-align: center;
    margin-bottom: 15px;
}

.button-corner{
    margin-bottom: 15px;
}

.my-select-view .button{
    min-width: 245px;
    font-size:120%;
    height:40px;
    line-height: 29px;
}

.my-select-view{
    width:100%;
    margin:10px 0px;
    text-align: center;
}

.small-subscribe{
    font-size: 10px;
    zzcolor: #ccc;
}

.card-payment-confirmation{
    font-size: 100%;
}

.i1{
    display: inline-block;
    min-width: 45px;
    text-align: right;
}

.select-new-order-status-style .title{
    font-size: 14px;
}

.select-new-order-status-style li{
    cursor: pointer;
    /*opacity: 0.3;*/
}

.select-new-order-status-style li.active{
    /*opacity: 1;*/
}

.select-new-order-status-style li.active .title{
    font-size: 16px;
    font-weight: bold;
}

#change-order-status-save-button{
    position: relative;
    z-index: 100;
    margin-top: 8px;
}

.a-view .item div.rInf{
    border: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    margin-left: 50%;
}

.item-queuing{
    color: #ffffff;
    width: 360px;
    font-size: 72px;
    height: 180px;
    line-height: 210%;
    float: left;
    margin-right: 16px;
    text-align: center;
    margin-bottom: 16px;
}

.fixed-top .hide-button-big-text{
    font-size: 88px;
    height: 100px;
    line-height: 110%;
    color: #666;
}

.custom-panel-conversion{
    float: none;
    position: relative;
    top: -11px;
    font-weight: bold;
    margin: 0px !important;
}


.custom-panel-mine{
    width: auto;
    float: none;
    position: relative;
    top: -11px;
    font-weight: bold;
}

#full-access-settings .form-group{
    margin: 0;
    float: left;
    width: 33%;
}

@media all and (max-width: 768px) {
    .extrapadding_conversion_numner{
        padding-left: 0px;
        padding-top: 15px;
    }
}


@media all and (max-width: 900px) {
    #full-access-settings .form-group {
        width: 49%;
    }
}

:disabled{
    background: #eeeeee;
    cursor: not-allowed !important;
}

.resort-hierarchy{
    list-style: none;
    padding: 0;
    margin: 0;
}

.resort-hierarchy li{
    padding: 4px;
}

.adj_rb_ul{
    padding-left:5px;
}

.leftlogin{
    padding-left:5px;
    padding-right:5px;
}


@media all and (max-width: 700px) {

    .table-small .button.partial_display_on_mobile{
        display: inline-block;
        border-radius: 0px;
        font-size: 13px !important;
        text-align: center;
        height: 37px;
        min-width: 40px;
        width:140px;
        padding: 5px 15px !important;
        content: 'Manage';
        margin-bottom: 10px;
        margin-left: 1px;
        margin-right: 1px;
        line-height: 25px;
    }


}

@media all and (max-width: 500px) {
    .modal-header button.close{
        font-size: 47px;
        margin-top: -14px;

    }

    .modal-header button.close.close_button_mobile{
        margin-top: -6px;
    }

    .adj_rb_ul{
        padding-left:5px;
        width:100%;
        text-align: center;
    }

    .leftlogin{
        padding-left:5px;
        padding-right:5px;
        width:100%;
        text-align: center;
        margin-bottom: 10px;
    }
}


.main .country_merchant_service .form-group{
    margin: 0 5% 8px;
}




.button.btn-stock{
    min-width: 20px;
    width: 53px;
    height: 30px;
    padding: 7px 4px;
}

.button.btn-stock.btn-stock-round{
    padding-left: 7px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}



.ingredient_column,.ingredient_column_head{
    width:250px;
}

.ingredient_column_head_table.table>thead>tr>th, .ingredient_column_head_table.table>tbody>tr>th{
    border-top:0px;
}

.loading-gif, .loading-gif-new, .loading-gif-option{

    width:50px;
    margin:0 auto;

}

.btn-form,.btn-form:hover, .btn-form:focus{
    height: 29px;
    padding: 6px 15px;
    margin: 1px 5px;
}


.radious_column,.radious_column_head{
    width:285px;
}

.radious_column .form-control{
    margin-left: 0px;
}

.button.btn-radius{
    min-width: 20px;
    width: 53px;
    height: 30px;
    padding: 7px 4px;
}

.radius-trash-column{
    width: 60px;
}

.exc-stock-radius {
    font-size: 20px;
}
.center-edit-header {
    text-align: center;
}

.card-row {
    margin-top: 30px;
    margin-bottom: 30px;
}

.customer-card{
    background-color: #3F7DC1;
}

.customer-card-header{
   color: white;
   background-color: #4489CF;
    padding: 10px;
}
.customer-card-body{
    height: 80px;
    background-color: #3F7DC1;

}
.customer-card-footer{
    background-color: #3870AD;
    padding: 10px;
    color: white;
}
.customer-card-footer a {
    color: white;
}
.cart-icon{
    color: white;
    padding: 30px;
    font-size: 30px;
}

.cart-icon-customer{
    font-size: 30px;
}

.cart-icon-count{
    color: white;
    padding: 30px;
    font-size: 30px;
    text-align: right;
    padding-left: 5px;

}
.customer-representative.form-group{
    margin-top: 20px;
}


.card_red.customer-card{
    background-color: #c10509;
}

.card_red .customer-card-header{
    color: white;
    background-color: #cf1b1f;
    padding: 10px;
}
.card_red .customer-card-body{
    height: 80px;
    background-color: #c10509;

}
.card_red .customer-card-footer{
    background-color: #ad3439;
    padding: 10px;
    color: white;
}
.card_red .customer-card-footer a {
    color: white;
}

.upload-product-csv-main-box{
    margin: 0 14% 0 -6%;
}

.icon-spin6:before { content: '\e839'; } /* '' */

.extra_condition_spin{
    margin: 0px;
    width: 62px;
    font-size: 21px;
}
/*
   Animation example, for spinners
*/
.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}

.customer-card-footer.customer-card-footer-orders{
    width:100%;
    float: left;
}

.customer-card-body.customer-card-body-orders{
    min-height: 110px;
    position: relative;
}

.cutomer-table-orders{
    width: 100%;
    table-layout: fixed;
    height: 110px;
}

.popover-orders-total{
    table-layout: fixed;
    width: 180px;
    color: #666;
}

.popover-orders-total tr td{
    width:50%;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 2px;
}

.popover-orders-total tr td:last-child{
    text-align: right;
}

.loading-gif-orders{

    width:50px;
    margin:0 auto;
}

.btn-form, .btn-form:hover, .btn-form:focus {
    height: 29px;
    padding: 6px 15px;
    margin: 1px 5px;
    width: 242px;
}

.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    margin-top: 10px;
}