@media screen and (min-width:0\0) {
    .action_panel { display:unset}
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
/*Common classes */
.btn-primary {color: #fff!important; background-color: #10B981!important; border-color: #10B981!important; box-shadow: 0px 1px 2px rgb(0 0 0 / 5%); border-radius: 6px; font-size: 14px !important; font-weight: 500;}
.dropdown-menu{z-index:10004;}
::-webkit-input-placeholder {font-weight: 100;}
:-moz-placeholder {font-weight: 100;}
::-moz-placeholder {font-weight: 100;}
:-ms-input-placeholder {font-weight: 100;}
.danger input:checked + .slider {background-color: #d9534f!important;}
.ranges li.active{background-color: #899aca; border: 1px solid #899aca;}
.daterangepicker td.active, .daterangepicker td.active:hover{background-color: #899aca;}
input:focus{border:solid 1px #2996cc!important; outline: none; box-shadow:0px 0px 0px 0px #fff!important; }
.dropdown-toggle{border-color:#adb1b5; background-color:transparent!important;}
.dropdown-toggle:focus{border-color:#2996cc!important; background-color:transparent!important; color:#2996cc!important}
.dropdown-toggle:active{border-color:#2996cc!important; background-color:transparent!important; color:#2996cc!important}
.dropdown-toggle.active{border-color:#2996cc!important; background-color:transparent!important; color:#2996cc!important}
.open>.dropdown-toggle{border-color:#2996cc!important; background-color:transparent!important; color:#2996cc!important}
.modal{z-index:10500}
.img img{width:100%}
.actions_items .dropdown-menu .divider{background:transparent;}
.req{color:#d20301}
.req-input-box{border:solid 1px #dc3545 !important}
.set_inventory_page .data_panel li input.req-input-box{border:solid 1px #dc3545 !important}
.form-group{width:100%; display:table;}
.dropdown-menu .divider{margin:5px 0}
.row{margin:0px;}
.open>.dropdown-menu{max-height:250px; overflow:auto; width:220px;}
.open>.dropdown-menu a{white-space:unset; padding:3px 8px;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background:#899aca!important}
.open>.dropdown-menu label{white-space:normal;}
.title{padding:13px 10px!important;}
.editor_textarea{padding:5px; line-height:normal}
.editor_textarea .note-editor{border:solid 1px #adb1b5!important; border-radius:4px;}
.editor_textarea .note-editor .note-toolbar{border-radius:4px 4px 0px 0px; border-bottom:solid 1px #adb1b5!important;}
.editor_textarea .note-editor .note-statusbar .note-resizebar{ border-top:solid 1px #adb1b5!important;}
.editor_textarea .note-editor .note-statusbar{border-radius:0px 0px 4px 4px}
/*.editor_textarea .note-editor .note-insert{display:none}*/
.editor_textarea .note-editor .note-insert .btn:last-child{display:none!important;}
/*.editor_textarea .note-editor .note-insert .btn:first-child{border-radius:4px}*/
.editor_textarea .note-editor .note-insert .btn:nth-child(2){border-radius:0px 4px 4px 0px!important}
.editor_textarea .note-editor .note-style button{background:#fff!important;}
.editor_textarea .note-editor .note-fontname button{background:#fff!important;}
.editor_textarea .note-editor .note-fontsize button{background:#fff!important;}
.editor_textarea .note-editor .note-para button{background:#fff!important;}
.editor_textarea .note-editor .note-table button{background:#fff!important;}
.editor_textarea .note-editor .note-color .note-btn{background:#fff!important;}
.field{padding:5px!important; line-height:normal}
.field input{border:solid 1px #adb1b5; border-radius:4px; padding:10px; font-size:14px; font-weight:400; line-height:1.42857143; width:100%; height:auto; background:#fff}
.field input::Placeholder{color:#000; font-weight:400;}
.field textarea{border:solid 1px #adb1b5; border-radius:4px; padding:10px; height:auto; font-size:14px; font-weight:400; line-height:1.42857143; width:100%;  resize:none}
.field select{border:solid 1px #adb1b5; border-radius:4px; padding:10px; height:auto; font-size:14px; font-weight:400; line-height:1.42857143; width:100%;  resize:none}
.field .search_icon{position:absolute; top:50%; margin-top:-10px; right:15px;}
.field .text{padding:7px 0px; font-size:13px; display:block; word-break:break-all;}
.field .dropdown-toggle{width:100%; text-align:left; padding:10px!important; position:relative; border-radius:4px!important; height:Auto; color:#555}
.field .dropdown-toggle i{position:absolute; right:10px; top:12px;}
.field .dropdown-menu li{padding:0px; line-height:normal;}
.field .btn{padding:10px}
.field .btn-group{width:100%}
.field .toggel{padding:6px 12px;}
.field .open>.dropdown-menu{width:100%;}
.field .txt{border:solid 1px #adb1b5; padding:5px; border-radius:4px; min-height:43px;}
.field .txt .select{position: absolute; right: 11px; top:50%; margin-top:-18px;}
.field .txt .select .btn{padding:6px 12px;}
.field .txt .emp_name{margin:5px; display:table; padding-right:65px;}
.field .bts_dropdown ul li label{width:100%; padding:5px 30px;}
.field .bts_dropdown ul li label input{left:10px; width:auto;}
.field .directory_icon{position:absolute; z-index:100; top:16px; right:15px; color:#000; font-size:20px; display:block}
.field .calendar i{position:absolute; z-index:100; top:16px; right:15px; color:#000; font-size:20px; display:block}
.switch_field{padding:9px 6px}



.safari_field select{-webkit-appearance: unset!important; background:url(../images/drop_arrow.jpg) no-repeat right center; padding-right:30px; border:0px;}
.safari_field_white select{-webkit-appearance: unset!important; background:#fff url(../images/drop_arrow.jpg) no-repeat right center; padding-right:30px; border:1px solid #adb1b5!important}

/*.editor_textarea .note-toolbar .note-style button {padding:2px 10px; border:solid 1px #ccc}
.editor_textarea .note-toolbar .note-fontsize button {padding:2px 10px; border:solid 1px #ccc}
.editor_textarea .note-toolbar .note-para button {padding:2px 10px; border:solid 1px #ccc; height:24px;}
.editor_textarea .note-toolbar .note-height button {padding:2px 10px; border:solid 1px #ccc}
.editor_textarea .note-toolbar .note-table button {padding:2px 10px; border:solid 1px #ccc}
.editor_textarea .note-toolbar .note-color .dropdown-toggle {padding:9px 5px; border:solid 1px #ccc}*/

.mobile_top_margin{ margin-top:5px;}
#in_arrow_inner{display:none!important;}

.add{padding:0px;}
.add input{border:solid 1px #adb1b5; border-radius:4px 0px 0px 4px; padding:6px; font-size:14px; font-weight:400; width:200px; float:left; border-right:0px;}
.add .btn{float:left; border-radius:0px 4px 4px 0px}

.note{font-size:11px;}
.toggle.btn{min-width:70px;}
.checkbox, .radio{margin:0px;}
.checkbox label:after, .radio label:after {content: '';display: table;clear: both;}
.checkbox .cr {position: relative;display: inline-block;border: 1px solid #a9a9a9;border-radius: .2em;width: 1.15em;height: 1.15em;float: left;margin-right: .5em; background:#fff}
.radio .cr {position: relative;display: inline-block;border: 1px solid #a9a9a9;border-radius: .2em;width: 1.2em;height: 1.2em;float: left;margin-right: .5em; background:#fff}
.radio .cr {border-radius: 50%;}
.checkbox .cr .cr-icon,.radio .cr .cr-icon {position: absolute;font-size: 12px;line-height: 0;top: 50%;left: 11%; margin-left:1px; margin-right:-1px;}
.radio .cr .cr-icon {margin-left: 0em;}
.action_panel .checkbox label{font-weight:300; padding-left:10px; width:100%}
.checkbox label{font-weight:300; padding-left:10px;}
.checkbox label input[type="checkbox"],.radio label input[type="radio"] {display: none !important;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,.radio label input[type="radio"] + .cr > .cr-icon {transform: scale(1) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,.radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg);opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr,.radio label input[type="radio"]:disabled + .cr {opacity: .5;}
.configuration_option {margin-left:234px;}
.sub_nav{position:absolute; width:234px; top:0px; list-style:none; margin:0px; padding:0px;}
.sub_nav li{ display:block;}
.sub_nav li a{text-decoration:none; color:#777; padding:10px; display:block;}
.sub_nav li a:hover{background:#2996cc; color:#fff; border-radius:3px 0px 0px 3px}
.sub_nav .active a{background:#2996cc; color:#fff; border-radius:3px 0px 0px 3px}
.drag_drop{border:solid 1px #adb1b5; border-radius:8px; line-height:1.5; padding:20px 24px; display:table; width:100%; position:relative; height:auto;}
.drag_drop i{float:left; margin-left:24px; font-size:40px; color:#d3d9de}
.drag_drop .content{float:left; margin-left:20px; font-size:16px; font-weight:400!important}
.drag_drop .content span{display:block;font-weight:400!important}
.drag_drop .content span u{width:100%; display:table;}
.drag_drop .content label{font-weight:400;}
.drag_drop label{font-weight:400;}
.drag_drop .content a{color:#32373c; text-decoration:underline; cursor:pointer}
.drag_drop .cust_delete {display:block; position:absolute; right:-6px; bottom:-6px; cursor:pointer}
.drag_drop .cust_delete i{font-size:15px; color:#337ab7}
.image_display{margin:10px 0px; display:table; width:100%;}
.image_display ul{margin:0px; padding:0px; list-style:none;}
.image_display ul li{border:solid 1px #adb1b5; padding:5px; border-radius:5px; float:left; margin:5px;}
.image_display ul li img{max-width:120px; height:auto;}
.image_display ul li .delete{width:100%; background:#f0f1f2; text-align:center; border-radius:0px 0px 5px 5px;}
.image_display ul li .delete a{width:100%; color:#000;}
.image_display ul li .delete i{font-size:14px;}
.icon_button{padding:9px 12px;}
.expand {position: absolute;z-index: 1000;right: 0;top: 0px;background: #fff;padding: 10px;border-radius: 0px 0px 0px 5px;box-shadow: 0px 2px 5px rgba(0,0,0,0.5);cursor: pointer;display: none;}
.graph_panel {position: relative;width: 95%;display: table;margin: 0 auto;margin-top: 20px;padding: 20px;background: #fff;border: solid 1px #bfbfbf;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);border-radius: 7px;}
.graph_panel .close_graph {position: absolute;right: -2px;top: -8px;background: #fff;cursor: pointer; padding:5px;}
.graph_panel h1 {font-size: 15px;margin: 0px;padding: 0px 5px 0px 5px;text-align: Center;font-weight: 400;color: #2996cc;}
.graph_panel p {font-size: 35px;margin: 0px;padding: 0px 15px 0px 15px;text-align: Center;font-weight: 300;}

.pagination_container{background:#f0f1f2; width:100%; padding:5px; border-top:solid 1px #adb1b5; text-align:center}
.pagination_container .pagination{margin:0px;}


.leftside_nav{z-index:10; width:219px; padding:10px 10px 10px 0px; position:absolute; left:36px; top:120px; min-height:100px; bottom:0; right:0}
.leftside_nav ul{margin:0px; padding:0px; list-style:none;}
.leftside_nav a{line-height:1.3; display:block; padding:9px 15px; border-radius:0px 3px 3px 0px; font-weight:500; color:#64696e; text-decoration:none;}
.leftside_nav .active{background-color:#2996cc; color:#fff;}

.msg {width: 100%;text-align: Center; position:absolute; top:50%; margin-top:-35px;}
.msg_panel {width: 100%;text-align: Center; position:relative; margin-top:50px;}
.msg_panel h1{font-size:22px;}
.msg_panel p{font-size:18px; font-weight:300;}
.switch {position: relative;display: inline-block;width: 50px;height: 24px;}
.switch input {display:none;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(16px);-ms-transform: translateX(26px);transform: translateX(26px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
.schedule-demo-page h1{font-family: 'Roboto', sans-serif;}
/*Common classes */

.multiselect-search{border-radius:4px !important;padding: 5px !important;}

/*---questionare-form---*/
.questionare-form{}
.modal-body .questionare-form .form {
    border: solid 0px #adb1b5;
}

.modal-body .questionare-form .form .title {
    background: #ffffff;
    border-radius: 0px;
    font-weight: 500;
	border: 0px;
	padding-bottom: 6px !important;
}

 .modal-body .questionare-form .form .switch_field {
    border-left: solid 0px #adb1b5;
    padding: 0px 6px 6px 6px;
    text-align: center;
    border: 0px !important;
}



.questionare-form .form-control {
    display: block;
    width: 100%;
    height: 45px;
}



/*---Payment---*/

#frmpaymentForm{
	max-width: 300px;
    margin: 0px auto;
}

#frmpaymentForm label {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding-top: 20px;
    padding-bottom: 5px;
    font-weight: 600;
    color: #272727;
    text-align: left;
}


#manual_frmpaymentForm{
	max-width: 500px;
    margin: 0px auto;
}

#manual_frmpaymentForm label {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 5px;
    font-weight: 500;
    color: #272727;
    text-align: left;
}


#manual_frmpaymentForm #credit-card-card-holder iframe{height:50px !important; width: 100% !important;}
#manual_frmpaymentForm #credit-card-card-number iframe{height:50px !important;width: 100% !important;}
#manual_frmpaymentForm #credit-card-card-expiration iframe{height:50px !important;width: 100% !important;}
#manual_frmpaymentForm #credit-card-card-cvv iframe{height:50px !important;width: 100% !important;}
#manual_frmpaymentForm #credit-card-submit iframe{width: 100% !important;}

#credit-card-card-holder iframe{height:50px !important;}
#credit-card-card-number iframe{height:50px !important;}
#credit-card-card-expiration iframe{height:50px !important;}
#credit-card-card-cvv iframe{height:50px !important;}


/*------------------ Left Nav Start -------------------*/
.leftpanel_wrapper{width:250px; background:#2b333b; transition:width .15s ease-out; position:fixed; height:100%; z-index:1000;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class{background:#2b333b; width:250px; height:100%; position:absolute; top:0; left:0;  flex:1 transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class .nav_inner{background:#2b333b; width:250px; height:100%; overflow-y: scroll; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class .nav_inner .top_panel{padding:20px 8px 15px 24px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class .nav_inner .top_panel .logo{width:90px; height:27px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class .nav_inner .top_panel .customer_name{font-weight:600; font-size: 14px; font-family: 'Nunito', sans-serif; color:#979899; padding-top:25px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class .nav_inner .top_panel .logout{color:#c2c7cc; display:block;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class .nav_inner ul{margin:0px; padding:10px 0px; border-bottom:1px solid #58595b; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class .nav_inner li{list-style:none; line-height:20px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class .nav_inner li .heading{color:#fff; padding: 10px 27px 7px 27px; display:block; font-weight:600; font-family: 'Montserrat', sans-serif; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class .nav_inner li a{display:block; font-size:14px; padding:11px 10px 11px 25px; color:#fff; text-decoration:none; font-weight:600;  font-family: 'Montserrat', sans-serif;  transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; position:relative;}
.leftpanel_wrapper .nav_panel_class .nav-inner-new li a:hover:before{position:absolute; content:''; background:url(../images2020/move-icon.png) no-repeat left top; width: 7px; height: 7px; left: 10px; top: 17px;}
.leftpanel_wrapper .nav_panel_class .nav_inner li a:hover{display:block; padding:11px 10px 11px 25px; color:#fff; text-decoration:none; background:#3f454c; font-weight:600;  font-family: 'Montserrat', sans-serif; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class .nav_inner li a.active{display:block; padding:11px 10px 11px 25px; color:#fff; text-decoration:none; background:#3f454c; font-weight:600;  font-family: 'Montserrat', sans-serif; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.navbar-default .navbar-brand{font-size:20px; font-weight:700; height:Auto; padding:20px 15px 14px 15px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}

.header .other_nav .navbar-nav .active a{margin-left:25px;}
.header .other_nav .navbar-nav .active .unpin-star{width: 24px; height: 26px; position: absolute; left: -2px; top: 13px; background: #fff; border-radius: 3px; text-align: center; padding-top: 2px; cursor:pointer;}
.header .other_nav .navbar-nav .active .unpin-star:before{content:'\f006'; font-family:FontAwesome; font-size:12px;}
.header .other_nav .navbar-nav .active .unpin-star:hover{background: #f0f1f2}
.header .other_nav .navbar-nav .unpin-star:hover .star-hint{display:block}
.header .other_nav .navbar-nav .unpin-star .star-hint{position: absolute; background: rgba(0,0,0,0.9); color: #fff; text-align: center; padding: 10px; border-radius: 7px; font-size:13px; width: 240px; margin-top:15px; left:50%; margin-left:-120px; display:none; z-index:10000;}
.header .other_nav .navbar-nav .unpin-star .star-hint:before{content: '\f0d8'; font-family: FontAwesome; position: absolute; width: 12px; height: 15px; top: -15px; font-size: 18px; color: #000; text-align: center; left: 50%; margin-left: -5px;}
.header .other_nav .navbar-nav .unpin-star .star-hint span{display:table; border-bottom:solid 2px #fff; padding-bottom:3px; margin-bottom:3px; width:100%;}
.header .other_nav .navbar-nav .active .pin-star{width: 24px; height: 26px; position: absolute; left: -2px; top: 13px; border-radius: 3px; text-align: center; padding-top: 2px; cursor:pointer; color:#2996cc}
.header .other_nav .navbar-nav .active .pin-star:before{content:'\f005'; font-family:FontAwesome;}


.navbar-default .navbar-nav>li>a{font-weight:500; padding:16px 0px; line-height:17px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.navbar-collapse{padding:0px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.collapse_leftpan .leftpanel_wrapper{width:60px; background:#151b26; transition:width .15s ease-out; position:fixed;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.navbar-nav{width:100%;}
.collapse_leftpan .leftpanel_wrapper .nav_panel_class{margin-left:-245px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.collapse_leftpan .hamburger{display:block;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
/*.collapse_leftpan .rightpanel_wrapper{margin-left:80px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}*/
.collapse_leftpan .in_arrow{display:none;}
.collapse_leftpan .out_arrow{display:block!important;}
#nav-icon1{width: 60px;height: 51px;position: relative;padding: 15px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon1 span{width:30px; display: block;position: absolute;height: 3px;background: #fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out; margin-top:12px; margin-left:-15px; left:50%;}
#nav-icon1 span:nth-child(1) {top: 0px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
#nav-icon1 span:nth-child(2) {top: 9px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
#nav-icon1 span:nth-child(3) {top: 18px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
#nav-icon1.open span:nth-child(1) {top: 18px; -webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg); transform: rotate(135deg);transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
#nav-icon1.open span:nth-child(2) {opacity: 0; left: -60px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
#nav-icon1.open span:nth-child(3) {top: 18px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.navbar-toggle{padding:3px 0px; border:0px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.navbar-toggle .icon-bar{width:5px; height:5px; border-radius:5px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:transparent;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
/*------------------ Left Nav End -------------------*/
.rightpanel_wrapper{margin-left:244px; display: flex; flex-flow: column; height: 100%; position:relative;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.rightpanel_wrapper .inner_panel{padding:18px 26px 0px 26px; display: flex; flex-flow: column; height: 100%; position:relative;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
/*------------------ Heading / Top Nav Start -------------------*/
.header{border-bottom:1px solid #adb1b5;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.header .heading{font-size:21px; font-weight:300; padding:12px; border:0px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.header .other_nav{padding:0px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.header .other_nav .navbar-header{width:100%; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.header .other_nav .navbar-header .navbar-default .navbar-brand{margin:0px; padding:15px 0px;}
.header .other_nav .navbar-nav>li{margin-left:7px; margin-right:7px;}

.header .other_nav .navbar-default{border:0px; background:transparent; margin-bottom:0px; padding:0px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.header .other_nav .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:transparent; border-bottom:solid 5px #2996cc; color:#2996cc;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.header .other_nav .container-fluid{padding:0px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.header .other_nav .actions_items {visibility:visible;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.header .other_nav .actions_items a.dot{overflow:unset; padding:10px;line-height:normal;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.header .other_nav .actions_items a.dot[aria-expanded="false"]:after{content: '\f107'; line-height: 25px;}
.header .other_nav .actions_items a.dot[aria-expanded="true"]:after{content: '\f103'; top: 14px; position: absolute; left: 13px;}
.header .other_nav .actions_items a.dot .lp-tool-tip{width: 81px; font-size: 11px; padding: 7px; margin-left: -40px; top: -30px;}
.header .other_nav .actions_items a.dot:hover .lp-tool-tip{display:block}
.header .other_nav .actions_items .dropdown-menu{right:0px; width:213px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.header .other_nav .actions_items .dropdown-menu>li>a{ white-space:normal;}
.actions_items{position:relative; visibility:visible;}
.actions_items a.dot{display:block; width:30px; text-decoration:none;overflow: hidden;  margin-right: 3px;  margin-left: 3px;}
.navbar-nav .actions_items a.dot{    margin-top: 7px; border: solid 2px #899aca; border-radius: 25px; padding: 2px!important; text-align: center; width: 30px; height: 30px; margin-right:5px;}
.actions_items a.dot:after {content: '\f101';font-size: 18px; color: #899aca;font-family: FontAwesome!important;font-style: normal; font-weight: normal; text-decoration: inherit; /*padding-right: 0.5em;*/}
.actions_items .dropdown-menu:before{bottom: 100%;right: 2px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none; border-color: rgba(241, 241, 241, 0); border-bottom-color: #e1e1e1;	border-width: 9px;	margin-top: -20px;}
.actions_items .dropdown-menu{width:auto;}
.actions_items .dropdown-menu li{margin:0px; padding:0px !important;display:block; width:100% !important; padding-left: 0px !important;}
.actions_items .dropdown-menu li .active{background: transparent; border-bottom: solid 5px #2996cc; color: #2996cc;}
.navbar-right{margin:0px;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.navbar-brand{cursor:default; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
/*------------------ Heading / Top Nav End -------------------*/
.action_panel{padding:5px;border-bottom:1px solid #adb1b5; display:table; width:100%;}
.action_panel .actions_items{visibility:visible; line-height: 25px; margin-top: 5px;}
.action_panel .actions_items {margin-top:0px; margin-left:5px;}
.action_panel .actions_items a.dot{width: 25px; margin: 0 auto; text-align: center; border: solid 0px #899aca; border-radius: 3px; padding: 3px 5px; display: block; color: #899aca;}
.action_panel .actions_items a.dot:after{content:'\f107'; color: #899aca;}
.action_panel .actions_items .dropdown-menu>li>a{padding:3px 10px;}
.action_panel .btn-group{width:auto;}
.action_panel .dropdown-toggle{width:140px; position:relative; color:#555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 6px; padding-right: 20px!important; text-align:left;}
.action_panel .dropdown-toggle i{position:absolute; right:7px; top:7px;}
.action_panel .filter{padding: 9px; background: transparent; border: 0px; color: #899aca; font-size: 22px; width:32px;}
.action_panel .search {position:relative; width:220px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.action_panel .search input{padding:6px; background:transparent; height:auto; position:relative; border:solid 1px #adb1b5; padding-right:30px!important;}
.action_panel .search i{position:absolute; right:10px; top:10px; color:#adb1b5; z-index:-1}
.action_panel .small_search {position:relative; width:180px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.action_panel .small_search input{padding:6px!important; background:transparent; height:auto; position:relative; border:solid 1px #adb1b5; padding-right:30px!important;}
.action_panel .small_search i{position:absolute; right:10px; top:8px; color:#adb1b5; z-index:-1}
.action_panel .actions_items .dropdown-menu{right:-12px; height:auto;background:#fff!important; width:auto!important;}
.action_panel .calendar {position:relative; width:195px;}
.action_panel .calendar i{position: absolute; right: 9px; z-index: 10; top: 9px; cursor:pointer}
.action_panel .calendar input{width:100%; padding:5px 6px 6px 6px; height:auto; position:relative; border:solid 1px #adb1b5; border-radius:4px; padding-right:28px; font-weight:300; font-size:14px;}
.action_panel .dropdown .btn{border-radius:4px;}
.data_panel_wrapper{position: relative; height:100%; flex: 1 1 auto; display: flex; -webkit-flex-flow: column; flex-flow: column;}
.data_panel_wrapper-email-report{width: 90%;margin: 0px auto;background: #fff;border: solid 1px #f7f2f2;border-radius: 5px;}
.data_panel_wrapper-email-report .data_panel li:first-child{padding-left: 5px;}
.email-report-print-title{font-size: 22px;display: table;width: 100%;margin: 0px auto;background: #fff; padding: 11px 68px;margin-bottom: 20px;box-shadow: 0px 4px 8px rgb(193 193 193 / 20%);}
.data_panel{position:absolute; top:51px; right:0; bottom:0; left:0; overflow:auto}
.email-report-print-title .email-store-title{ float:left; font-size: 15px;font-weight: 600;margin-bottom: 20px;}
.data_panel_top5{top: 5px;}
.data_panel ul .actions_items{visibility:visible;}
.table_header{background: #f0f1f2;border-bottom: 2px solid #ddd;padding: 0px;font-weight: 500;line-height: 31px;}
.table_header .actions_items a.dot{width: 10px;}
.table_header .actions_items a.dot:after{content:'\f142'}
.table_header ul {width: 100%;list-style: none;padding: 0px;margin: 0px;}
.table_header li{padding: 9px 6px;}
.data_panel ul{list-style:none; margin:0px; padding:0px; border-bottom:solid 1px #e2e4e7}
.data_panel li{padding: 9px 8px; font-weight:300; word-break:break-word}
.data_panel a{color:#000; text-decoration:none;}
.data_panel .btn-primary{color:#fff!important; text-decoration:none;}
.data_panel li .actions_items a.dot:after{content: '\f107'; font-size: 18px; color: #ccc; font-family: FontAwesome!important;}
.data_panel li .actions_items a.dot{width: 27px; display: block;  overflow: hidden; overflow-y: hidden; height: 16px; border-radius: 25px;  margin: 2px; padding-top:0px;margin-bottom: 11px; text-align:center}
.actions_items a:hover.dot:after {color: #2996cc !important;}
.data_panel ul:hover .actions_items a.dot{width: 27px; display: block; overflow: hidden; overflow-y: hidden; height: 16px; border-radius: 25px; background: #fff; margin: 2px; padding-top:0px;margin-bottom: 11px; text-align:center}
.data_panel li .actions_items .dropdown-menu{top:30px;}
.data_panel ul.single_row_class:last-child li:last-child .actions_items .dropdown-menu {top: unset;}
.data_panel_wrapper .more_than_10 {overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%;}
.data_panel_wrapper .more_than_10 .table_header{border-bottom:0px;}
.data_panel_wrapper .more_than_10 .table_header ul{border-bottom:2px solid #ddd; background:#f0f1f2}
.data_panel_wrapper .more_than_10 li{width:172px; word-break:break-word}
.data_panel_wrapper .more_than_10 .data_panel {position:relative; overflow:visible; top:0px;}
.data_panel_wrapper .nine_wrapper {width:100%;}
.data_panel_wrapper .nine_wrapper li{width:110px;}
.data_panel_wrapper .nine_wrapper li:last-child{width:40px;}
.advance_options .dropdown-menu input{padding:6px 12px!important; width:100%; border:solid 1px #adb1b5; border-radius:4px; font-size:14px; font-weight:400; background:transparent;}
.advance_options .dropdown-menu .more-filter-calendar i{z-index:-1;}
.page_action_bar{position:fixed; background:#f0f1f2; width:100%; right:0px; bottom:0px; padding:10px; border-top:solid 1px #adb1b5; z-index:100}
.page_action_bar .btn-default{background:#fff!important;}

.form_head{font-size: 20px;font-weight: 300;margin: 0px;padding: 10px;margin-bottom: 15px;padding-left: 15px;border-bottom: solid 1px #adb1b5;}

.upload_photo_panel{padding-right:261px; position:relative; margin-bottom:20px;}
.upload_photo_panel_product{padding-right:350px!important; position:relative; padding-bottom:40px!important;}
.upload_photo_panel .add {position:relative;}
.upload_photo_panel .add .add_more {position: absolute;font-size: 13px;color: #bcc1c7;right: 10px!important;bottom: -30px;background: #fff;text-decoration: none; padding:0px;}
.upload_photo_panel  .less_more{position:absolute; font-size:18px; color:#bcc1c7; right: -6px; bottom: -8px; text-decoration:none; display:none}
.upload_photo_panel  .less_more a{text-decoration:none;}
.upload_photo_panel:hover .add_more{display:block}
.upload_photo_panel .upload_photo{position:absolute; z-index:90; right:25px; top:0px; background:#fafafa; padding:5px; border:solid 1px #e1e1e1;border-radius:5px;}
.upload_photo_panel .upload_photo .frame{width:113px; height:auto; min-height:55px; background:#fff; border:solid 5px #888888; cursor:pointer;border-radius:5px;}
.upload_photo_panel .upload_photo .frame img{width:100%; height:80px}
.upload_photo_panel .upload_photo:hover .upload_image_panel{display:block; top:0px; -webkit-transition: top 1s; -moz-transition: top 1s; -o-transition: top 1s; transition: top 1s;}
.upload_photo_panel .upload_photo .btn{border-radius:0px 0px 5px 5px; width:100%; padding:3px 8px}
.upload_photo_panel .upload_photo .upload_image_panel{border:solid 1px #e1e1e1; position:absolute; width:152px; background:#fff; box-shadow:0px 0px 3px rgba(0,0,0,0.3); right:122px; top:0px; display:none}
.upload_photo_panel .upload_photo .upload_image_panel:before{left: 100%;top: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none; border-color: rgba(225, 225, 225, 0); border-left-color: #e1e1e1;	border-width: 11px;	margin-top: -6px;}
.upload_photo_panel .upload_photo .upload_image_panel .color_pallet{padding:5px; display:table; width:100%}
.upload_photo_panel .upload_photo .upload_image_panel .color_pallet .color_box{float:left; width:25px; height:25px; margin:5px; cursor:pointer; position:relative}
/*.upload_photo_panel .upload_photo .upload_image_panel .color_pallet .color_box:hover:after{content: "\2713"; position: absolute; color: #fff; font-weight: bold; left: 50%; margin-left: -7px; top: 50%; margin-top: -10px; width:14px; height:20px;}*/
.upload_photo_panel .upload_photo .upload_image_panel .image_uplaod{background:#e1e1e1; padding:5px; padding-bottom:0px;}
.upload_photo_panel .upload_photo .upload_image_panel .image_uplaod .btn{border-radius:3px; width:100%; font-size:12px; margin-bottom:5px;}
/*.upload_photo_panel .upload_photo .upload_image_panel .color_pallet .active:after{content: "\2713"; position: absolute; color: #fff; font-weight: bold; left: 50%; margin-left: -7px; top: 50%; margin-top: -10px; width:14px; height:20px;}*/
.upload_photo_panel .field{padding:0px;}

.unit{float:left; width:40%; border:solid 0px #adb1b5;}
.unit .header{background:#f0f1f2; border-bottom:2px solid #ddd; padding:10px;}
.unit .content_table{width:100%; height:470px; overflow:auto;}
.unit .content_table ul{width:100%; margin:0px; padding:0px; list-style:none; border-bottom:dotted 1px #adb1b5}
.unit .content_table li{display:inline-block; width:49%; padding:10px;}
.unit .content_table ul:hover{background:#f0f1f2; cursor:pointer}
.unit .content_table .active{background:#f0f1f2;}
.conversion_unit{float:left; width:60%; border-left:dotted 1px #adb1b5; position:relative}
.conversion_unit .header{background:#f0f1f2; border-bottom:2px solid #ddd;}
.conversion_unit .header ul{padding:0px; margin:0px;}
.conversion_unit ul{padding:0px; margin:0px;}
.conversion_unit .header li{list-style:none; display:inline-block; width:50%; padding:10px; margin:0px;}
.conversion_unit .content_table{width:100%; height:470px; overflow:auto; padding-bottom: 70px;}
.conversion_unit .content_table ul{width:100%; margin:0px; padding:0px; list-style:none; border-bottom:dotted 1px #adb1b5}
.conversion_unit .content_table li{display:inline-block; width:50%; padding:10px;}
.conversion_unit .content_table ul:hover{background:#f0f1f2; cursor:pointer}
.conversion_unit .bottom_link{position:absolute; bottom:0px; width:100%; background:#fff; padding:10px; border-top:solid 1px  #adb1b5 }
.conversion_unit #product_list .col-sm-3{padding:12px 8px!important;}
.unit .select-modifier{width:100%; height:470px; overflow:auto;}
.unit .select-modifier li{text-align: left;display: table;width: 100%;border-bottom: dotted 1px #adb1b5;}
.unit .select-modifier ul{width:100%; margin:0px; padding:0px; list-style:none;}
.unit .select-modifier li a{width: 92%; padding: 10px; color: #000;text-decoration: none;float: right;}
.unit .select-modifier li a:hover{background:#f0f1f2; cursor:pointer}
.unit .select-modifier li .product-app-map-checkbox{float: left;margin-top: 6px;margin-left: 5px;}
.unit .select-modifier li:hover{background:#f0f1f2; cursor:pointer}

.conversion_unit .data_panel{position:relative; top:0px;}
.conversion_unit .data_panel{position:relative; top:0px;}
.conversion_unit .content_table_1{width:100%; height:390px; overflow:auto;}

.color_panel{position:relative;}
.color_panel .checkbox{margin:0px; padding:2px;}
.color_panel .checkbox .cr{margin-top:6px;}
.color_panel .checkbox .cr .cr-icon{font-size:10px; margin-top:-1px; margin-left:0px;}
.color_panel:hover .colors{display:block}
.color_panel .colors{position:absolute; display:table; width:417px; right:7px; top:50%; margin-top:-14px; display:block}
.color_panel .colors .color_box{float:left; width:20px; height:20px; margin:3px; cursor:pointer; position:relative; border:solid 1px #ffffff;}
.color_management .table_header .colors{right:15px!important;}
.color_management .table_header .colors .color_box .tick{color: #ffffff!important; position: absolute;top: 50%;left: 50%;margin-left: -7px;margin-top: -8px;}
.color_panel .colors .color_box .tick{color: #ffffff!important; position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -8px;}
.color_panel .colors .color_box input{display:none;}

.bts_dropdown ul li label{width:250px; white-space:normal!important;}

/*------------------ Overlay -------------------*/
.modal-header{background:#fafafa;border-radius:5px 5px 0px 0px; font-size:24px; font-weight:300;}
.modal-header h4{font-size:24px; font-weight:300; text-align:center;}
.modal-header .close{margin-top:6px;}
.modal-footer{background:#fafafa;border-radius:0px 0px 5px 5px;}
.modal-footer .btn-default{float:left; background:#fff!important}
.modal-footer .btn-primary{float:right;}

.modal-body .add{padding:0px;}
.modal-body .add input{border:solid 1px #adb1b5; border-radius:4px 0px 0px 4px; padding:6px; font-size:14px; font-weight:400; width:200px; float:left; border-right:0px;}
.modal-body .add .btn{float:left; border-radius:0px 4px 4px 0px}
.modal-body .search{padding:0px;}
.modal-body .search input{border:solid 1px #adb1b5; border-radius:4px; padding:6px; font-size:14px; font-weight:400; width:200px; float:right; background:transparent}
.modal-body .search i{position:absolute; right:10px; top:50%; margin-top:-10px; color:#adb1b5;}
.modal-body .category_box {width:100%; border:solid 1px #adb1b5; border-radius:4px;}
.modal-body .category_box .heading{background:#f0f1f2; padding:10px; border-radius:4px 4px 0px 0px; border-bottom:solid 1px #adb1b5; font-weight:500}
.modal-body .category_box .list{padding:0px 0px; height: auto!important; overflow: auto; overflow-x:hidden}


.odd_even .list .item:nth-child(even) {  background: #fafafa;}
.modal-body .category_box .list .item{padding:7px; border-bottom:solid 1px #adb1b5}
.modal-body .category_box .list .item label{font-weight:300}
.modal-body .category_box .list .item .sub_item{padding:7px 0px; padding-left:20px; border-bottom:solid 1px #adb1b5}
.modal-body .category_box .list .item .sub_item:last-child{border:0px;}
.modal-body .category_box .list .item .sub_item .sub_item{border:0px;}
.modal-body .category_box .list .active{background:#2996cc;}
.modal-body .product_box .list .item:nth-child(even){background:#fafafa}
.modal-body .product_box .list .item{padding:7px; border-bottom:solid 1px #adb1b5; margin-left:0px!important;}
.modal-body .product_box .list .active{background:#2996cc!important; color:#fff}
.modal-body .tabuler_data {width:100%; border:solid 1px #adb1b5; border-radius:4px;}
.modal-body .tabuler_data .heading{background:#f0f1f2; border-radius:4px 4px 0px 0px; border-bottom:solid 1px #adb1b5; font-weight:500; line-height:normal}
.modal-body .tabuler_data ul{list-style:none; margin:0px; padding:0px;}
.modal-body .tabuler_data li{padding:10px; line-height:normal}
.modal-body .form{border:solid 1px #adb1b5;}
.modal-body .form .row{border-bottom:solid 1px #adb1b5;}
.modal-body .form .title{background:#f0f1f2; border-radius:0px}
.modal-body .form .field{border-left:solid 1px #adb1b5; padding:5px 6px 6px 6px!important}
.modal-body .form .field input[type=checkbox], input[type=radio]{border-left:solid 1px #adb1b5; padding:5px 6px 6px 6px!important; width:auto;}
.modal-body .form .field .btn-group .dropdown-toggle{box-shadow:0px 0px;}
.modal-body .form .field .multiselect-container li .checkbox input[type=checkbox]{width:auto;}
.modal-body .form .textarea{border-left:solid 1px #adb1b5; padding:7px 6px 6px 6px!important}
.modal-body .form .textarea textarea{border:0px; padding:8px; background:unset; width:100%; resize:none}
.modal-body .form .field input{border:0px!important; padding:8px;}
.modal-body .form .field textarea{border:0px!important;}
.modal-body .form .field .multiselect{overflow: hidden; padding-right: 30px!important; text-overflow: ellipsis; border:0px!important; box-shadow:unset!important}
.modal-body .form .field textarea{border:0px; padding:8px; background:unset; width:100%; resize:none}
.modal-body .form .switch_field{border-left:solid 1px #adb1b5; padding:7px 6px 6px 6px; text-align:center;}
.modal-body .form .field .toggle.btn{padding:6px 12px; margin:1px}
.modal-body .form .field .toggle-on.btn{padding:6px 12px; padding-right:24px;}
.modal-body .form .dropdown-toggle{padding:8px!important; border:0px; background:#fff!important;}
.modal-body .form .open>.dropdown-menu{width:100%;}
.modal-body .form .field .search_icon{font-size:15px; position:absolute; top:50%; margin-top:-10px; right:15px; color:#000}
.modal-body .form .field .token-input-list-facebook{border:0px;}
.modal-body .form .editor_textarea{padding:5px; line-height:normal;border-left:solid 1px #adb1b5;}
.modal-body .form .editor_textarea .note-editor{border:solid 0px #adb1b5!important; border-radius:4px;}
.modal-body .form .editor_textarea .note-editor .note-toolbar{border-radius:4px 4px 0px 0px; border-bottom:solid 1px #adb1b5!important;}
.modal-body .form .editor_textarea .note-editor .note-statusbar .note-resizebar{ border-top:solid 1px #adb1b5!important;}
.modal-body .form .editor_textarea .note-editor .note-statusbar{border-radius:0px 0px 4px 4px}
.modal-body .form .text{border-left:solid 1px #adb1b5; padding:13px}
.modal-body .form .editor_textarea .note-toolbar .note-style button {padding:2px 10px!important; border:solid 1px #adb1b5}
.modal-body .form .editor_textarea .note-toolbar .note-fontsize button {padding:2px 10px; border:solid 1px #adb1b5}
.modal-body .form .editor_textarea .note-toolbar .note-para button {padding:2px 10px; border:solid 1px #adb1b5; height:24px;}
.modal-body .form .editor_textarea .note-toolbar .note-height button {padding:2px 10px; border:solid 1px #adb1b5}
.modal-body .form .editor_textarea .note-toolbar .note-table button {padding:2px 10px; border:solid 1px #adb1b5}
.modal-body .form .editor_textarea .note-toolbar .note-color .dropdown-toggle {padding:9px 5px; border:solid 1px #adb1b5}
.modal-body .form .editor_textarea .note-editor .note-insert .btn:last-child{display:none!important;}
/*.modal-body .form .editor_textarea .note-editor .note-insert .btn:first-child{border-radius:4px}*/
.modal-body .form .editor_textarea .note-editor .note-insert .btn:nth-child(2){border-radius:0px 4px 4px 0px!important;}
.modal-body .note-group-select-from-files{display:none;}

.field .multiselect-container li .checkbox input[type=checkbox]{width:auto!important;}
/*------------------ Overlay -------------------*/

.dropdown.dropdown-lg .dropdown-menu {margin-top: -1px; padding: 10px;}
.input-group-btn .btn-group {display: flex !important;}
.btn-group .form-horizontal .btn[type="submit"] {border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.form-horizontal .form-group {margin-left: 0; margin-right: 0;}
.form-group .form-control:last-child {border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.dropdown.dropdown-lg .dropdown-menu {min-width: 400px;  height:350px; max-height:400px; overflow:auto;}
/*.customer_management .dropdown.dropdown-lg .dropdown-menu {min-width: 332px; height:350px; max-height:400px; overflow:auto;}*/
.customer_management .dropdown.dropdown-lg .dropdown-menu {height:350px; max-height:400px; overflow:auto;}
.dropdown.dropdown-lg .multiselect-container {min-width: 100%; width: 100%; height:auto; max-height:200px; padding:0px;}
.dropdown.dropdown-lg .dropdown-menu .button{width:100%; text-align:center;}
.dropdown.dropdown-lg .dropdown-menu .button button{width:100%; text-align:center;}
.cumulative_options{width:100%;}
.cumulative_options .head{font-weight:500; margin-bottom:7px;}
.cumulative_options .selection{height:150px; overflow:auto; overflow-x:hidden; border:solid 1px #adb1b5; padding:0px; border-radius:3px; margin-bottom:10px; position:relative; z-index:1}
.cumulative_options .selection .all_prod{width:100%; padding:4px;}
.cumulative_options .selection .all_prod label{font-weight:300; margin-bottom:0px;}
.cumulative_options .selection .all_prod label input[type=checkbox]{width:auto; margin-right:5px;}
.cumulative_options .selection .prod-row{padding-left:37px;}
.cumulative_options .selection .cat-row{width:100%; border-top:solid 0px #adb1b5; padding:7px 15px; background:#f5f5f5}
.cumulative_options .selection .cat-row label{font-weight:500; margin-bottom:0px; width:100%;}
.cumulative_options .selection .checkbox{min-height:auto; padding:4px; padding-left:18px;}
.cumulative_options .show_prod {width:100%; margin-bottom:7px;}
.cumulative_options .show_prod .btn{border:solid 0px #adb1b5!important; background-color:#337ab7!important; height:40px!important; margin:0!important; text-decoration:none!important; color:#fff!important; line-height:40px!important;}
.cumulative_options .show_prod .toggle-handle{background:transparent!important;}
.cumulative_options .show_prod .toggle-off{background:#e1e1e1!important; color:#737373!important; box-shadow:0px 0px 0px #fff; }
.cumulative_options .multiselect-container{height:200px!important; max-height:200px!important; overflow:auto!important;}

.zapper {width:100%; padding:15px; background:#fff; position: absolute;overflow-y: auto;top: 0px;bottom: 0;left: 0;right: 0;}
.zapper iframe{width:100%}
.zapper .table_header{background:#f0f1f2; border-bottom:2px solid #ddd; padding:0px; font-weight:500; line-height:31px}
.zapper h1{font-size:16px; margin:0px; padding:10px;}
.zapper h1 span{font-size: 13px; font-weight: bold; padding: 10px 0px; display: block;}

.zapper ul li{list-style:none; margin-bottom:0px; font-weight:300}
.zapper .signup_error{margin-top:10px; display:block; text-align:center}
.zapper .btn-primary{font-size:20px; font-weight:300; min- margin-top:10px; width:100%}
.zapper .benefits li{list-style:none; position:relative;}
.zapper .benefits li:before{content:"\f190"; font-family:FontAwesome; width:20px; height:20px; position:absolute; left:-22px;}
.zapper .support ul{padding-left:18px;}
.zapper .support i{margin-right:8px;}
.choose_zapper_location ul{list-style:none; margin:0px; padding:0px;}
.choose_zapper_location a{padding:10px; display:block; margin-bottom:5px; border:solid 1px #adb1b5; border-radius:5px; text-decoration:none; color:#32373c}
.choose_zapper_location a:hover{background:#f0f1f2;}
.zapper .list-unstyled{padding-left: 30px; list-style: square;}

.zapper .zapper_wrapper{width:600px; border-bottom:Solid 1px #adb1b5; margin:0 auto; padding:7px; text-align:center; display:table}
.zapper .zapper_wrapper .logo{width:220px; height:auto; margin:0 auto;}
.quick_book .zapper .zapper_wrapper .logo{width:150px; height:auto; margin:0 auto; margin-bottom:20px;}
.zapper .zapper_wrapper .logo img{}
.zapper .zapper_wrapper .head{font-size:32px; padding:7px; font-weight:300;}
.zapper .zapper_wrapper span{font-size:28px;}
.quick_book .zapper .zapper_wrapper .head{font-size:19px;}
.quick_book .zapper .zapper_wrapper .text{font-size: 17px; float: left; text-align: left; margin-bottom: 10px;}
.quick_book .zapper .zapper_wrapper a{font-size:17px;}
.intuitPlatformConnectButton{color:#fff!important; background-color:#337ab7!important; border:solid 1px #2e6da4!important; text-indent:unset!important; width:100%!important; border-radius:4px!important; padding:6px 12px!important; line-height:20px!important; background-image:none!important; font-size:20px!important; text-decoration:none!important; font-weight:300!important; height: auto !important;}
.zapper .zapper_form{width:500px; margin:0 auto; padding:15px;}
.quick_book .rightpanel_wrapper .data_panel  .inner_panel .zapper .zapper_form{width:500px; margin:0 auto; padding:0px;}
.zapper .zapper_form .title{font-size:18px; margin-bottom:10px;}
.zapper .zapper_form .sub_title{font-size:14px; margin-bottom:10px; margin-top:20px;}
.zapper .zapper_form .field{ margin-bottom:10px; border-radius:5px; width:100%; position:relative}
.zapper .zapper_form .field i{position:Absolute; top:14px; right:15px;}
.employee_competition_page .zapper .zapper_form .field i{top:21px;}
.zapper .zapper_form .field input{width:100%; border-radius:5px; border:solid 1px #adb1b5; display:block; padding:12px 9px; color:#000; line-height:1.5; background-color:transparent; font-size:14px;}
.zapper .zapper_form .col-md-6 input{width:98%}
.zapper .zapper_form .col-md-4 input{width:98%}
.zapper .zapper_form .field .btn{ border-radius:5px; border:solid 1px #adb1b5; display:block; padding:12px 9px; color:#a9a9a9; line-height:1.5; background-color:transparent!important; text-align:left; font-size:14px; width:100%}
.zapper .zapper_form .field .btn i{float:right;}
.zapper .zapper_form .field .dropdown-menu{width:100%; max-height:200px; overflow:auto;}
.zapper .zapper_form .field .dropdown-menu li{margin-bottom:inherit; text-align:left}
.zapper .zapper_form .field .dropdown-menu input{width:auto;}
.zapper .collapse_restaurtant{width:500px; margin:0 auto; padding:10px 15px; display:table;font-size:18px; border-bottom:solid 1px #adb1b5; cursor:pointer}
.zapper .btn-primary{font-size: 20px;font-weight: 300;width: 100%;}

.modifier_list_scroll{height:250px!important; overflow:auto; overflow-x:hidden; border:solid 1px #adb1b5; border-radius:5px; position:relative}
.modifier_list_scroll .msg{position:Absolute; width:400px; left:50%; margin-left:-200px; top:50%; margin-top:-40px;}
.modifier_list_scroll ul{list-style:none; padding:0px; margin:0px;}
.modifier_list_scroll li{list-style:none;  padding:9px 8px}
.modifier_list{padding:0px; display:table; width:100%}
.modifier_list .in{width:auto!important; height:27px; position:absolute;right: 20px;z-index: 100; top: 5px;}
.modifier_list .checkbox{margin:0px;}
.modifier_list ul{list-style:none; padding:0px; margin:0px; border-bottom:solid 1px #adb1b5 }
.modifier_list li{list-style:none; padding:9px 8px; font-weight:300;}
.modifier_list .col_1 {padding:10px;}
.modifier_list .col_1 li{width:40%}
.modifier_list .checkbox label, .radio label{padding-left:0px;}

.leftside_nav{z-index:10; width:219px; padding:10px 10px 10px 0px; position:absolute; left:36px; top:177px; min-height:100px; bottom:0; right:0}

.product_panel .category_box{width:490px; border:solid 1px #adb1b5; float:left; border-radius:4px;}
.product_panel .category_box .heading{font-size:16px; font-weight:300; background:#f0f1f2; float:none; padding:10px; border-radius:4px 4px 0px 0px}
.product_panel .category_box .heading .small_search input{padding:5px;}
.product_panel .category_box .list{overflow:auto; height:250px!important; overflow-x:hidden; width:100%;}
.product_panel .category_box .list .item{width:100%; font-weight:700;}
.product_panel .category_box .list .item .checkbox{padding:10px; border-bottom:solid 0px #adb1b5}
.product_panel .category_box .list .item .radio{padding:10px; border-bottom:solid 0px #adb1b5}
.product_panel .category_box .list .item .dis_cat_cls{float:right; cursor:pointer}
.product_panel .category_box .list .item .dis_cat_cls i{color:#32373c}
.product_panel .category_box .list .item .width_240{width:240px;}
.product_panel .category_box .list .item .email{float:left; margin:10px; font-weight:300; width:200px;}
.product_panel .category_box .list .item label{padding-left:0px;}
.product_panel .category_box .list .sub_item{width:100%; padding-left:15px; border-bottom:solid 0px #adb1b5; padding-bottom:5px;}
.product_panel .category_box .list .sub_item label{font-size:14px;}
.product_panel .category_box .list .sub_item .radio{margin-bottom:5px;}
.product_panel .category_box .field{padding:5px;}
.product_panel .category_box .field input{width:100%; border:0px; padding:7px;color: #a9a9a9;}

.product_panel .product_box{width:490px; border:solid 1px #adb1b5; float:right; border-radius:4px;}
.product_panel .product_box .heading{font-size:16px; font-weight:300; background:#f0f1f2; float:none; padding:10px; border-radius:4px 4px 0px 0px}
.product_panel .product_box .list{overflow:auto; height:250px; overflow-x:hidden; font-weight:300;}
.product_panel .product_box .list label{font-size:14px; padding-left:0px;}
.product_panel .category_box .list .item{width:100%; font-weight:700; border-bottom:solid 1px #adb1b5}
.product_panel .product_box .list .item{width:100%; font-weight:700; border-bottom:solid 1px #adb1b5}
.product_panel .product_box .list .item .checkbox{margin:10px;}
.product_display_info {display:table; width:100%; padding:20px 0px;}
.product_display_info ul{list-style:none; padding:0px;}
.product_display_info li{display:inline-block!important;}
.product_display_info .pc_view{border:solid 1px #adb1b5; border-radius:3px; margin:5px 5px 5px 0px; padding:5px;}



.more_than_print {width:100%;}
.more_than_print .table_header {width:100%; z-index:1000000; top:0px; left:0px; border-bottom:solid 0px #4c4c4c;}
.more_than_print .table_header ul{margin:0px; padding:0px; border-bottom:solid 0px #4c4c4c;}
.more_than_print .table_header li{padding:1px 5px; border-right:solid 1px #4c4c4c; border-bottom:solid 0px #4c4c4c; width:55px; word-break:break-all; font-size:15px; line-height:normal; font-weight:500;}
.more_than_print .table_header li:first-child{padding:1px 5px; border-right:solid 1px #4c4c4c; border-bottom:solid 0px #4c4c4c; width:75px; font-size:15px; line-height:normal; word-break:unset; font-weight:500;}
.more_than_print .table_header .email{min-width:200px;}
.more_than_print .data_panel{position:relative; top:0px!important;}
.more_than_print .data_panel ul{border-top:solid 1px #4c4c4c; border-bottom:0px;}
.more_than_print .more_than_10 .data_panel{position:relative; top:0px;}
.more_than_print li{padding:1px 5px; border-right:solid 1px #4c4c4c; border-bottom:solid 0px #4c4c4c; width:55px; font-size:10px; word-break:break-all; max-width: 172px!important; min-width: 92px!important}
.more_than_print li:first-child{padding:1px 5px; border-left:solid 1px #4c4c4c; border-right:solid 1px #4c4c4c; border-bottom:solid 0px #4c4c4c; width:75px; font-size:15px; word-break:break-word; font-weight:500;}
.more_than_print .more_than_10 .email{width:200px;}
.more_than_print .row-height{height:auto; margin-left: 0px; margin-right: 0px; font-size:10px;}
.more_than_print .col-height{height:auto; font-size:15px; font-weight:500;}
.more_than_print .text-right{text-align:right!important}
.more_than_print .sortUpDownArrow{display:none!important}
.more_than_print .criteria_header li:first-child{width:10%!important; border:0px;}
.more_than_print .criteria_header li{width:90%!important; border:0px;}
.more_than_print .profit-margin-product-store{border-top:solid 1px #000; display:table;}
.more_than_print .saved-repprt-print li{width:25%!important; max-width: 25%!important;}
.more_than_print .print-product-table li{width: 16.7%!important; max-width: 16.65%!important; padding: 5px; float:none!important}
.more_than_print .print-hourly-table li{width: 16.7%!important; max-width: 16.65%!important; padding: 5px; float:none!important}
.more_than_print .data_panel_wrapper{height:unset!important;}
.more_than_print .tip{display:none;}

.more_than_print .profit-margin{border-top:solid 1px #4c4c4c; border-bottom:solid 1px #4c4c4c}

.more_than_print .with_amount .heading{padding-right: 15px; padding-left: 15px;}
.more_than_print .with_amount .col-md-4:first-child{width:33%!important;}
.more_than_print .with_amount .col-md-4:nth-child(2){width:20%!important;}
.more_than_print .with_amount .col-md-4:nth-child(3){width:47%!important;}
.more_than_print .with_amount .col-xs-4:first-child{width:33%!important;}
.more_than_print .with_amount .col-xs-4:nth-child(2){width:20%!important;}
.more_than_print .with_amount .col-xs-4:nth-child(3){width:47%!important;}
.more_than_print .print-saved-repprt{height:100%!important;}
.more_than_print .print-saved-repprt li:first-child{width: 172px!important;}
.more_than_print .print-saved-repprt li{width: 172px!important;}

.sortUpArrow {font-size: 15px;font-weight: bold; margin-left:12px;}
.sortDownArrow {font-size: 15px;font-weight: bold; margin-left:12px;}
.sortUpDownArrow {font-size: 15px;font-weight: bold; margin-left:5px;}

.daterangepicker .input-mini.active {border:3px solid #08c!important}

.app_center_msg{padding:50px; border:solid 1px #adb1b5; border-radius:4px; margin:20px;}
.app_center_msg .icon{font-size:35px; width:100px; height:100px; border:solid 1px #adb1b5; padding:30px; border-radius:100px; text-align:center; color:#adb1b5; margin:0 auto;}
.app_center_msg .msg{width:550px; margin:0 auto; margin-top:25px; position:relative; top:unset;}
.app_center_msg .msg span{display:block}
.app_center_msg .buttons{width:310px; margin:0 auto; margin-top:25px; text-align:center;}

.config_setting{cursor: pointer;}
.loading_string{text-align:center;margin-top:45%;}
#general_modal .selection .all_prod { width: 48%;padding: 4px;float: left;}
#general_modal .selection .cat-row { width: 98%;padding: 4px;float: clear; border-top: solid 1px #bec3c8;}
#general_modal .selection .cat-row .checkbox label {font-weight: 500;}
#general_modal .selection .all_prod label {font-weight:500; margin-bottom:0px;}
#general_modal .selection .all_prod label input[type="checkbox"]{margin-right:5px;}
#general_modal .selection .prod-row {padding-left:17px;font-weight:300!important;}
#general_modal .selection .prod-row label{font-weight:300!important;}
#general_modal .search {width:50%; margin:0 auto; margin-bottom:10px; position:relative}
#general_modal .search input{width:100%!important;}

.ui-tooltip{position:absolute!important;}

.dropdown-toggle[aria-expanded="true"] .fa-angle-down{transform: rotate(180deg); transition: all .3s ease-in;}
.dropdown-toggle[aria-expanded="false"] .fa-angle-down{transform: rotate(0deg); transition: all .3s ease-in;}

.multiselect .fa-angle-down{transition: all .3s ease-in;}
.multiselect .fa-angle-up{transition: all .3s ease-in;}

.daterangepicker td.slotAvailable { background-color: paleturquoise; font-weight: bold; }

/*------------- Location Search ---------------*/
.loc-search{position: relative; width: 100%; display: block; padding: 3px!important; background: #e1e1e1!important; top: -5px;}
.loc-search input{width: 100%; padding: 5px; border: solid 1px #e1e1e1;  background:#fff!important;}
.loc-search input[type=button]{background-color: transparent!important; background: #fff url(../images2021/icon-clear.png) no-repeat center center!important; position: absolute!important; width: 16px!important;; height: 16px!important; right: 11px; top: 11px; background-size: cover; opacity: .3; border: 0px; color: #fff!important; font-size: 1px;}
.loc-search .fa{position: absolute; right: 14px; top: 14px; color: #adb1b5;}
/*------------- Location Search ---------------*/

@media screen and (max-width: 425px) {
	#general_modal .selection .all_prod { width: 98%;padding: 4px;}
	#frmpaymentForm label {font-size: 17px;}
	#credit-card-card-holder iframe{height:50px !important;}
}
#popout_modal .selection .all_prod { width: 48%;padding: 4px;float: left;}
#popout_modal .selection .cat-row { width: 98%;padding: 4px;float: clear; border-top: solid 1px #bec3c8;}
#popout_modal .selection .cat-row .checkbox label {font-weight: 500;}
#popout_modal .selection .all_prod label {font-weight:500; margin-bottom:0px;}
#popout_modal .selection .all_prod label input[type="checkbox"]{margin-right:5px;}
#popout_modal .selection .prod-row {padding-left:17px;font-weight:300!important;}
#popout_modal .selection .prod-row label{font-weight:300!important;}
#popout_modal .search {width:50%; margin:0 auto; margin-bottom:10px; position:relative}
#popout_modal .search input{width:100%!important;}
#other_payment_method_search_modal .selection .all_prod { width: 48%;padding: 4px;float: left;}
#other_payment_method_search_modal .selection .other_pay_method_selectall_modal { width: 98%;padding: 4px; margin-bottom:5px; float: clear; border-bottom: solid 1px #bec3c8;}
.kiosk_settings .header .other_nav .navbar-nav>li{margin-left:5px; margin-right:5px;}
.kiosk_settings .header .other_nav .navbar-nav>li:first-child{margin-left:0px; margin-right:7px;}
.custom_shipping_status .header .other_nav .navbar-nav>li{margin-left:8px; margin-right:8px;}
.custom_shipping_status .header .other_nav .navbar-nav>li:first-child{margin-left:0px; margin-right:8px;}

@media screen and (max-width: 425px) {
	#popout_modal .selection .all_prod { width: 98%;padding: 4px;}
}

@media screen and (min-width: 1280px) and (max-width: 1350px) {
.rightpanel_wrapper .inner_panel{padding:18px 26px 0px 26px}
.kiosk_settings .header .other_nav .navbar-nav>li{margin-left:4px; margin-right:4px;}
.kiosk_settings .header .other_nav .navbar-nav>li:first-child{margin-left:0px; margin-right:4px;}
.custom_shipping_status .header .other_nav .navbar-nav>li{margin-left:4px; margin-right:4px;}
.custom_shipping_status .header .other_nav .navbar-nav>li:first-child{margin-left:0px; margin-right:4px;}
}

@media screen and (min-width: 1150px) and (max-width: 1280px) {
#in_arrow_inner{display:block;}
.navbar-default .navbar-brand{padding:12px 15px;}
.navbar{min-height:auto;}
/*------------------ Left Nav End -------------------*/
.navbar-default .navbar-nav>li>a{padding-bottom:14px; line-height:14px; font-size:14px;}
.rightpanel_wrapper{margin-left:244px;}
.rightpanel_wrapper .inner_panel{padding:18px 26px 0px 26px}
.action_panel .dropdown-toggle{width:135px;}
/*------------------ Heading / Top Nav Start -------------------*/
.header .heading {font-size: 20px; font-weight: 300; padding: 9px;}
.header .other_nav .navbar-default{border:0px; background:transparent; margin-bottom:0px; padding:0px;}
.header .other_nav .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:transparent; border-bottom:solid 5px #2996cc; color:#2996cc; padding:15px 0px 10px 0px;}
.header .other_nav .container-fluid{padding:0px;}
.header .other_nav .actions_items a.dot{padding:3px 6px 0px 6px}
.header .other_nav .navbar-nav>li{margin-left:6px; margin-right:6px;}
.header .other_nav .navbar-nav>li:first-child{margin-left:0px; margin-right:6px;}
/*------------------ Heading / Top Nav End -------------------*/

.upload_photo_panel{padding-right:197px!important; position:relative}
}

@media screen and (min-width: 1024px) and (max-width: 1149px) {
#in_arrow_inner{display:block;}
.hd{margin-left:0px!important; top:0; z-index:1000; position:absolute !important; top:0px !important;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
/*------------------ Left Nav Start -------------------*/
.leftpanel_wrapper{width:60px; background:#2b333b; transition:width .15s ease-out; position:fixed;}
.leftpanel_wrapper .nav_panel_class{margin-left:-258px; z-index:10000}
/*------------------ Left Nav End -------------------*/
.rightpanel_wrapper{margin-left:60px;}
.rightpanel_wrapper .inner_panel {padding: 18px 20px 0px 20px;}
.action_panel .dropdown-toggle{width:130px;}
.action_panel .calendar{width:180px;}
.action_panel .btn{padding:6px 8px;}
.action_panel .filter{padding:9px 8px;}

.data_panel ul .actions_items{visibility: visible;}
.upload_photo_panel{padding-right:211px; position:relative}
.action_panel .top_margin_required{margin-top:5px;}
.leftside_nav{z-index:10; width:219px; padding:10px 10px 10px 0px; position:absolute; left:26px; top:177px; min-height:100px; bottom:0; right:0}
.navbar-default .navbar-nav>li>a{font-size:13.8px;}

.header .other_nav .navbar-nav>li:first-child {margin-left: 0px; margin-right: 8px;}
.header .other_nav .navbar-nav>li {margin-left: 8px; margin-right: 8px;}
.kiosk_settings .header .other_nav .navbar-nav>li{margin-left:4px; margin-right:4px;}
.kiosk_settings .header .other_nav .navbar-nav>li:first-child{margin-left:0px; margin-right:4px;}
.custom_shipping_status .header .other_nav .navbar-nav>li{margin-left:4px; margin-right:4px;}
.custom_shipping_status .header .other_nav .navbar-nav>li:first-child{margin-left:0px; margin-right:4px;}
}

@media screen and (min-width: 991px) and (max-width: 1023px) {
#in_arrow_inner{display:block;}
.hd{margin-left:0px!important; top:0; z-index:1000; position:absolute !important; top:0px !important;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
/*------------------ Left Nav Start -------------------*/
.leftpanel_wrapper{width:60px; background:#2b333b; transition:width .15s ease-out; position:fixed;}
.leftpanel_wrapper .nav_panel_class{margin-left:-258px; z-index:10000}
/*------------------ Left Nav End -------------------*/
.rightpanel_wrapper{margin-left:60px;}
.rightpanel_wrapper .inner_panel{padding:18px 26px 0px 26px}
.action_panel .search {position:relative; width:180px;}
.action_panel .small_search {position:relative; width:180px;}
.upload_photo_panel{padding-right:204px; position:relative}
.action_panel .top_margin_tabh{margin-top:5px;}
.leftside_nav{z-index:10; width:219px; padding:10px 10px 10px 0px; position:absolute; left:26px; top:177px; min-height:100px; bottom:0; right:0}

.header .other_nav .navbar-nav>li:first-child {margin-left: 0px; margin-right: 6px;}
.header .other_nav .navbar-nav>li {margin-left: 6px; margin-right: 6px; font-size:13px;}
.shift_discrepancy_report .header .other_nav .navbar-nav>li:first-child {margin-left: 0px; margin-right: 5px;}
.shift_discrepancy_report .header .other_nav .navbar-nav>li {margin-left: 5px; margin-right: 5px; font-size:14px;}
.kiosk_settings .header .other_nav .navbar-nav>li{margin-left:4px; margin-right:4px;}
.kiosk_settings .header .other_nav .navbar-nav>li:first-child{margin-left:0px; margin-right:4px;}
.custom_shipping_status .header .other_nav .navbar-nav>li{margin-left:4px; margin-right:4px;}
.custom_shipping_status .header .other_nav .navbar-nav>li:first-child{margin-left:0px; margin-right:4px;}
.ecomm .header .other_nav .navbar-nav>li{margin-left:4px; margin-right:4px;}
.ecomm .header .other_nav .navbar-nav>li:first-child{margin-left:0px; margin-right:4px;}
}

@media screen and (min-width: 768px) and (max-width: 990px) {

.navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;}
.navbar-nav .open .dropdown-menu > li > a,.navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 25px;}
.dropdown-menu > li > a {display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #333;white-space: nowrap;}
.navbar-header {float: none;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important;margin: 7.5px 50px 7.5px -15px}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
.navbar-text {float: none;margin: 15px 0;}
.navbar-collapse.collapse.in { display: block!important;}
.collapsing {overflow: hidden!important;}
.header .other_nav .navbar-nav .unpin-star:hover .star-hint{left:90px;}
.header .other_nav .navbar-nav .unpin-star .star-hint:before{left:15px;}
#in_arrow_inner{display:none;}
.hd{margin-left:0px!important; top:0; z-index:1000; position:absolute !important; top:0px !important;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
/*------------------ Left Nav Start -------------------*/
.navbar-default .navbar-brand{padding:11px 15px;}
.leftpanel_wrapper{width:60px; background:#2b333b; transition:width .15s ease-out; position:fixed;}
.leftpanel_wrapper .nav_panel_class{margin-left:-258px;  z-index:10000}
.leftpanel_wrapper .nav_panel_class{margin-left:-258px;  z-index:10000}
.leftpanel-new-nav{width:60px;}
/*------------------ Left Nav End -------------------*/
.header .other_nav .navbar-nav>li{margin-left:5px; margin-right:5px;}
.header .other_nav .navbar-nav>li:first-child{margin-right:5px;}
.rightpanel_wrapper{margin-left:60px;}
.rightpanel_wrapper .inner_panel{padding:18px 18px 0px 18px}
.action_panel{padding:5px;}
.action_panel .search {position:relative; width:180px;}
/*------------------ Heading / Top Nav Start -------------------*/
.header .other_nav .actions_items{width:100%}
.header .other_nav .actions_items .dropdown-menu{left:0px; position: relative;display: block;border: 0px;box-shadow: 0px 0px 0px; width:100%}

.header .other_nav .actions_items .dropdown-menu:before{display:none;}
.header .other_nav .actions_items .dropdown-menu>li>a{text-align:right; padding:10px 7px; color:#777}
.header .other_nav .actions_items .dropdown-menu>li>a:hover{background:transparent; color:#333;}
.header .other_nav .actions_items .dropdown-menu .divider{display:none!important;}
.header .other_nav .navbar-right {margin-right: 0px;}
.header .other_nav .navbar-default .navbar-brand{font-size:18px; padding:12px 15px;}
.header .other_nav .nav>li>a{padding: 10px 7px; color: #777; font-weight: 400; font-size: 14px;}
.header .other_nav .navbar-collapse{padding:0px;}
.header .other_nav .navbar-right{margin-right:0px;}
.header .other_nav .navbar{min-height:auto;}
.header .other_nav .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:transparent; border-bottom:solid 5px #2996cc; color:#2996cc;}
.header .other_nav .container-fluid{padding:0px;}
.action_panel{padding:5px 3px;}
#menu {background: rgba(255,255,255,1);position: absolute;top: 45px;right: 0;left: 0;min-height: auto !important; z-index: 100; margin-left:-8px; overflow-x:hidden}
.navbar-toggle{margin-right:0px;}
.container-fluid>.navbar-header{margin-left:0px;}
.navbar-nav{margin:7.5px 0px}
/*------------------ Heading / Top Nav End -------------------*/
.configuration_option{margin-left:215px;}
.sub_nav{width:215px;}
.checkbox label, .radio label{padding-left:0px;}

.graph_panel p {font-size: 25px;margin: 0px;padding: 0px 15px 0px 15px;text-align: Center;font-weight: 300;}

.data_panel_wrapper{font-size:13px;}
.action_panel .top_margin_tab{margin-top:5px;}
.action_panel .margin_right_10{margin-right:5px;}
.action_panel .search {position:relative; width:180px;}
.data_panel ul .actions_items{visibility: visible;}
.drag_drop i{margin-left:10px;}
.upload_photo_panel{padding-right:153px; position:relative}
.upload_photo_panel .upload_photo{right:5px;}

.data_panel_wrapper .nine_wrapper{overflow:auto; height:100%;}
.data_panel_wrapper .nine_wrapper .table_header{background:transparent; border:0px;}
.data_panel_wrapper .nine_wrapper .table_header ul{background:#f0f1f2; border-bottom:2px solid #ddd}
.data_panel_wrapper .nine_wrapper .data_panel{overflow:unset; position:relative; top:0px;}


.color_panel .colors .color_box .tick{margin-left:-6px; margin-top:-6px;}

.dropdown.dropdown-lg .dropdown-menu {min-width: 350px;}

.leftside_nav{z-index:10; width:100%; padding:0px; padding-right:0px; position:relative; left:0px; top:0px; min-height:auto; bottom:0; right:0; border-bottom:solid 1px #adb1b5}
.leftside_nav ul{margin:0px; padding:0px; list-style:none;}
.leftside_nav li{display:inline-block; width:32.9%}
.leftside_nav a{line-height:1.3; display:block; padding:9px 22px; border-radius:0px; font-weight:500; color:#64696e; text-decoration:none; text-align:center}
.leftside_nav .active{background-color:#2996cc; color:#fff;}

.modal-body .product_panel {font-size:13px;}
.trip .leftside_nav {top: 0px;}
.trip_basics .form_area { margin-left: 0px;}
.trip_itinerary .data_panel_wrapper{margin-left:0px;}

}


@media screen and (min-width: 540px) and (max-width: 767px) {
/*------------------ Left Nav Start -------------------*/
.leftpanel_wrapper{width:60px; background:#2b333b; transition:width .15s ease-out; position:fixed;}
.leftpanel_wrapper .nav_panel_class{margin-left:-234px;  z-index:10000}
.hd{margin-left:0px!important; top:0; z-index:1000; position:absolute !important; top:0px !important;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
/*------------------ Left Nav End -------------------*/

.rightpanel_wrapper{margin-left:60px;}
.rightpanel_wrapper .inner_panel{padding:12px 12px 0px 12px}
/*------------------ Heading / Top Nav Start -------------------*/
.header .other_nav .actions_items{width:100%}
.header .other_nav .actions_items .dropdown-menu{left:0px; position: relative;display: block;border: 0px;box-shadow: 0px 0px 0px; width:100%}
.header .other_nav .actions_items a.dot{display:none}
.header .other_nav .actions_items .dropdown-menu:before{display:none;}
.header .other_nav .actions_items .dropdown-menu>li>a{text-align:right; padding:10px 7px; color:#777}
.header .other_nav .actions_items .dropdown-menu>li>a:hover{background:transparent; color:#333;}
.header .other_nav .actions_items .dropdown-menu .divider{display:none!important;}
.header .other_nav .navbar-right {margin-right: 0px;}
.header .other_nav .navbar-default .navbar-brand{font-size:18px; padding:12px 15px;}
.header .other_nav .nav>li>a{padding: 10px 7px; color: #777; font-weight: 400; font-size: 14px;}
.header .other_nav .navbar-collapse{padding:0px;}
.header .other_nav .navbar-right{margin-right:0px;}
.header .other_nav .navbar{min-height:auto;}
.header .other_nav .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:transparent; border-bottom:solid 5px #2996cc; color:#2996cc;}
.header .other_nav .container-fluid{padding:0px;}
.action_panel{padding:5px 3px;}
#menu {background: rgba(255,255,255,1);position: absolute;top: 45px;right: 0;left: 0;min-height: auto !important; z-index: 100; margin-left:-8px; overflow-x:hidden}
.navbar-toggle{margin-right:0px;}
.container-fluid>.navbar-header{margin-left:0px;}
.navbar-nav{margin:7.5px 0px}
/*------------------ Heading / Top Nav End -------------------*/
.configuration_option{margin-left:0px; top:54px;}
.sub_nav{width:215px;}
.data_panel_wrapper .more_than_10{overflow:unset;}
.data_panel_wrapper{font-size:13px;}
.table_header{display:none;}
.data_panel{top:0px;}
.data_panel ul{position:relative;}
.data_panel ul .actions_items{visibility: visible; bottom: 7px; right: 10px; position:absolute;}
.data_panel ul .actions_items ul{ position:absolute;}
.data_panel ul .actions_items li{padding-left:0px!important;}
.data_panel li{position:unset;}
.data_panel li .actions_items a.dot{line-height:40px;}
.data_panel .parent li {width:100%!important; height:auto; line-height:18px; padding-left:40%!important; font-size:13px; display:table; text-align:left!important;}
.data_panel .parent li:before{font-weight:500; position: absolute;left: 10px;display: block;width: 45%;content: attr(data-colname);white-space: nowrap;text-overflow: ellipsis;}
.data_panel_wrapper .nine_wrapper li:last-child{width:100%}
.row-height{table-layout:unset!important}
.col-height{float:left!important;}
.action_panel .right_options{margin-top:5px;}
.action_panel .right_options .btn{font-size:13px;}
.action_panel .search {position:relative; width:180px;}
.action_panel .margin_right_10{margin-right:5px;}
.action_panel .filter{padding:8px 12px;}
.action_panel .top_margin{margin-top:5px;}
.graph_panel .border_right{border-right:0px; border-bottom:1px solid #adb1b5!important;}
.graph_panel .col-xs-12{padding:10px;}
.drag_drop{padding:10px;}
.drag_drop i{margin-left:10px;}

.upload_photo_panel .upload_photo{right:5px; top:16px;}
.color_panel .colors .color_box .tick{margin-left:-6px; margin-top:-6px;}
.color_panel .colors{width:144px; right:4px; margin-top:-13px;}
.color_panel .colors .color_box{margin:2px;}

.dropdown.dropdown-lg .dropdown-menu {min-width: 300px;}
.dropdown.dropdown-lg .dropdown-menu .multiselect-container{min-width: 280px;}

.unit{float:none; width:100%;}
.conversion_unit{float:none; width:100%;}
/*------------------ Overlay -------------------*/
.modal-body .add input{width:89%; margin-bottom:15px;}
.modal-body .search input{width:100%;}
.modal-body .title{font-size:13px;}
.modal-body .field{font-size:13px;}
.modal-body .tabuler_data .heading{display:none;}
.modal-body .tabuler_data .parent li {width:100%; height:auto; line-height:18px; padding-left:45%; font-size:13px; display:table; text-align:left!important;}
.modal-body .tabuler_data .parent li:before{font-weight:500; position: absolute;left: 10px;top:30%;display: block;width: 45%;content: attr(data-colname);white-space: nowrap;text-overflow: ellipsis;}
.modal-body .form .field{border-left:0px; border-top:solid 1px #adb1b5;}
/*------------------ Overlay -------------------*/

 .zapper iframe{width:100%; height:239px;}
.zapper .zapper_wrapper{width:100%;}
.zapper .zapper_form{width:100%;}
.zapper .collapse_restaurtant{width:100%;}

.leftside_nav{z-index:10; width:100%; padding:0px; padding-right:0px; position:relative; left:0px; top:0px; min-height:auto; bottom:0; right:0; border-bottom:solid 1px #adb1b5}
.leftside_nav ul{margin:0px; padding:0px; list-style:none;}
.leftside_nav li{display:inline-block; width:32.7%}
.leftside_nav a{line-height:1.3; font-size:13px;  display:block; padding:9px 22px; border-radius:0px; font-weight:500; color:#64696e; text-decoration:none; text-align:center}
.leftside_nav .active{background-color:#2996cc; color:#fff;}

.modal-body .product_panel {font-size:13px;}
.pagination_container{position:fixed; bottom:0px; left:0px;}
}

@media screen and (min-width: 300px) and (max-width: 539px) {
.hd{margin-left:0px!important; top:0; z-index:1000; position:absolute !important; top:0px !important;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
/*----Common Class-------*/
.mobile_top_margin{ margin-top:5px;}
.mobile_100Per_width{width:100%;}
/*----Common Class-------*/
.expand{top: -31px;}

.navbar-collapse{box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.navbar-toggle{margin-right:0px;}
.navbar-toggle{border: solid 2px #899aca!important; width: 30px; height: 30px; border-radius: 30px;}
.navbar-toggle .sr-only{display:none;}
.navbar-toggle .icon-bar{display:none;}
.navbar-toggle:before{content: '\f107'; font-size: 18px; color: #899aca; font-family: FontAwesome!important; font-style: normal; font-weight: normal; text-decoration: inherit; top: -1px; position: absolute; left: 5px;}
.container-fluid>.navbar-header{margin-left:0px;}
.navbar-nav{margin:7.5px 0px}
/*------------------ Left Nav Start -------------------*/
.leftpanel_wrapper {width:0px; background:#2b333b; transition:width .15s ease-out; position:fixed;}
/*.leftpanel_wrapper .nav_panel_class{min-height:636px;}*/
.leftpanel_wrapper .nav_panel_class .nav_inner{background:#2b333b; width:226px; height:100%; overflow-y: scroll; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.leftpanel_wrapper .nav_panel_class{margin-left:-244px;  z-index:10000}
.collapse_leftpan .rightpanel_wrapper{margin-left:0px;}
.collapse_leftpan .leftpanel_wrapper {width:0px; background:#2b333b; transition:width .15s ease-out; position:fixed;}
/*.collapse_leftpan .leftpanel_wrapper .nav_panel_class{min-height:636px;}*/
.collapse_leftpan .leftpanel_wrapper .nav_panel_class .nav_inner{background:#2b333b; width:226px; height:100%; overflow-y: scroll; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.collapse_leftpan .leftpanel_wrapper .nav_panel_class{margin-left:-244px;}
#nav-icon1{height:42px;}
#nav-icon1 span{margin-top:10px;}
/*------------------ Left Nav End -------------------*/

.sales_page #advance_options_submit{ margin-bottom:10px;}
#show-no-sales-chk{font-size: 13px;}
#show-no-deleted-product-chk{font-size: 13px;}

/*--Tooltip------*/
.tooltip.bottom{ display:none !important; }


.rightpanel_wrapper{padding-top:35px;}
.rightpanel_wrapper{margin-left:0px; overflow:scroll; overflow-x: hidden;}
.rightpanel_wrapper .inner_panel{padding:8px 0px 0px 0px}
/*------------------ Heading / Top Nav Start -------------------*/
.header .other_nav .actions_items{width:100%}
.header .other_nav{padding-right:0px; padding-left:8px;}
.header .other_nav .actions_items .dropdown-menu{left:0px; position: relative;display: block;border: 0px;box-shadow: 0px 0px 0px; width:100%}
.header .other_nav .actions_items a.dot{display:none}
.header .other_nav .actions_items .dropdown-menu:before{display:none;}
.header .other_nav .actions_items .dropdown-menu>li>a{text-align:right; padding:10px 7px; color:#777}
.header .other_nav .actions_items .dropdown-menu>li>a:hover{background:transparent; color:#333;}
.header .other_nav .actions_items .dropdown-menu .divider{display:none!important;}
.header .other_nav .nav>li>a{padding: 10px 7px; color: #777; font-weight: 400; font-size: 14px;}
.header .navbar-default .navbar-brand {font-size: 18px; padding: 12px 0px;}
#menu {background: rgba(255,255,255,1);position: absolute;top: 54px;right: 0;left: 0;min-height: auto !important; z-index: 100; margin-right:-8px; padding-left:10px;}
.action_panel .search input{padding:5px 6px;}
/*------------------ Heading / Top Nav End -------------------*/
.data_panel_wrapper .more_than_10{overflow:unset; position:relative}
.data_panel{top:0px;}
.data_panel ul{position:relative;}
.data_panel ul .actions_items{visibility: visible; bottom: 3px; right: 7px; position:absolute;}
.data_panel ul .actions_items ul{ position:absolute;}
.data_panel ul .actions_items li{padding-left:0px;}
.data_panel li .actions_items a.dot{line-height:40px;}
.data_panel_wrapper .nine_wrapper li:last-child{width:100%}
.action_panel{padding:5px 0px 5px 5px;}
.action_panel .top_margin{margin-top:5px;}
.action_panel .top_margin_mobile{margin-top:5px;}
.action_panel .right_options{margin-top:5px; display:table; width:100%;}
.action_panel .right_options .btn{font-size:12px; padding-left:10px; padding-right:10px;}
.action_panel .right_options .btn i{font-size:16px;}
.action_panel .margin_right_10{margin-right:5px;}
.action_panel .search {position:relative; width:168px;}
.action_panel .filter{padding:9px 12px;}
.action_panel .calendar input{font-size:13px; padding:6px 28px 6px 6px;}
/*.action_panel .actions_items{line-height:19px; width: 13px; margin-left: 7px;}*/
.action_panel .actions_items{line-height:19px;}
.row-height{table-layout:unset!important}
.col-height{float:left!important; width:100%}
.configuration_option{margin-left:0px; top:54px;}
.sub_nav{width:215px;}
.data_panel_wrapper{font-size:13px; width:100%; height:auto;}
.table_header{display:none;}
.data_panel{top:0px; overflow:unset; position:relative;}
.data_panel .parent li {width:100%!important; height:auto; line-height:18px; padding-left:45%!important; font-size:13px; display:table; text-align:left!important; position:relative}
.order_report .modal-body{max-height: 400px; overflow: auto;}

.printer_settings .data_panel .parent li {width:100%!important; height:auto; line-height:18px; padding-left:45%; font-size:13px; display:table; text-align:left!important; position:relative}


.data_panel .parent li:before{font-weight:500; position: absolute;left: 10px;top:22%;display: block;width: 40%;content: attr(data-colname);white-space: nowrap;text-overflow: ellipsis; overflow:hidden}

.order_report .order_detail .setting_form div.order_detail_mobile:before {font-weight: 500; position: absolute; left: 10px; top: 22%;display: block; width: 45%; content: attr(data-colname);white-space: nowrap; text-overflow: ellipsis;}

.order_report .order_detail .setting_form .order_detail_mobile { padding-left: 45% !important; text-align: left !important;}
.app_center_msg{padding:20px;}
.app_center_msg .msg{width:100%; margin:0 auto; margin-top:25px; position:relative; top:unset;}
.app_center_msg .buttons{width:100%;}

.mobile_relative{}
.mobile_padding_bottom_20{padding-bottom: 20px !important;}

.graph_panel .border_right{border-right:0px; border-bottom:1px solid #adb1b5!important;}
.graph_panel .col-xs-12{padding:10px;}
.action_panel .dropdown-toggle{font-size: 13px; width: 98px; text-overflow: ellipsis; overflow: hidden; padding-right:20px; position:relative;}
.news_alert{right:138px !important;}
.action_panel .dropdown-toggle i {position: absolute; right: 7px; top: 7px;}

.drag_drop{padding:10px;}
.drag_drop i{margin-left:10px;}
.drag_drop .content {font-size: 12px; width: 70%;}

.color_panel .colors .color_box .tick{margin-left:-6px; margin-top:-6px;}
.color_panel .colors{width:144px; right:4px; margin-top:-13px;}
.color_panel .colors .color_box{margin:2px;}

.unit{float:none; width:100%;}
.conversion_unit{float:none; width:100%;}

.page_action_bar{padding:10px;}
.page_action_bar .btn{font-size:13px;}

.dropdown.dropdown-lg .dropdown-menu {min-width: 280px;}
.dropdown.dropdown-lg .dropdown-menu .multiselect-container{min-width: 280px; top: inherit; height: 100%; min-height: 160px;}

/*------------------ Overlay -------------------*/
.modal-body .add input{width:79%; margin-bottom:15px;}
.modal-body .search input{width:100%; background:transparent}
.modal-content .modal-body .search i {top: 23px; z-index:-1}

.modal-body .title{font-size:13px;}
.modal-body .field{font-size:13px;}

.modal-body .options .field {font-size: 15px; padding-left: 0px !important;}

.modal-body .tabuler_data .heading{display:none;}
.modal-body .tabuler_data .parent li {width:100%; height:auto; line-height:18px; padding-left:45%; font-size:13px; display:table; text-align:left!important;}
.modal-body .tabuler_data .parent li:before{font-weight:500; position: absolute;left: 10px;top:30%;display: block;width: 45%;content: attr(data-colname);white-space: nowrap;text-overflow: ellipsis;}
.modal-body .form .field{border-left:0px;}
.modal-body .form .field:last-child{border-top:solid 1px #adb1b5;}
.modal-body .form .title:last-child{border-top:solid 1px #adb1b5;}
/*------------------ Overlay -------------------*/

.modal-body .questionare-form .form .title:last-child {border-top: solid 0px #adb1b5;}
.modal-body .data_panel{top:0px; overflow:auto; position:relative;}

.zapper iframe{width:100%; height:239px;}
.zapper iframe{width:100%; height:239px;}
.zapper .zapper_wrapper{width:100%;}
 .zapper .zapper_form{width:100%;}
 .zapper .collapse_restaurtant{width:100%;}
.zapper .zapper_wrapper .head{font-size:25px;}

.leftside_nav{z-index:10; width:100%; padding:0px; padding-right:0px; position:relative; left:0px; top:0px; min-height:auto; bottom:0; right:0; border-bottom:solid 1px #adb1b5}
.leftside_nav ul{margin:0px; padding:0px; list-style:none;}
.leftside_nav li{display:inline-block; width:32.5%}
.leftside_nav a{line-height:1.3; font-size:11px; display:block; padding:9px 0px; border-radius:0px; font-weight:500; color:#64696e; text-decoration:none; text-align:center}
.leftside_nav .active{background-color:#2996cc; color:#fff;}

.modal-body .product_panel {font-size:13px;}

.trip .leftside_nav {top: 0px !important;}
.trip .leftside_nav li {display: inline-block;width: 23.5%;}
.trip .leftside_nav a {font-size: 10px;}
.trip_basics i.calendar_icon_old { top: 26px !important;}
.trip_pricing .navbar-header .navbar-toggle{ display:none;}

.pagination_container{position:fixed; bottom:0px; left:0px; padding: 12px 5px; z-index:100}
.pagination_container .pagination-sm>li>a, .pagination-sm>li>span{padding:8px 12px}
/*--------Pagination------*/
#pagination .first{ display:none !important;}
#pagination .last{ display:none !important;}
/*--------Pagination------*/

#locaiton_gallery_btn_id button{margin:0px!important;}
.dropdown-menu .form-horizontal .btn-group{width:97%!important;}

.modifier_list li{padding-bottom:5px;}
.modifier_list li:last-child{padding-left:35px; padding-top:5px;}
#pagging-sect{margin-bottom:50px;}
.checkbox .cr{margin-bottom:1px;}
.modal-body .form .switch_field{border-left:0px;}

/*.order_list_page .data_panel ul:last-child li:last-child .actions_items .dropdown-menu{top:-131px}
.order_list_page .data_panel ul:first-child li:first-child .actions_items .dropdown-menu{top:80px}
.data_panel ul:last-child li:last-child .actions_items .dropdown-menu{top:-80px}
.data_panel ul:first-child li:first-child .actions_items .dropdown-menu{top:80px}*/
.field ul.dropdown-menu {margin-top: 40px !important;}
.collapse_leftpan .out_arrow {display: none!important;}
}
