/*------------------------------------- Frontier Precision custom stylesheet -------------------------------------*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'titilliumregular'; src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/titillium-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } html, body { font: normal 1.2em 'titilliumregular', sans-serif; font-size: 12px; } /*body { opacity: 1; transition: 3s opacity; }*/ /**/ /*------------------------------------------------------------- Dashboard-contents --------------------------------------------------------------*/ /*-----------------------------*/ /*** set full with according to device*****/ .container { max-width: 100% !important } .container { padding-left: 0; padding-right: 0 } .breadcrumb { border-radius: 0 } th { text-align: center !important } a { color: #337ab7; text-decoration: none } table.dataTable span.highlight { background-color: #ff8; border-radius: .28571429rem } /** "dataTables_filter input" Dynamically render from table.min.js*/ .dataTables_filter input { margin-left: 0 !important; } /*** apply ellipsis on td****/ td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 0; text-align: left !important } /**highlight search record***/ table.dataTable span.column_highlight { background-color: #fc9; border-radius: .28571429rem } /*-----------------*/ .main-container { width: 100%; } .dashboard-content-top { width: 100%; min-height: 200px; background: transparent; margin-top: 20px; } /****headings line******/ h3.contentTitle { width: 100%; margin: 0; text-align: center; color: #d92027; margin-top: 0px; margin-bottom: 0px; padding: 12px 0; font-size: 22px; } h3.toolsTitle { width: 100%; margin: 0; text-align: center; color: #d92027; margin-top: 0px; margin-bottom: 0px; padding: 8px 0; font-size: 22px; } h3.toolsTitleLarge:after { display: inline-block; margin: 0 0 3px 17px; height: 1px; content: " "; text-shadow: none; background-color: #828282; width: 40%; } h3.toolsTitleLarge:before { display: inline-block; margin: 0 17px 3px 0; height: 1px; content: " "; text-shadow: none; background-color: #828282; width: 40%; } h3.contentTitleLarge:after { display: inline-block; margin: 0 0 3px 17px; height: 1px; content: " "; text-shadow: none; background-color: #828282; width: 45%; } h3.contentTitleLarge:before { display: inline-block; margin: 0 17px 3px 0; height: 1px; content: " "; text-shadow: none; background-color: #828282; width: 45%; } /****headings line******/ .no-margin-left { margin-left: 0; } .no-margin-right { margin-right: 0; } /*****Quick Updates*******/ .quick-updates { min-height: 160px; width: 100%; color: #fffff7; border-right: 1px solid #828282; padding: 10px; } .upd-text-small { font-size: 16px; font-weight: 500; color: #d7d7d7; } .upd-text-title { color: #fdcc05; padding: 5px 0px 10px 0px; border-bottom: 1px solid #828282; text-align: right; } .page-content { padding: 20px 0px 80px; } /********ToolsBoxes**********/ .toolsBxContainer { width: 100%; height: 100%; padding: 20px 15px; } .toolsBox { min-height: 60px; background: #000; box-shadow: 2px 3px 4px #000; border: 1px solid #afafaf; } .toolsBox:hover { background: #d92027; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; cursor: pointer; } .toolsBox.activeBg { background: #d92027; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; cursor: pointer; } a.toolsBox { position: absolute; width: calc(100% - 15px); } .boxHead-img { float: right; margin: 12px 5px; } .boxHead-img img { height: 34px; } .boxHead-content { float: left; font-size: 14px; color: #dddddd; font-weight: 500; margin: 20px 6px; width: calc(100% - 60px); } .no-padding-left { padding-left: 0 !important; } .no-padding-right { padding-right: 0 !important; } .no-border-last { border-right: 0 !important; } /*-------------------------------------------------------------- Responsive Media Query ---------------------------------------------------------------*/ @media screen and (min-width : 320px) and (max-width: 667px) { h3.contentTitleLarge:after { display: inline-block; margin: 0 0 3px 17px; height: 1px; content: " "; text-shadow: none; background-color: #828282; width: 25% !important; } h3.contentTitleLarge:before { display: inline-block; margin: 0 17px 3px 0; height: 1px; content: " "; text-shadow: none; background-color: #828282; width: 25% !important; } h3.toolsTitleLarge:after { display: inline-block; margin: 0 0 3px 17px; height: 1px; content: " "; text-shadow: none; background-color: #828282; width: 25% !important; } h3.toolsTitleLarge:before { display: inline-block; margin: 0 17px 3px 0; height: 1px; content: " "; text-shadow: none; background-color: #828282; width: 25% !important; } } @media screen and (max-width : 767px) { .quick-updates { border-right: 0px !important; } } @media screen and (max-width : 991px) { .logo-main a img { padding: 12px 10px; width: 240px; } } /*-------------------------------------------------- New Style Written -15-3-2018 ---------------------------------------------------*/ #spnUsername { color: #f7c809; padding-right: 10px; } .padding-right-5 { padding-right: 5px !important; } .padding-left-5 { padding-left: 5px !important; } .margin-top-15 { margin-top: 15px; } @media only screen and (min-width : 768px) and (max-width : 1024px) { .boxHead-img img { height: 30px; width: 30px; } .boxHead-content { float: left; font-size: 12px; color: #dddddd; font-weight: 500; margin: 20px 6px; } .toolsBox { min-height: 60px; background: #000; box-shadow: 2px 3px 4px #000; border: 1px solid #afafaf; } } .upd-text-title a { font-size: 13px; color: #d2ae6a; padding: 2px; /* padding: 7px 2px 11px 2px; */ } .upd-text-title a.active { color: #fdcc05; text-decoration: underline; } .upd-text-title a:hover { color: #fdcc05; } /*--------------------------------------------------------------- Start - Product Inventory Page ----------------------------------------------------------------*/ #PageBody { background: #fff; width: 100%; margin-bottom: 0px; position: absolute; top: 50px; bottom: 10px; width: 100%; overflow-y: auto; } .breadcrumb { background: #da2128; color: #fff; } .breadcrumb > li > a { color: #fff; } .breadcrumb > li.active > a { color: #f7c809; font-weight: 500; } .breadcrumb-item.active { color: #f7c809; } .breadcrumb-item + .breadcrumb-item::before { color: white; } /*-----------Page Header----------------*/ .custom-header { padding: 0; margin: 0; border-bottom: 0; } .custom-header .pd-title { margin-top: 5px; margin-bottom: 0px; font-size: 16px; border-bottom: 1px solid #bab3b4; line-height: 34px; } .no-margin { margin-left: 0; margin-right: 0; } /*--------Inventory - Panel--------*/ .InventOption .radio { float: left; margin-top: 10px; } .Panel-Inventory .panel-body { padding: 6px 12px; } .Panel-Inventory .panel-heading { padding: 4px; } .fa { margin-right: 3px !important; } .panel-heading { font-size: 14px; /*padding: 8px 12px;*/ } .panel-title { font-size: 14px; min-height: 30px; padding: 7px 7px; } .checkListCk { height: 10px !important; } .highlight { /*background: #cbcbcb;*/ background: #ff7f27; } /*---------------------------------- Satya - 15-Nov-2018 -----------------------------------*/ .panelPTA { border-radius: 0; } .panelPTA .panel-body { padding: 4px; } .bodyContentScroll { overflow-x: hidden; overflow-y: auto; } .panelPTA .panel-heading { padding: 0px 0px !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } h4.panel-title { font-weight: 600; margin-bottom: 0px !important; margin-top: 0px !important; font-size: 13px; min-height: 20px; padding: 6px 6px 5px; } .panelPTA { margin-bottom: 2px; } /*---------------------------------- Satya - 15-Nov-2018 -----------------------------------*/ /*--------Inventory - Panel--------*/ /* Radio */ .InventOption .radio label { min-height: 20px; padding-left: 25px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .chTitle { top: 10px; position: relative; right: 6px; float: left; /*font-weight: 600;*/ } .radio { display: block; position: relative; padding-left: 23px; padding-right: 12px; margin-bottom: 12px; font-size: 13px; padding-top: 1px; font-weight: normal !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .radio input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: #b7b7b7; border-radius: 50%; } /* On mouse-over, add a grey background color */ .radio:hover input ~ .checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .radio input:checked ~ .checkmark { background-color: #da2128; } .caretRed { color: #da2128; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .radio input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .radio .checkmark:after { top: 5px; left: 5px; width: 6px; height: 6px; border-radius: 50%; background: white; } /*--------------Custom Search Box-------------------------*/ #custom-search-input { margin: 0; margin-top: 0px; padding: 0; max-width: 285px; z-index: 0; position: relative; } #custom-search-input .search-query { padding-right: 3px; padding-right: 4px \9; padding-left: 3px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #custom-search-input button { border: 0; background: none; /** belows styles are working good */ padding: 2px 5px; margin-top: 2px; position: relative; left: -28px; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #D9230F; } .search-query:focus + button { z-index: 3; } .panel-footer { padding: 4px 8px !important; } /*----------------------------------------------------------------- Review - product inventory ------------------------------------------------------------------*/ .invtDt { margin-right: 15px; } .invtDt > label { float: left; } .btn-flat { border-radius: 0 !important; margin-top: 18px; background: #da2128; font-size: 12px; /*font-weight: 600;*/ padding: 3px 9px; } .chkTd { height: 20px; } .EditRowReview { font-size: 16px; position: relative; top: 0px; cursor: pointer; } .ViewRow { font-size: 11px; position: relative; top: 0px; cursor: pointer; } .DeleteRow { font-size: 16px; position: relative; top: 0px; cursor: pointer; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 1px !important; text-align: left; padding-left: 3px; } .margin-bottom-40 { margin-bottom: 50px; } .highlightRow { background: #f09896; } .NormalFont { font-weight: normal !important; } .custom-ctrl { height: 25px; padding: 4px 3px; font-size: 13px; } .sptext { margin-top: 5px; margin-left: 5px; } .modal-header { padding: 7px 14px; border-bottom: 1px solid #da2128; background: #da2128 url('../images/Home/modal-header.png') no-repeat right; } .modal-title { margin: 0; line-height: none; font-size: 13px; color: #fff9f9; font-weight: 600; } .modal-footer { padding: 4px 8px; text-align: right; border-top: 1px solid #e5e5e5; } .form-group { margin-bottom: 8px; } label { font-size: 12px; } .modal-dialog { /*width: 450px;*/ margin: 30px auto; } /*-----------------------Product Transfer Page-------------------------------*/ .HideContainer { display: none; } .modal-body { position: relative; padding: 8px !important; } .btn-default { color: #000; background-color: #fff; border-color: #555; transition: all 0.5s; } .btn-default.focus, .btn-default:focus { color: #fff; background-color: #da2128; border-color: #da2128; } .btn.focus, .btn:focus, .btn:hover { color: #fff; background-color: #da2128; border-color: #da2128; text-decoration: none; } .btn-create { float: right; margin-top: -43px; position: absolute; right: 25px; } .btnBlack { background: #555; color: #fff; } /*--------------------------------------------------------------- End - Product Inventory Page ----------------------------------------------------------------*/ /*----------------------------------------------------------------- Start - Lab-tools Page - 12-5-2018 ------------------------------------------------------------------*/ .panel.with-nav-tabs .panel-heading { padding: 5px 5px 0 5px; } .panel.with-nav-tabs .nav-tabs { border-bottom: none; } .panel.with-nav-tabs .nav-justified { margin-bottom: -1px; } /********************************************************************/ /*** 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; background: #d15b47; border-radius: 0; padding: 2px 4px; font-size: 12px; } .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 { color: #fff; background-color: #555; border-color: transparent; } .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: #555; background-color: #fff; border-top: 2px solid #d15b47; border-bottom-color: transparent; border-left: 1px solid #c5d0dc; border-right: 1px solid #c5d0dc; } .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: #4a9fe9; } .GatewayRow { padding-top: 5px; } .import-tab { width: 70%; float: left; } .Gateway-panel { border-color: #c5d0dc; border-radius: 0; } .Gateway-panel > .panel-heading { color: #535353; background-color: transparent; border-color: #c5d0dc; } .DivSiteCode { width: 30%; float: right; } #container { margin: auto; } .labTools-panel { border-color: #c5d0dc; border-radius: 0; } .labTools-panel > .panel-heading { color: #535353; background-color: transparent; border-color: #c5d0dc; } /*Five Equal Column Grid*/ @media (min-width: 768px) { .ten-columns > .col-sm-2 { width: 20%; } .ten-columns > .col-sm-2-Trap { width: 16% !important; } } .actv-ck { float: left; margin-top: 1px; margin-right: 3px; } .form-actions { display: block; background-color: #F5F5F5; border-top: 1px solid #E5E5E5; } .form-actions { margin-top: 5px; padding: 4px 5px 3px; } .SearchResContainer, .MapGridContainer { border: 1px solid #c5d0dc; } .activityResultContainer { margin-top: 20px; margin-bottom: 15px; } .resContentTb { border: 1px solid #c5d0dc; padding: 5px 10px; } .form-control { display: block; height: 27px; padding: 2px 2px; font-size: 12px; } .margin-top-20 { margin-top: 20px; } .species-header { min-height: 24px; width: 100%; } .species-header .title-spc { margin-top: 5px; margin-bottom: 5px; color: #da2128; font-size: 14px; font-weight: 600; } .CustActBtn { margin-left: -10px; margin-right: -10px; margin-bottom: -4px; padding-right: 5px; } /********************Accordion-panel*****************************/ .accordion-style1.panel-group .panel { border-radius: 0; border-color: #cdd8e3; background-color: #FFF; box-shadow: none } .accordion-style1.panel-group .panel:last-child { border-bottom-width: 1px } .accordion-style1.panel-group .panel .collapse { background-color: #FFF } .accordion-style1.panel-group .panel + .panel { margin-top: 2px } .accordion-style1.panel-group .panel-heading + .panel-collapse .panel-body { border-top-color: #cdd8e3 !important } .accordion-style1.panel-group .panel-heading { padding: 0 } .accordion-style1.panel-group .panel-heading .accordion-toggle { position: relative; font-weight: bold; font-size: 13px; line-height: 1; padding: 3px; display: block } .accordion-style1.panel-group .panel-heading .accordion-toggle.collapsed { font-weight: normal; } .accordion-style1.panel-group .panel-heading .accordion-toggle:hover { text-decoration: none } .accordion-style1.panel-group .panel-heading .accordion-toggle:focus, .accordion-style1.panel-group .panel-heading .accordion-toggle:active { outline: none; text-decoration: none } .accordion-style1.panel-group .panel-heading .accordion-toggle > .ace-icon:first-child { width: 5px } .accordion-style1.panel-group .panel-heading .accordion-toggle:hover > .ace-icon:first-child { text-decoration: none } .accordion-style1.panel-group .panel-body, .accordion-style1.panel-group .collapse.in > .panel-body { border-top: 1px solid #cdd8e3 } .accordion-style1.panel-group.no-padding { padding: 0 } .PoolsTitle { font-size: 16px; margin-top: 3px; margin-bottom: 5px; color: #545454; } .poolText { font-size: 13px; color: #545454; } .space-10 { margin-bottom: 10px; } .middleHeader { min-height: 24px; } .m-title { font-size: 16px; margin-top: 3px; margin-bottom: 5px; color: #545454; border-bottom: 1px solid #c5d0dc; } .PoolsEditGrid { border: 1px solid #c5d0dc; } .LarvaSampleContainer { margin-top: 10px; margin-bottom: 10px; border: 1px solid #c5d0dc; } .LvlDataContainerTab { margin-top: 10px; margin-bottom: 10px; } .lbl-tab-header { min-height: 24px; border: 1px solid #c5d0dc; padding: 4px 8px 0; } .labContent { border: 1px solid #c5d0dc; border-top: 0; padding: 4px 8px; } .width-150 { width: 20%; } .lbl-custom-foot { margin-left: -8px; margin-right: -8px; margin-bottom: -4px; } .middleHeader { min-height: 24px; } .m-title { font-size: 16px; margin-top: 3px; margin-bottom: 5px; color: #545454; border-bottom: 1px solid #c5d0dc; } .PoolsEditGrid { border: 1px solid #c5d0dc; } .input-group-addon { border-radius: 0 !important; padding: 2px 6px; } .fontSmall { color: #ff0005; font-size: 7px; vertical-align: super; } .width-150 { width: 20%; } /********************************************************************/ /*------------------------------------------------------------------ Sample - Collection -- Start ------------------------------------------------------------------*/ .boxCont { border: 1px solid #c5d0dc; margin: 10px 0px; } .boxCont-header { border-bottom: 1px solid #c5d0dc; min-height: 24px; padding: 8px 8px; background: #757575; } .boxCont-header > .boxCont-title { font-size: 13px; /*font-weight: 600;*/ color: #fff; margin-top: 0; margin-bottom: 0; } .boxCont-body { padding: 3px 6px; } .sampleList-group { margin: 0; padding: 0; } .sampleList-group li { line-height: 27px; font-size: 12px; font-weight: normal; border-bottom: 1px solid #e4e4e4; } .boxCont-Footer { background: #f5f5f5; border-top: 1px solid #cdcdcd; min-height: 24px; padding: 3px 6px; } /*--------------------------------------------------------------- Proposed-treatment-area - start ----------------------------------------------------------------*/ .custom-header .PTA-title { margin-top: 0px; margin-bottom: 8px; font-size: 16px; border-bottom: 1px solid #bab3b4; line-height: 20px; } .map-container { width: 100%; height: 200px; background: #f5f5f5; border: 1px solid #575757; } #MapDiv, #MapDiv2 { height: 225px; width: 100%; } .margin-top-10 { margin-top: 5px; } .small-inp { width: 40px; margin-right: 5px; margin-left: 5px; } .dataTable > thead > tr > th[class*="sort"]::after { display: none } .TreatmentOptionContainer { background: #f5f5f5; border: 1px solid #b7b7b7; margin-bottom: 12px; } /*----------------------------------------------------------------- - Lab-tools Page - 12-5-2018 ------------------------------------------------------------------*/ /* Custom-alert- colors Start */ .alert-info { color: #fffaf4; background-color: #3498db; border-color: #3498db; /*padding: 8px; padding-right: 35px;*/ } .alert-warning { color: #ffffff; background-color: #f39c12; border-color: #f39c12; /*padding: 8px; padding-right: 35px;*/ } .alert-danger { color: #f7f7ff; background-color: #e74c3c; border-color: #e74c3c; /*padding: 8px; padding-right: 35px;*/ } .alert-success { color: #fffde1; background-color: #18bc9c; border-color: #18bc9c; /*padding: 8px; padding-right: 35px;*/ } /* Custom-alert- colors End */ /* Lab Tools-Larval Samples */ .hidden { visibility: hidden; } .shown { visibility: visible; } .sampleProcesed { background: #686868 url(../images/home/app_bg.jpg) no-repeat; background-size: cover; height: 100%; width: 100%; } .sampleNotProcesed { border: inset 4px red; background-color: red; } /* For Trap and Sample Collect 09June18 */ .disabledDiv { pointer-events: none; opacity: 0.4 !important; } /* Center the loader */ #loading-img { position: fixed; left: 50%; top: 50%; border: 8px solid #f3f3f3; border-radius: 50%; border-top: 8px solid #f00; width: 60px; height: 60px; margin-left: -60px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Add animation to "page content" */ .animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s } @-webkit-keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0px; opacity: 1 } } @keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0; opacity: 1 } } .overlay { background: #e9e9e9; display: none; position: fixed; height: 100%; width: 100%; opacity: 0.5; z-index: 1100; } /*------------22-6-2018--------------------*/ .padding-2 { padding: 2px !important; } .space-right { margin-right: 15px; } .inlineDisp { display: inline !important; } .max-width-200 { width: 150px !important; } .custom-well { padding: 5px; border-radius: 3px; margin-bottom: 5px; } .margin-top-5 { margin-top: 5px; } .actv-ck { margin: 0 !important; } .margin-top-0 { margin: 0px !important; } .TotalAcresDisp { display: block; position: absolute; right: 48px; top: 35px; font-size: 11px; color: #da2128; text-align: right; } .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: 4px; font-size: 12px; } table.dataTable tbody td { word-break: break-all; vertical-align: top; } /*----------------------------------------------------------- Configuration--tools -- 14-7-2018 -- Start ------------------------------------------------------------*/ .custom-header .pd-title { margin-top: 2px; margin-bottom: 5px; font-size: 16px; border-bottom: 1px solid #bab3b4; line-height: 22px; } .addRecord { float: right; margin: 2px; margin-bottom: 5px; } .handle-checkBx { float: left; padding-right: 12px; } .handle-checkBx label { margin-bottom: 0; vertical-align: top; margin-top: 3px; } /*----------------------------------------------------------- Configuration--tools -- 14-7-2018 -- End ------------------------------------------------------------*/ /*--------------------------------------------------------------- Style updated on 22-June-2019 ---------------------------------------------------------------*/ .chartMaximized { color: #fff; text-decoration: none; position: absolute; right: 5px; top: 0px; } .chartMaximized:hover, .chartMaximized:active { color: #f5f5f5 !important } .whiteClr { color: #fff; opacity: 1; font-size: 18px; } .chartModalAll { width: 1000px !important } #showAvailableRangeTable > thead > tr > td { width: 197.7px !important; } /*.GatewayButtonSetting{ display:inline; }*/ .small-btn { height: 25px; width: 50px; font-size: 12px; padding: 0.15rem 0rem; } .nav-link.active { border-bottom: 5px solid red !important; } .custom-file-label::after { display: none !important; } .top7 > .dataTables_wrapper { position: relative; top: 7px !important; } .z-index1 { z-index: 1; } .refresh-btn { margin-left: 5px !important; width: 55px !important; } .uploadBtn { border: 1px solid #333333; background: url(buttonEnabled.png) #d0d0d0 repeat-x scroll 0px top; font-size: 14px; width: 201px; height: 30px; vertical-align: middle; /* emulates a