/******************css reset*****************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1.3; overflow-x:hidden; font-family: 'Source Sans Pro', sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a{color:#0070d2;text-decoration:none !important;} a:focus{outline:none;} /******************fonts*****************/ @font-face { font-family: 'source_sans_proregular'; src: url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: poppins; src: url(../fonts/poppins-v12-latin-regular.woff2) format("woff2"), url(../fonts/poppins-v12-latin-regular.ttf) format("ttf"); font-weight: 400; font-style: normal } /******************default*****************/ #header{position:fixed;top:0px;width:100%;z-index:111;} body{font-size:13px; color:#555;background:#F4F6F9;} ul{ list-style:none; margin:0; padding:0;} .inner-header{ background:#ffffff; border-radius:0; border-top:none; border-left:none;border-right:none;margin-bottom:0px;}/*bg color change by atish 26/5/2020 */ .logo{padding:0 15px; height:auto; border-bottom:5px solid #fff; background:#fff!important;}/*color change by atish on 26/5/2020*/ .logo:hover{background:#fff;} .pad0{padding:0;} .mar0{margin:0;} .modal{z-index:11111;padding-left: 0 !important;} .modal-header{padding:10px;} .modal-header .close{margin-top:0;} .modal-content{display: -webkit-flex; /* Safari */ display: flex;flex-direction:column;} .modal-body{max-height: calc(100vh - 200px); overflow-y: auto;} /*.overflow-modal-body{overflow: visible;} */ .modal-body .dropdown-menu{ margin-top:-11px;} .drop-select .dropdown-menu.open {margin-top: 0 !important;} .modal-body .bootstrap-datetimepicker-widget{ margin-top:0px;} .new-data-table-body{overflow-y: auto;} .modal-dialog{width:70%;} .panel-heading{padding:5px 5px;} .dropdown-menu{overflow-x:hidden;} .alert-danger{margin-top: 10px;} .no_pad{ padding:0 !important;} .btn{text-transform:capitalize;padding:4px 10px;border-radius:2px;} .color-blue{color:#0070d2;} table th{font-weight:bold;} .error{color:#C23934 !important;font-size:13px !important; padding:6px 12px !important;} label .error{color:#C23934 !important;font-size:13px !important; padding: 6px 12px !important;} .errormsg{color:#C23934 !important;font-size:13px !important;text-transform:none !important;} #delete-popup .modal-dialog , #delete-popup-competitor .modal-dialog{width:40%;margin:0 auto;position: fixed; top: 40%; left: 0; right: 0;z-index: 111111;} .convert-popup .modal-dialog{width:40%;margin:0 auto;} #navbar .navbar-nav li{border-left: 1px solid #c8dfff;}/*Added css by atish on 26/5/2020*/ #navbar .navbar-nav li:last-child{border-right: 1px solid #c8dfff;}/*Added css by atish on 26/5/2020*/ #navbar .navbar-nav li a{color:#1b2480 !important; border-bottom:4px solid #ffffff;font-size: 14px;font-family: 'Source Sans Pro', sans-serif; padding-top:21px; position: relative;}/* taxt color & border-bottom color change by atish 26/5/2020 */ #navbar .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color:transparent; border-bottom:4px solid #c8dfff;} /*#navbar .navbar-nav li:hover { background:#f1f2f3;}*/ .navbar-nav>li>a{padding-bottom:12px;padding-right: 14px; padding:10px 15px;} #navbar .navbar-nav li a img,.dropdown .dropbtn img{display: block;margin: 0 auto;width: 21px;height: 21px;margin-bottom: 4px;}/*added new css by atish 26/5/2020*/ #navbar .navbar-nav li:hover a{ color:#fff;} #navbar .navbar-nav li a:after{background:#c8dfff; position:absolute;top:100%;left:0;content: ''; width:100%; height:4px;opacity:0; border:0; -webkit-transform:translateY(-20px);-webkit-transition:opacity 0.3s,-webkit-transform 0.3s;}/* bg color & transform change by atish 26/5/2020 */ #navbar .navbar-nav li a:hover:after{opacity:1; -webkit-transform: translateY(0px);} #navbar .navbar-nav li a:hover{ background:none !important;} .btn-primary{background:#0070d2;} .btn-primary:hover{background:#005fb2;} .right-detail{ padding:0; position:relative;} .right-detail ul {padding-top: 12px;} /*Added css by atish on 26/5/2020*/ .navbar-default .navbar-nav li:hover{ background:none;} .right-detail.navbar-default .navbar-nav li a{ color:#555;} .counting{ padding-top:4px; display:inline-block;} .counting .count{ padding:6px 9px; display:inline-block; border-radius:5px; background:#555555; color:#fff;} .admin-blog{ padding:0; position:relative;} .admin-blog .btn-invisible{ display:inline-block; float:left; padding:6px 10px 0;} .admin-blog .btn-invisible:hover{ text-decoration:none;} .admin-blog img{width:40px; height:40px; border-radius:50%;vertical-align: middle;} .admin-blog .dropdown-menu{} .admin-blog .dropdown-menu ul{list-style:none; margin:0; padding:0;} .admin-blog .dropdown-menu ul li{ border-bottom:1px solid #f6f6f6;} .admin-blog .dropdown-menu{ top:50px; position:absolute !important; left:-100px;} .admin-blog .dropdown-menu{ padding:0;} .admin-blog .dropdown-menu li{ border-bottom:1px solid #f6f6f6; padding:0;} .admin-blog .dropdown-menu li:hover{ background:#f3f8fe;} .admin-blog .dropdown-menu li:hover a{ color:#7cb830;} .admin-blog .dropdown-menu li a i{ padding:5px;} .admin-blog .dropdown-menu li:last-child{ border-bottom:none;} .admin-blog .dropdown-menu li a span{ padding-right:5px;} .admin-blog .dropdown-menu li a{ padding:5px 10px !important;font-size:14px;display:block; color:#555 !important;} .admin-blog .dropdown-menu li a:hover{ text-decoration:none;} .navbar-nav .open .dropdown-menu{background:#fff;border: 1px solid #ccc;border-radius:0;margin-top:5px}/*Added css by atish on 26/5/2020*/ .navbar-nav .open .dropdown-menu li a:hover{text-decoration:none;} .menu-notification .notification-dropdown{ margin-top:9px !important;} .profile-logo{width:30px;border-radius:50%;} .plus-new-create{padding:0;display:inline-block;} .plus-new-create .btn-primary{ background:none; border:none;} .plus-new-create:focus{ padding:0; background:#f3f8fe;} .admin-blog .dropdown.open{ padding:0;} .plus-new-create .btn-primary{ padding:6px 9px !important; margin-top:5px;} .rgt-wrap{ position:fixed;right:6px; width:100px;} .other-options{padding:10px 0 0 0;} .other-options ul{ margin:0;} .navbar-default .navbar-nav>li>a{color:#fff;} .nav > li > a:focus, .nav > li > a:hover{ background-color:#555;} .btn-primary.active, .btn-primary:active, .open > .admin-blog .dropdown-toggle.btn-primary{background-color:#555 !important;border-color:#555 !important;} /*.navbar-nav > li{display:inline-block;}*/ .dropdown .dropdown-menu{padding:2px;} .dropdown .dropdown-menu li{padding:3px 8px;} .dropdown .dropdown-menu li span a i{ padding-right:4px;} .fa.fa-caret-down {position:relative; top:0px; left:4px;color:#1b2480 ;}/*changes by atish on 26/5/2020*/ .other-options ul li a{ color:#262626;} .other-options .btn{ background:none; border:1px solid #16325c;} .other-options .btn .btn-primary{ background:none; border:none;} #footer{ position:fixed; bottom:0; width:100%; background:url(../images/contact-bg.jpg) no-repeat; border-top:2px solid #ccc; z-index: 111;} .footer .ft-menu { padding:5px 0 0 0;} .footer .ft-menu ul li{ color:#16325c; transition:background-color 0.6s ease;} .footer .ft-menu ul li:hover{ color:#16325c; background-color:#16325c;} .footer .ft-menu ul li:hover span { color:#fff;} .footer .ft-menu ul li:hover i { color:#fff;} .navbar-toggle.collapsed{border-color:#fff;} .navbar-default .navbar-toggle .icon-bar{ background-color:#fff;} .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color:transparent;} /*********************login page start here*********************/ .login_detail{ background:#00aeef; max-width:500px; margin:10% auto 0; padding:15px; box-shadow:3px 3px 3px 0px rgba(51,51,51,1); border-radius:6px;} .login_detail ul{ list-style:none;} .login_detail ul li { margin-bottom:10px;} .login_detail ul li input { width:99%; background:#fff; color:#555; padding:7px 10px; border:1px solid #ccc; border-radius:4px;} .login_detail ul li button{width:55%; color:#555; background:#fff; padding:7px 10px; border:1px solid #ccc; border-radius:4px;} .forgot a{ color:#0070d2; text-decoration:none;margin-bottom:20px;} .forgot a:hover{text-decoration:underline;color:#16325c;} .login_detail ul li input:hover{ background:#f1f1f1; color:#fff;} .login_detail ul li button:hover{ background:#777; color:#fff;} .login_detail h3{color:#fff;font-size:16px;} .login-back a{color:#333; text-decoration:none;} .login-back a:hover{text-decoration:underline; color:#fff;} .login-box-wrap{margin:5% auto;} .forgot-wrap .login-box-wrap{margin:4% auto;} .login-box{width:35%; background:#fff;border:1px solid #ccc;border-radius:5px;padding:20px;min-height:248px;margin:0 auto;} .logo-img-wrap {text-align:center;margin-bottom:15px;} .loginError{color:#0070d2 !important;margin-bottom:10px;padding:10px 0px;border-radius:5px;font-size:16px !important;} .login-group-wrap label{margin-bottom:4px;font-size:13px;text-transform:capitalize;color:#54698d;} .login-group-wrap input{padding:0px 12px;} .login-group-wrap button{width:100%;padding:10px;font-size:13px;} .login-box-wrap p{margin-bottom:4px;font-size:13px;color:#16325c; padding:0 10px 10px 0;} .page-title{font-size:24px;text-align:center;padding:10px 0 25px 0;} .login-footer-wrap{width:35%;margin:0 auto;} .login-footer-wrap ul li{display:inline-block;padding:20px 0;} .login-footer-wrap .ios-download{float:right;} /*********************login page end*********************/ /*********************account page start*********************/ .wrapper{margin-bottom:70px;margin-top:135px;}/*changes by atish on 26/5/2020*/ .title-wrap{padding:10px 20px;background:#f7f9fb;position:fixed;top:80px;width:100%;z-index:99;border-bottom:1px solid #ccc; display: flex;}/*changes by atish on 26/5/2020*/ /*.title-left-menu , .title-right-menu{flex: 1;}*/ .title-left-menu ul li{display:inline-block;vertical-align:middle;} .title-left-menu ul li h3{ text-transform:uppercase;} .title-right-menu ul{height:100%;} .title-right-menu ul li{display:inline-block;height:100%;} .title-right-menu ul li .btn{ margin-top: 0.23em;} .title-left-menu ul li i {padding: 10px;background:#a094ed;border-radius: 5px;color: #fff;} .btn-secondary{background:#fff;border-color:#ccc;font-size:14px;} .btn-secondary:hover{color:#0070d2;background:#fff;} .top-table-strip-wrap{background:#e9f1ff;padding:10px 20px;} .top-table-strip-wrap p{font-size:13px;} .top-table-strip-wrap span{color:#16325c;} .crm-table-wrap{padding: 10px;} .crm-table-wrap table{margin-bottom:0;} .crm-table-wrap table tr th{text-transform:uppercase;font-weight:700;} .crm-table-wrap tr:hover{background:#f2f6fd;} .crm-table-wrap tr td:hover{background:#f1f1f1;} .table-action-icon ul li{display:inline-block;color:#f1f2f3;padding-left:10px;cursor:pointer;} .crm-table-wrap tr:hover .table-action-icon ul li{color:#16325c;} .crm-table-wrap .main-title{color:#0070d2;} .modal-header h4{font-size:16px;text-align:center;color:#16325c;padding:5px 0;} .mandatory{color:red;} .modal-body .form-group label{padding: 5px 0;font-size: 13px;color:#54698d;} /*.modal-body .form-group .error{ padding:4px 0px 10px 0px !important;clear: both;width:100%;}*/ /*.modal-body .form-group label input{ margin-right:10px;}*/ .radio-center{text-align:center;vertical-align:middle !important;} .radio-center input{ padding-top:4px;} .top-form-wrap{margin-top:10px;} #new-account {z-index:111111;} .check-account-wrap{padding:10px 0;} .check-account-wrap input{ vertical-align:middle !important; margin:0;} .check-account-wrap input[type=checkbox]{vertical-align:bottom;} .page-sub-title li{display:block !important;} .page-sub-title li h3{font-size:14px;color:#16325c;padding:0px 5px;} .page-sub-title li h4{font-size:15px; color:#00aeef; padding:0px 5px; font-weight:700; width:458px; white-space:nowrap; overflow:hidden !important; text-overflow: ellipsis;} /*********************account page end*********************/ /*********************account page start*********************/ .account-details-wrap{background: #fff;} .account-left-tab-wrap{border-right:1px solid #ccc;margin-top:10px;} .account-left-tab-wrap .panel-group{margin-bottom:5px;} .account-right-tab-wrap .tab-content .panel .panel-body{max-height: 300px; overflow-y: auto;} .account-right-tab-wrap{margin-top:10px;} .account-details-wrap label{padding:0 10px;font-size:13px;text-transform:capitalize;color: #0070d2; font-weight: 500;} .detail-text{font-size:13px; padding:10px;border-bottom:1px solid #ccc;color:#777;} .detail-text:hover{border-bottom:1px solid #16325c;} .detail-text i{color:#ccc;font-size:16px;} /*.text-group-wrap:hover .detail-text i{color:#16325c;}*/ .left-icon-owner i{color:#00a1e2;padding-right:10px;font-size:18px;} .left-icon-account i{color:#a094ed;} .text-group-wrap:hover .left-icon-owner i{color:#00a1e2;} .text-group-wrap:hover .left-icon-account i{color:#a094ed;} .nav-tabs>li {padding-right:15px;} .nav-tabs>li>a{border-radius:0; border:none;} .account-right-tab-wrap .tab-content{padding:10px 0;} .account-right-tab-wrap .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background:#fff;border:0;border-bottom:3px solid #0070d2;} .account-right-tab-wrap .nav > li > a:focus, .nav > li.active{background:#c8dfff;} .account-right-tab-wrap .nav > li > a:hover{background-color:#d8dde6;border-bottom:3px solid #0070d2;} .account-right-tab-wrap .nav > li > a:focus{background-color:#fff;border-bottom:3px solid #0070d2;} .activity-sub-tab-wrap{ border-radius:5px; margin-top:20px;} .activity-sub-tab-wrap {border:1px solid #ccc;padding:10px;} .activity-sub-tab-wrap ul li a{font-size:13px;padding:10px 10px;margin:0;border:0;} .activity-sub-tab-wrap .nav-tabs>li.active>a,.activity-sub-tab-wrap .nav-tabs>li.active>a:focus,.activity-sub-tab-wrap .nav-tabs>li.active>a:hover{border:1px solid #ccc;border-bottom: 0; } .activity-sub-tab-wrap .nav-tabs>li{padding-right:0px;} .activity-sub-tab-wrap .nav > li > a:focus, .activity-sub-tab-wrap .nav > li > a:hover{border-bottom:0;} .activity-sub-tab-wrap .nav-tabs{border:0px;background: #d8dde6;} .activity-sub-tab-wrap .tab-content{padding:10px;border:1px solid #ccc;} #call-a-log label{margin-bottom:10px;} #new-task label{margin-bottom:10px;} #new-event label{margin-bottom:10px;} #send-email label{margin-bottom:10px;} #post label{margin-bottom:10px;} .extra-feild-wrap{margin-top:20px;} .extra-feild-wrap .ui-accordion .ui-accordion-header {border:1px solid #ccc; margin-top:20px;} .extra-feild-wrap .ui-accordion .ui-accordion-content{margin-bottom:20px;} .extra-feild-wrap .right-btn ul li{display:inline-block;} .radio-wrap{margin-left:20px;} .radio-wrap .radio-label{padding-right:20px !important;} .btn-size12{font-size:12px !important;} .additional-info h3{font-size:14px;color:#005fb2;} .additional-info p{font-size:13px;color:#000;} .additional-info span{font-size:13px;color:#005fb2;} .additional-info-options{padding-right:20px; float: left; cursor: pointer;margin-top:5px;margin-bottom: 10px;} .view-all a{text-decoration:underline;color:#005fb2;font-size:13px;} /*********************account details page end*********************/ /*********************accordion *********************/ /*.panel-heading h4 a{vertical-align:sub;}*/ .panel-default>.panel-heading{background:#f4f6f9;} .panel-title{position:relative;} /***************loading***********************/ .loading-wrap {position: relative;width:50px;} .loading-wrap img{width:30px; position: absolute; top:12px; left: 119px;} .loading-account img{ top:172px !important;} .success-box-wrap{position:Fixed;top:52px;left:0;right:0;width:50%;margin:0 auto;z-index:11111; display:none;} .success-box-wrap .alert{padding-top:10px;padding-bottom:10px;} .btn-loader img{padding-left:5px;vertical-align:bottom;} .show-inline-block{display:inline-block;} .nonclickable-div{pointer-events:none;} /*************wizard******************************/ .wizard-wrap{padding:20px 0;background:#fff;} .arrow-steps .step {font-size: 14px;text-align: center;color: #666;cursor: default;margin: 0 3px;padding: 10px 10px 10px 30px;float: left;position: relative;width: 15%; background-color: #eef1f6; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition:background-color 0.2s ease; } .arrow-steps .step:after, .arrow-steps .step:before {content: " ";position: absolute;top: 0;right: -16px;width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 19px solid transparent; border-left: 17px solid #eef1f6;z-index: 2; transition: border-color 0.2s ease;} .arrow-steps .step:before {right: auto;left: 0;border-left: 17px solid #fff; z-index: 0;} .arrow-steps .step:first-child:before {border: none;} .arrow-steps .step:last-child:after {border: none;} .arrow-steps .step:first-child {border-top-left-radius: 100px;border-bottom-left-radius: 100px;} .arrow-steps .step:last-child {border-top-right-radius: 100px;border-bottom-right-radius: 100px;} .arrow-steps .step span { position: relative;} .arrow-steps .step span:before {opacity: 0;content: "✔";position: absolute;top: -2px; left: -20px;} .arrow-steps .step.done span:before {opacity: 1;-webkit-transition: opacity 0.3s ease 0.5s;-moz-transition: opacity 0.3s ease 0.5s;-ms-transition: opacity 0.3s ease 0.5s; transition: opacity 0.3s ease 0.5s;} .arrow-steps .step.current {color: #fff;background-color: #0070d2;} .arrow-steps .step.current:after {border-left: 17px solid #0070d2;} .arrow-steps .step.completed {color: #fff;background-color: #4bca81;} .arrow-steps .step.completed:after { border-left: 17px solid #4bca81;} .arrow-steps .step.completed-loss {color: #fff;background-color: #e86b68;} .arrow-steps .step.completed-loss:after { border-left: 17px solid #e86b68;} .arrow-steps .nav > li > a:focus, .arrow-steps .nav > li > a:hover{background:#d9e3f7;border-bottom:0;} .wizard-icon{display:none;} .arrow-steps .step.completed > .wizard-icon{display:inline-block;padding-left:5px;} .arrow-steps .step.completed > .wizard-text{display:inline-block;} .arrow-steps .step:hover .wizard-text{display:block;} .arrow-steps .step:hover .wizard-icon{display:none;} .arrow-steps .step.completed:hover .wizard-text{display:inline-block;} .arrow-steps .step.completed:hover .wizard-icon{display:inline-block;padding-left:5px;} .convert-step{font-size: 14px;text-align: center;color: #fff;cursor: pointer;margin:0 20px;padding: 10px 10px 10px 30px;float: left;position: relative;width: 15%; background-color: #28a4d2; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;user-select: none; transition: background-color 0.2s ease;border-radius:100px;} .convert-step:hover{text-decoration:none;color:#fff;} .convert-step span { position: relative;} .convert-step span:before {opacity: 0;content: "✔";position: absolute;top: -2px; left: -20px;} .convert-step span:before {opacity: 1;-webkit-transition: opacity 0.3s ease 0.5s;-moz-transition: opacity 0.3s ease 0.5s;-ms-transition: opacity 0.3s ease 0.5s; transition: opacity 0.3s ease 0.5s;} .convert-step a{color:#fff; text-decoration:none;} /********************sales page *******************/ .sales-top-box{background:#f2fcff;padding:10px;margin:20px;border:1px solid #ccc;border-radius:5px;} .sales-top-box .form-group{margin-bottom:0;} .sales-top-box label{margin-bottom:10px;font-weight:bold;} /****************search******************/ .search-box{width:90%;margin:10px auto;} .search-box .panel-body ul li{width:16.3%;display:inline-block;padding:0 10px 0 0px; vertical-align:top;} .search-box .panel-warning>.panel-heading{background-color:#f0f8fc;border-color:#93aec5;color:#261567} .search-box .panel-body label{margin-bottom:10px;} .search-box .panel-warning{border-color:#93aec5;} .search-box .panel-footer{background-color:#f0f8fc;} .dropdown-menu ul li{ width:100% !important;} .arrow-sort{padding:0 2px 0 5px;cursor:pointer;color:#555} .arrow-sort .arrow-active{color:#0070d2;} .accordion_section{ margin:0 15px; background-color:#fff;} .more-less {float: right;/*color:#212121;*/ color:#3485c3} .less-more {float: right;/*color:#212121;*/ color:#3485c3} .on-hover span{display:none; opacity:0; transition:opacity 0.5s linear;} .on-hover a:hover > span {display:block;opacity:1;} /**********************pagination***********************/ .moduel-box1 {padding:10px 15px;text-align: right;float: right;} .moduel-box1 ul li {border: 1px solid #ddd; margin: 0; float: left; width: auto !important; padding: 0 !important; min-height: auto !important;} .moduel-box1 ul li:first-child { border-radius: 4px 0 0 4px;} .moduel-box1 ul li.active { border: 1px solid #337ab7;} .moduel-box1 ul li.active a {background: #337ab7; color: #fff;} .moduel-box1 ul li a {display: inline-block; padding: 7px 14px;} #search-main .form-control { } /**********************hover-pop-up***********************/ .additional-info-wrap{cursor:pointer;} .popover-content{width:320px; max-width:320px; margin-left:0 !important; padding:0px 5px; background:#114a5f;border-radius:5px;} .popup-info{padding:6px 3px 1px 3px;} .popup-info-top{margin-bottom:5px;} .popup-info-top ul li{display:inline-block;} .popup-info-top i{font-size:22px;} .popup-info-top .title a{font-size:17px;padding-left:8px;text-transform:capitalize;} .popup-info-mid{background:#fff;padding:10px;box-shadow:1px 1px 5px #180707;border-radius:5px;margin-bottom:6px; min-height:123px;} .popup-info-mid ul li{margin-bottom:2px;font-size:13px; display:block;} .popup-info-top ul li{ display:inline-block;} .popup-info-mid ul li span{color:#005fb2;font-size:13px;} .popup-info-mid .popup-left-section{ border-top:1px solid #ccc !important;} .popover.right{background-color:#114a5f;border:none;box-shadow:none; min-width:320px;} .popover.right > .arrow{ border-right-color:#114a5f; margin-top:-11px; } .popover.right>.arrow:after{border-right-color:#114a5f; margin-top:0;} .popover.bottom{background-color:#114a5f;border:none;box-shadow:none; min-width:320px;} .popover.bottom > .arrow{ border-bottom-color:#114a5f; margin-top:1px; } .popover.bottom>.arrow:after{border-bottom-color:#114a5f; margin-top:0;} .popup-info-mid ul li p{ display:inline-block;padding:0 10px 0 0;} .popup-info-top ul li span i {width:31px; border-radius:5px; height:31px;background-color:#a094ed; text-align: center; vertical-align: middle; color: #fff; padding:7px 0px; font-size:18px;} .add_oportunity{ border-top:1px solid #ccc; padding:10px 0 12px;} .popup-info-top .fa-briefcase{ padding:7px 4px !important; width:30px; height:25px;} .add_oportunity .popup-right-section{display:inline-block; width:100%; margin-bottom:8px; border-top:1px solid #ccc; padding:5px; box-shadow:1px 2px 2px 2px #ccc; border-radius:7px;} .popup-right-section strong{ font-weight:bold; color:#0070d2;} .popup-info-top .fa-address-card{ padding:7px 0; width:31px; height:26px;} /**********************hover-pop-up-end***********************/ /**********************ravi checkbox + filter***********************/ #inputdiv { font-size: 13px;line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;height: 250px; overflow-y:scroll;} #inputdiv ul, #selectdiv ul, #view ul, #user ul { list-style: none;padding: 0; margin: 0;} #inputdiv .filter-table { width:26%;float:left;} #inputdiv .filter-input { width:74%;float:left;} #inputdiv .input-group-addon { padding:9px 12px;} #inputdiv input[type=checkbox],#inputdiv input[type=radio]{margin-right:5px;} #inputdiv .form-control{border-radius:0;} /**********************Product info***********************/ .product-box{display:none;padding:10px;} .product-box .dropdown-header{background:#f1f2f3; color:#0070d2; font-weight:700;font-size:16px;} .digital{background:#fff9f5;} .sublimation{background:#f5fff9;} .screen{background:#fef5ff;} .btn.btn-invisible.btn-link.dropdown-toggle:hover{color:#fff;} /******************data table css ******************/ .new-data-table-wrap{border:1px solid #ccc;padding:5px;margin-bottom:5px;} .btn.btn-invisible.btn-link.dropdown-toggle:hover{color:#fff;outline:none;} .new-data-table-body h4{font-size:16px;font-weight:700;} .product-name h4{font-size:16px;font-weight:700;margin-bottom:10px;color:#0070d2;} div.dataTables_wrapper div.dataTables_filter{text-align:left;margin-bottom:5px;padding-bottom:10px;} .table-view-wrap{padding: 10px;} .brand-wrap{list-style:square;margin-left:20px;} .align-center{ text-align:center; font-size:15px;} .panel.panel-warning{ margin-bottom:0;} .error_wrap div.form-control{height:45px!important;} div.dataTables_wrapper div.dataTables_processing{ padding: 0 !important; padding-top: 10px !important; color: #000; background: #ccc;} .pop-loader img{ position: fixed; /* or absolute */ top:100%; left:50%; margin:80px auto 50px;} .form-group{margin-bottom:10px;} table.dataTable.no-footer{border-bottom:1px solid #ccc !important;} table.dataTable thead th, table.dataTable thead td{border-bottom:1px solid #ccc !important;} .dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #ccc !important;} .drop-down-title{color:#a5aab1;text-transform:capitalize;font-size:13px;} .drop-down-title span{padding-right:5px;} .drop-down-info-wrap span i{background:#a094ed;padding:4px;border-radius:4px;color:#fff;} .drop-down-info-wrap{line-height:14px;} .drop-down-sub{color:#a5aab1;font-size:11px;font-style:italic;} .drop-down-extra{color:#999;padding-left:0 !important;} #tblTaskList_paginate{ padding:10px 15px; text-align:right;float:right;} .paginate_button{ border:1px solid #ddd !important; margin:0 !important; width:auto !important; padding:7px 14px !important;min-height: auto !important; font-size: 12px !important;} #tblTaskList_paginate .paginate_button{ color:#0070d2 !important;} #tblTaskList_paginate .paginate_button.current{ background:#337ab7 !important; color:#fff !important;} #tblTaskList_paginate .paginate_button.current:hover{ color:#fff !important;} .paginate_button:hover{ background:none !important;} #tblTaskList_paginate .paginate_button:hover{text-decoration:underline !important; color:#23527c !important;} .dataTables_wrapper .dataTables_filter{float:left !important;} .dataTables_wrapper .dataTables_length{display:none;} .dashboard-select-wrap{margin-bottom:5px;} .highcharts-credits{display:none;} p.bg-danger {background-color: #fff; color:red;} .more-less1 {color:#212121;margin-left:2px; margin-top:4px;font-size:13px; float:none;} .add-bttn{ margin-bottom:20px;} #divAddressList .panel.panel-default{ margin-bottom:4px;} .panel-heading h4 a:hover{ text-decoration:none !important;} .main-title a:hover{ text-decoration:none !important;} .dash-board-sec .panel-body{height:auto;} .new-wrap{ margin:0;} /*.dash-board-sec .section-sec .panel-body{ max-height:412px; min-height:412px;overflow-y:scroll;}*/ .dash-board-sec .panel-body{ min-height:504px;max-height:504px;overflow-y:scroll;} .panel-heading h4 a:focus{ text-decoration:none !important;} .form-check-label.check-account-wrap.checkbox.checkbox-primary { display:table-cell; margin:0;padding-left:28px; border-bottom:none;} .dropdown-menu > li > a:hover{background-color:#337ab7; color:#fff !important;} .dropdown-menu > li.selected a{ background-color: #337ab7;border-bottom: 1px solid #fff;color:#fff;} .panel-group .col-lg-6.col-md-12.col-sm-12.col-xs-12 ,.col-lg-4.col-md-6.col-sm-12.col-xs-12 ,.col-lg-4.col-md-12.col-sm-12.col-xs-12.clearfix{ margin-bottom:10px;} .panel-heading a:hover ,a:focus{ text-decoration:none;} .dashboard-section-box .panel-default.panel-heading{ color:#333;} .table-data-load .panel-title .label-primary{ color:#fff; vertical-align:middle; position:relative;top:-1px;} .table-data-load .panel-title { height:21px;} /***********************dashboard*******************/ .dashboard-box{border:1px solid #ccc;border-radius:4px;margin:10px auto;padding:10px; height:468px;overflow-y:scroll;} .height-comman{ height:526px !important;overflow-y:scroll !important;} .dashboard-box h2{font-size:16px;color:#0070d2;} .info-wrap{padding:0;} .dashboard-task-box{padding:5px;background:#f1f2f3;box-shadow:1px 1px 5px #ccc;border-radius:5px;margin-bottom:10px;} .dashboard-table-title{color:#1a00a7;padding-right:5px;} .align-center{ text-align:center;} .panel.panel-warning{ margin-bottom:0;} .position-relative{position:relative;} .dashboard-section-box h3.panel-title{color:#333;} .dashboard-section-box .panel-info{ border-color:#ccc;} .dashboard-section-box .panel-heading{ background:#f4f6f9; border-color:#ddd;} /***************************************** Radio start *****************************************/ .radio { padding-left:20px;} .radio label { display: inline-block; position: relative; padding-left: 5px; } .radio label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff;-webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out;} .radio label::after { display: inline-block;position: absolute; content: " "; width: 11px; height: 11px;left: 3px;top:3px; margin-left: -20px; border-radius: 50%; background-color:#0070d2; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);} .radio input[type="radio"] { opacity: 0;} .radio input[type="radio"]:focus + label::before {outline: thin dotted; outline: none;outline-offset: -2px; } .radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1);-o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before {cursor: not-allowed;} .radio.radio-inline { margin-top:0;} .radio-primary input[type="radio"] + label::after {background-color: #428bca; } .radio-primary input[type="radio"]:checked + label::before{border-color: #428bca; } .radio-primary input[type="radio"]:checked + label::after {background-color: #428bca;} .radio-inline label{ padding:0 !important;} .loading-image{text-align:center;padding: 30px 0 0 0;} /***************************************** Radio end *****************************************/ /***************************************** Checkbox start *****************************************/ .checkbox {padding-left:20px;} .checkbox .custom-checkbox { display:inline-block; position:relative;padding-left: 5px; } .checkbox .custom-checkbox::before { content: "";display: inline-block; position: absolute;width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out;} .checkbox .custom-checkbox::after {display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top:0px; margin-left: -20px; padding-left:3px; padding-top: 5px;font-size: 11px;color: #555555; } .checkbox input[type="checkbox"] { opacity: 0;} .checkbox input[type="checkbox"]:focus +.custom-checkbox::before { outline: thin dotted;outline:none; outline-offset: -2px; } .checkbox input[type="checkbox"]:checked +.custom-checkbox::after { font-family: 'FontAwesome'; content: "\f00c"; } .checkbox input[type="checkbox"]:disabled +.custom-checkbox {opacity: 0.65; } .checkbox input[type="checkbox"]:disabled +.custom-checkbox::before {background-color: #eeeeee;cursor: not-allowed;} .checkbox-primary input[type="checkbox"]:checked +.custom-checkbox::before { background-color:#0070d2; border-color:#0070d2;} .checkbox-primary input[type="checkbox"]:checked +.custom-checkbox::after {color:#fff; padding-top:2px;} .add-pad04 .checkbox-primary input[type="checkbox"]:checked +.custom-checkbox::after{ padding-top:5px !important;} .add-pad05 .checkbox-primary input[type="checkbox"]:checked +.custom-checkbox::after{ padding-top:0px !important;} .form-check-label.check-account-wrap.checkbox.checkbox-primary.add-pad04 .custom-checkbox::after{padding-top:5px !important;} /***************************************** checkbox end *****************************************/ .highcharts-title .tspan {font-size:15px;} .dash-error{text-align:center;margin-top:50px;} .dataTables_info {white-space:normal !important;} .history-name { font-size: 11px;} .history-block div {font-size: 11px;} /*.additional-info p { padding-left: 15px;padding-top: 10px;} */ .additional-info .title{ font-size:13px; padding:7px 0;} .additional-info .black{ color:black;} .additional-info .orange{ color:#ffa200;} .additional-info .green{ color:#00b19d;} .additional-info .row1{ font-size:13px;} .row1.hidden-xs {border-bottom:1px solid #888e98;padding-bottom:10px;} .on-mobile{ display:none;} .hidden-xs1 .history-name{ font-size:15px; color:#555;} .detail-history{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;} .detail-history div{ padding-bottom:10px;padding-left:0;} .detail-history div ul li p span{ color:#555;} .detail-history div ul li{ padding-bottom:3px;} .detail-history .col-lg-4.col-md-6.col-sm-6.col-xs-12{min-height:122px;} .black{ color:#000;} .orange{ color:#ffa200;} .green{ color:#00b19d;} .row1.hidden-xs1{ font-weight:bold;} /*.dashboard-section-box6 .more-less{ float:none; font-size: 14px;} .dashboard-section-box7 .more-less{ float:none; font-size: 14px;} .dashboard-section-box8 .more-less{ float:none; font-size: 14px;} .dashboard-section-box9 .more-less{ float:none; font-size: 14px;} .dashboard-section-box10 .more-less{ float:none; font-size: 14px;} .dashboard-section-box11 .more-less{ float:none; font-size: 14px;} .dashboard-section-box12 .more-less{ float:none; font-size: 14px;} .dashboard-section-box13 .more-less{ float:none; font-size: 14px;} .dashboard-section-box14 .more-less{ float:none; font-size: 14px;}*/ .dashboard-box .loading-image img{ width:30px;} table.dataTable thead .sorting , table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{background-image: inherit !important;} .small-table-cell{width:100px !important;} .checkbox label.error{ float:right; padding:0 !important;} .exportExcel{margin:10px auto 10px;} /*********** permission list ************/ .permission-list ul li{display:inline-block;} .permission-list label span{vertical-align:text-bottom;padding-left:5px;} .no-scroll{overflow:hidden;position:fixed; width:100%;} .add_dotted tbody > tr td:nth-child(2),.add_dotted_long_text tbody > tr td:nth-child(3){float:left;width:150px;white-space:nowrap;overflow:hidden !important;text-overflow:ellipsis;} .add_dotted thead > tr th:nth-child(2),.add_dotted_long_text tbody > tr th:nth-child(3){ border-bottom:2px solid #ddd;} .add_dotted tbody > tr, .add_dotted_long_text tbody > tr{ border-top:1px solid #ccc;} .add_dotted tbody > tr td,.add_dotted_long_text tbody > tr td{border-top:none;} .add_dotted_task_long_text tbody > tr td:nth-child(1){float:left;width:100px;white-space:nowrap;overflow:hidden !important;text-overflow:ellipsis;} .add_dotted_task_long_text thead > tr th:nth-child(1),.add_dotted_task_long_text tbody > tr th:nth-child(3){ border-bottom:2px solid #ddd;} .add_dotted_task_long_text tbody > tr{ border-top:1px solid #ccc;} .add_dotted_task_long_text tbody > tr td{border-top:none;} .permissions-check-wrap input[type=checkbox] {vertical-align:sub;} /**********other link **************/ .other-link-wrap ul li{display:inline-block; padding:10px;margin:10px auto;max-height:300px;width:250px;float:left;} .other-link-wrap .btn{min-width:120px;} .btn-facebook{background:#3b579d;} .btn-you-tube{background:#d62422;} .btn-crm{background:#0070d2;} .btn-dcc{background:#00aeef;} .other-link-box-wrap{background:#fff;padding:20px;border-bottom:25px solid #9ce4ff;border-radius:5px;position:relative;cursor:pointer;box-shadow: 1px 1px 1px #ccc;min-height: 260px;} .other-link-box-wrap:hover {border-color:#114a5f;} .other-link-box-wrap h3{font-weight:700;text-decoration: underline;margin-bottom: 10px;} .other-link-box-wrap p{text-align: justify;} .other-link-box-wrap img{margin:10px; background:#fff;padding:10px;width:60px;border-radius:5px;box-shadow:1px 1px 5px #555;} /************search-box-loader **************/ .search-box-loader-wrap{position:absolute;width:100%;top:0;left:0;z-index:111;background:rgba(255,255,255,0.6);min-height:100%;} .search-box-loader-wrap img{position:absolute;top:40%;left:45%;width:35px;} .no_call{ float:none !important;width:auto !important;white-space:normal !important; overflow:initial !important; text-overflow: initial !important;} /*******Notification*******************/ .menu-notification{padding:20px 10px;}/*Added css by atish on 26/5/2020 */ .menu-notification i{color:#1b2480;font-size:25px;vertical-align: -webkit-baseline-middle;cursor:pointer;}/*Added color by atish on 26/5/2020*/ .menu-notification .badge{background-color:#ff2a2a;position:absolute;top:5px;right:-5px;} #History_History:first-child .detail-history{ border-bottom:none;} .detail-history div ul{padding-bottom:10px; padding:8px; border-bottom:1px solid #ccc;border-top:none; margin:0px; box-shadow:1px 1px 1px #ccc; border-radius:4px;} .notification-dropdown{width:320px !important;} .notification-dropdown ul li{border-bottom:1px solid #ccc;margin-bottom:5px;margin-top:5px;} .notification-dropdown ul li:first-child{margin-bottom:0;margin-top:0px;} .notification-dropdown ul li:last-child{border:0px;margin-bottom:0px;margin-top:0px;} .notification-dropdown ul li:nth-last-child(2){margin-bottom:0px;} .notifi-title { border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 12px; text-transform: uppercase; font-weight: 500; padding: 5px; color: #fff;background: #a094ed;} .notification-list .media {border-bottom: 1px solid #ccc;} .media-body { overflow: hidden;} .noti-icon {padding: 0px 10px !important;float: left;} .noti-icon i{color:#fff;padding: 5px;background:#a094ed;border-radius: 5px;box-shadow:1px 1px 1px #555;font-size:14px;} .noti-all{background: #F7F5F5;} .noti-all a{color:#333;font-weight:bold;} .notifi-title:hover{background: #a094ed !important;} .noti-all:hover{background: #F7F5F5 !important;} .italic-text{ font-style:italic;} .notification-select-wrap{margin-bottom:10px;} .copy-rights{padding:25px 0;} .no-notification{padding:5px;} /*************************************** notification dropdown on hover ***************************************/ .dropbtn { background-color:#ffffff!important;color: #1b2480; padding: 16px; font-size: 16px;border: none; cursor: pointer;}/*bg & text color change by atish on 26/5/2020*/ .dropdown {position:relative; display:inline-block;} .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 300px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;} .dropdown-content a { color: black; padding:0; text-decoration: none; display: block;} .dropdown-content a:hover {background-color:#114a5f; color:#fff; opacity:0.8; -webkit-transition:opacity 2s ease-out; -moz-transition: opacity 2s ease-out;-o-transition:opacity 2s ease-out; -ms-transition:opacity 2s ease-out; transition:opacity 2s ease-out;} .dropdown-content a:hover.media-body{ color:#fff;} /*.dropdown:hover .dropdown-content { display:block;}*/ .dropdown:hover .dropbtn { background-color:#114a5f;} .notification-dropdown.dropdown-menu{ margin:0;box-shadow:1px 1px 5px #555;border:none;padding:0;} .copy-rights{padding:15px 0;} #preLoader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999;background:#fff;} #preLoader img{position:absolute;top:45%;left:45%;width:50px;} #History_his_sec .panel-body{max-height:400px;overflow-y:scroll;} /***********Add tooltips here***********/ .tooltips-icon{border-radius:50%; background:#0070d2; font-size:10px; color:#fff;text-transform: lowercase; margin: 0 !important; text-align:center !important; display:inline-block; padding:0px 0.5px; height:13px; width:13px;padding-right: 1px; cursor:pointer; vertical-align: middle; left:0; position:relative; /*makes left effective*/} .tooltips-icon:hover ,.tooltips-icon:focus{ color:#fff;} .tooltips-icon + .tooltip > .tooltip-inner {background-color:#0070d2;text-align:justify; z-index:9999!important;} .tooltips-icon +.tooltip.right .tooltip-arrow { border-right-color:#0070d2;} .tooltips-icon:hover{ text-decoration:none;} .pop-tooltip-ul li{ padding-bottom:5px;} .pop-tooltip-ul li b{ font-weight:bold;} .tooltip{ z-index:9999 !important;} .account-new-popover-mid {min-height:465px;} /***********End tooltips here***********/ .btn-group.bootstrap-select.form-control.error {box-shadow:none; padding: 0 !important; border-radius:4px;} .dash-board-sec.tooltips-icon{ padding:0 !important;} /*#ui-id-1 {padding:0; border-radius:5px;background:none;border:none;}*/ .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{ color:#333;} .dash-board-sec .tooltips-icon{ text-align:center !important;margin:0 auto !important;display: inline-block; margin-bottom:3px !important;} .add-new-detail .new-wrap label{ margin:0 !important;} .add-new-detail .start_date{ display:inline-block;width: 70%;} .add-new-detail .add-opp{ padding:6px 0px;} #search-main .add-new-detail .panel-body label{ margin-bottom:0;} .add-new-detail .add-opp label{ margin-top:10px;} .add-new-detail .new-wrap{ margin:10px;} .small-modal .modal-dialog{width:60%;position:fixed;top:40%;left:20%;} .small-modal p{font-size:18px;font-weight:bold;margin-bottom:20px;} .panel-heading .panel-title h2 a{ color:#333;} .tooltips-icon{ color:#fff !important;} .arrow-steps .new-long-step{width:17%;} /* lead filer */ .add-new-detail .new-filter-wrap label{margin-right:10px !important;vertical-align: top;} .admin-blog .dropdown-menu li h3{padding: 5px 15px;font-size: 14px;display: block;color: #555 !important;} .form-control:focus{border-color:#66afe9;} .contact-wrap{margin-bottom:10px;} .additional-info ul li h3 {white-space:nowrap; overflow:hidden;text-overflow:ellipsis;} .additional-info ul li h3 a{ white-space:nowrap; overflow:hidden;text-overflow:ellipsis;} .additional-info .mobile-padd ul{ min-height:102px;} .task-assign-you{margin: 0;} .task-padding{padding-top: 5px !important;} .no-width-requd .bootstrap-select{ width:auto !important;} .table-data-load .panel-title .label-primary { color: #fff; vertical-align:middle; position:relative; top: -1px;} .title-left-menu ul li img{ width:40px; border-radius:50%;border: 1px solid #ccc;} /*add apportunite load css 13-06-17*/ #divProductListLoader {vertical-align:middle;position:absolute;width:96.8%;left:0;margin:0 15px;top:120px;height:100%;background:#ccc;text-align:center;padding-top: 20px} #divProductListLoader .loading-wrap { position: relative; width:50px; left:0; margin:0 auto; text-align:center; display: block;} #divProductListLoader .loading-wrap img{ position:static;} .add-hours-min .form-control{ width:75% !important; height:32px;} .add-hours-min li{ padding:0;} .btn.dropdown-toggle.bs-placeholder.btn-default ,.btn.dropdown-toggle.btn-default{ padding:5px 10px;border-radius:3px; } .account-competitor{overflow-y:scroll;height:80px; padding:5px; margin:0px 0px 5px;} #modal-competitor-operation .modal-content.modal-sm { width: 60%; margin: 0 auto;} .chang-bold{ font-weight: bold;} .search-icon { position: relative; display: block;} .search-icon .fa.fa-search { position:absolute; right: 0px; top: -33px;text-align: right;border-left: 1px solid #ccc; padding: 10px; cursor: pointer;} /* Code added by vijay for account search autocomplete drop down*/ #ui-id-1 {padding:0; border-radius:5px;background:#fff;border:1px solid #ccc;} .ui-autocomplete-loading{background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat;} .ui-autocomplete-input{z-index: 1;position: relative;} .ui-autocomplete {position: absolute; top: 100%; left:0; z-index: 99999 !important;float: left; display: none;min-width: 160px; _width: 160px; padding: 4px 0; margin: 2px 0 0 0;list-style: none;background-color: #ffffff;border-color: #ccc;border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;*border-right-width: 2px; *border-bottom-width: 2px;} .ui-menu-item > a.ui-corner-all { display: block; padding:3px 15px;clear: both;font-weight: normal;line-height: 18px;color: #555555; white-space: nowrap;text-decoration: none;} .ui-state-hover, .ui-state-active { color: #ffffff;text-decoration: none; background-color: #0088cc;border-radius: 0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;background-image: none;} /* End of code added by vijay for account search auto complete drop down */ /* wait popup */ .wait-popup .bg-success{background-color:#fdffe7 !important;} .wait-popup .loading-img{width:50px;} .wait-popup h1{text-align:center;font-size: 21px;margin-bottom: 20px;} .wait-popup {background:rgba(0,0,0,0.2);} .wait-popup .modal-info-wrap{ padding:10px 0;} .wait-popup .modal-info-wrap p{font-size:14px;color:#333;} .wait-popup .modal-info-wrap h3{font-size:16px;color:#333;font-weight:bold;margin-bottom: 20px;} /*.wait-popup .modal-dialog{top :35%;}*/ .wait-popup .modal-header{border-bottom:2px solid #ddd;} /* End of wait popup */ .view-competitor-details{border-bottom: 1px solid #dedbdb;} /*.dashboard-section-box15 .more-less{float: none; font-size:14px;}/*.view-competitor-details .table-responsive{margin-bottom: 0px !important;}*/ .addNewCompetitor select.selectpicker{display: block !important; } /*.plus-wrap i{color:#0070d2;background:#fff;border:1px solid #0070d2;border-radius:50%;padding:2px 3px 2px 3px;cursor:pointer;float:right;font-size:18px; display: inline-block;vertical-align:middle;margin:-4px 0 0 0;}*/ .plus-wrap i{cursor:pointer; float:right;font-size:22px;display:inline-block;vertical-align:middle; margin:-4px 0 0 0;} .plus-wrap .fa-plus:before {top:1px; position:relative;} .competitor-box {padding:0 5px;text-align: center;} .competitor-box .form-group{margin-bottom: 0;} .competitor-box-wrap {margin-bottom: 15px;} .addNewCompetitor{border:1px solid #ccc;padding:5px;box-shadow: 1px 1px 5px #ccc;position:relative;margin-bottom:15px;background:#f0f3f9;} .competitor-close-wrap{position: absolute;top:-8px;right:-8px;z-index: 11; color:#0070d2;} .lable-mobile label{display: none;} /*#delete-popup-competitor{background: rgba(0,0,0,0.8)}*/ .rotate{-moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;float:right;position: absolute; top: 4px; right: 10px;cursor:pointer;padding-left:10px;font-size:20px;color: #0070d2;} .rotate.down{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); transform:rotate(180deg);color:#0070d2;} .add-compitotar-table{ max-height: 200px; overflow: auto; margin-bottom:10px;} .no-competitor{text-align: center; display: block;padding-top: 10px; margin-bottom: 10px;} .competitor-text-bold{border-bottom: 1px solid #ccc; font-weight: bold; padding: 10px 0; margin-bottom: 5px;} .form-check label{padding: 5px 0; font-size: 13px; color: #54698d;} .suggested-check-wrap .form-check-input{vertical-align: middle;margin: 0;} .suggested-check-wrap span{padding-left: 5px;margin-right: 10px;} .competitor-text-bold{border-bottom: 1px solid #ccc; font-weight: bold; padding: 10px 0; margin-bottom: 5px;} .new-product-table-wrap{box-shadow:1px 1px 5px #ccc;} /* search account aditya */ .search-account .panel-body ul li{width: 24%;} /*.search-box .dropdown-menu{z-index:10;margin-top: 1px;} * managed in media query (min-width:1024px)*/ /* added by ravi */ .product-added {position: fixed; z-index: 111; top: 55px; width: 95%;} /* end */ /* end */ label.tech-sec{ width:100%;} /* end */ .add-bullets{ width:8px;height:8px;background-color:#ccc;border-radius: 50%;display:inline-block;} .digi-bg:before{border:2px solid #4dc750 !important; top:0px !important;} .sublimation-bg:before{border:2px solid #ee9934 !important; top:0px !important;} .screen-bg:before{border:2px solid #dd2f39 !important; top:0px !important;} .uv-bg:before{border:2px solid #43bbec !important; top:0px !important;} .green-bg{ background-color:#4dc750;} .org-bg{ background-color:#ee9934;} .red-bg{ background-color:#dd2f39;} .skyblue-bg{ background-color:#43bbec;} .close-bttn{ width: 22px;height:22px;background-color:#ccc;padding:0px 8px;border-radius:50px;color:#666;text-align:right;float:right;display:inline-block;margin: 4px;cursor: pointer;} .modal-body .form-group .custom-checkbox{ padding:2px 0 0 0 !important;} #tblProductList input{ border:1px solid #ccc;} .billing-sec{ padding-top:30px;} /*.add-pad05 .custom-checkbox:after{ top:-2px !important;}*/ /*add selectpicker dropdown close button .close.btn-primary { display: none; }*/ .bs-actionsbox .btn-group>.btn{width: 33.3% !important;} .bs-actionsbox .btn-group-sm>.btn, .btn-sm{ padding: 5px 0px; font-size: 10px;} .bs-searchbox + .bs-actionsbox{ padding: 0 4px 4px;} .bs-searchbox, .bs-actionsbox, .bs-donebutton{ padding:4px 4px;} .error-product { border: 1px solid #f50606 !important;} #Activity .loading-wrap img{top:0px;left:18px; width:22px;position:absolute;} .account-left-tab-wrap .loading-wrap img{top:0px;left:8px; width:22px;} #divProductList table.dataTable thead th, table.dataTable thead td{ padding:10px;} .data-input::-webkit-calendar-picker-indicator { opacity: 100;} /*add comment section */ .add-comment-sec { padding:10px !important;} .panel-heading b{ font-weight:700; font-size:15px;} .add-comment-sec .comment-list{ margin-top:0; overflow-y:auto; max-height:230px;} .comment-wrap{padding:16px 10px 32px;text-align: left;margin: 10px;background-color: rgba(190, 222, 91, 0.3);border-radius: 5px; border-top-left-radius: 5px; border-top-left-radius: 1px;position: relative; } .comment-tip {position: absolute; border-top: 0px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid rgba(190, 222, 91, 0.3); top: 0px;left: -10px;} .comment-wrap ul li {display: block !important; padding:0 10px;} .comment-ndwrap { position:absolute; right:5px; bottom:0px;} .comment-date { float:right; font-size: 10px; line-height: 24px;} .comment-name {float: right;font-size: 11px; line-height: 0px; display:block;} .comment-name b{ font-weight:700; font-style:italic;} .textarea-sec label b{ font-weight:700; color:#31708f;padding:0px 0px 4px; display:block;} .textarea-sec{ padding-top:10px; padding-bottom:10px; border:1px solid #bce8f1; margin:10px 0;} .comment-wrap-login{ background-color: #d5e1ec;padding: 17px 10px 28px;text-align: left;margin: 10px;border-radius: 5px;border-top-right-radius: 5px;border-top-right-radius: 1px;position: relative;} .comment-tip-login{ position:absolute;border-top: 0px solid transparent;border-bottom:10px solid transparent;border-left: 10px solid #d5e1ec;top:0px;right:-10px;} .panel-body.add-comment-sec.internal-comment-panel{ max-height:inherit !important; overflow-y: auto !important;} /*Add humberger menu here*/ .hamburger { width:44px; height:35px;} .hamburger.is-closed:before { content: ''; display: block; width:100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0,0,0); -webkit-transition: all .35s ease-in-out;} .hamburger.is-closed:hover:before { opacity: 1;display: block; -webkit-transform: translate3d(-100px,0,0); -webkit-transition: all .35s ease-in-out;} .hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom { position: absolute; left: 0; height:4px; width:100%;} .hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom { background-color: #1b2480;}/*bg color change by atish on 26/5/2020*/ .hamburger.is-closed .hamb-top { top: 5px; -webkit-transition: all .35s ease-in-out;} .hamburger.is-closed .hamb-middle {top: 50%; margin-top: -2px;} .hamburger.is-closed .hamb-bottom { bottom: 5px; -webkit-transition: all .35s ease-in-out;} .hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom { background-color: #1b2480;}/*bg color change by atish on 26/5/2020*/ .hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom { top: 50%; margin-top: -2px;} .hamburger.is-open .hamb-top { -webkit-transform: rotate(45deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);} .hamburger.is-open .hamb-middle { display:none;} .hamburger.is-open .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);} .hamburger.is-open:before {content: '';display: block; width: 100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0,0,0); -webkit-transition: all .35s ease-in-out;} .hamburger span{ width:22px !important;margin: 0 10px;height:3px !important;} /*Add humberger menu end*/ /*.dropdown-menu.open{ left:50% !important; margin-left:-100px; right:0;}*/ #search-main .add-new-detail .new-filter-wrap label{margin-right:0px !important;vertical-align: top;} .data-input::-webkit-calendar-picker-indicator { opacity: 100;} .text-wrap-for-opportunities{width:260px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block;} .dropdown .dropbtn { font-size:14px;padding: 21px 14px 14px;} .dropdown .dropdown-content{ top:68px; background:#ffffff;}/*bg color change by atish on 26/5/2020*/ .dropdown .dropdown-content{padding-top:0 !important;} .dropdown .dropdown-content a{ padding:2px 10px !important} /*.dropdown .dropdown-content a:hover{ background-color:#cccx !important; }*/ .add_detail_bulet{display: inline-block;vertical-align: middle;} .org-text{color:#008800; font-weight:bold;} .blue-text{color:#2d49d4; font-weight:bold;} .blue-bg{ background-color:#2d49d4;} /*.popover { left: 0 !important; border: none !important;box-shadow: none !important;width:320px !important; background:none;} .popover-content { max-height:200px;overflow-y: auto; background:#fff; border:1px solid #114a5f;} .popover-text {} .popover.top > .arrow::after { border-top-color: #114a5f;} .popover.top > .arrow{ bottom:-10px; } .popover.bottom > .arrow{top: -11px;margin-left:-24px;} .popover.right > .arrow{ top:10px !important;} .popover-content{ border-radius:0 !important;} .popover.right { margin-left: 48px;} .popover.right > .arrow{ margin-top: -10px; left: -10px;}*/ .pop-wrap{ z-index:2 !important; position:relative !important;} .opportunity-popover .popup-info-mid{ height:250px !important; min-height:auto !important; overflow-y:auto; padding: 2px 10px !important;} .opportunity-popover .fa-commenting{color:#0070d2; font-size:18px; padding-right:3px; cursor:pointer;} .opportunity-popover .popover{ z-index:999999 !important; margin-left:0px;position:absolute;} .opportunity-popover .comment-wrap{margin:5px 10px !important;} .opportunity-popover .popover.right > .arrow{ left:-11px !important;} .table-responsive.add-scroll-mobile{ position:static; z-index:99999 !important;} .navbar-nav > li .country-name{ color: #e8d637;margin:23px 30px 0 0px;display: inline-block; font-style: italic;text-align:right;} .country-name-on-mobile { display: none;} #xsearch-main .table{ margin-bottom:0px;} #xsearch-main .table tr{ margin-bottom:10px !important;} #commentList .panel-heading{ display:block;} .competitor-close-wrap i{ cursor:pointer;} .popup-info-mid .panel-heading{ display:block; text-align:center;margin-top:35%; vertical-align:middle; font-weight:bold;} .opportunity-popover .popup-info{ padding:4px 3px 0px 3px !important;} .opportunity-popover .popover-content{ padding:0px 2px !important;} .comment-wrap ul li.comment-date{ width:100%; text-align:right !important;margin-top:5px;font-size: 10px;} .popup-info-mid ul li.comment-date{ width:100%; text-align:right !important;margin-top:0px;font-size: 10px;} .comment-wrap ul li.comment-name {font-size:11px;} #popover-comment-inner .comment-name{ font-size:11px !important; font-style:italic;} .comment-wrap ul li.comment-name b{ margin-top:10px !important; display:block; width:100%;} .popup-info-mid .comment-wrap{padding:16px 10px 40px !important;} .opportunity-popover .title{ text-align:center; vertical-align:middle; display:block;margin-top:33%; padding-bottom:8px; font-weight:bold;} .fa.fa-times{text-align: right;color: #fff;display: block;width: 100%;padding: 3px 5px 0;} #createdBy .loading-wrap img{ text-align:center; margin:0 auto; display:block;} /*--accountowner popuploader update--*/ #account-owner-popover #accountOwnerList .loading-wrap { text-align: center;} #account-owner-popover #accountOwnerList .loading-wrap img {margin: 0 auto;} .account-left-tab-wrap .loading-wrap {left: 50%; margin-left: -15px;} .account-left-tab-wrap .loading-wrap img {left: 50%; margin-left: -11px;} .account-activity{ border:1px solid #c1c1c1; -webkit-box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75); padding:10px 15px;} td.details-control {background: url('../images/details_open.png') no-repeat center 7px;cursor: pointer; height:20px; width: 20px;display: inline-block;} tr.shown td.details-control {background: url('../images/details_close.png') no-repeat center 7px; width: 20px;display: inline-block;} td.details-control-module {background: url('../images/details_open.png') no-repeat center 7px !important;cursor: pointer; height:20px; width:20px;display: inline-block;} tr.shown-module td.details-control-module { background: url('../images/details_close.png') no-repeat center 7px !important;height:20px; width:20px;display: inline-block;} #tblCallCreatedByUser .fa.fa-arrow-circle-up{position: relative;top: 8px;right: -12px;font-size: 19px;} .caret-up { position: relative;top:6px;} img.caret-up {top: -11px; position: relative;} div#account-activity { position: relative;top: -17px;} /*.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {vertical-align: middle; word-wrap:break-word;max-width:150px;}*/ #account-activity { width:100%;overflow-y:scroll; display:block; padding:0;border:1px solid #3f4041;} /*.lead-activity{ position:absolute; background:#fff; z-index:99999; left:0;}*/ .fa.fa-window-close{position: absolute;color:#3f3e3e;top:0px;font-size:15px;float:right;text-align:right;display: block;right: 1px;z-index: 999999; cursor: pointer;} .right-detail .search-sec{ margin-top:9px;} .nav.navbar-nav.navbar-right .search-sec a:hover{color:#fff !important;} /*new animation search here*/ .sample { margin: 19px 0 0 0;position: relative;text-align: right;width:440px;} .sample.one input[type="text"], .sample.two input[type="text"] {border-radius:15px;right:0;transition:all .3s ease-in-out;width:100%;border:none;} .sample.one input:focus, .sample.two input:focus {width:300%;} .sample.one input:focus ~ button.btn-search, .sample.two input:focus ~ button.btn-search {/*background: #114a5f;color: #fff;*/} .sample.one input:focus ~ button.btn-reset, .sample.two input:focus ~ button.btn-reset {right: -22px;} .sample.one button, .sample.two button {transition: all .3s ease-in-out;} .sample.one button.btn-search, .sample.two button.btn-search {background:#fff;border-radius:50%;height:22px;right:2px; top:2px; transition: all .3s ease-in-out; width:22px; padding:3px 0px;} .sample.one button.btn-search {transition:none!important;} .sample.one button.btn-reset, .sample.two button.btn-reset {background:#fff;border:1px solid #ccc;border-radius:50%; font-size:10px;height:20px; line-height: 20px;padding:0; right:5px;top:5px;width:20px;z-index:-1;} /*new animation search end*/ .navbar-nav > li.search{ clear: both;position: relative;z-index: 99;right:0;} .nav.navbar-nav.navbar-right{ margin-right:-10px !important;} .btn.btn-search.fa.fa-search{} #tblCallCreatedByUser .fa-times-circle{position:absolute;top:40px;font-size:23px;right:6px;z-index:999;cursor:pointer;} .sample input{ padding:3px 10px;} .navbar-nav > li.mobile-on{ display:none;} .sample.one input[type="text"] { position:absolute; right:25px; top:0px;border: 1px solid #1b2480;}/*Added css border 1px by atish on 26/5/2020*/ .sample { max-width:190px; min-width: 92px; width:100%;} .sample.one {position:relative;} .sample.one >.btn.btn-search.fa.fa-search { cursor: pointer;} .navbar-form .input-group {width:100%;} .suggested-check-wrap.purpose span {vertical-align: top;} #formEditNewCall .radio label::after {top: 0px;} #formEditNewCall .radio label::before {top: -3px;} #formEditNewCall input[type=radio] {line-height: inherit!important; margin: 0px!important;} #formEditNewCall .form-check label {position: relative!important;} .start-date{ float:left; width:52%;} .end-date{ float:right; width:50%;} /*--search result page style @23.8.2017--*/ .outerb {margin-bottom: 35px; border:1px solid #ddd; margin-top: 15px; padding-top: 25px; padding-bottom: 0px; /*--min-height: 500px;--*/} .crm-table-wrap > h2 {font-size: 24px; line-height: 34px; font-weight: 600; padding-left: 25px;} .table-responsive tr td a {text-transform: capitalize;} .callsearch {margin-bottom: 25px;} #newContact .label-primary{ text-align:right;} #newContact .new-contact-bttn{ width:100%;} .new-contact-bttn .label-primary{ float:right;} /*.call_type .form-check-label input{margin-top:0px;}*/ /*--opportunity form sequence sytle @24.8.2017--*/ .colomnhalf {width:49%; margin-right:2%; float:left;} .colomnhalf.second{margin-right:0px;} .error_wrap div.form-control {height:auto!important;} .modal-body .form-group label {font-size:12px;} .mobile-padd span.subtotal {text-align:right; float: right;} ::-webkit-input-placeholder, button.btn.dropdown-toggle.bs-placeholder.btn-default { /* Chrome */ font-size:12px; } :-ms-input-placeholder { /* IE 10+ */ font-size:12px; } ::-moz-placeholder { /* Firefox 19+ */ font-size:12px; opacity: 1; } :-moz-placeholder { /* Firefox 4 - 18 */ font-size:12px; opacity: 1; } /*.form-group .form-control {height:32px;}*/ .mobile-padd span.subtotal {text-align:right; float: right;} div.dataTables_wrapper div.dataTables_paginate {padding-bottom: 10px;} table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px;} .search-sec .table-responsive{ margin:0 auto; display:block; text-align:center;} #searchValue { padding:6px 5px; vertical-align: bottom; width:30%;} #tblCallCreatedByUser.dataTable tbody tr {background-color:#F4F6F9;} table.dataTable thead th, table.dataTable thead td {padding:8px !important;} .search-sec h2{ padding-top:10px; padding-bottom:10px;font-size:24px;line-height:34px;font-weight:600;} .search-sec .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .search-sec .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {padding:8px !important;line-height:1.42857143 !important;vertical-align:top !important;border-top:1px solid #ddd !important;text-align:left !important; /*max-width:inherit !important;*/} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top;text-align:left; border-left: none;border-right: none;} .dataTable .no-footer tbody{ min-height:150px; overflow-y:auto;} .search-sec #accordion .glyphicon-minus{ float:right;} .search-sec #accordion .glyphicon-plus{ float:right;} #modal-useractivity-operation .modal-dialog { width:95%;} #modal-useractivity-operation #accordion .glyphicon-plus{ float:right;} #modal-useractivity-operation #accordion .glyphicon-minus{ float:right;} #tblTaskCreatedByUser table tbody tr td{vertical-align:top !important;} /*-- styling update on user activity report page @ 1.09.2017--*/ #modal-useractivity-operation .modal-content .modal-body > .export-btn {margin-bottom: 15px; } .table-responsive tr td:nth-child(1) a{padding-left: 12px;} i.fa.fa-file-excel-o.fa-1{color:#158738;} #accordion .panel1 .table-responsive{ overflow-x: hidden !important;} /*#accordion .panel-collapse.table-responsive.collapse.in .panel-body{overflow:scroll !important;}*/ /********************************************************************/ /*** PANEL PRIMARY ***/ /*.with-nav-tabs.panel-primary .nav-tabs > li > a,.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {color: #fff;}*/ .with-nav-tabs.panel-primary .nav-tabs > .open > a,.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,.with-nav-tabs.panel-primary .nav-tabs > li > a:focus ,.with-nav-tabs.panel-primary .nav-tabs > li.active > a{color:#3071a9;background-color:#fff;border-color: transparent; padding:5px 15px;border-bottom:1px solid #fff; margin:0;} /*.with-nav-tabs.panel-primary .nav-tabs > li.active > a,.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {color:#114a5f; background-color: #fff; border-color: #428bca; border-bottom-color: transparent;border-width: 0 !important;}*/ .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu { background-color: #428bca;border-color: #3071a9;} .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #fff;} .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #3071a9;} .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { background-color:red;} .panel-primary .nav-tabs{ border-bottom:none !important;} .panel-primary .nav-tabs > li {padding-right:0px;margin-bottom:0px;} .with-nav-tabs.panel-primary > .panel-heading {background-color: #114a5f; border-color: #114a5f; color: #fff;} #panel1.account-right-tab-wrap .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ border-width:0 !important;} /*.with-nav-tabs .nav-tabs > li > a { margin-right:4px !important; line-height:auto !important;} #panel1 .nav-tabs > li{ margin-bottom:0 !important;}*/ .with-nav-tabs .nav > li > a{ padding:5px 15px;border-radius:5px 5px 0 0;color:#fff;border:none;background:#114a5f; margin:0;} .with-nav-tabs .panel-heading { padding:5px 5px 2px;} /*-- modification of popup as 4.09.2017--*/ .dataTables_scrollHead{background: #F2F6FD;} .table.dataTable thead {background: #F2F6FD;} /*.dataTables_scrollBody {overflow: visible!important;}*/ .popuda {position: relative;} .odd.popuda .popover {top:0!important;} /*--update on 5.09.2017--*/ .table-responsive tr td:nth-child(1) a{padding-left:0;} .highcharts-container{ width:98% !important;} .tab-pane p{ text-align:left; padding:10px;} .detail-table-data i.fa.fa-file-excel-o.fa-1{ padding-right:5px;} .search-sec .panel.panel-default{ position: relative !important;} .search-sec .dataTables_wrapper{ position:static !important;} #panel5 { overflow-y:hidden !important;} .search-sec .fa-commenting{color:#0070d2; font-size:18px; padding-right:3px; cursor:pointer;} /*#leadtable { position: relative;}*/ #popover-comment-inner .popup-info-mid {height:250px!important; overflow-y:auto;} .search-sec .dataTables_wrapper .dataTables_paginate .paginate_button:hover{ color:#333 !important;} .paginate_button:hover, .paginate_button.current:hover {color:#333!important; font-weight:300;} .with-nav-tabs .panel-heading {padding-bottom: 0px;} .add-mar{ margin-top:15px;} /*--STYLE added as on7.09.17 --*/ .btn.dropdown-toggle.bs-placeholder.btn-default, .btn.dropdown-toggle.btn-default {padding: 6px 10px;} #search-main .form-control {height: 30px;} .form-control {height: 30px;} .top-form-wrap {margin-top: 0px;} .form-check-label.check-account-wrap.checkbox.checkbox-primary {padding: 0;} div#productTechnology {margin: 0 0 10px 0px;} .detail-history div ul{border-top: 1px solid #ccc;border-left: 1px solid #ccc;} select { -moz-appearance: none;text-indent: 0.01px; text-overflow: '';} table.table.add_dotted_task_long_text > tbody>tr>td,.row.mar0.crm-table-wrap .table-responsive > td, table.add_dotted tbody tr td{border-top: 0px;} table.opportunity-popover td {border-top: 1px solid #ddd;} /*.mobile-padds {padding-top: 30px;}*/ .billing-sec{padding-top: 0;} .btn.dropdown-toggle.bs-placeholder.btn-default, .btn.dropdown-toggle.btn-default {padding: 8px 10px;} #divCompetitorData1 .btn.dropdown-toggle.bs-placeholder.btn-default,#divCompetitorData1 .btn.dropdown-toggle.btn-default {padding: 6px 10px!important;} .btn.dropdown-toggle.btn-default, #divCompetitorData2 .btn.dropdown-toggle.bs-placeholder.btn-default,#divCompetitorData2 .btn.dropdown-toggle.btn-default {padding: 5px 10px!important;} .form-check-label.check-account-wrap.checkbox.checkbox-primary .error{width: 134px; position: relative;right: -8px;top: 18px;display: block;} .form-check-label.check-account-wrap.checkbox.checkbox-primary.custom-checkbox{ top:0;} #divProductList .form-check-label.check-account-wrap.checkbox.checkbox-primary .error{ position:absolute !important;} .form-check-label.check-account-wrap.checkbox.checkbox-primary {padding:0 0 0 35px;} /*--new added for accounts at 13.9.2017--*/ .original {display: block; position: relative; margin-bottom: 5px;} #divCompetitorData1 .addremovegroup {position: absolute; right: -5px; top: 5px; margin: -5px; width: 18px; height: 26px; z-index: 9;} #divCompetitorData2 .addremovegroup {position: absolute; right: -5px; top: 5px; margin: -5px; width: 18px; height: 26px; z-index: 9;} #addNewRowProductCompetitor .addremovegroup {position: absolute; right: 0; top: 5px; margin: -5px; width: 18px; height: 26px; z-index: 9;} .addbtn {width: 20px; height: 15px; background: green; color:#fff; font-size: 12px; float: left; text-align: center; vertical-align: middle; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px;} .minusbtn {width: 20px; height: 15px; background: red; color:#fff; font-size: 12px; float: left; text-align: center; vertical-align: middle; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px;} .addbtn em, .minusbtn em {position: re;width:20px; height: 10px; } .show{display: block;} .hade{display: none;} #divCompetitorData .addremovegroup {position: absolute; right: -5px; top: 10px; margin: -5px; width: 18px; height: 26px; z-index: 9;} div#divCompetitorData .btn.dropdown-toggle.bs-placeholder.btn-default {padding: 6px 10px!important;} .modal-body .form-group {margin-left: 15px; margin-right: 15px;} span.addbtn:hover, span.minusbtn:hover{cursor: pointer;} #formAddNewOpportunity > .modal-body .form-group { margin-left: 0px; margin-right: 1%; /*min-height:70px;*/} .search-icon .fa.fa-search {padding: 8px 10px; top: -30px;} #divMessageBox .form-group {margin-left: 0;margin-right: 1%;} #formAddNewAccountCompetitor .error {padding: 0px 12px !important;} /*#formAddNewAccountCompetitor .modal-body .form-group {margin-bottom: 15px;}*/ #formAddNewLead .modal-body .form-group, #formEditLead .modal-body .form-group {margin-bottom: 10px; margin-left: 0px;margin-right: 0%;} .btn-group.bootstrap-select.form-control {position: relative;} input.form-control.error, textarea#billingAddress {position: relative;} .competitor-form.col-lg-12.pad0 .form-group {position: relative;margin-bottom:0;} .competitor-form.col-lg-12.pad0 label.error {position: absolute; left: 0;} #divOppTaskActivity .modal-body .form-group {margin-bottom: 10px;} #divOppTaskActivity .col-lg-12.col-md-12.col-sm-12.col-xs-12.form-group.mobile-padd{margin-left: 0;margin-right: 0; width:100%;} /*--style of opportunity add new producat --*/ .notification {position: absolute; top: 50%; width: 250px; height: auto; padding: 10px; background: red; color :#ff; -webkit-animation: fadeinout 4s linear forwards;animation: fadeinout 4s linear forwards;} span.error_label {background:#C23934!important; position: absolute; bottom: 16px;right: 142px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px;} span.error_label .error {color:#fff!important; padding: 5px 10px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; text-align: center;} @-webkit-keyframes fadeinout {0%,100% { opacity: 0; } 50% { opacity: 1; } } @keyframes fadeinout {0%,100% { opacity:0;} 50% { opacity: 1;} } .notif {position:absolute; top: 50%; width: auto; height: auto; padding: 10px; background: red; color :#C23934;} #tblBodyProductList tr td {position: relative;} #tblBodyProductList .error {position: absolute; left: 0; bottom:-8px; padding: 0; font-size: 10px!important; width:190px;} /*--style added on 21.9.2017--*/ .bootstrap-select.btn-group .dropdown-toggle .filter-option {font-size: 13px!important;height: 18px; color: #999999;} .search-sec .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {padding: 8px 8px 14px !important;} #tblBodyProductList .error{bottom: -5px;} #formAddNewAccount .checkbox .custom-checkbox::after, #formEditAccount .checkbox .custom-checkbox::after {top:-3px;} /*--style added on 22.9.2017--*/ #formAddNewAccount .form-check-label.check-account-wrap.checkbox.checkbox-primary, #formEditAccount .form-check-label.check-account-wrap.checkbox.checkbox-primary{padding-left: 35px;} .addbtn em {display: -webkit-flex; display: -moz-flex; display: flex;position: relative; justify-content: center;} .minusbtn em {display: -webkit-flex; display: -moz-flex; display: flex; flex;position: relative; justify-content: center;} /*--style added on 27.09.2017--*/ #formAddNewCall .modal-body .form-group,#formAddNewExpense .modal-body .form-group {margin-left: 0px;} #formAddNewGroup .modal-body .form-group .custom-checkbox, #formAddNewTask .modal-body .form-group .custom-checkbox {padding: 2px 0 0 10px!important;} #newContact .label-primary {padding: .4em .6em .4em;} /*--style added on 28.9.2017--*/ .btn.dropdown-toggle.bs-placeholder.btn-default {font-size: 13px!important;} /*.form-control{height:38px;}*/ .row.original.countForCompetitor .form-control, .btn-group.bootstrap-select.form-control, .form-control {margin-bottom: 5px!important;} .top-form-wrap.mobile-padd {margin-top:0 px; margin-bottom: 10px;} .top-table-strip-wrap {margin-bottom: 10px;} #testtt .form-group.error_wrap{margin-bottom: 0px;} .title-wrap{padding: 10px 15px;} #formAddNewLead .suggested-check-wrap .form-check-label input, #formAddNewCall .suggested-check-wrap .form-check-label input ,#formEditExpense .suggested-check-wrap .form-check-label input {margin-top: 0px !important;} /*#formAddNewOpportunity #temp-account-name{margin-bottom:0 !important;height:30px !important;}*/ #temp-account-name{ margin-bottom:0 !important;} #expesneMaster .form-group, #formAddNewExpense .form-group{margin-right:0px ! important;} #expesneMaster .form-group [type=file], #formAddNewExpense .form-group [type=file]{ height: auto;padding-top: 5px;} .suggested-check-wrap.expense span {vertical-align: top; position: relative;top: -2px;} .row.crm-expense {border:0px; background: none;} .form-group.remove-pad {margin-left:0;margin-right:0;} #formEditNewCall .modal-body .form-group {margin-left: 0px;} /*--expense attachment css 11-10-2017--*/ .expense-receipt a img{ position:relative;} .expense-receipt a .fa-times-circle{ position:relative; right:-86px; top:-71px; z-index: 99999;font-size:18px;} .navbar-brand.logo img {width: 65px; height: 75px;margin: 0 14px;}/*Added css by atish on 26/5/2020*/ .expense-attachedment .img-thumbnail{width:80px !important; height:80px !important; max-width:auto;} .expense-attachedment label { padding:10px 0;} .expense-attachedment .text-group-wrap{ float:left;position:relative; text-align:center;} .expense-attachedment .text-group-wrap span.caption-text{ /*position: absolute;*/ display:block; left: 0; bottom: -27px;width: 100%; padding: 10px 0;} .expense-attach-records{padding:10px 0px 0px 0px;} .align-right {text-align: right !important;} .remove-mar{ margin-left:0 !important; margin-right:0 !important; } /* css for home user and zone select box .user-location .dropdown-menu.open { right: 0 !important; left:inherit !important; z-index:999;} .sales-for-zone .dropdown-menu.open { z-index:999;}*/ .sales-for-zone .dropdown-menu.open { z-index:999;} .dropdown-menu.open{ bottom: auto;} span.no-record{display: block;padding: 0px 0 10px;text-align: center; } .expense-edit .modal-body .form-group label{ padding:0 !important; } .expense-edit .form-check-label input{ margin:0 !important; } .expense-edit span{vertical-align: middle;} /*--changes in deals add product page style 30.10.2017--*/ #tblBodyProductList .addremovegroup {position: absolute;right: -10px; top: 8px; z-index: 9999;} #tblBodyProductList .addremovegroup .addbtn, #tblBodyProductList .addremovegroup .minusbtn {width: 15px; height: 15px;} #tblBodyProductList .addremovegroup .addbtn em , #tblBodyProductList .addremovegroup .minusbtn em {width: 15px; height: 15px;} table#tblProductList #tblBodyProductList tr > td:first-child + td + td input {margin-left: 20px;} .comment-text{ padding-top: 10px;padding-bottom:10px;} .comment-text .detail-text{height:150px;overflow-y:scroll;border:1px solid #ccc;margin-top:10px;} #Related-three {background: #ccc;} /*.pagination_total_record { margin-top:12px;text-transform: capitalize; color:#fff; padding:5px;border-radius:2px;background:#0070d2; min-width: 120px;float: left;}*/ .pagination_total_record { margin-top:12px;text-transform: capitalize;/* color:#fff;*/ padding:5px;border-radius:2px;/*background:#c1c1c1;*/ min-width: 120px;float: left;font-weight:bold} .pagination-bttn{ padding:4px 0;} .view-user{padding:10px 0 15px 0; margin-bottom:10px;} .view-user label{ display:block; width:100%;} .valid-form{ padding:0;} .new-pass label, .no-pad01 label { padding:5px 0;} .mobile-hide{padding:5px 0 !important} /***********************Add new order page end***********************/ /* code added by amit for add new company table */ .mtablecomp {width: 100%; margin:25px 0 90px; } .tablehead {width: 100%; padding: 10px; border: 1px solid #00aeef; } .tablehead, .tablerow {list-style: none; margin: 0px; } .tablehead p {font-size:14px; line-height: 20px; text-align: left; color:#4b4848; font-weight: 700;} .tablebody {width:100%;} .tablerow {display: inline-block; position: relative; padding:10px; text-align: left; } .tablerow p {display: inline-block; position: relative; padding: 5px 0px; text-align: left;} .tablehead {font-size: 14px; line-height: 18px; font-weight: 700; color:#777;} .tablerow {width: 100%; position: relative; border: 1px solid #00aeef; border-top: 0px;} .tablerow.last {border-bottom: 1px solid #00aeef;} .tablerow p, .tablerow span{font-size:14px; line-height: 20px; font-weight: 400; color:#4b4848;} .col-lg-2.col-md-2.col-sm-2.col-xs12.radioinputtwo, .col-lg-2.col-md-2.col-sm-2.col-xs12.radioinputone, .col-lg-2.col-md-2.col-sm-2.col-xs12.GSTNumb {text-align: center;} .GSTNumb .mtitile1 b, .radioinputone .mtitile2 b, .radioinputtwo .mtitile3 b {width:50%; font-size: 13px; line-height: 17px; font-weight: 400; color:#777; text-align: left; display: none;} #add-new-details {border: 1px solid #00aeef; margin-bottom: 4px;padding: 0; border-bottom:none;} .mtablecomp .panel-heading {padding: 5px 5px; background: #f0f8fc; /*border: 1px solid #93aec5; */} #add-new-details.panel-body,#view-order-details.panel-body{padding:0px;margin-top:0px;} #modal-check-order-confirm h1, .wait-popup h1{text-align:center;font-size: 18px;margin-bottom: 20px;} .wait-popup .loading-img{width:50px;} .table-action-icon ul li{display:inline-block;color:#f1f2f3;padding-left:10px;cursor:pointer;} .success-box-wrap{position: Fixed;top: 52px;left: 0;right: 0;width: 50%;margin: 0 auto;z-index: 11111;display: none;} .success-box-wrap{position: Fixed;top: 52px;left: 0;right: 0;width: 50%;margin: 0 auto;z-index: 11111;display: none;} /*End of add new order page*/ #addNewOrder .panel-heading ,#orderSearchForm .panel-heading ,#view-order-details .panel-heading{ padding:7px 6px; background:#00aeef;border-radius:6px 6px 0 0;} #addNewOrder .panel-title ,#orderSearchForm .panel-title ,#view-order-details .panel-title{color:#fff;} #orderSearchForm #search-main {border: 1px solid #00aeef;margin: 0 auto;} #order-item-details.table > thead > tr > th {border-bottom:1px solid #00aeef !important} #orderSearchForm .panel-warning .panel-heading{ border-color:inherit;border-bottom:none;} .mtablecomp.item-detail {background:none;border:none; margin-bottom:25px;} .item-detail #RelatedTwo_product1 { background:#fff; border:1px solid #00aeef;} .item-detail #Related-Two {border-bottom:none;} .add-new-title .page-title{ text-transform:uppercase;color: #4c5667;line-height:30px; margin-bottom:12px;font-size:15px;} .plus-icon img{ width:20px; height:20px;} table#order-item-details{margin-bottom:0px;} /******************************Add Kyc form *************************************/ #kyc-model-body-view table {border-collapse: collapse;/*width:750px;*/ margin:0 auto; } #kyc-model-body-view td, th {border: 1px solid black;padding:8px;text-align:center;font-family:arial; } #kyc-model-body-view .kyc-form tbody tr td {text-align:left;} #kyc-model-body-view h2{ font-size:16px; text-align:center; margin:0; color:#000; } #kyc-model-body-view .owner-details .ad-bdr tr th{ border-bottom:1px solid #000 !important; border-left:1px solid #000;border-right:1px solid #000;} #kyc-model-body-view .owner-details tbody{ border-bottom:1px solid red !important;} #kyc-model-body-view b{ font-weight:bold;} #kyc-model-body-view .owner-details tbody tr td{ text-align:left; border-bottom:1px solid #000;} #kyc-model-body-view .kyc-report table{ margin-bottom:0 !important;} #kyc-model-body-view .owner-details{ margin-bottom:10px;} #modal-account-kyc .owner-details{ margin-bottom:15px !important;} #modal-account-kyc .row.mar0.kyc-report {padding-bottom: 15px !important;} /******************************Ends Kyc form *************************************/ .summary-report{color: #0070d2; padding:10px 0px;} .bdr-bttm { border-bottom:2px solid #ccc;} .details-list{padding:10px 0; border-bottom:2px solid #ccc;} .clients-detail{max-height:95px; overflow:auto;padding:0;} .purpose-detail{padding:0;} .details-list strong{font-weight:bold;text-transform: uppercase;} .next-action-tooltips{ font-style:italic;} /******************************tab section*****************************/ /*#dashboard-section-main5 .tab-section .nav-tabs > li > a:focus, .nav > li > a:hover{background:none !important; border-bottom:1px solid #fff !important;} #dashboard-section-main4 .tab-section .nav-tabs > li > a:focus, .nav > li > a:hover{background:none !important; border-bottom:1px solid #fff !important;} #dashboard-section-main5 .nav > li > a:hover ,a:active{border-bottom:1px solid #fff !important;} #dashboard-section-main4 .nav > li > a:hover ,a:active{border-bottom:1px solid #fff !important;}*/ #dashboard-section-main4.account-right-tab-wrap .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ border-bottom:none !important; border-top:1px solid #ccc !important; border-left:1px solid #ccc !important; border-right:1px solid #ccc !important;} #dashboard-section-main5.account-right-tab-wrap .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ border-bottom:none !important; border-top:1px solid #ccc !important; border-left:1px solid #ccc !important; border-right:1px solid #ccc !important;} #upComingTask .add_dotted_task_long_text tr .no-record-found-upcoming-task{text-overflow:inherit;width:auto;} #overDueTask .add_dotted_task_long_text tr .no-record-found-overdue-task{text-overflow:inherit;width:auto;} #upComingCall .add_dotted_task_long_text tr .no-record-found-upcoming-call{text-overflow:inherit;width:auto;} #overDueCall .add_dotted_task_long_text tr .no-record-found-overdue-call{text-overflow:inherit;width:auto;} /******************************End section*****************************/ #alert-overdue .alert-danger{margin: 15px 0 !important;} #alert-overdue .alert-success{margin: 15px 0 !important;} #upcoming .alert-danger{margin: 15px 0 !important;} #upcoming .alert-success{margin: 15px 0 !important;} /****************add new order page styling 25th april 2018****************/ .add-new-order-sec .add-new-title { padding:0;} .add-new-order-sec .add-title ul li .page-title{padding: 0;text-align: left; text-transform: uppercase;color: #4c5667;line-height: 30px;margin-bottom: 12px;font-size: 15px;font-weight: bold;} #divCustomerCompany label {display: inline-block; max-width: 100%;margin-bottom:5px;font-weight:700;font-size: 14px;color: #4c5667;} #divOrderAddressDetails .tablerow.address p{ font-size: 14px; line-height: 20px; font-weight: 400; color: #4b4848; padding:0 15px;} #divOrderAddressDetails .Billingtitle{ text-align:center;} #divOrderAddressDetails .Shipptitile{text-align:center;} #divOrderAddressDetails .Billingtitle p ,#divOrderAddressDetails .Shipptitile p{ margin:0;} .add-new-order-sec div#add-new-details ul li{ width: 18%;padding: 20px 10px;vertical-align: top;display: inline-block;margin-left: 16px;} .add-new-order-sec .dropdown-menu.open .dropdown-menu.inner li{ padding:0 !important;} .add-new-order-sec div#add-new-details ul li #addOrderItem { width:100%;} .add-new-order-sec div#add-new-details ul li label ,.add-text-box label{ font-size: 14px;line-height: 20px;text-align: left;color: #4b4848;font-weight: 700;} .add-new-order-sec #order-item-details.table > thead > tr > th{font-size: 14px;line-height: 20px;text-align: left;color: #4b4848;font-weight: 700; } #btnPlaceOrder ,#addOrderItem { color: #fff;background-color: #286090;border-color: #122b40;} .add-new-order-sec #divCustomerCompany{ margin-bottom:0;} .add-new-order-sec #addNewOrder .panel-heading, #orderSearchForm .panel-heading, #view-order-details .panel-heading{ background:#286090; border:1px solid #286090;} .add-new-order-sec #order-item-details{border-bottom: 1px solid #286090;} #modal-check-order-confirm .modal-dialog { width:40%;top:20%;} #addNewOrder .mtablecomp { margin-bottom:25px;} #addNewOrder .tablehead{ border: 1px solid #286090;} #addNewOrder .tablerow{border: 1px solid #286090; border-top:none;} .add-new-order-sec #add-new-details{border: 1px solid #286090;border-bottom:none;} .add-new-order-sec #order-item-details.table > thead > tr > th {border-bottom: 1px solid #286090 !important;} .tablerow-btm{ border-bottom:1px solid #286090 !important; border-left: none !important;border-right: none !important;padding:10px 0;} .view-order-details .product-detail{ padding:0;} .account-left-tab-wrap .top-form-wrap .detail-text {word-wrap:break-word;} .account-left-tab-wrap .detail-text{word-wrap:break-word !important;} .main-wrap{ position:relative; left:0; top:0;} .over-div{ position:absolute; width:100%; height:100%; top:0;opacity:1; background:#666; z-index:9;} .over-div .alrt-msg{ color:#fff; position: absolute;text-align: center;margin-left: auto;margin-right: auto;left: 0;right: 0;top:5%;font-size: 22px;} /*.no-pad-dkstp{ padding:0 !important;}*/ .tooltip.top .tooltip-inner {background-color:#0070d2; text-align:justify;} .tooltip.top .tooltip-arrow {border-top-color: #0070d2;} #example_wrapper .display.nowrap.dataTable.no-footer{ border:none;} .dataTables_scrollHead #kyc-model-body-view td, th{ border:none !important;} #call-summary-report_filter label ,#task-summary-report_filter label{ display:none;} #example_wrapper #example_paginate a.paginate_button:hover{ color:#ccc !important;} #call-summary-report_wrapper #call-summary-report_paginate span a.paginate_button:hover{ color:#000 !important;} #call-summary-report_paginate #call-summary-report_next{ color:#000 !important;} #task-summary-report_wrapper #task-summary-report_paginate span a.paginate_button:hover{ color:#000 !important;} #task-summary-report_paginate #task-summary-report_next{ color:#000 !important;} /*.tooltip > .tooltip-inner{background-color:green !important; z-index:99999 !important;}*/ .tooltip.top {z-index: 9!important; margin-top: 1px!important;} .dataTables_wrapper.no-footer div.dataTables_scrollBody table tr{position: relative;} /* 03/08/18 report design issue + icon click scrolling table issue .dataTables_scrollBody {overflow: inherit!important;}*/ /*--updated as on 9.5.18--*/ .dataTables_wrapper.no-footer {overflow-x: inherit!important;} /*.dataTables_scrollHead {overflow: inherit!important;}*/ .tooltip-inner {max-width: 750px;} /************summary report activity************/ #tab3primary .excel-to-export{ margin-bottom:15px;} .new-data-table h2{ padding:7px 6px;background:#114a5f;color:#fff;} /*#leadTable_wrapper{ overflow:scroll;max-height:240px;}*/ #oppTableDetail_wrapper{ overflow:auto;} .tab-section .btm-mar{ margin-top:20px;} .summary-report-sec .table tr th ,.summary-report-sec .table tr td{ text-align:center;} #leadTable_wrapper .dataTables_scrollBody{ overflow:scroll !important;max-height:240px !important;} #oppTableDetail_wrapper .dataTables_scrollBody{ overflow:scroll !important;max-height:240px !important;} #leadTable_wrapper table th{ font-size:12px !important;} #oppTableDetail_wrapper table th{ font-size:12px !important;} #accTableDetail_wrapper table th{ font-size:12px !important;} #accTableDetail_wrapper .dataTables_scrollBody{ overflow:scroll !important;max-height:240px !important;} #panel1 .panel-primary{ border-color:#114a5f;} #oppTableDetail tbody tr td:last-child{ text-align:center !important;} #leadTable_wrapper tbody tr td:last-child{ text-align:center !important;} /************summary report activity************/ #dashboard-section-main4 .panel-body .tab-section .nav > li > a:focus, .nav > li > a:hover{background-color:#eee !important;} #formAddNewAddress .mobile-padds .checkbox-primary .checkbox .custom-checkbox:after{ padding-top:2px !important;} #divOppTaskActivity .suggested-check-wrap.purpose .form-check-label{ padding:0px 0 5px 0;} #formAddNewAccountCompetitor .competitor-form .error{position:static;} #formKycAccount .form-check .checkbox-primary input[type="checkbox"]:checked +.custom-checkbox::after {padding-top:5px !important;} #callsummaryreportForm .new-filter-wrap {padding:6px 0px !important;} #formAddNewAddress .modal-body .form-check-label.checkbox{ margin-top:0 !important; margin-bottom:0 !important; text-align:center;} #formAddNewAddress .modal-body .form-check-label .custom-checkbox::after{text-align:left !important;} #formAddNewProduct .modal-body .top-form-wrap .form-group{ margin-left:0 !important;} /* add-new-expense for expense category checkbox proper align added by sandeep 28 dec 2018 */ #formAddNewExpense .suggested-check-wrap.expense span {vertical-align: top; position: relative; top: 2px;} /*end code */ #formAddNewRequestPi .form-group{margin-left: 0px; margin-right: 0px;} #formAddNewRequestPi .addMoreRequestPi .view-img{width:20px;height:20px;} #formAddNewRequestPi .addMoreRequestPi{border: 1px solid #ccc;padding: 5px; box-shadow: 1px 1px 5px #ccc; position: relative;margin: 0 0 15px 0; background: #f0f3f9;} #formAddNewRequestPi .addMoreRequestPi .form-group {margin-bottom:0;} #formAddNewRequestPi .padtpbtm {padding:8px 15px;} #addRequestPi a{top: -11px;position: absolute;right: -7px; z-index: 9999;} #formEditRequestPi .form-group{margin-left: 0px; margin-right: 0px;} #formEditRequestPi .addMoreRequestPi .view-img{width:20px;height:20px;} #formEditRequestPi .addMoreRequestPi{border: 1px solid #ccc;padding: 5px; box-shadow: 1px 1px 5px #ccc; position: relative;margin: 0 0 15px 0; background: #f0f3f9;} #formEditRequestPi .addMoreRequestPi .form-group {margin-bottom:0;} #formEditRequestPi .padtpbtm {padding:10px 15px;} #divCompetitorData1 .btn-group.bootstrap-select.form-control,#divCompetitorData .btn-group.bootstrap-select.form-control{margin-bottom: 20px!important;} #existingAccountName .ui-state-active,#existingAccountName .ui-button.ui-state-active:hover{border:1px solid #e3e3e3 !important; background:#e3e3e3 !important;font-weight:normal;color:#333 !important;cursor: not-allowed;} #existingAccountName ul{background: #dcd8d8; border: 1px solid #888!important;} #existingAccountName ul li:first-child div{font-weight:bold;} .tradeshowEntryCount ul li{padding-bottom:5px;} /*code added by atish 07/05/2019*/ #formAddNewOpportunity .top-form-wrap input.form-control{height:auto!important;} #formAddNewOpportunity .top-form-wrap .btn-group{margin-bottom:0!important;} /*code added by atish 07/05/2019*/ /*code added by atish 15/10/2019 for call summary report table border missing*/ #call-summary-report>tbody>tr>td, #call-summary-report>tbody>tr>th, #call-summary-report>tfoot>tr>td, #call-summary-report>tfoot>tr>th, #call-summary-report>thead>tr>td, #call-summary-report>thead>tr>th{border:1px solid #ccc!important;text-align: center;} /*code added by atish 15/10/2019 for call summary report table border missing*/ /*Code added by atish on 28/5/2020 for added tab sec for home/Dashbord page*/ .title-pad{padding: 16px 15px 0 15px!important;} .title-padd .title-right-menu ul.nav-tabs{border: 0;padding-left: 8%;} .account-wrapper ul.tab-sec-ctr {text-align: left;/*background: #fff;*/width: 100%;border: 0;} .account-wrapper ul.tab-sec-ctr li {display: inline-block;float: none;} .account-wrapper .tab-content {padding-top: 15px;} .account-wrapper .tab-content .tab-pane .dashboard-section-box5{margin: 15px 0;} .account-details-wrap .account-right-tab-wrap .nav > li.active {background: transparent;} .account-wrapper .title-right-menu .nav-tabs > li.active > a {background: #0070d2;color: #ffffff;font-weight: 600;} .account-wrapper .title-right-menu .nav-tabs > li.active > a:hover{color:#888888;} #dashboard-section-main4 .tab-section .nav-tabs > li.active,#dashboard-section-main5 .tab-section .nav-tabs > li.active {background: #ffffff;padding-right: -1px;} #dashboard-section-main4 .tab-section .nav-tabs > li,#dashboard-section-main5 .tab-section .nav-tabs > li{background: #ffffff;padding-right:0;} .title-left-menu ul li ul.tab-sec-ctr {margin-left: 12px;} .title-left-menu ul li ul.tab-sec-ctr li.active{background:none;margin-bottom: 0;} .title-left-menu ul li ul.tab-sec-ctr li.active > a{background: #0070d2;color: #ffffff;} .title-left-menu ul li ul.tab-sec-ctr li i{padding: 0px;background: transparent;color: #0070d2;} .title-left-menu ul li ul.tab-sec-ctr li.active > a i{color: #ffffff;} .title-left-menu ul li ul.tab-sec-ctr li:hover a{color: #0070d2;} .title-left-menu ul li ul.tab-sec-ctr li:hover a i{color: #0070d2;} .title-left-menu ul li ul.tab-sec-ctr li a{font-size: 16px;font-weight: 600;} /*Code added by atish on 28/5/2020 for added tab sec for home/Dashbord page*/ /*code added by vijay on 5th june 2020 for export btn*/ .export-btn{background:#a094ed;border:1px solid #a094ed;color:#fff;} .export-btn:hover{background:#a094ed;border:1px solid #a094ed;color:#fff;} .btnAddNearBy{padding-left:10px} .btnAddNearBy i{padding:0px!important;background:none!important} /*.address-panel-heading{background:#E0E0E0!important;} .product-panel-heading{background:#D0D0D0!important;} .history-panel-heading{background:#B0B0B0!important;} .competitor-product-panel-heading{background:#E8E8E8!important;} .related-contact-panel-heading{background:#D0D0D0!important;} .opportunity-panel-heading{background:#B0B0B0!important;} .expense-panel-heading{background:#E0E0E0!important;} .task-panel-heading{background:#B8B8B8!important;} .call-visit-panel-heading{background:#C0C0C0!important} .internal-communication-panel-heading{background:#C0C0C0!important}*/ div.panel h4.panel-title a{vertical-align: -webkit-baseline-middle;vertical-align:middle;} /*end of code added by vijay on 5th june 2020 for export btn*/ /*code added by kiran */ /* code added for nav tabs on dashboard */ .autowidth{width:auto!important;} ul.navTabBg > li > a {background:#eee;} .grayBg div.panel-heading{background:#eee;vertical-align:middle!important;} ul.navTabBg > li.active > a:hover , ul.navTabBg > li.active > a:hover > i{background:#0070d2!important;color:#ffffff!important;} ul.navTabBg > li > a , ul.navTabBg > li.active > a:hover {border:none!important;} ul.navTabBg > li {margin:0!important;} /*code added for tabs section */ .dashboard-section-box6 .more-less{ float:right; font-size: 14px;} .dashboard-section-box7 .more-less{ float:right; font-size: 14px;} .dashboard-section-box8 .more-less{ float:right; font-size: 14px;} .dashboard-section-box9 .more-less{ float:right; font-size: 14px;} .dashboard-section-box10 .more-less{ float:right; font-size: 14px;} .dashboard-section-box11 .more-less{ float:right; font-size: 14px;} .dashboard-section-box12 .more-less{ float:right; font-size: 14px;} .dashboard-section-box13 .more-less{ float:right; font-size: 14px;} .dashboard-section-box14 .more-less{ float:right; font-size: 14px;} .dashboard-section-box15 .more-less{ float:right; font-size: 14px;} /* code added for tabs section heading*/ /* demo 1 */ .competitor-product-panel-heading{background:#b2d9ea!important;} .address-panel-heading{background:#84b4c8!important;} .related-contact-panel-heading{background:#83abaf!important;} .opportunity-panel-heading{background:#619196!important;} .product-panel-heading{background:#b2d9ea!important;} .history-panel-heading{background:#619196!important;} .expense-panel-heading{background:#83abaf!important;} .task-panel-heading{background:#b2d9ea!important;} .call-visit-panel-heading{background:#84b4c8!important} .internal-communication-panel-heading{background:#83abaf!important} .competitor-product-panel-heading a,.competitor-product-panel-heading .more-less{color:#1f1f1f!important;} .address-panel-heading a,.address-panel-heading .more-less{color:#ffffff!important;} .related-contact-panel-heading a,.related-contact-panel-heading .more-less{color:#ffffff!important;} .opportunity-panel-heading a,.opportunity-panel-heading .more-less{color:#ffffff!important} .product-panel-heading a,.product-panel-heading .more-less{color:#1f1f1f!important;} .task-panel-heading a,.task-panel-heading .more-less{color:#1f1f1f!important;} .call-visit-panel-heading a,.call-visit-panel-heading .more-less{color:#ffffff!important;} .expense-panel-heading a,.expense-panel-heading .more-less{color:#ffffff!important;} .internal-communication-panel-heading a,.internal-communication-panel-heading .more-less{color:#ffffff!important;} .history-panel-heading a,.history-panel-heading .more-less{color:#ffffff!important;} /* demo 2 */ /*.competitor-product-panel-heading{background:#ffdac1!important;} .address-panel-heading{background:#e2f0cb!important;} .related-contact-panel-heading{background:#b5ead7!important;} .opportunity-panel-heading{background:#c7ceea!important;} .competitor-product-panel-heading a,.competitor-product-panel-heading .more-less{color:#1f1f1f!important;} .address-panel-heading a,.address-panel-heading .more-less{color:#1f1f1f!important;} .related-contact-panel-heading a,.related-contact-panel-heading .more-less{color:#1f1f1f!important;} .opportunity-panel-heading a,.opportunity-panel-heading .more-less{color:#1f1f1f!important;}*/ /* demo 3 */ /*.competitor-product-panel-heading{background:#9dcff0!important;} .address-panel-heading{background:#7bbeeb!important;} .related-contact-panel-heading{background:#59ade6!important;} .opportunity-panel-heading{background:#379de0!important;} .competitor-product-panel-heading a,.competitor-product-panel-heading .more-less{color:#1f1f1f!important;} .address-panel-heading a,.address-panel-heading .more-less{color:#ffffff!important;} .related-contact-panel-heading a,.related-contact-panel-heading .more-less{color:#ffffff!important;} .opportunity-panel-heading a,.opportunity-panel-heading .more-less{color:#ffffff!important;}*/ /* code added for main menu*/ #dropMenu1 .dropdown .dropdown-content , #dropMenu3 .dropdown .dropdown-content{height:auto!important;} #dropMenu1 .dropdown .dropdown-content .fa , #dropMenu2 .dropdown .dropdown-content .fa, #dropMenu3 .dropdown .dropdown-content .fa{color:#1b75bb;} #subIcon {display:inline-block!important;margin:0!important;width:14px!important;height:14px!important;vertical-align: middle;} /* code added for filter section */ #search-data .search-box {width:90%;} .blurOut {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;background-color: #000;opacity: .5;transition: .1s linear;} .mart10{margin-top: 10px;} .padl0{padding-left: 0px;} .padr0{padding-right: 0px;} .small-label{font-size: 10px;font-style: italic;text-transform: none;} .custUploadPi{background-color: #b2d9ea;} .clearInput{color:#000;display:inline!important;padding:5px;} /* Panel type 1 */ .panel-type-1 {border-color: #ddd!important;} .panel-type-1 > .panel-heading {background:#ddd!important;padding: 2px 5px;} .panel-type-1 > .panel-heading .more-less {margin-top:2px;color:#000!important;font-size: 14px;} .panel-type-1 > .panel-heading > a {color:#000!important;font-size: 14px;} .panel-type-1 > div > .panel-body {padding:10px 10px 0px 10px;} /* Panel type 2 */ .panel-default-1 {margin: auto auto 10px auto} .panel-default-1 > .panel-heading {padding: 2px 5px;} .panel-default-1 > .panel-heading .btn {padding: 1px 3px;margin: auto 5px;} .panel-default-1 > div > .panel-body {padding:10px 10px 0px 10px;} .panel-default-1 > div > .panel-body .table-responsive .table {margin-bottom:10px;}