/*	d-------------------------------------------------------------
File Name Screen.css
        -------------------------------------------------------------*/
body.login{background:#fff}
p{margin:0}
strong{font-weight:600}
.chart-wrap {overflow: hidden; margin-bottom: 10px;}
.tab-content,.master-widget{background:#FFF}
.hide{display:none}
.text-wrap{white-space:normal}
.header{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #dee5e7}
.user-box{padding-top:12px;padding-right:15px;width:370px;float:right}
.header-elements{margin-bottom:0;z-index:50}
.logo{padding:15px 0}
.user-log{padding:0}
.pos-rel {position: relative;}
#DocumentList th { background: #f6f9fc;}
.user-log .badge.up{position:absolute;display:block;min-width:15px;height:15px;padding:3px!important;font-size:9px;right:4px;top:2px}
.text-small{font-size:15px}
.m-x{max-width:182px}
.radio_field_ul li {margin-bottom: 0; margin-top: 0;}
.radio_field_ul li label,.options_list .clip-check label {font-weight: normal;}
#TextTerms {overflow: visible !important;}
#MultiSelectForm .bulk-actions {margin-top: 10px !important;}
.notification_unread{background-color:rgba(237,239,245,.98);line-height:15px}
.navbar-nav > li > a p{color:#606060}
.ms-ctn .ms-sel-ctn input{max-width:calc(100% - 6px) !important}
.notification_unread > a.media{font-weight:600}
.text-left{text-align:left}
.td-width {width: 40%;}
.menu-overlay {visibility: hidden;opacity: 0;position: fixed;background: rgba(0,0,0,.8);width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;cursor: pointer;z-index: 5;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.menu-overlay.open {visibility: visible;opacity: 1;}
.drop-min-width {min-width: 100% !important;}
.btn-secondary{color:#3a3e63;font-weight:600;background:#edf1f2}
.btn-all-back{border-bottom:1px solid #3a3e63;margin-left:14px;line-height:2px!important;display:inline-block;margin-top:11px;margin-bottom:10px;height:auto!important}
.btn-all-back:hover{background:none;border-bottom:1px solid #3a3e63!important}
.delete-button{font-size:16px;text-decoration:none;float:right;border-bottom:1px solid #f05050}
.delete-button i{font-size:20px}
.user-log .navbar-nav > li > .dropdown-menu:after{content:'';width:0;height:0;border:6px solid transparent;border-bottom:6px solid #edf1f2;position:absolute;top:-12px;right:10px}
.text-underline{border-bottom:1px solid}
.text-underline:hover{border-bottom:1px solid}
.user-log .navbar-nav > li > .dropdown-menu:before{content:'';width:0;height:0;border:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.1);position:absolute;top:-14px;right:9px}
.client_contact_row{margin-top:5px;margin-bottom:20px;border:1px solid #eee;border-radius:4px;background:#f5f5f5;padding:20px;position:relative}
.client_contact_row .remove-item{position:absolute;top:-1px;right:-1px;width:28px;height:28px;z-index:999;line-height:23px}
.noti-btns{margin-top:6px}
.noti-btns li{display:inline-block;line-height:12px;padding-right:10px;margin-right:10px;list-style-type:none;border-right:1px solid #0189DE}
.noti-btns li:last-child{border:none}
.noti-btns li a{color:#0189DE}
.noti-btns li a:hover{color:#0081D1}
.notifcation-list .list-group-item{border-color:#e3e3e3;padding:8px 15px}
.form-group.left{padding-right:5px;padding-left:5px}
.btn-group-fix .btn{padding:12px 7px}
.m-b-0{margin-bottom:0}
.m-b-20{margin-bottom:20px}
.m-b-30{margin-bottom:30px}
.m-t-0{margin-top:0}
.m-t-5{margin-top:5px}
.m-t-30{margin-top:30px}
.m-t-20{margin-top:20px}
.padding-20{padding:20px}
.padding-10{padding:10px}
.no-padding{padding:0!important}
.no-margin{margin:0!important}
.double-border {border-right-width: 2px !important;border-left-width: 1px !important; }
.options_list.error  .error-message { top: 60px;}
.inline-menu li {display: inline-block; margin: 0 5px;}
.inline-menu li >a:before {margin-left: auto;
                           margin-right: 5px;}
.has-tip {text-decoration: underline;}
.qtip ul{list-style-type: none;}
.cursor-pointer {cursor: pointer;}
.remove-tag a{position:relative;color:#bc0000;margin:-3px 0 0 3px}
#collapsez .note-editor{margin-bottom:0}
.FormExtended .form-control{height:40px;padding:8px 12px}
.logo a{display:inline-block;font-size:21px;line-height:28px;text-decoration:none}
.footer-logo{width:153px;height:30px;display:block;text-indent:-99999em}
.light .footer-logo{background:url(images/online-invoices-footer-light.png) no-repeat}
.dark .footer-logo{background:url(images/online-invoices-footer-dark.png) no-repeat}
.current-date{color:#a4a5a5;font-size:11px;padding:0;position:relative}
.main-nav{display:block;z-index:40}
.main-nav > ul > li {display: inline-block;}
.width-flude-fix{width:calc(100% - 135px)!important}
.width-flude-fix2{width:calc(100% - 115px)!important}
.no-border-top tbody  tr:first-child  td {border-top: none !important;}
.main-nav > ul > li a{color:#fff;display:block;font-size:15px;line-height:50px;padding:0 10px}
.main-nav > ul > li a .fa{margin:0 2px}
.main-nav > ul > li >a:hover{background:rgba(0,0,0,0.2)}
.main-nav > ul > li.current > a{background:none repeat scroll 0 0 rgba(255,255,255,0.8);color:#000!important}
.main-nav ul{list-style:none;display:block;margin:0}
.main-nav ul li li{float:left;width:33.333333%}
.main-nav li .sub-menu-cont,.sub-list{background:none repeat scroll 0 0 #fff;border:1px solid rgba(0,0,0,0.15);box-shadow:0 6px 12px rgba(0,0,0,0.176);display:none;left:0;position:absolute;top:auto;z-index:100;width:100%;border-top:0}
.main-nav li ul{width:100%}
.main-nav li ul li ul{left:150px;top:0}
.open-submenu:after{border-bottom:13px solid #fff;border-left:13px solid transparent;border-right:13px solid transparent;bottom:-2px;content:"";display:block;height:22px;left:auto;margin-left:43px;position:absolute;width:22px;z-index:10}
.main-nav li ul li a,.main-nav li ul li a:hover{display:block;color:#333;font-size:18px;padding:15px 30px}
.main-nav a small,.main-nav a:hover small{color:#777;display:block;font-size:12px;font-weight:400;line-height:12px;padding-top:5px}
.main-nav ul li ul li a strong{display:block;line-height:18px;font-weight:100}
.main-nav li ul li a:hover{background:#eee}
.sub-menu a{text-align:center}
.sub-menu a i:before{display:block;font-size:32px;margin:5px auto;text-align:center}
.main-area{min-height:450px;padding-bottom:50px}
.content-area{padding:0}
.sub-item{background:transparent url(images/bulk_actions.gif) no-repeat scroll left 1px;padding:0 0 0 24px;margin:0 0 14px 15px;}
.sub-item-inner{margin:0 0 14px 4px;padding:0 0 0 29px}
.crumbs{padding:10px 0 0;width:80%;overflow:hidden}
.crumbs span{background:url(images/crumbs.gif) no-repeat center;height:15px;width:23px;display:block;text-indent:-999999px;float:left}
.crumbs a{text-decoration:none;font-size:12px;font-weight:700;float:left;height:15px}
.overlay-box{border:6px solid #333;background:#FFF;padding:15px;-moz-box-shadow:1px 1px 10px #000;-webkit-box-shadow:1px 1px 10px #000;box-shadow:1px 1px 10px #000}
.lb-close{height:42px;width:42px;z-index: 999999;position:absolute;top:2px;right:11px;background:url(images/modal-window/close.png);text-indent:-10000px}
.master-widget{display:block;margin-bottom:15px;border:1px solid #e6e9ee}
.master-widget .widget-head{background:#272b35;color:#fff;cursor:pointer;display:block;padding:0 15px}
.master-widget .widget-head h3{font-size:18px;line-height:40px;margin:0;padding:0}
.widget-content,.widget-body{border:none}
.widget-body{padding:15px}
.widget-actions ul{list-style:none;margin:0}
.widget-content h4{margin-bottom:7px;padding-bottom:0}
.widget-content h4 strong{font-weight:700}
.widget-content h4 small{font-size:12px;color:#999}
.widget-content .listing-table{margin-bottom:10px}
.cancel-btn{padding:5px 12px;font-size:14px;line-height:24px;float:right;margin:0px 2px;}
.widget-tab .nav-tabs{display:table;text-align:center;width:100%;border:none}
.widget-tab .nav-tabs > li{display:table-cell;float:none;text-align:center}
.widget-tab .nav-tabs{background:#eee}
.widget-tab .nav-tabs > li > a{border:none;padding:12px 7px;margin:0;border-radius:0}
.widget-tab .nav-tabs > li.active > a,.widget-tab .nav-tabs > li.active > a:hover,.widget-tab .nav-tabs > li:hover > a{border:none;color:#252525;background:#fff}
.widget-tab .nav-tabs > li.active > .btn-danger,.widget-tab .nav-tabs > li:hover > .btn-danger{color:#252525!important;background-color:#fff!important;border-color:transparent!important}
.widget-tab .tab-content{border:none}
.sub-list{left:auto;right:auto;width:160px;list-style:none;display:none;z-index:500}
.sub-list li{border:none;border-bottom:1px solid #EEE;display:block;float:none;height:auto}
.sub-list li a{margin:0;border-radius:0;border:medium none;display:block;padding:6px 15px}
.text,.input{position:relative}
.form-group{position:relative}
.box{margin-bottom:15px}
.tab-content{padding:20px;border:1px solid #dee5e7;border-top:none}
.nav-tabs > li > a{font-size:15px;font-weight:600}
.dropdown-menu{font-size:13px;padding:0}
.panel-heading{font-weight:700}
.mob-nav-trigger{display:none;border-radius:0}
.no-data{position:relative}
.no-data > img{max-width:100%}
.no-data button{left:50%;margin-left:-100px;position:absolute;top:40%;width:200px}
table.table{background:#fff}
.panel-heading{line-height:13px;background:#f3f3f3}
.btn-group.current{background:#F6F8F8}
.widget-actions .current{background:#F6F8F8}
.widget-actions .btn-group li a.btn{display:block}
.extra-actions .tabs-buttons ul li{width:20%}
.tab-pane h4 i{font-size:18px;padding:0 10px}
.clip-check{margin-bottom:5px;margin-top:5px;padding-left:0}
.clip-check label{cursor:pointer;display:inline-block;font-size:13px;margin-right:15px;margin-bottom:0;padding-left:30px!important;position:relative;line-height:23px;transition:border .2s linear 0s,color .2s linear 0}
.email-method .clip-check label { margin-right: 0; margin-left: 0;}
/*
.table-responsive {overflow: hidden; overflow-x: auto;}
*/
.clip-check label:before{background-color:#fff;border:1px solid #c8c7cc;content:"";display:inline-block;height:20px;left:0;margin-right:10px;position:absolute;width:20px;border-radius:0;top:1px;transition:border .2s linear 0s,color .2s linear 0}
.clip-check label:after{display:inline-block;font-size:11px;height:19px;left:4px;position:absolute;top:-1px;transition:border .2s linear 0s,color .2s linear 0;width:19px}
.clip-check input[type="checkbox"]{display:none}
.clip-check input[type="checkbox"]:checked + label:before{border-width:10px}
.clip-check input[type="checkbox"]:checked + label:after{color:#fff;content:"\f00c";font-family:"FontAwesome"}
.clip-check input[type="checkbox"][disabled] + label{opacity:.65}
.clip-check input[type="checkbox"][disabled] + label:before{background-color:#F8F8F8}
.clip-check.check-md label{margin-right:15px;padding-left:35px!important;line-height:28px}
.clip-check.check-md label:before{height:25px;width:25px}
.clip-check.check-md label:after{font-size:14px;height:24px;left:5px;width:24px}
.clip-check.check-md input[type="checkbox"]:checked + label:before{border-width:12px}
.clip-check.check-lg label{margin-right:15px;padding-left:40px!important;line-height:33px}
.clip-check.check-lg label:before{height:30px;width:30px}
.clip-check.check-lg label:after{font-size:17px;height:29px;left:6px;width:29px}
.clip-check.check-lg input[type="checkbox"]:checked + label:before{border-width:15px}
.clip-check.check-success input[type="checkbox"]:checked + label:before{border-color:#5cb85c}
.clip-check.check-primary input[type="checkbox"]:checked + label:before{border-color:#007AFF}
.clip-check.check-warning input[type="checkbox"]:checked + label:before{border-color:#eea236}
.clip-check.check-danger input[type="checkbox"]:checked + label:before{border-color:#d43f3a}
.clip-check.check-info input[type="checkbox"]:checked + label:before{border-color:#46b8da}
.clip-check.check-purple input[type="checkbox"]:checked + label:before{border-color:#804C75}
.gateway-row {padding: 0 10px;}
.gateway-row .clip-radio:last-child label {margin-bottom: 0; padding-bottom: 0;}
.clip-radio{margin-bottom:10px;margin-top:10px;padding-left:0}
.clip-radio label{cursor:pointer;display:inline-block;font-size:13px;margin-right:15px;padding-left:25px!important;position:relative;margin-bottom:6px}
.clip-radio label:before{top: 0; background-color:#fff;border:1px solid #d0d0d0;content:"";display:inline-block;height:20px;left:0;margin-right:10px;position:absolute;width:20px;border-radius:99px;bottom:2px;transition:all .3s cubic-bezier(0.455,0.03,0.215,1.33) 0}
.clip-radio label:after{top: 0; border:1px solid #c8c7cc;content:"";display:inline-block;height:20px;left:0;margin-right:10px;position:absolute;width:20px;border-radius:99px;bottom:2px;transition:all .3s cubic-bezier(0.455,0.03,0.215,1.33) 0}
.clip-radio input[type="radio"]{display:none}
.clip-radio input[type="radio"]:checked + label:before{border-width:6px;background:#F8F8F8;border-color:#fff}
.clip-radio input[type="radio"][disabled] + label{opacity:.65}
.clip-radio.radio-md label{padding-left:30px!important;line-height:28px}
.clip-radio.radio-md label:before{height:25px;width:25px}
.clip-radio.radio-md label:after{height:25px;width:25px}
.clip-radio.radio-md input[type="radio"]{display:none}
.clip-radio.radio-md input[type="radio"]:checked + label:before{border-width:7px}
.clip-radio.radio-lg label{padding-left:35px!important;line-height:33px}
.clip-radio.radio-lg label:before{height:30px;width:30px}
.clip-radio.radio-lg label:after{height:30px;width:30px}
.clip-radio.radio-lg input[type="radio"]{display:none}
.clip-radio.radio-lg input[type="radio"]:checked + label:before{border-width:8px}
.clip-radio.radio-success input[type="radio"]:checked + label:before{background:#5cb85c}
.clip-radio.radio-primary input[type="radio"]:checked + label:before{background:#007AFF}
.clip-radio.radio-info input[type="radio"]:checked + label:before{background:#46b8da}
.clip-radio.radio-warning input[type="radio"]:checked + label:before{background:#eea236}
.clip-radio.radio-danger input[type="radio"]:checked + label:before{background:#d43f3a}
.clip-radio.radio-purple input[type="radio"]:checked + label:before{background:#804C75}
.pending-actions ul{list-style:none}
.notice-bar{background:none repeat scroll 0 0 rgba(255,255,0,0.5);font-size:17px;left:0;padding:6px 0;top:0;width:100%;z-index:500}
.notice-bar p{color:#333;margin:0;padding:0}
.notice-bar.warning{background:#f89406;color:#fff}
.notice-bar.warning p{color:#fff}
.notice-bar.error{background:#f26262;color:#fff}
.notice-bar.error p{color:#fff}
.report-wrp{text-align:center;margin:20px auto}
.report-loader{margin:50px auto}
.view-table{margin-bottom:30px}
.table td input[type="checkbox"],.table th input[type="checkbox"]{margin:5px}
.btn-sm .fa{font-size:14px}
.drop-4-col li{width:25%;float:left}
#extra-settings table td{vertical-align:top}
.day-view-entry table{line-height:18px;width:100%}
.print-table td,.print-table th{border-color:#555!important}
.invoice-fields table{margin-top:0}
.customer-chat-header{background:#46B9EF!important}
.report-total{background-color:#f9f9f9!important}
.report-total td{padding:4px 8px!important}
.report-total b{font-size:14px!important}
.report-total h3{font-weight:700;font-size:14px;padding:0}
.report-header td{padding-top:32px!important;font-size:14px}
.products-list input{border:medium none;display:block;font-size:15px;padding:5px 15px;width:100%}
.reminder-table .sub-item{margin-top:10px}
.second-act .sub-item{margin-bottom:0;border-bottom:0;background:none;padding:0 7px;margin-left:0}
.second-act .sub-item:first-child{margin-left:15px;margin-bottom:0;border-bottom:0;background:transparent url(images/bulk_actions.gif) no-repeat scroll left 1px;padding:0 0 0 34px !important}
.main-nav li ul li a i{display:none}
.report-header.no-padding-top > td{padding-top:4px!important;font-weight:700}
.all-total h3{font-size:18px}
/*.main-nav > ul > li:nth-child(+n+8) .sub-menu-cont:after{right:17px;margin:0;left:auto}
.main-nav > ul > li:nth-child(+n+8) .sub-menu-cont{left:auto;right:0}*/
#detailed_list label{margin-right:17px}
.navbar-right{clear:both;margin:0;padding:0;float:right}
.user-log > ul > li{float:left}
.user-log .dropdown-menu > li .fa{color:#222;position:relative;margin-right:4px;top:-2px}
.message-placeholders{position:relative;z-index:99;margin-bottom:10px}
.message-placeholders .bootstrap-select{max-width:200px}
.fck > label{padding-top:10px}
.accordion-content{padding:15px;background:#f5f5f5}
#contact_iframe{min-height:352px}
.info{background:none repeat scroll 0 0 #fff;border:3px solid #f89406;font-size:15px;line-height:22px;padding:20px;margin:20px 0}
.info h2{color:#000;margin-bottom:15px}
.info p{font-size:13px}
.info a{color:#333}
.footer-contents{padding-top:7px}
.footer-contents p,.footer-contents p a{color:rgba(255,255,255,.5);font-size:10px;font-family:arial}
.dark .footer-contents p,.dark .footer-contents p a{color:rgba(0,0,0,.5)}
.color-black{color:#000}
.color-success{color:#28a745!important}
.color-danger{color:#bc0000!important}
.ico-help{background:#EFF0F0!important}
.ico-help p{display:inline-block;width:19px;height:19px;border:2px solid #777;border-radius:50%;text-align:center;line-height:15px;padding:0;margin:0;overflow:hidden}
.navbar-nav > li.res-left > a{padding:0 3px!important}
.default-options-search,.more-options-search,.default-options-search:before,.more-options-search:before,.default-options-search:after,.more-options-search:after{clear:both}
.default-options-search:before,.more-options-search:before,.default-options-search:after,.more-options-search:after{content:" "}
.default-options-search:after,.more-options-search:after{clear:both}
.ui-widget-content{border:1px solid #eee!important;padding:0!important}
.ui-menu{z-index:999}
.ui-menu .ui-menu-item{padding:2px!important;border-bottom:1px solid #eee;color:#333;font-size:14px;display:block;clear:both;font-weight:400}
.ui-menu .ui-menu-item:hover{border:none;border-bottom:1px solid #eee}
.status{vertical-align:baseline;margin-left:5px}
.status .status-symble{background:none repeat scroll 0 0 #ff7f00;border-radius:3px;color:#fff;text-transform:uppercase}
.status span{padding:2px 7px;font-weight:700;font-size:11px;line-height:10px}
.status .status-draft{background:#999}
.status .status-0{background:red;color:#fff}
.status .status-1{background:#ff7f00;color:#fff}
.status .status-2{background:green;color:#fff}
.status .status-3{background:#555;color:#fff}
.status .status-4{background:#6203dc;color:#fff}
.status .rate-red.status-symble,.rate-red.status .status-symble{background:red}
.status .rate-red .status-value{color:red}
.status .rate-green.status-symble,.rate-green.status .status-symble{background:green}
.status .rate-green .status-value{color:green}
.status .rate-blue.status-symble,.rate-blue.status .status-symble{background:#0164AE}
.status .rate-blue .status-value{color:#0164AE}
.status .status-draft,.rate-draft .status.status-symble{background:#999}
.status .status-grey,.rate-grey .status.status-symble,.rate-grey .status-symble{background:grey!important}
.big-label.status .status-symble{font-size:11px;text-transform:inherit}
.invoice-image{text-align:center}
.invoice-image img{max-width:100%;height:auto;margin:0 auto;text-align:center}
.error-list{list-style-type:none}
.error-list li{line-height:30px;border-bottom:1px solid #eee}
.error-list li:last-child{border-bottom:none}
#tax_inputs{padding:0 5px 5px;border-top:1px solid #eee}
.add-taxs-toggle{border:1px solid #eee;background:#f5f5f5}
#toggle_taxes{padding:5px;font-weight:600;margin:0;display:block;font-size:13px;color:#337ab7}
#toggle_taxes:before{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-moz-osx-font-smoothing:grayscale;position:relative;margin-right:5px}
.add-tax:before{content:"\f067"}
.remove-tax:before{content:"\f00d";color:#bc0000!important}
.input-group .form-control.tax-width{width:90px}
#ExpenseNote{height:70px}
.feature-iconed{margin-bottom:20px}
.feature-iconed i{display:inline-block;width:50px;height:50px;border:1px solid #189de2;text-align:center;line-height:50px;color:#189de2}
.nav-wrapper{border:1px solid #dee5e7;background:#fff}
.tabs-content{border:none;background:none;padding:20px 30px;border-left:1px solid #dee5e7}
.side-nav{position:relative;margin-right:-1px;border-right:1px solid #dee5e7}
.toggle-message{margin:0}
.item-list{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #dee5e7}
.item-list:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.item-list h3{font-size:24px;color:#23b7e5}
.item-list p{font-size:14px;color:#666}
.table-head th{background:#f5f5f5;padding:8px!important}
.notifcation-list{max-height:300px;min-width:260px;margin:0;position:relative;border-radius:0!important}
.all-btn{height:30px;line-height:30px}
.count_notif{position:relative!important;right:auto!important;left:auto!important;top:2px!important;float:left!important;margin-left:0!important;margin-right:4px!important}
.notifcation-loader{position:relative;width:100%;height:100%;z-index:9999;padding:20px}
.inner-loader{margin:0 0 0 -20px;font-size:10px;position:relative;left:50%;top:50%;text-indent:-9999em;border-top:5px solid #bbb;border-right:5px solid #bbb;border-bottom:5px solid #bbb;border-left:5px solid #666;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 .5s infinite linear;animation:load8 .5s infinite linear}
.inner-loader,.inner-loader:after{border-radius:50%;width:40px;height:40px}
.circle-num{display:inline-block;width:30px;height:30px;left:8px;top:50%;margin-top:-15px;background:#ddd;border-radius:50%;text-align:center;line-height:30px;color:#3a3e63;margin-right:5px;margin-left:-6px}
.expenses-report{background:#247dbd;padding:0;margin-bottom:30px}
.expense-item{margin:0;padding:30px;color:#fff}
.expense-item p{font-size:14px;color:#fff}
.expense-item span{font-size:33px;color:#fff}
.expense-item:hover{background:rgba(0,0,0,.1)}
.inline{display:inline-block}
.sub_with_num{font-size: 11px;color: #777;display: inline-block;font-weight: normal;}
.refunded{ padding: 0px !important;color:red;}
@-webkit-keyframes load8 {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes load8 {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.product-img{border:1px solid #eee;float:left;position:relative}
.product-img img{max-width:100%}
.product-img .overly{opacity:0;width:100%;height:100%;position:absolute;top:0;right:auto;left:0;background:rgba(0,0,0,.5);text-align:center;padding-top:83px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.product-img:hover .overly{opacity:1}
.modal-dialog.modal-xl{max-width:98%!important}
.mobile-options li a:before{margin-right:8px!important}
.dropdown-menu > li > a.btn-danger:hover,.dropdown-menu > li > a.btn-danger:active,.dropdown-menu > li > a.btn-danger:focus{background:#CF2E2E !important;border-color:#CF2E2E  !important}
.dropdown-menu > li > a.btn-sm {height: auto !important;}
.Supplier_contact_row{position:relative;border:1px solid #eee;background:#f5f5f5;padding:10px;margin-bottom:10px}
.Supplier_contact_row .remove-item{position:absolute;right:0;top:0}
@media (min-width: 768px) {
    .main-nav > ul > li{position:relative}
    .main-nav ul li li{float:none;width:100%}
    .main-nav li ul li a,.main-nav li ul li a:hover{padding:15px;min-height:20px;text-align:left;padding:15px 30px;min-height:10px;border-bottom:1px solid #eee;padding:10px 20px;font-size:16px}
    .table-cell{display:table}
}
.mb-btn
{
    margin: 0 0 5px 5px;
}

.sub-heading2{
    display: block;
    font-size: 14px;
    color: #777;
    margin-top: 5px;
}
.title_id_with_hash{
    color: #777;
    font-size: 15px;
}
/*start tabs design border-top
.nav-tabs li a{
    border-top-width: 3px !important;
}
.nav-tabs>li.active>a , .nav-tabs>li>a:focus{
    border-top: 3px solid #333 !important;
}
.nav-tabs>li>a:hover{
    border-top: 3px solid #d8e1e3 ;
}
/*end tabs design border-top*/
.p-0{
    padding: 0px !important;
}
.modal-content{
    border-radius: 3px !important;
    box-shadow: none !important;
    border: 1px solid #5e6270 !important;
}
h4.modal-title{
    padding-bottom: 0px !important;
}
.panel-body{
    background: #fff;
}
.underline_text{
    text-decoration: underline !important;
}
.relative{
    position: relative !important;
}
.absolute{
    position: absolute !important;
}
.cc_bcc{
    display: inline-block;
    z-index: 1;
    /* color: black; */
    /* overflow: visible; */
    position: relative;
}
.loader-input{
    position: relative;

}
.loader-input i{
    display: none;
    position: absolute;
    right: 12px;
    left : auto;
    top: 35px;
    z-index: 9;
    color: #989898;
}
#FilterDiv .panel-heading{
    padding-right: 0px !important;
    padding-left: 15px !important;
}
#campaign_status{
    text-transform: capitalize;
}

.ms-ctn-focus{
    border-color: #23b7e5 !important;
    box-shadow: none !important;
}
div.ms-sel-ctn  input[type="text"]{
    padding: 0px 5px;
}
.ms-ctn{
        padding: 5px 12px !important;
        min-height: 34px !important;
}
.label-tag{
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.51);
    font-weight: 400;
    margin-top: 2px;
    display: inline-block;
    cursor: pointer;
}
span.tags-container div div.ms-sel-ctn .ms-sel-item{
    width: auto;
    margin-right: 0;
    margin-left: 2px;
}

@media (max-width: 767px)
{
   
.margin-handling
{
        margin: -10px 12px -7px -16px !important;
} 

}

.invoice-line-height-title
{
    line-height:27px;
}

.input-nested-icon
{
    bottom: 3px;
    display: block;
    position: absolute;
    right: 18px;
    z-index: 10;
    border: none;
    background: transparent;
}