*{font-family:'Open Sans', sans-serif;}
html, body{font-family:'Open Sans', sans-serif;font-size:14px;height:100%;margin:0;overflow:hidden;padding:0;}
.filter-label div.well{background-color:transparent!important;background-image:none!important;border-radius:2px;margin-top:10px;max-height:100px;overflow:auto;padding:5px 8px;}
.filter-label div.well span{text-transform:capitalize;}
.ag-blue .ag-header-icon i.fa-sort-alpha-asc, .ag-blue .ag-header-icon i.fa-sort-alpha-desc, .ag-blue .ag-header-icon i.fa-sort-numeric-asc, .ag-blue .ag-header-icon i.fa-sort-alpha-desc{float:left;}
.login-logo{background:#033458!important;border-radius:30%;padding:15px;}
.login-section{background:rgba(255, 255, 255, .70);border-radius:20px;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index: 9999;height:350px;}
.login-section.is-Responsive{max-width:500px;min-width:200px;padding:20px;width:50%;}
#logo-container{height:30px;margin:auto;margin-bottom:10px;width:200px;}
.autoheight{min-height:100%;position:relative;}
.logo{float:left;height:33px;padding:0 10px;padding:5px 0 0 8px;width:42px;}
section{padding-bottom:40px;}
.grey-heading{border:1px solid #3f4561;border-width:0 0 3px;padding:2px 4px!important;}
.grey-heading h2{font-size:.7em;font-weight:400;padding:0 10px;}
.modal-dialog {width: 85%;}
.alert-modal-window .modal-dialog {width: 35%;}
.modal-content{background-image: linear-gradient(to right top, #45638c, #1b1f32, #303961, #353c5f, #343a3e);border:0px !important;border-radius:2px;/* overflow:hidden; */}
.scrapper-popup{background:#151828;float:left;width:100%;}
.transform-heading{background:#252b46;border:1px solid #3f4561;border-width:0 0 3px;height:36px;padding:5px 4px!important;}
.load-btn{background:#16c4bb;border:1px solid #16c4bb;border-radius:2px;float:right;font-size:.9em;padding:2px 12px;text-align:center;transition:all .3s ease 0;}
.load-btn:hover{background:#01a098;border:1px solid #01a098;}
.table_btn{background:#1c1f32;float:left;height:95%;left:0;overflow:hidden;position:fixed;width:58px;}
span.table-menu{display:block;float:left;}
.table_btn span button{background:none;border:0;border:1px solid #2b3046;border-width:0 0 1px;color:#ffffff;float:left;font-size:0.9em;outline:none;overflow:hidden;padding:8px 8px;text-overflow:ellipsis;white-space:nowrap;width:60px;}
.table_btn span button.active{background:#151829;color:#01a098;}
.table_btn span button:hover, .table_btn span button.btnactive{background-color:#151829;color:#01a098;}
.table_btn h4.model-heading{float:left;font-size:14px;padding:10px 0px;width:100%;}
.scrapper-grid{float:right;padding-left:58px;width:100%;}
.scrapper-heading{float:left;padding:0px 0px 0px 6px;width:100%;}
.transform-heading h2{float:left;font-size:13px;font-weight:600;line-height:20px;padding:0px 8px;}
.importfile{padding:6px;position:relative;}
.choose-file-type{border-right:1px solid #2f6fb1;float:left;font-size:11px;padding-left:10px;position:relative;transition:all .3s ease 0;width:168px;}
.choose-file-type:hover{cursor:pointer;}
.choose-file-type h5{font-size:12px;}
ul.choose-file-name{background:#2b78c5;left:0;list-style:none;margin:0;padding:0;position:absolute;width:100%;z-index:1;}
ul.choose-file-name li{border-bottom:1px solid #436587;border-top:1px solid #4591dd;}
ul.choose-file-name li:first-child{border-top:0;}
ul.choose-file-name li:last-child{border-bottom:0;}
ul.choose-file-name li a{display:block;padding:5px 0 5px 12px;}
ul.choose-file-name li a:hover{text-decoration:none;}
ul.choose-file-name li a.htmlscapper{position:relative;}
ul.htmlscapper-section{left:165px;padding:20px;position:absolute;top:0;width:470px;}
ul.htmlscapper-section li{border:0;display:inline-table;}
.loader-background{background-color:rgba(26, 26, 26, 0.7);height:100%;min-height:100%;position:absolute;top:0;width:100%;z-index:1;}
.loader{animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #092f41;height:50px;left:0;margin:0 auto;position:absolute;right:0;top:50%;width:50px;}
/* @-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0, 0, 0, 0.1);webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.1);}
70%{box-shadow:0 0 0 12px rgba(0, 0, 0, 0);webkit-box-shadow:0 0 0 12px rgba(0, 0, 0, 0);}
100%{box-shadow:0 0 0 0 rgba(0, 0, 0, 0);webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);}
} */
@keyframes spin{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
/* @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0, 0, 0, 0.7);moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.7);webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.7);}
70%{box-shadow:0 0 0 12px rgba(0, 0, 0, 0);moz-box-shadow:0 0 0 12px rgba(0, 0, 0, 0);webkit-box-shadow:0 0 0 12px rgba(0, 0, 0, 0);}
100%{box-shadow:0 0 0 0 rgba(0, 0, 0, 0);moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);}
} */
/* .all-functions-section{background:#01a098;border:1px solid #01a098;border-radius:3px;float:left;font-size:.9em;height:21px;margin:1px 0 0;padding:1px;text-align:center;transition:all .3s ease 0;vertical-align:middle;width:24px;}
.all-functions-section:hover{background:#01a098;cursor:pointer;}
.keepduplicate{left:7px;position:absolute;top:9px;width:355px;z-index:3;}
.filetype-csv{background:none;border:none;}
#select-csv{display:none;}
.selectfile{display:none!important;margin-top:2px;width:195px;}
.grid-outer{float:left;margin:8px 0;position:relative;width:100%;}
a.export-txt{color:#3186dc;font-size:12px;padding:4px 6px;text-decoration:none;}
a.export-txt:hover{border:0;}
.filename{font-size:16px;margin-bottom:5px;}
.transformation-wheel{margin-right:5px;}
#explorer-griddata{font-size:11px;margin-bottom:0!important;}
#explorer-griddata td{color:#000!important;}
#transformation-griddata{font-size:11px;margin-bottom:0!important;}
#transformation-griddata td{color:#000!important;}
.file-options{display:none;}
.directory-radio{font-size:11px;font-weight:400;margin-top:4px;}
.directory-radio input[type="radio"]{width:18px;}
.single-file-radio{font-size:11px;font-weight:400;margin-left:10px;margin-top:4px;}
.single-file-radio input[type="radio"]{width:18px;}
.next-datasource{position:relative;}
.data-source-configuration{left:437px;padding:25px;top:10px;width:50%;}
.sql-table{display:none;left:155px;padding:25px;position:absolute;top:10px;width:30%;}
ul.connection-type{border:1px solid #2873be;height:350px;list-style:none;margin:0;overflow-y:scroll;padding:0;padding:10px;}
ul.connection-type li{border-bottom:2px solid #2873be;margin-bottom:2px;padding-bottom:2px;}
ul.connection-type li a{font-size:11px;height:25px;line-height:25px;padding-left:58px;}
ul.connection-type li a.mysql{background:url(../Images/database-connection-type-sprite.png) no-repeat;display:block;}
ul.connection-type li a.oracle{background:url(../Images/database-connection-type-sprite.png) no-repeat;display:block;}
ul.category-section{border:1px solid #d1dad0;list-style:none;margin:0;padding:2px;}
ul.category-section li.categoryhead{background:#E3E3E3;color:#000;font-weight:700;height:25px;line-height:25px;padding:0 0 0 10px;}
ul.category-section li{border-bottom:1px solid #d1dad0;padding:3px 0 3px 5px;}
ul.category-section li a{color:#494949;font-size:11px;}
ul.category-section li:last-child{border-bottom:0;}
ul.chart-mapping{border:1px solid #5b9bd5;list-style:none;margin:0;padding:2px;}
ul.chart-mapping li.categoryhead{background:#E3E3E3;color:#000;cursor:move;font-weight:700;height:25px;line-height:25px;padding:0 0 0 10px;}
ul.chart-mapping li a.each-chart{border:1px solid #d1dad0;color:#f6f6f6;float:left;font-size:45px!important;height:50px;line-height:50px;margin:1%;text-align:center;transition:all .3s ease 0;width:48%;}
ul.chart-mapping li a.each-chart:hover{color:#3186dc;cursor:pointer;text-decoration:none;}
ul.editing-icons{list-style:none;margin:0;padding:0;}
.accountsetting{margin-right:10px;padding:0 25px;position:relative;}
.accountsetting h5{font-size:12px;}
.accountsetting:hover{cursor:pointer;transition:all .3s ease 0;}
.accountsetting:hover ul.account-menu{display:block;}
ul.account-menu{display:none;list-style:none;padding:0;position:absolute;right:0;width:100%;z-index:1;}
ul.account-menu li{border-bottom:1px solid #436587;border-top:1px solid #4591dd;}
ul.account-menu li:last-child{border-bottom:0;}
ul.account-menu li a{display:block;padding:8px 15px;transition:all .3s ease 0;}
ul.account-menu li a:hover{text-decoration:none;}
.footer-btn{background:#E3E3E3;bottom:30px;position:absolute;width:100%;}
.footer-btn a{border-right:1px solid #b5b3b3;color:#000;display:inline-block;padding:5px 10px;}
.footer-btn a:hover{background:#d4d3d3;text-decoration:none;}
.transformation-controll{float:right;position:relative;}
ul.transformation-icons{font-size:.9em;position:relative;text-align:right;}
ul.transformation-icons li{color:#a4a8bc;display:inline-table;padding:3px 4px;position:relative;}
ul.transformation-icons li.editor-icon{transition:all .3s ease 0;}
ul.transformation-icons li.editor-icon:hover{cursor:pointer;}
ul.transformation-icons li.editor-icon-active{display:inline-table;}
ul.transformation-icons li.step-editor-icon{transition:all .3s ease 0;}
ul.transformation-icons li.step-editor-icon:hover{cursor:pointer;}
ul.transformation-icons li.save-editor-icon{transition:all .3s ease 0;}
ul.transformation-icons li.save-editor-icon:hover{cursor:pointer;}
ul.transformation-icons li.script-editor-icon{transition:all .3s ease 0;}
ul.transformation-icons li.script-editor-icon:hover{cursor:pointer;}
.transform-bg{padding:0;}
.filter-bg-color{background:linear-gradient(#3699bb, #2889aa);}
.filter-bg-txt{border-bottom-color:#20a3ab!important;color:#20a3ab!important;}
.filter-bg-btn{background:#08848c;border-color:#08848c;}
.transform-title h2, .transform-main h2, .chart-heading h2{font-size:13px;}
.filter-bg{background:rgba(0, 0, 0, 0.35) none repeat scroll 0 0;box-shadow:0 0 6px rgba(0, 0, 0, 0.8) inset;margin-top:0;padding:15px;}
.script-content, .step-content, .editor-content{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-width:0 0 1px!important;box-shadow:0 0 15px rgba(0, 0, 0, 0.5);display:none;float:left;position:absolute;right:0;text-align:left;top:3px;webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.5);width:380px;z-index:9;}
.editor-show{display:block;}
.step_title{float:left;padding:5px 15px;}
.filter-title{border-width:0 0 1px;float:left;font-size:13px;font-weight:400;margin:0;width:100%;}
.filter-title a{border-width:0 0 0 1px !important;cursor:default;display:inline-block;float:left;font-size:11px;font-weight:400;margin:0;padding:6px;}
.filter-label{float:left;font-size:13px;font-weight:400;padding:4px 0;text-align:left;width:100%;}
.filter-input{border:1px solid #adabab;border-radius:2px;font-size:12px;height:24px;padding:1px 5px;}
.filter-input:hover, .filter-input:focus, .filter-input:active, .filter-input:visited{box-shadow:none;outline:0;webkit-box-shadow:none;}
.filter-btn{background:#055a95;border-color:#055a95;}
.expression-heading{color:#3FABF5;font-weight:700;line-height:30px;}
.expression-subheading{color:#19D2AF;font-size:13px;font-weight:700;line-height:30px;}
.expression-txtfld, .expression-txtfld-small{border:1px solid #adabab;border-radius:3px;float:left;font-size:12px;height:24px;margin:0 5px 0 0;outline:none;padding:0 2px;}
.expression-txtfld{width:220px;}
.expression-txtfld-small{width:auto;}
.expression-txtfld:hover, .expression-txtfld:focus, .expression-txtfld:active, .expression-txtfld:visited, .expression-txtfld-small:hover, .expression-txtfld-small:focus, .expression-txtfld-small:active, .expression-txtfld-small:visited{outline:0;}
.edit-control{background:none;border:1px solid #01a098;border-radius:2px!important;color:#01a098;cursor:pointer;float:left;font-size:11px;margin:1px 10px 0 0;outline:none;padding:2px 6px;}
.edit-control:hover, .edit-control:focus, .edit-control:active, .edit-control:visited{background-color:#01a098;border:1px solid #01a098;}
.delete-control{background:none;border:1px solid #bd4440;border-radius:2px!important;color:#bd4440;cursor:pointer;float:left;font-size:11px;margin:1px 10px 0 0;outline:none;padding:2px 6px;}
.delete-control:hover, .delete-control:focus, .delete-control:active, .delete-control:visited{background:#bd4440;border:1px solid #bd4440;}
select.expression-txtfld>option, select.expression-txtfld-small>option{background:transparent!important;padding:2px 0!important;}
select.expression-txtfld>option:hover, select.expression-txtfld-small>option:hover{padding:2px 0!important;}
.expression-btn-common{border-radius:0;font-size:12px;margin-bottom:0;padding:3px 5px;}
.expression-btn{background:none;border:0;border:1px solid #01a098;border-radius:2px!important;color:#01a098;float:left;margin:0 10px 0 0;outline:none;padding:3px 8px;}
.expression-btn:hover, .expression-btn:focus{background-color:#01a098;border:1px solid #01a098;}
.subexpression-btn{background: none; border: 0; border: 1px solid #676666; border-radius: 2px!important; color: #676666; margin: 0 10px 0 0; outline: none; padding: 3px 6px;}
.subexpression-btn:hover, .subexpression-btn:focus{background: #676666;border: 1px solid #676666;}
.expression-edit-btn{background:none;border:1px solid #01a098;border-radius:2px!important;color:#01a098;cursor:pointer;float:left;font-size:11px;margin:1px 10px 0 0;outline:none;padding:3px 6px;}
.expression-edit-btn:hover, .expression-edit-btn:visited, .expression-edit-btn:active, .expression-edit-btn:focus{background-color:#01a098;border:1px solid #01a098;color:#ffffff;}
.expression-delete-btn{background:none;border:1px solid #bd4440;border-radius:2px!important;color:#bd4440;cursor:pointer;float:left;font-size:11px;margin:1px 10px 0 0;outline:none;padding:3px 6px;}
.expression-delete-btn:hover, .expression-delete-btn:visited, .expression-delete-btn:active, .expression-delete-btn:focus{background:#bd4440;border:1px solid #bd4440;color:#ffffff;}
.save-transformation-btn{background:#055a95;font-size:12px;margin-top:10px;padding:3px 8px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);}
.editor-hide{moz-transition:all .5s ease;position:absolute;transition:all .5s ease;webkit-transition:all .5s ease;width:350px;}
.editor-icon-active{border-radius:0!important;}
.transform-padding{padding:10px 15px;}
.editor-heading{background:linear-gradient(#3699bb, #2889aa);font-size:15px;padding:5px 8px 5px 7px;position:fixed;right:0;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);top:180px;z-index:99999;}
.search-icon{right:-1px;top:326px;}
.search-icon-active{background:#17556B!important;border-radius:0!important;padding:5px 5px 5px 17px !important;}
.search-heading{background:linear-gradient(#3699bb, #2889aa);font-size:15px;padding:5px 8px 5px 7px;position:fixed;right:0;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);top:200px;z-index:9;}
.search-content{background:#1a1a1a;border:solid 2px #226981;padding:0;top:326px;}
.step-heading{background:linear-gradient(#3699bb, #2889aa);top:222px;}
.category-bg{height:250px;margin-top:0;overflow:auto;padding:0;}
.step-bg{margin-top:0;max-height:470px;overflow:auto;padding:10px 10px;}
.save-bg{margin-top:0;padding:10px 15px 15px;}
.step-title{background:#b63c37;}
.filter-icon, .step-icon{margin-right:6px;margin-top:3px;min-width:auto;position:absolute;right:0;top:0;z-index:2;}
.step-icon{margin-top:6px;}
.stepIcon{font-size:.8em;margin:0 5px;}
.step-icon li a{color:#e5e5e5;display:inline;padding:3px;}
.step-icon li a:hover{background-color:transparent;text-decoration:underline;}
.step-txt{border-width:0 0 1px;display:block;font-size:13px;font-weight:400;padding:5px 4px 15px;}
.step-icon-disabled{cursor:not-allowed!important;}
.row-update-small{font-size:small;}
.row-alert-txt{color: #fff;font-size: 12px;padding: 0px 5px;}
.step-txt span{color:#151828;cursor:pointer;}
.step-txt span font{color:#01a098;}
.transform-main{background:#0caf90;margin-bottom:0;padding:0 10px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);}
.transform-submain{margin-top:0;padding:0;}
.select-report{background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;box-shadow:0 0 5px rgba(0, 0, 0, 0.42) inset, 0 1px 0 rgba(255, 255, 255, 0.1);position:absolute;width:100%;z-index:999;}
.transform-category{margin-bottom:0;max-height:300px;overflow:auto;padding:0;}
.x_title h2 small{font-size:13px;}
.trans-head{margin:5px 0 15px!important;padding:0;}
#content{max-height:789px;overflow:auto;}
.table-css{border:0 none;margin-bottom:0;width:100%;}
.table-css tr{background-color:#2a2a2a;}
.table-css thead tr th, .table-css tbody tr td{border-color:#515252;padding:4px 5px;}
.table-css thead tr th{background:#000;padding:5px;}
.table-css tr:nth-child(2n+1){background-color:#212121;}
.table-css th{background-color:#0caf90;padding:4px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);}
.table-css table, th, td{border:1px solid #4c4c4c;padding:2px 4px;white-space:nowrap;}
.transformation-arrow{font-size:14px;padding-left:8px;}
.transformation-arrow:hover{color:#4c4c4c;cursor:pointer;}
.transformation-menu:after{border-bottom:8px solid #4c4c4c;border-left:8px solid transparent;border-right:8px solid transparent;content:"";display:inline-block;position:absolute;right:85%;top:-7px;}
.transformation-menu{border:0;border-radius:0!important;box-shadow:none;display:block;margin:0;padding:0;width:200px;}
.transformation-menu li{border-bottom:1px solid #6d6c6c;border-top:1px solid #3e3e3e;}
.transformation-menu li a{border-color:#878787;border-radius:2px;border-style:solid;color:#000;font-size:13px;padding:5px 10px;}
.transformation-menu li a:hover{background:#5b9bd5;cursor:pointer;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);}
.transformation-menu li a:last-child{border-width:1px;}
.transformation-menu li a i{font-size:15px;margin-right:5px;vertical-align:middle;width:18px;}
.icon-custom{font-weight:700;margin-left:-4px;margin-right:8px!important;text-align:left;}
.dropdown-submenu>a:after{border-color:transparent;border-left-color:#fff;border-style:solid;border-width:5px 0 5px 5px;content:" ";display:block;float:right;height:0;margin-right:-1px;margin-top:5px;width:0;}
.dropdown-submenu:hover>a:after{border-left-color:#fff;}
.dropdown-submenu{border-top:0;box-shadow:none;position:relative;}
.dropdown-submenu>.dropdown-menu{border-radius:2px;border-top:0;box-shadow:none;left:100%;top:-3px;}
.dropdown-submenu>.dropdown-menu li a{border-color:#878787;border-radius:2px;font-size:13px;padding:5px 10px;}
.dropdown-submenu>.dropdown-menu li a:hover{background:#5b9bd5;cursor:pointer;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>.dropdown-menu:after{border-bottom:0 solid red;border-left:8px solid transparent;border-right:8px solid transparent;content:"";display:inline-block;position:absolute;right:85%;top:-8px;}
.submenu > li{moz-transform:rotateY(90deg);moz-transition:opacity .4s, -moz-transform .5s;ms-transform:rotateY(90deg);ms-transition:opacity .4s, -ms-transform .5s;opacity:0;o-transform:rotateY(90deg);o-transition:opacity .4s, -o-transform .5s;transform:rotateY(90deg);transition:opacity .4s, transform .5s;webkit-transform:rotateY(90deg);webkit-transition:opacity .4s, -webkit-transform .5s;}
.menu > li{moz-transform:none;ms-transform:none;opacity:1;o-transform:none;transform:none;webkit-transform:none;}
.submenu > li:nth-child(1){moz-transition-delay:350ms;ms-transition-delay:350ms;o-transition-delay:350ms;transition-delay:350ms;webkit-transition-delay:350ms;}
.submenu > li:nth-child(2){moz-transition-delay:300ms;ms-transition-delay:300ms;o-transition-delay:300ms;transition-delay:300ms;webkit-transition-delay:300ms;}
.submenu > li:nth-child(3){moz-transition-delay:250ms;ms-transition-delay:250ms;o-transition-delay:250ms;transition-delay:250ms;webkit-transition-delay:250ms;}
.submenu > li:nth-child(4){moz-transition-delay:200ms;ms-transition-delay:200ms;o-transition-delay:200ms;transition-delay:200ms;webkit-transition-delay:200ms;}
.submenu > li:nth-child(5){moz-transition-delay:150ms;ms-transition-delay:150ms;o-transition-delay:150ms;transition-delay:150ms;webkit-transition-delay:150ms;}
.submenu > li:nth-child(6){moz-transition-delay:100ms;ms-transition-delay:100ms;o-transition-delay:100ms;transition-delay:100ms;webkit-transition-delay:100ms;}
.submenu > li:nth-child(7){moz-transition-delay:50ms;ms-transition-delay:50ms;o-transition-delay:50ms;transition-delay:50ms;webkit-transition-delay:50ms;}
.submenu > li:nth-child(8){moz-transition-delay:0;ms-transition-delay:0;o-transition-delay:0;transition-delay:0;webkit-transition-delay:0;}
.submenu > li:nth-child(9){moz-transition-delay:0;ms-transition-delay:0;o-transition-delay:0;transition-delay:0;webkit-transition-delay:0;}
.menu > li:nth-child(1){moz-transition-delay:0;ms-transition-delay:0;o-transition-delay:0;transition-delay:0;webkit-transition-delay:0;}
.menu > li:nth-child(2){moz-transition-delay:50ms;ms-transition-delay:50ms;o-transition-delay:50ms;transition-delay:50ms;webkit-transition-delay:50ms;}
.menu > li:nth-child(3){moz-transition-delay:100ms;ms-transition-delay:100ms;o-transition-delay:100ms;transition-delay:100ms;webkit-transition-delay:100ms;}
.menu > li:nth-child(4){moz-transition-delay:150ms;ms-transition-delay:150ms;o-transition-delay:150ms;transition-delay:150ms;webkit-transition-delay:150ms;}
.menu > li:nth-child(5){moz-transition-delay:200ms;ms-transition-delay:200ms;o-transition-delay:200ms;transition-delay:200ms;webkit-transition-delay:200ms;}
.menu > li:nth-child(6){moz-transition-delay:250ms;ms-transition-delay:250ms;o-transition-delay:250ms;transition-delay:250ms;webkit-transition-delay:250ms;}
.menu > li:nth-child(7){moz-transition-delay:300ms;ms-transition-delay:300ms;o-transition-delay:300ms;transition-delay:300ms;webkit-transition-delay:300ms;}
.menu > li:nth-child(8){moz-transition-delay:350ms;ms-transition-delay:350ms;o-transition-delay:350ms;transition-delay:350ms;webkit-transition-delay:350ms;}
.menu > li:nth-child(9){moz-transition-delay:400ms;ms-transition-delay:400ms;o-transition-delay:400ms;transition-delay:400ms;webkit-transition-delay:400ms;}
.menu > li:nth-child(10){moz-transition-delay:450ms;ms-transition-delay:450ms;o-transition-delay:450ms;transition-delay:450ms;webkit-transition-delay:450ms;}
.menu > li:nth-child(11){moz-transition-delay:450ms;ms-transition-delay:450ms;o-transition-delay:450ms;transition-delay:450ms;webkit-transition-delay:450ms;}
.submenu{moz-perspective:400px;ms-perspective:400px;o-perspective:400px;perspective:400px;webkit-perspective:400px;}
.transform-padding{border-bottom-left-radius:4px;border-bottom-right-radius:4px;float:left;padding:10px;width:100%;}
.grid-filter{margin-top:3px;min-width:auto;}
.grid-filter li a{color:#e5e5e5;padding:2px 7px 3px;}
.grid-filter li a:hover{background:none;}
.grid-filter-txtfld{background:#2d334f;border-color:#2d334f;border-radius:2px;font-size:.9em;height:23px;padding:4px 8px;}
.grey-heading input.form-control:hover, .grey-heading input.form-control:focus, .grey-heading input.form-control:active, .grey-heading input.form-control:visited{box-shadow:none;outline:0;webkit-box-shadow:none;}
.grid-filter-txtfld::-webkit-input-placeholder{color:#e5e5e5;}
input.ui-grid-filter-input[type="text"]{color:#212121;font-size:12px;font-weight:400;padding:5px;}
.extractorWindowShow{display:block;}
.extractorWindowHide{display:none;}
.wave li{moz-transform:skewY(-90deg);moz-transform-origin:0 0;ms-transform:skewY(-90deg);ms-transform-origin:0 0;o-transform:skewY(-90deg);o-transform-origin:0 0;transform:skewY(-90deg);transform-origin:0 0;webkit-transform:skewY(-90deg);webkit-transform-origin:0 0;}
.fan li{moz-transform:rotate(90deg);moz-transform-origin:0 0;ms-transform:rotate(90deg);ms-transform-origin:0 0;o-transform:rotate(90deg);o-transform-origin:0 0;transform:rotate(90deg);transform-origin:0 0;webkit-transform:rotate(90deg);webkit-transform-origin:0 0;}
.functions-section{border-bottom-left-radius:4px;border-bottom-right-radius:4px;left:7px;position:absolute;text-align:left;top:10px;width:355px;z-index:3;}
.functions-section-head{border-width:0 1px 1px;font-size:13px;height:25px;line-height:22px;text-align:left;color:#00001f; border: 1px solid #ccc;background:#ddd}
.form-horizontal{background:#dfdfdf;}
ul.function-category{max-height:330px;overflow:auto;overflow-x:hidden;}
ul.function-category li{border-bottom:1px solid #ccc;padding:0;background: #f6f6f6;}
ul.function-category li:last-child{border-bottom:none;}
ul.function-category li a{display:block;font-size:11px;padding:6px 0 6px 10px; color: #00001f;}
ul.function-category li a:hover{cursor:pointer;}
ul.function-category-child{padding-left:0;}
ul.function-category-child li{background:#fdfdfd;border-bottom:0 solid #ddd;padding:0 10px 0 0;}
ul.function-category-child li:nth-child(odd){ background: #fff;}
ul.function-category-child li:hover, ul.function-category-child li:nth-child(odd):hover{cursor:pointer;background: #ddd;}
ul.function-category-child li:last-child{border-bottom:none;}
ul.function-category-child li a{display:block;font-size:12px;padding:6px 0 6px 6px;position:relative; color: #00001f;}
ul.function-category-child li a:hover{cursor:pointer;}
ul.function-category-child li a i{float:left;font-size:.8em;padding:0 20px 0 5px;}
.function-selectbox, .function-inputbox, .function-textarea{border:1px solid #adabab;border-radius:3px;display:block;font-size:13px;margin:4px 0;outline:none;padding:2px 5px;width:100%;}
.alias-fld{display:inline-block;float:left;vertical-align:top;width:85%!important;}
select.function-selectbox option{border:1px solid #adabab;border-width:1px 0 0;}
.function-textarea{height:120px;}
.function-selectbox:hover, .function-selectbox:focus, .function-selectbox:active, .function-selectbox:visited, .function-textarea:hover, .function-textarea:focus, .function-textarea:active, .function-textarea:visited, .function-inputbox:hover, .function-inputbox:focus, .function-inputbox:active, .function-inputbox:visited{box-shadow:none;outline:0;webkit-box-shadow:none;}
.function-autocomplete{margin-top:5%;margin-left:2%;border:0;color:#3e4349;display:inline-block;font-size:13px;height:27px;outline:none;width:100%;}
.alert-warning{background-color:transparent!important;background-image:none!important;border:0!important;border-color:transparent!important;box-shadow:none!important;color:#f7f7f7;margin-bottom:0;padding:0;}
.formula-section{bottom:0;box-shadow:0 0 15px rgba(0, 0, 0, 0.5);left:0;padding:0;position:absolute;webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.5);width:100%;z-index:3;}
.transform-title{border-width:0 0 1px;font-size:13px;height:25px;margin-bottom:0;padding:5px 10px;width:100%;}
.filter-icon li a{padding:2px 7px 3px;}
.filter-icon li a:hover, .step-icon li a:hover{cursor:pointer;}
.group-conditions div.mrgn-top10{float:left;margin-top:5px;width:100%;}
.group-conditions{float:left;width:100%;}
.expression-heading-bg{border:solid 0 #ddd;float:left;margin:0;width:100%;}
.group-conditions{float:left;width:98%;}
.order-nav, .filter-sub-btn{float:left;padding:2px 10px;width:100%;}
.expression-nav{float:left;margin-bottom:10px;padding:0 10px;width:100%;}
.filter-heading-bg{float:left;margin-bottom:10px;width:100%;}
.filter-heading{color:#151828;display:block;float:left;font-size:12px;font-weight:700;padding:5px 0;width:100%;}
.filter-subheading{background:#dbdbdc;border:solid 1px #3f4561;border-radius:2px;color:#151828;display:block;float:left;font-size:12px;font-weight:400;max-height:50px;overflow:auto;padding:2px 6px;width:100%;}
.filter-btn{border-radius:2px;font-size:13px;font-weight:700;padding:5px 8px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);}
.x_title transform-title h2{float:left;width:auto;}
button:hover{cursor:pointer;}
.expression-heading-bg button.blue-btn:hover, .expression-heading-bg button.blue-btn:focus{background-color:#01a098;border-color:#01a098;box-shadow:inset 0 1px 0 #01a098;color:rgba(255, 255, 255, 0.9);outline:none;text-decoration:none;transition:all .1s ease-in-out;}
.expression-heading-bg button.blue-btn{background:none;border:0;border:1px solid #01a098;border-radius:2px!important;color:#01a098;float:left;margin:0 10px 0 0;outline:none;padding:1px 6px;}
.expression-heading-bg button.blue-btn:hover{background-color:#01a098;border:1px solid #01a098;}
.expression-heading-bg button.red-btn{background:none;border:0;border:1px solid #bd4440;border-radius:2px!important;color:#bd4440;float:left;margin:0 10px 0 0;outline:none;padding:2px 8px;}
.expression-heading-bg button.red-btn:hover{background:#bd4440;border:1px solid #bd4440;}
.expression-heading-bg button.gray-btn{background:none;border:0;border:1px solid #676666;border-radius:2px!important;color:#676666;float:left;margin:0 10px 0 0;outline:none;padding:2px 6px;}
.expression-heading-bg button.gray-btn:hover{background:#676666;border:1px solid #676666;}
.formula-bar-height{max-height:180px;overflow:auto;}
.select-icon-bg{float:left;padding-left:5px;padding-top:5px;}
.select-icon-bg:hover{color:#3186dc;cursor:pointer;}
.padding-content{float:left;padding:20px 20px 20px 200px;width:100%;}
.bi-top-icon{border:1px solid #adadad;padding:5px;}
.right-section-heading{font-size:13px;font-weight:600;margin:8px 0;padding:0;width:100%;}
.heading-hide{position:absolute;right:22px;top:12px;transform:rotate(90deg) translateX(100%);transform-origin:100% 100%;}
.right-section-heading:hover{cursor:pointer;}
.layout-position{border:1px solid #adadad;margin-top:5px;padding:2px 0 2px 8px;width:100%;}
.layout-position span{font-size:11px;font-weight:600;margin:0;padding:0;}
.layout-position span:hover{cursor:pointer;}
.layout-position span i.arrow{font-size:11px;padding-left:5px;}
ul.visual-dropdown{background:none;border-radius:0;border-top:1px solid #adadad;box-shadow:none;float:none;min-width:100%;outline:none;position:static;width:100%;}
ul.visual-dropdown li{padding:3px 8px;}
ul.visual-dropdown:before{border:0!important;display:none!important;}
ul.bi-top-icon li{color:#a4a8bc;display:inline-block;font-size:1em;margin:0;padding:2px 5px;}
.icon-arrow-right{font-size:12px;}
.bi-top-icon li i{font-size:.7em;}
.bi-top-dropdown{border:none;box-shadow:none;margin:0;padding:0;}
.bi-top-dropdown li{color:#151828;display:block;font-size:12px;margin:0!important;padding:5px 10px;text-align:left;}
.bi-top-dropdown li i{margin-right:5px;}
.bi-top-dropdown li:hover{color:#151828;cursor:pointer;}
.bi-top-dropdown li:last-child{border-bottom:0;}
.bi-top-dropdown:after{left:6%;width:6px;}
.bi-left-menu-bottom{height:125px;margin-top:0;padding:3px 5px 0;}
.bi-data-bg{cursor:move;float:left;width:100%;}
.menu-controll .submenuitem-list{float:left;text-align:left;width:100%;}
.menu-controll .submenuitem-list ul{margin:0;padding:0;}
.menu-controll .submenuitem-list ul li{border-width:0;display:table-cell;font-size:.8em;height:auto;list-style:none;margin:0;padding:6px 0 7px 32px;text-align:left;width:100%;}
.menu-controll .submenuitem-list ul li span.ellipsis-txt{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:158px;}
.auto_listiten ul li:hover span i.bi-number-menu{display:block!important;}
.menu-controll .submenuitem-list ul li:hover{background-color:#363c57;}
.menu-controll .submenuitem-list ul li a{text-decoration:none;}
.menu-controll .submenuitem-list ul li:before{background:#414763;border-radius:50%;bottom:auto;content:"";height:10px;left:12px;margin-top:4px;position:absolute;right:auto;width:10px;z-index:1;}
.menu-controll .submenuitem-list ul li:after{border-left:1px solid #414763;bottom:0;content:"";left:17px;position:absolute;top:0;}
.numbers-heading{border:1px solid #363c57;border-width:0 0 1px;color:#17c4bb;float:left;width:100%;}
.numbers-heading i.heading-icon{float:left;padding:7px 10px 0;}
.bi-left-menu{cursor:pointer;float:left;margin:0;padding:2px 0;position:relative;text-align:center;vertical-align:middle;width:100%;}
.bi-left-menu i, .bi-left-menu span.ml-list-item{float:left;font-size:.8em;}
.bi-left-menu i{padding:2px 15px 0;}
.numbers-heading span.numbers-txt{border:1px solid #363c57;border-width:0 0 0 1px;float:left;font-size:.8em;margin-left:2px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap;width:158px;}
.numbers-heading i.fa-angle-down{color:#5a5d6b;float:right;padding:6px 12px 0 0 !important;}
.bi-left-menu i{font-size:13px;margin-right:5px;padding:3px 12px;}
.bi-left-menu-subheading{border:solid 1px #515252;margin:0;max-height:126px;padding:0;}
.bi-left-menu-subheading li{background:#212121;border-bottom:solid 1px #4c4c4c;line-height:20px;padding:2px 10px;}
.bi-left-menu-subheading li:hover{background:#3a3a3a;}
.bi-number-menu{display:none!important;}
.bi-left-menu-subheading li:hover .bi-number-menu{display:block!important;}
.bi-number-menu-title{color:#0FD7F9;padding:0 6px;}
.bi-number-menu-title:hover{color:#0FD7F9;cursor:pointer;}
.bi-number-menu-subtitle{border-radius:0;box-shadow:none;margin:0;max-height:96px;min-width:200px;padding:0;}
.bi-number-menu-subtitle li{background:#212121;border-color:#4c4c4c;border-radius:0;border-style:solid;border-width:1px 1px 0;color:#f7f7f7;display:block;float:none;font-size:11px;font-weight:400;margin:0;overflow:hidden;padding:1px 2px 1px 7px;text-overflow:ellipsis;white-space:nowrap;}
.bi-number-menu-subtitle li label{display:block;margin:0;}
.bi-number-menu-subtitle li:last-child{border-width:1px;}
.bi-number-menu-subtitle li:hover, .bi-number-menu-subtitle li label:hover{background:#3a3a3a;cursor:pointer;}
.bi-number-menu-chekbox{margin:0 3px 0 0 !important;vertical-align:sub!important;}
.bi-single-chart-wrapper{height:100%;position:relative;}
.bi-three-chart-wrapper{padding:2px 5px 5px;}
.side-menu{background:linear-gradient(#2f393f, #060606);float:left;padding:1%;width:3%;}
.side-menu ul li{margin-bottom:10px;}
.side-menu ul li:last-child{margin-bottom:0;}
.ml-overlay{background:rgba(0, 0, 0, 0.9);bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%;z-index:999;}
.datasource-popup{border-radius:2px;bottom:0;height:570px;left:0;margin:auto;overflow:auto;padding:20px;position:fixed;right:0;top:0;width:800px;z-index:9999;}
.datasource-popup label{color:#333;}
.ml_sourcearea .form-group{float:left;margin:4px 0!important;width:100%;}
.app-modal-window .modal-dialog{width:90%;}
.app-modal-window .modal-header{background:#252b46;border:1px solid #3f4561;border-width:0 0 1px;padding:3px 10px 3px 0px;height: 34px;}
.app-modal-window .modal-header h1{color:#fff;float:left;font-size:1em;line-height:normal;margin:0px;padding:0px 12px;font-weight: bolder;font-size: 1.3em;}
.app-modal-window .modal-header button.close{color:#fff;font-weight:normal;margin-right:6px;margin-top:2px;opacity:1;text-shadow:none;}
.app-modal-window .modal-header button.close:hover{color:#16c4bb!important;}
.app-modal-window .modal-backdrop.in{display:none;filter:alpha(opacity=90);}
.app-modal-window .modal-backdrop.fade{opacity:0 !important;}
.modal-backdrop.fade{opacity:0.7;}
.app-modal-window1+div.modal-backdrop.fade{opacity:0 !important;}
.app-modal-window1+div.modal-backdrop.fade{opacity:0.9!important;}
.fileinput-button{cursor:pointer;direction:ltr;font-size:7px!important;height:28px;margin:0;ms-filter:alpha(opacity=0);opacity:0;position:absolute;right:0;top:0;}
.page-wrapper{height:100%;}
.page-container{float:left;margin-top:38px;position:relative;width:100%;}
[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-]{display:inline-block;line-height:13px;webkit-font-smoothing:antialiased;}
.controll-panel ul li i{font-size:10px;}
li[class*=" fa-"], li[class*=" glyphicon-"], li[class*=" icon-"], li[class^=fa-], li[class^=glyphicon-], li[class^=icon-]{display:inline-block;text-align:center;width:1.25em;}
.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top{z-index:99;}
.page-header.navbar{background-image:none;border:0 solid #2e334a!important;border:0;border-width:0!important;filter:none;height:30px;margin:0;min-height:30px;padding:0;width:100%;}
.page-header.navbar .page-logo{display:block;float:left;height:38px;padding-left:10px;padding-right:10px;width:235px;}
.page-header.navbar .page-logo>.logo-image, .page-header.navbar .page-logo>a{display:inline-block;float:left;}
.page-header.navbar .page-logo .logo-default{height:20px;margin:5px 0 0;width:20px;}
.page-header.navbar .top-menu{float:right;margin:0;padding:0;}
.page-header.navbar .top-menu .navbar-nav{display:block;margin-right:0;padding:0;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown{display:inline-block;font-size:.9em;height:30px;margin:0;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{color:#79869a;font-size:.9em;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img{display:inline-block;float:left;height:40px;margin-right:10px;margin-top:-5px;}
.page-header.navbar .top-menu .navbar-nav>li>a{padding:5px 10px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle .username{padding:0 5px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-menu{width:195px;}
.nav.pull-right>li>.dropdown-menu, .nav>li>.dropdown-menu.pull-right{left:auto;right:0;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a{font-size:13px;font-weight:300;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu>li>a{color:#555;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a i{display:inline-block;margin-right:9px;width:15px;}
.nav>li>a:hover, .nav>li>a:focus{ background: #1b1f32;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle, .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle, .page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle{background-color:#363c57;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle{padding:5px 6px 5px 8px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{color:#c6cfda;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a .badge{margin-right:10px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu:before{border-bottom:7px solid #f6f6f6;border-left:7px solid transparent;border-right:7px solid transparent;content:'';display:inline-block!important;position:absolute;right:9px;top:-7px;z-index:1;}
.nav.pull-right>li>.dropdown-menu:before, .nav>li>.dropdown-menu.pull-right:before{left:auto;right:12px;}
.btn-group>.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before{border-bottom:6px solid #f6f6f6;border-left:6px solid transparent;border-right:6px solid transparent;content:'';display:inline-block!important;left:7px;position:absolute;right:auto;top:-6px;}
.dropdown-menu>li>a>.badge{display:inline;margin-top:1px;position:absolute;right:3px;}
.badge{border-radius:12px!important;font-size:11px!important;font-weight:300;height:18px;moz-border-radius:12px!important;padding:3px 6px;text-align:center;text-shadow:none!important;vertical-align:middle;webkit-border-radius:12px!important;}
.multiselect-parent .dropdown-menu>li>a{clear:both;color:#6f6f6f;display:block;font-weight:300;line-height:18px;padding:4px 16px;text-decoration:none;white-space:nowrap;}
.multiselect-parent .dropdown-menu>li>a:hover, .multiselect-parent .dropdown-menu>li>a:focus{background-color:#c6c6c6;background-image:none;cursor:pointer;}
.multiselect-parent .dropdown-menu .divider{height:1px;margin:0;overflow:hidden;}
.next-prev{float:left;padding:4px 4px 3px 3px;}
.next-prev>i{color:#575c78;cursor:pointer;font-size:1.2em;padding:0 3px;}
.sheet_nav{float:left;height:24px;width:100%;}
.sheet_nav ul{margin:0;padding:0;}
.sheet_nav ul li{border:1px solid transparent;border-left:1px solid #363c57;border-width:2px 0 0 1px;display:table-cell;float:left;font-size:.9em;font-size:11px;height:24px;list-style:none;margin:0;padding:2px 15px 6px;position:relative;vertical-align:middle;}
.sheet_nav ul li::before{background:red;left:0;position:absolute;width:1px;}
.sheet_nav ul li>i{font-size:1.2em;margin-top:-4px;vertical-align:middle;}
.sheet_nav ul li>i.close-sheet{margin-left: 6px; font-weight: 400; font-style: normal; margin-top: 0px;font-size: 0.9em;}
.sheet_nav ul li.sheet-active{background:#151828;border-color:#17c4bb;border-left:1px solid #363c57!important;border-width:2px 0 0 1px!important;color:#17c4bb;}
.sheet_nav ul li>i:hover, .next-prev>i:hover{color:#17c4bb;cursor:pointer;}
.page-content{float:left;margin:18px 0;padding:0 10px;width:100%;}
.no-padding{padding:0;}
.ml-listtab{cursor:pointer;float:left;font-size:1em;position:relative;text-align:center;width:100%;}
.ml-listtab i{font-size:1.2em;padding:0 12px 0 0;}
.circle-btn{border-radius:15px;bottom:-6px;float:left;height:16px;left:0;margin:auto;position:absolute;right:0;width:16px;}
.ml-active{color:#17c4bb!important;cursor:pointer;transition:all 280ms ease-in-out 0;}
.ml-active:before{border:2px solid #17c4bb;bottom:0;transition:all 280ms ease-in-out 0;}
.ml-listtab:before{bottom:0;content:" ";height:2px;left:0;margin:auto;position:absolute;top:0;transition:all 280ms ease-in-out 0;width:100%;z-index:2;}
.ml-tab{background:#151828;bottom:0;float:left;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:31%;z-index:2;}
.menuarea-controll{bottom:0px;float:left;margin:auto;position:fixed;width:calc(100% - 55px);z-index:999;}
.menu-controll{border:1px solid #2b3046;border-width:1px 0;float:left;width:100%;}
.menu-controll ul{float:left;margin:0;padding:0;width:100%;}
.menu-controll ul li{border:1px solid #2b3046;border-width:0 1px 0 0;cursor:pointer;display:table-cell;float:left;list-style:none;margin:0;padding:2px 0;position:relative;text-align:center;vertical-align:middle;}
.menu-controll ul li>i, .menu-controll ul li span.ml-list-item{display:#000;float:left;font-size:.8em;}
.menu-controll ul li>i{padding:2px 15px 0;}
.menu-controll ul li span.ml-list-item{padding:1px 0px 0;}
.menu-controll ul li i.fa-angle-up, .menu-controll ul li i.fa-angle-down{color:#5a5d6b;float:right;font-size:1em;padding:3px 8px;vertical-align:middle;}
.menu-controll ul li .filters-no{border-radius:50%;color:#151828;font-size:.8em;padding:1px 5px;}
.submenutem-controll{background-color:#252a47;border:1px solid #363b58;border-width:1px 1px 0;bottom:0;position:absolute;width:100%;z-index:9;}
.auto_listiten{float:left;max-height:200px;width:100%;}
h2.dynamic_ellipses{float:left;font-size:.8em;margin:0;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:50%;}
.controll-panel{display:block;float:right;padding:0 10px;text-align:right;}
.controll-panel ul{float:right;margin:0;padding:0;}
.controll-panel ul li, .controll-panel ul li:hover{background-color:transparent;border:0;cursor:pointer;display:table-cell;float:left;list-style:none;padding:5px;vertical-align:middle;}
.controll-panel ul li a{font-size:10px;text-decoration:none;}
.controll-panel ul li a:hover{color:#17c4bb;}
.footer-nav-inner{bottom:0;color:#575c78;float:left;font-size:.8em;padding-top:5px;position:absolute;text-align:center;width:100%;z-index:9999;}
.chart-container-show{border-left:2px solid #444;bottom:33px;float:right;padding:0px 10px;position:fixed;right:0;top:70px;width:170px;z-index:1; cursor: pointer;}
.chart-container-hide{border-left:2px solid #444;bottom:33px;float:right;padding:10px 6px;position:fixed;right:0;top:70px;width:27px;z-index:1; cursor: pointer;}
.even-pad:nth-child(even){margin:0 0 0 1%;}
.chart_layout{float:left;width:100%;}
.chart-heading, .panasonic-subheading{float:left;font-size:.7em;padding:0px 0px;}
.panasonic-subheading .pull-left{padding-left:10px;}
.chart-heading p, .panasonic-subheading p{line-height:23px;}
.bi-name-edit-fld{float: left; width: 100px; height: 18px; padding:0px 5px; margin-top:2px; border-radius: 2px; font-size: .9em; background: #2d334f; border:1px solid #404661; color:#fff !important;}
.bi-name-edit-fld:hover, .bi-name-edit-fld:focus, .bi-name-edit-fld:active, .bi-name-edit-fld:visited{border: 1px solid #17c4bb!important;}
.panasonic-subheading p span{cursor:pointer;}
.chart-heading p i, .panasonic-subheading p i{padding:0 10px;}
.chart-heading span.bi-name-edit-btn{color:#a4a8bc;cursor:pointer;}
.chart-heading span.bi-name-edit-btn:hover{cursor:pointer;}
.plotlyline-chart{position:relative;}
.setting-option{border:1px solid #363b58;border-width:0 0 1px;box-shadow:0 0 15px rgba(0, 0, 0, 0.5);float:left;position:absolute;right:0;top:36px;webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.5);width:98%;z-index:9;}
.setting-option::before{border-bottom:10px solid #ddd;border-left:10px solid transparent;border-right:10px solid transparent;content:'';display:inline-block!important;position:absolute;right:38px;top:-10px;z-index:1;}
.setting-option div.setting-subheading, .setting-option div.panasonic-subheading{border-width:0 0 1px!important;float:left;font-size:.9em;padding:2px 0;width:100%;}
.setting-subheading .mrgn-top-nil li>a{color:#00001f;display:block;padding:4px 5px 5px;position:relative;}
.setting-option .setting-subheading p.pull-left, .setting-option .panasonic-subheading p.pull-left{float:left;font-size:13px;line-height:22px;margin:0;padding:1px 10px 0;}
.chartpopup_box{float:left;padding:15px 0;width:100%;}
.bi-chart-wrapper{float:left;position:relative;width:100%;margin-top:8px;}
.plotlyline-chart{height: 100%}
.bi-chart-side-btn{height:100%;margin:auto;padding:0 2px;vertical-align:middle;width:20px;z-index:1;}
.chartpopup_box{float:left;padding:15px 0;width:100%;}
.chartpopup_box label{font-size:13px;font-weight:400;}
.chartpopup_box input{border-radius:2px;box-shadow:none;font-size:.9em;outline:0;padding:12px 8px;webkit-box-shadow:none;}
.bi-chart-side-btn button, .line-chart-bg button{border:1px solid #646981;color:#a4a8bc;font-size:10px;padding:1px 3px;}
ul.mrgn-top-nil{float:right!important;font-size:.8em;margin-right:0!important;}
.mrgn-top-nil li{display:block;float:left;}
.mrgn-top-nil li>a{color:#a4a8bc;display:block;padding:5px 5px 4px;position:relative;}
.mrgn-top-nil li>a:hover, .mrgn-top-nil li>a:focus, .mrgn-top-nil li>a:active, .mrgn-top-nil li>a:visited{color:#fff;cursor:pointer;}
.panel_toolbox{display:block;float:left;margin:0!important;}
.panel_toolbox>li>a{display:block;padding:4px 8px!important;position:relative;}
.panel_toolbox>li>a:hover{background:#ccc;cursor:pointer;}
.sheet_popup{float:left;height:300px;}
.heading_txt{border-width:0 0 1px!important;font-size:15px;padding:5px 10px;}
.select-popup{border-width:0 1px 1px!important;box-shadow:0 0 15px rgba(0, 0, 0, 0.5);display:block;left:0;position:absolute;top:34px;webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.5);width:480px;z-index:11;z-index:999;}
.select-popup::before{border-bottom:10px solid #ddd;border-left:10px solid transparent;border-right:10px solid transparent;content:'';display:inline-block!important;left:8px;position:absolute;top:-10px;z-index:1;}
.select-popup button.close{cursor:pointer;float:right;font-size:21px;line-height:1;opacity:1;padding:5px 12px;text-decoration:none;}
.select-popup button.close span{color:#00001f;}
.select-popup button.close:hover, .select-popup button.close:focus{background:#ccc;}
.file_selectoption{display:table;float:left;padding:10px;width:100%;}
.file_select-row{display:flex;}
.choose-item{float:left;position:relative;width:20%;}
.choose-step{position:relative;text-align:center;}
.choose-step button.choose_file{border:0 solid #ddd;border-radius:50%;font-size:6px;height:45px;padding:10px;position:relative;text-align:center;width:45px;}
.choose-step button.choose_file:hover{color:#151828;}
.file_selectoption p{font-size:11px;letter-spacing:1px;margin-top:0;padding-top:10px;text-transform:uppercase;}
.manage-transformed-popup{background:#252a47;border:1px solid #363c57;border-radius:0;box-shadow:0 0 15px rgba(0, 0, 0, 0.5);float:left;webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.5);width:100%;}
.manage-transformed-popup .modal-header{background:#252a47;border-bottom:1px solid #363c57;border-radius:0 0 0 0;color:#17c4bb;cursor:move;padding:5px 10px;}
.manage-transformed-popup .modal-header h4.modal-title{font-size:.9em;line-height:normal;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;width:210px;}
.manage-transformed-popup .modal-header button.close{margin-top:0;opacity:1;text-shadow:none;}
.search-filterMode{padding:5px;}
.search-filterMode input.bi-category-txtfld{background:#2d334f;border-color:#2d334f;border-radius:2px;font-size:.8em;height:26px;margin:0;padding:2px 5px;width:100%;}
.edit-txtfld{background:#2d334f;border-color:#3f4561;border-radius:2px;color:#fff!important;font-size:1.2em;height:26px;margin:0;padding:2px 5px;width:100%;}
.search-filterMode input.form-control:focus, .search-filterMode input.form-control:active, .search-filterMode input.form-control:visited{box-shadow:none;outline:0;webkit-box-shadow:none;}
.filterMode-item ul.bi-number-menu-subtitle{border:1px solid #363c57;border-radius:0;box-shadow:none;margin:0;max-height:100px;min-width:200px;padding:0;}
.filterMode-item ul.bi-number-menu-subtitle li{background:transparent;border:1px solid #363c57;border-radius:0;border-width:0 0 1px;color:#f7f7f7;display:block;float:none;font-size:.8em;font-weight:400;margin:0;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap;}
.filterMode-item ul.bi-number-menu-subtitle li label{font-weight:400;}
.filterMode-item ul.bi-number-menu-subtitle li:hover, .filterMode-item ul.bi-number-menu-subtitle li label:hover{background:#363c57;cursor:pointer;}
.filterMode-item{float:left;padding:5px 0;width:100%;}
.bi-popover-select{background:#1b1f32;border:1px solid #363d57;color:#fff!important;font-size:11px;margin:10px 0 0 10px;padding:2px;width:93%;}
.main-side-navigation{height:93vh;left:0;overflow:hidden;position:fixed;top:62px;width:35px;z-index:3;}
.main-side-navigation ul{font:inherit;font-size:100%;height:100%;margin:0;overflow-y:auto;padding:0;vertical-align:middle;webkit-overflow-scrolling:touch;}
.main-side-navigation li{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:middle;}
.main-side-navigation div.scroll:hover, .no-touch .main-side-navigation div.selected:hover, .main-side-navigation div.selected{color:#16c4bb!important;}
.main-side-navigation ul li div.scroll{border:1px solid #2b3046;border-width:0 0 1px;color:#fff;cursor:pointer;display:block;font-size:1.3rem;padding:10px 0;position:relative;text-align:center;}
.main-wrapper{display:block;padding-left:45px;padding-right:10px;position:relative;}
.main-section{height:100%;moz-transform:translateX(0);moz-transition:-moz-transform .5s 0;ms-transform:translateX(0);o-transform:translateX(0);padding-left:45px;padding-right:10px;transform:translateX(0);transition:transform .5s 0;webkit-overflow-scrolling:touch;webkit-transform:translateX(0);webkit-transition:-webkit-transform .5s 0;}
.dtc{display:inline-block;height:16px;margin:2px 5px 7px;vertical-align:middle;width:16px;}
.dtc-date-icon{background:url(../img/data-type-sprite.png) no-repeat left 1px;display:inline-block;height:16px;margin:2px 5px 7px;vertical-align:middle;width:16px;}
.dtc-time-icon{background:url(../img/data-type-sprite.png) no-repeat left -29px;display:inline-block;height:16px;margin:2px 5px 7px;vertical-align:middle;width:16px;}
.dtc-abc-icon{background:url(../img/data-type-sprite.png) no-repeat left -60px;display:inline-block;height:16px;margin:2px 5px 7px;vertical-align:middle;width:16px;}
.dtc-123-icon{background:url(../img/data-type-sprite.png) no-repeat left -90px;display:inline-block;height:16px;margin:2px 5px 7px;vertical-align:middle;width:16px;}
.dtc-category-icon{background:url(../img/data-type-sprite.png) no-repeat left -181px;display:inline-block;height:16px;margin:2px 5px 7px;vertical-align:middle;width:16px;}
.dtc-custom{margin-bottom:0;margin-left:0;vertical-align:sub;}
textarea.form-control{resize:none;}
.ml-logo{padding-top:30px;text-align:center;width:100%;}
section.main-bg{background:url(../img/m_bg.jpg) repeat;background-position:top;background-size:cover;height:100%;}
:focus{outline:none;}
section.main-bg .container{height:100%;position:relative;}
.process-step .btn:focus{outline:none;}
.process{bottom:0;display:block;height:200px;left:0;margin:auto;position:absolute;right:0;top:0;width:100%;z-index:1;}
.process-step button[disabled]{filter:alpha(opacity=100)!important;opacity:1!important;}
.process-step{backface-visibility:hidden;position:relative;text-align:center;}
.process-step p{font-size:18px;letter-spacing:1px;margin-top:10px;padding-top:10px;text-transform:uppercase;}
.tab1, .tab2, .tab3, .tab4{border:1px solid transparent;border-radius:50%;font-size:12px;height:163px;padding:10px;position:relative;text-align:center;width:163px;}
.process .fa-3x{font-size:4.5em;vertical-align:middle;}
.process small, .process .small{font-size:16px;}
.tab-item1{border-radius:50%;float:left;height:168px;position:relative;}
.tab-item1 .tab1{background-color:#f1f1f1;border:8px solid rgba(0, 0, 0, .3);box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.3);color:#252b46;moz-box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.3);moz-transition:background-color 0.3s ease-out;o-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out;webkit-box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.3);webkit-transition:background-color 0.3s ease-out;}
.tab-item1:hover .tab1, .tab-item1 .tab1:hover, .tab-item1 .tab1:active{background:#1c394b;border:8px solid #797b86;color:#ffffff!important;}
.pulse:hover{animation:pulse 1s infinite;animation-name:pulse;webkit-animation-name:pulse;}
.footer-nav{border:1px solid #244866;border-width:1px 0 0;bottom:10px;box-shadow:inset 0 1px 0 0 rgba(48, 115, 159, 0.6);float:left;moz-box-shadow:inset 0 1px 0 0 rgba(48, 115, 159, 0.6);padding-top:10px;position:absolute;text-align:center;webkit-box-shadow:inset 0 1px 0 0 rgba(48, 115, 159, 0.6);width:100%;z-index:9999;}
.footer-nav p{font-size:13px;}
.ml_sourcearea .wizard-form-bg{float:left;padding:0;width:100%;}
.ml_sourcearea .modal-header{border-width:0 0 1px;padding:8px 10px;}
.ml_dialog h5{font-size:17px;margin:0;padding:0;}
.alert-msg{font-size: 20px;padding: 30px 0px 0px 0px;}
.ml_sourcearea{float:left;width:100%;}
.ml_sourcearea .fa-info-circle{cursor:pointer;font-size:14px;padding-top:8px;}
.ml_wizard .fa-info-circle{cursor:pointer;font-size:14px;padding-top:2px;}
.ml_modal-dialog .modal-dialog{margin:30px auto;width:800px;}
.ml_dialog{font-family:'Open Sans', sans-serif;font-size:14px;}
.ml_dialog .modal-content{border-radius:2px;float:left;overflow:hidden;padding-bottom:10px;width:100%;}
.ml_dialog .modal-content button.close{background:#151828;border-radius:50%;filter:alpha(opacity=0);font-size:18px;font-weight:400;height:18px;line-height:0px;opacity:1;position:absolute;right:6px;text-shadow:none;top:6px;width:18px;}
.ml_dialog .modal-content button.close:hover{color:#151828;}
.ml_dialog .ml_sourcetype{display:block;float:left;font-size:16px;font-weight:600;padding:15px 15px 20px 30px;width:100%;}
.ml_sourceoption{float:left;padding:15px;width:100%;}
.ml_sourceoption input[type="radio"]{margin-top:4px;}
.ml_sourceoption label, .checkbox label{font-size:14px;font-weight:400;}
.modal-content .form-group label{font-size:12px;font-weight:400;}
.ml_filesource{border-radius:0 4px 4px 0;float:left;font-size:7px;height:27px;margin-right:2px;opacity:1;padding:8px 0 0 12px;width:38px;}
.ml_filesource i{float:right;margin-right:6px;}
.ml_filesource input[type="file"], .ml_filesource{background:transparent;border-radius:2px;width:38px;}
.ml_filesource input[type="file"]:hover, .ml_filesource input[type="file"]:focus, .ml_filesource input[type="file"]:active, .ml_filesource input[type="file"]:visited, .ml_filesource:hover, .ml_filesource:focus, .ml_filesource:active, .ml_filesource:visited{box-shadow:none;outline:0;webkit-box-shadow:none;}
label.ml_url{padding-top:8px;}
input[type="checkbox"].ml_checkbox{margin-top:10px;}
.ml_sourcearea input.form-control, .ml_wizard input.form-control, .ml_sourcearea select.form-control{border-radius:2px;float:left;font-size:.9em;height:28px;padding:4px 38px 4px 8px;width:100%;}
textarea.form-control{background:#f6f6f6;overflow:auto;resize:none;}
.ml_sourcearea input.form-control:focus, .ml_sourcearea input.form-control:active, .ml_sourcearea input.form-control:visited, .ml_wizard input.form-control:focus, .ml_wizard input.form-control:active, .ml_wizard input.form-control:visited{box-shadow:none;outline:0;webkit-box-shadow:none;}
.ml_dialog .pointer .fa-chevron-right, .ml_dialog .pointer .fa-chevron-down, .ml_dialog .pointer .icon-arrow-right, .ml_dialog .pointer .icon-arrow-down{float:right;padding:3px 10px 0 0;}
.ml_dialog .pointer{border:1px solid #adabab;border-radius:2px;cursor:pointer;float:left;font-size:14px;margin:0 0px;margin-top:15px;padding:5px 0 5px 10px;width:100%;}
.ml_wizard{float:left;margin-left:0px;margin-top:-2px;width:100%;}
.ml_wizard label{padding-left:0px !important;padding-right:0px !important;padding-top:6px;}
.ml_wizard .wizard-form-bg{border:1px solid #adabab;border-radius:0 0 4px 4px;border-radius:2px;border-width:0 1px 1px;padding:15px 0;}
.padding-top{padding:3px 15px 3px 15px;}
.ml_submit{float:left;padding:10px 8px!important;width:100%;}
.save-submit-btn{background-color:#0095ff;border:0;border-color:#07c;border-radius:4px!important;box-shadow:inset 0 1px 0 #66bfff;margin:0 10px 0 0;outline:none;padding:6px 15px;}
.save-submit-btn:hover, .save-submit-btn:focus{background-color:#07c;border-color:#005999;box-shadow:inset 0 1px 0 #3af;color:rgba(255, 255, 255, 0.9);outline:none;text-decoration:none;transition:all .1s ease-in-out;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{box-shadow:none;cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;webkit-box-shadow:none;}
.ml_filedata{float:left;padding:10px 0;width:100%;}
.switch{display:inline-block;height:15px;position:relative;top:3px;width:42px;}
.switch input{display:none;}
.slider{background-color:#17c4bb;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;webkit-transition:.4s;}
.slider:before{background-color:#fff;bottom:4px;content:"";height:7px;left:4px;ms-transform:translateX(26px);position:absolute;transform:translateX(26px);transition:.4s;webkit-transform:translateX(26px);webkit-transition:.4s;width:7px;}
.slider.round{border-radius:34px;}
.slider.round:before{border-radius:50%;}
.slider-back{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;webkit-transition:.4s;}
.slider-back:before{background-color:#fff;bottom:4px;content:"";height:7px;left:4px;position:absolute;transition:.4s;webkit-transition:.4s;width:7px;}
input:checked + .slider-back{background-color:#ccc;cursor:auto;}
input:checked + .slider-back:before{ms-transform:translateX(0px);transform:translateX(0px);webkit-transform:translateX(0px);}
.slider-back.round{border-radius:34px;cursor:auto;}
.slider-back.round:before{border-radius:50%;}
.slider-back:hover{cursor:auto;}
.panel-switcher{background-color:#f6f6f6;border-radius:0px 0px 2px 2px;box-shadow:0 0 15px rgba(0, 0, 0, 0.5);height:200px;padding:10px 20px 40px;position:fixed;right:0;top:30px;webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.5);width:195px;z-index:999999;}
.style-switcher.panel-switcher{display:none;}
.panel-switcher::before{border-bottom:7px solid #f6f6f6;border-left:7px solid transparent;border-right:7px solid transparent;content:'';display:inline-block!important;position:absolute;right:9px;top:-7px;z-index:1;}
.panel-switcher .section-title{font-size:18px;padding:15px 15px 15px 0px;}
.style-switcher .section-options{border-top:1px solid #e8e8e8;float:left;padding:20px 15px 10px 0px;width:100%;}
.style-switcher ul{padding-left:0;}
.style-switcher ul li{border:1px solid #fff;float:left;list-style:none;margin:0px 6px 6px 0px;transition:border-color 0.16s linear;webkit-transition:border-color 0.16s linear;}
.style-switcher ul li img{cursor:pointer;display:block;width:25px;}
img[alt]{font-size:82%;line-height:10px;}
img{height:auto;}
img{height:auto;max-width:100%;ms-interpolation-mode:bicubic;}
.darkblur{background:#151828;border:1px solid #151828;cursor:pointer;float:left;height:22px;width:22px;}
.lightgray{background:#e9ecf3;border:1px solid #151828;cursor:pointer;float:left;height:22px;width:22px;}
.ml-logo .img-responsive{margin:auto;}
@media screen and (min-width: 1024px) and (max-width: 1630px){.ml-listtab{font-size:.8em;}
}
@media only screen and (min-width: 480px){.main-side-navigation{width:35px;}
.main-side-navigation a{font-size:1.3rem;padding:2em;}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px){.tab-item1{height:150px;}
.process{width:900px;}
.tab1, .tab2, .tab3, .tab4{height:150px;width:150px;}
}
@media only screen and (min-width: 1280px) and (max-width: 1440px){.tab1, .tab2, .tab3, .tab4{height:150px;width:150px;}
.tab-item1{height:150px;}
.tab-item1 .tab1{border:7px solid #797b86;}
.tab-item1:hover .tab1, .tab-item1 .tab1:hover, .tab-item1 .tab1:active{border:7px solid #797b86;}
}
@media only screen and (min-width: 1441px) and (max-width: 1920px){.numbers-heading span.numbers-txt{width:76%;}
.menu-controll .submenuitem-list ul li span.ellipsis-txt{width:90%;}
}
.modal-header{padding:5px 10px;}
.name-edit{color:#0FD7F9;font-size:13px;font-weight:700;}
.app-modal-window .modal-header h1 span.heading_label{float:left;padding-right:20px;margin-top: 3px;}
.select_values{float:right;margin:1px 0px;width:380px;}
.select_tables{display: inline-flex;float: right;}
.preview_label {color:#fff;display:block;float:left;font-size:13px;padding:2px 10px;}
.select_values .label_txt{color:#fff;display:block;float:left;font-size:13px;padding:2px 10px;}
.multiselect-item{float:left;width:200px;}
.multiselect-item .function-inputbox{background:#1b1f35;border:1px solid #404661;border-radius:3px;color:#ffffff;float:left;font-size:12px;height:25px;margin:0 5px 0 0;outline:none;padding:0 6px;}
.multiselect-item .function-inputbox:hover, .multiselect-item .function-inputbox:focus, .multiselect-item .function-inputbox:active, .multiselect-item .function-inputbox:visited{border:1px solid #17c4bb!important;color:#fff;}
.multiselect-item .dropdown-menu{background-color:#141931;border:1px solid #3e4460;color:#fff;}
.multiselect-item .dropdown-menu li{border:1px solid #3e4460;border-width:0px 0px 1px 0px;}
.multiselect-item .dropdown-menu>li>a{color:#ffffff;font-size:11px;padding:4px 7px;}
.multiselect-item .dropdown-menu>li>a:hover, .multiselect-item .dropdown-menu>li>a:focus{background-color:#1f2645;background-image:none;color:#fff !important;cursor:pointer;}
.blue-btn_apply{background-color:#17c4bb;border:0px;border-color:#01a098;border-radius:2px !important;color:#FFF;cursor:pointer;float:left;font-size:13px;margin:0px 10px 0px 10px;outline:none;padding:3px 13px;}
.blue-btn_apply:hover, .blue-btn_apply:focus, .blue-btn_apply:active, .blue-btn_apply:visited{background-color:#01a098;border-color:#17c4bb;color:#FFF;outline:none;text-decoration:none;transition:all .1s ease-in-out;}
.name-edit-btn{background:none;border:1px solid #01a098;border-radius:2px!important;cursor:pointer;float:left; margin-top: 3px;outline:none;padding:1px 6px;}
.name-edit-btn:hover, .name-edit-btn:focus{background-color:#01a098;border:1px solid #01a098;}
.name-txtfld{background: #1b1f35 !important; border: 1px solid #404661; border-radius: 3px; color: #ffffff !important; font-size: 12px;outline: none; padding: 0 6px; width:40%; display:inline-block;height:26px;margin-right:5px;}
.leftsec{background:rgba(0, 0, 0, 0.35) none repeat scroll 0 0;border:1px solid #404661;border-width:1px 1px 0px 1px;box-shadow:0 0 5px rgba(0, 0, 0, 0.42) inset, 0 1px 0 rgba(255, 255, 255, 0.1);margin-right:1%;max-height:661px;overflow:auto;width:24%;}
.leftsec-table-title{background:#262c47;color:#16c4bb;font-size:12px;padding:6px 0 4px 7px;}
.leftsec-table-title i{margin-right:5px;}
h3.tbl-head{background:#252b46;border:1px solid #3f4561;border-width:0 0 3px;color:#fff;font-size:12px;margin:0;padding:6px 8px;}
.no_datasource{float:left;padding:3px 10px 1px 10px;width:100%;}
.tbl-name:nth-child(odd){background-color:#1f243b;border-bottom:1px solid #3f4561;border-top:0px solid #3f4561;}
.tbl-name:nth-child(even){background-color:#1b1f33;border-bottom:solid 1px #404661;}
.tbl-name a.cl-icon{color:#fff;padding:5px;text-decoration:none;}
.tbl-name a.angle-icon{color:#fff;float:right;padding:5px;text-decoration:none;}
ul.child{background:#1c1f33;border-top:solid 3px #404661;list-style:none;margin:0px;padding:0px;width:100%;}
ul.child li{border-bottom:1px solid #404661;cursor:move;line-height:11px;padding:2px;}
ul.child li:last-child{border-bottom:0px solid #404661;}
ul.child li:hover{background:#252b46;color:#FFF;}
ul.child li div i{padding-right:3px;}
.colname{color:#fff;cursor:move;display:inline-block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:190px;}
ul.subchild{background:#007177;display:none;list-style:none;margin:0px;padding:5px;}
ul.subchild li{color:#fff;padding:5px;}
ul.subchild li:hover{background:none;}
ul.subchild li a{color:#f7f7f7;text-decoration:none;}
.rightsec{max-height:661px;overflow:auto;width:75%;}
ul.display-column{list-style:none;margin:0px;padding:0px;}
ul.display-column li{background:#151829;border:dashed 1px #25c4bb;color:#fff;display:inline-block;font-size:12px;margin:0 5px 5px 0;padding:2px 6px;}
ul.display-column li a{color:#f7f7f7;}
ul.display-fields{list-style:none;margin:0;padding:0;}
ul.display-fields li{background:#151829;border:dashed 1px #16c4bb;color:#fff;display:inline-block;font-size:12px;margin:0 5px 5px 0;padding:2px 6px;}
ul.display-fields li a{color:#f7f7f7;}
.display-dropdown-btn{background:transparent;border:0;font-size:12px;margin:0;padding:0;}
.display-dropdown-btn .btn .caret{margin-left:2px;}
.display-dropdown-btn:hover, .display-dropdown-btn:focus{color:#0FD7F9;}
ul.display-dropdown{background:#101010;border:solid 1px #515252;border-radius:0px;box-shadow:0 0 5px rgba(0, 0, 0, 0.42) inset, 0 1px 0 rgba(255, 255, 255, 0.1);top:22px;}
ul.display-dropdown li{background:transparent;border-bottom:solid 1px #515252 !important;border-left:0;border-right:0;border-top:0;display:block !important;margin:0 !important;padding:0 !important;}
ul.display-dropdown li a:before{color:#fff;content:"\f105";font-family:FontAwesome!important;padding:0 8px 0 0;}
ul.display-dropdown li a{border-bottom:solid 1px #515252;margin:0 !important;padding:5px 10px !important;}
ul.display-dropdown li a:last-child{border-bottom:solid 0px #515252;}
ul.display-dropdown li a:hover{background:#484848;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);}
.pad-10{padding:10px 10px 10px 10px;}
.rightsec-bg{background:#1b1f34;border:1px solid #404661;border-width:1px 1px 1px 1px;}
.orange-color{color:#17c4bb;cursor:pointer;}
.rightsec-bg h3{background:#252b46;border:1px solid #3f4561;border-width:0 0 3px;color:#fff;font-size:13px;margin:0;padding:6px 8px;}
.max-height{max-height: 120px; overflow: auto;}
.rightsec-filter-warea{max-height:150px;overflow:auto;}
.display-btn{background:#151829;border:dashed 1px #25c4bb;color:#fff;font-size:11px;padding:2px 5px 3px 5px;text-align:center;width:145px;}
.apply-btn{background:linear-gradient(#0aa88a, #05614f);border:1px solid #0aa88a;border-radius:0;font-size:12px;font-weight:400;margin:0px;outline:none;padding:2px 20px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);}
.apply-btn:hover{color:#fff;}
.delta-btn{background:linear-gradient(#7b519d, #653989);border-color:#885cab;color:#f7f7f7;}
.delta-btn:hover, .delta-btn:focus{background:linear-gradient(#7b519d, #653989);border-color:#885cab;color:#f7f7f7;}
.date-view{background:#313131;border-bottom:dashed 1px;border-radius:0;border-width:0 0 1px 0;color:#54caf3;font-family:"Arial", sans-serif;margin:0 0 10px 0;padding:7px;}
.calendar-bg{background:rgba(0, 0, 0, 0.35) none repeat scroll 0 0;border-radius:2px;box-shadow:0 0 5px rgba(0, 0, 0, 0.42) inset, 0 1px 0 rgba(255, 255, 255, 0.1);display:inline-block;margin-right:10px;padding:10px;}
.calendar-bg div div table thead tr{background:#222222;color:burlywood;line-height:28px;}
.calendar-bg div div table thead tr:first-child{background:linear-gradient(#313131, #232323);border-bottom:solid 1px #191919;border-left:solid 1px #1e1e1e;border-right:solid 1px #1e1e1e;border-top:solid 1px #444444;}
.calendar-bg div div table thead tr:first-child th:first-child{padding:5px 0 5px 10px;}
.calendar-bg div div table thead tr:first-child th:last-child{padding:5px 10px 5px 0;}
.calendar-bg div div table thead tr:first-child th:first-child button, th:last-child button{background:#292929;border-color:#d5d5d5;border-radius:50%;height:24px;margin:0;width:24px;}
.calendar-bg div div table thead tr:first-child th:first-child button:hover, th:last-child button:hover, .calendar-bg div div table thead tr th button i:hover, .calendar-bg div div table thead tr:first-child th:first-child button:focus, th:last-child button:focus, .calendar-bg div div table thead tr th button i:focus{background:transparent !important;border-color:#8d8d8d;}
.calendar-bg div div table thead tr th button i{color:#f7f7f7;font-size:11px;left:-4px;top:-2px;}
.calendar-bg div div table thead tr:first-child th:nth-child(2) button{background:transparent;border:0;color:#f7f7f7;font-size:14px;margin:0;}
.calendar-bg div div table, th, td{border:0;padding:0;}
.calendar-bg div div table tbody tr td{background:#333333;padding:1px;}
.calendar-bg div div table tbody tr td button{background:linear-gradient(#535353, #4c4c4c);border:solid 1px #5d5d5d;border-radius:0;margin:0;padding:3px 10px;}
.calendar-bg div div table tbody tr td button:hover{border-color:#8d8d8d;}
.calendar-bg div div table tbody tr td button span{color:#f7f7f7;font-weight:700;line-height:20px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);}
.calendar-bg div div table tbody tr td button .text-muted{color:#858585;}
.date-picker-txt{color:#0FD7F9 !important;font-size:14px;font-weight:400;line-height:30px;margin-bottom:4px;padding-left:3px;}
.timepicker div table tbody tr td input{background:transparent;border:0;color:#dcdcdc;font-size:18px;margin:0;padding:0;width:75px !important;}
.timepicker div table tbody tr td button{background:linear-gradient(#3699bb, #2889aa);border-color:#4eb9de;border-radius:0;color:#dcdcdc;font-size:12px;margin:0;padding:3px 7px 3px 6px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);}
.timepicker div table tbody tr td button:hover, .timepicker div table tbody tr td button:focus{background:linear-gradient(#0aa88a, #048a70);border-color:#0aa88a;color:#f7f7f7;}
.timepicker pre{background:#313131;border-bottom:dashed 1px;border-radius:0;border-width:0 0 1px 0;color:#54caf3;margin:0 0 10px 0;padding:7px;}
.group-conditions{margin-left:10px;}
.condition, .group{background:#1b1f35;float:left;margin-top:10px;width:100%;}
.app-modal-window1 .expression-heading-bg{background:#1b1f35;}
.app-modal-window1 .model-bg{background:#151828;float:left;padding:0px 0px 10px 0px;width:100%;}
.rightsec-filter-warea ul.chart-mapping, .rightsec-filter-warea .expression-txtfld, .rightsec-filter-warea .expression-txtfld-small, .rightsec-filter-warea ul.function-category-child li:nth-child(odd), .rightsec-filter-warea .bi-top-icon, .rightsec-filter-warea .layout-position, .rightsec-filter-warea .bi-top-dropdown li, .rightsec-filter-warea .datasource-popup{background:#262c47;}
.rightsec-filter-warea .expression-txtfld, .rightsec-filter-warea .expression-txtfld-small{border:1px solid #404661;border-radius:3px;color:#ffffff;float:left;font-size:12px;height:23px;margin:0 10px 0 0;outline:none;padding:0 2px;}
.rightsec-filter-warea .expression-txtfld{width:200px;}
.rightsec-filter-warea .expression-txtfld:hover, .rightsec-filter-warea .expression-txtfld:focus, .rightsec-filter-warea .expression-txtfld:active, .rightsec-filter-warea .expression-txtfld:visited, .rightsec-filter-warea .expression-txtfld-small:hover, .rightsec-filter-warea .expression-txtfld-small:focus, .rightsec-filter-warea .expression-txtfld-small:active, .rightsec-filter-warea .expression-txtfld-small:visited{border:1px solid #f1f1f1;color:#ffffff;}
.rightsec-filter-warea .filter-heading-bg{border-radius:2px;float:left;margin-bottom:10px;width:100%;}
.rightsec-filter-warea .filter-subheading{background:#22273e;border:solid 1px #3f4561;color:#ffffff;display:block;float:left;font-size:12px;font-weight:400;line-height:20px;max-height:68px;overflow:auto;padding:5px 10px;width:100%;}
.rightsec-filter-warea .filter-heading{color:#ffffff;display:block;float:left;font-size:12px;font-weight:400;padding:0px 0px 10px 0;width:100%;}
.no-cursor{cursor:not-allowed !important;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: 0px auto -webkit-focus-ring-color !important;
outline-offset: 0px !important;
}
.btn:active, .btn.active {
outline: 0;
background-image: none !important;
-webkit-box-shadow:none !important;
box-shadow: none !important;
}
span[disabled]{ cursor: no-drop;}
.chart_wh
{
position: relative; margin: auto; height: 100%; width: 96%;
}
.highlight {
margin-right: 12px;
}
.highlight :hover{color: #17c4bb;}
i[disabled]{
cursor: no-drop !important;
}
button[disabled]{
cursor: no-drop !important;
}
autocomplete css
ul.add-scroll {
z-index: 9999;
position: absolute;
list-style-type: none;
width:100%;
max-height:200px;
overflow:auto;
background: #ffffff;
border: 1px solid #ddd;
font-size: 11px;
border-radius: 0px;
}
ul.add-scroll li
{
color: #333;
padding: 1px 3px;
border: 1px solid #ddd;
border-width: 0px 0px 1px 0px;
margin-left: 3px;
font-size: 11px;
}
ul.add-scroll li:hover
{
background: #f0fcff;
color: #428bca;
cursor: pointer;
}
./* ml_filesource{border-radius:0 4px 4px 0;float:left;font-size:7px;height:27px;margin-right:2px;opacity:1;padding:8px 0 0 12px;width:38px;}
.ml_filesource i{float:right;margin-right:6px;}
.ml_filesource input[type="file"], .ml_filesource{background:transparent;border-radius:2px;width:38px;}
.ml_filesource input[type="file"]:hover, .ml_filesource input[type="file"]:focus, .ml_filesource input[type="file"]:active, .ml_filesource input[type="file"]:visited, .ml_filesource:hover, .ml_filesource:focus, .ml_filesource:active, .ml_filesource:visited{box-shadow:none;outline:0;webkit-box-shadow:none;}
*/
*/
section.main-bg{background:url(../img/m_bg.jpg) repeat;background-position:top;background-size:cover;height:100%;}
.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top{z-index:99; display: inherit; position : sticky !important; display: block !important; }
.page-header.navbar{background-image:none;border:0 solid #2e334a!important;border:0;border-width:0!important;filter:none;height:30px;margin:0;min-height:30px;padding:0;width:100%;}
.page-header.navbar .page-logo{display:block;float:left;height:38px;padding-left:10px;padding-right:10px;width:235px;}
.page-header.navbar .page-logo>.logo-image, .page-header.navbar .page-logo>a{display:inline-block;float:left;}
.page-header.navbar .page-logo .logo-default{height:20px;margin:5px 0 0;width:20px;}
.page-header.navbar .top-menu{float:right;margin:0;padding:0;}
.page-header.navbar .top-menu .navbar-nav{display:block;margin-right:0;padding:0;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown{display:inline-block;font-size:.9em;height:30px;margin:0;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{color:#79869a;font-size:.9em;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img{display:inline-block;float:left;height:40px;margin-right:10px;margin-top:-5px;}
.page-header.navbar .top-menu .navbar-nav>li>a{padding:5px 10px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle .username{padding:0 5px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-menu{width:195px;}
.page-wrapper{height:100%;}
.page-container{float:left;margin-top:38px;position:relative;width:100%;}
.height_width{margin-bottom:0px;width:138px !important;height:20px !important;}
.height_width_icon{margin-bottom:5px;width:70px !important;height:20px !important;}
ml_filesource{border-radius:0 4px 4px 0;float:left;font-size:7px;height:27px;margin-right:2px;opacity:1;padding:8px 0 0 12px;width:38px;}
.ml_filesource i{float:right;margin-right:10px;color:white;}
.ml_filesource input[type="file"], .ml_filesource{background:transparent;border-radius:2px;width:29px;}
.ml_filesource input[type="file"]:hover, .ml_filesource input[type="file"]:focus, .ml_filesource input[type="file"]:active, .ml_filesource input[type="file"]:visited, .ml_filesource:hover, .ml_filesource:focus, .ml_filesource:active, .ml_filesource:visited{box-shadow:none;outline:0;webkit-box-shadow:none;}
.fileinput-button{
cursor:pointer;
direction:ltr;
font-size:7px!important;
height:28px;
margin:0;
ms-filter:alpha(opacity=0);
opacity:0;
position:absolute;
right:0;
top:0;
}
.fileinput-buttonPopup {
position: absolute;
overflow: hidden;
display: inline-block;
/* background: transparent url(../img/file-upload-icon.png) no-repeat right top; */
border: 0;
vertical-align: middle;
margin-top: 15px;
margin-left: 6px;
color: transparent;
width:1px;
height:1px;
}
.grey-heading input.form-control:hover, .grey-heading input.form-control:focus, .grey-heading input.form-control:active, .grey-heading input.form-control:visited{box-shadow:none;outline:0;webkit-box-shadow:none;}
.grey-heading input.form-control:hover, .grey-heading input.form-control:focus, .grey-heading input.form-control:active, .grey-heading input.form-control:visited{box-shadow:none;outline:0;webkit-box-shadow:none;}
.file-button {
position: relative;
/* overflow: hidden; */
display: inline-block;
/* background: transparent url(../img/file-upload-icon.png) no-repeat right top; */
border: 0;
vertical-align: middle;
margin-left: 8px;
}
.file-button input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
font-size: 200px !important;
direction: ltr;
cursor: pointer;
}
.file-upload {
display: block;
padding: 9px 6px 6px 0px;
}
a:focus{outline:none;}
.heading{
color: white;
font-size: 12px;
padding: 0;
display: initial;
margin-left:3px;
}
.form-css {
margin-top: 30px;
height: 112px;
border: 1px solid #2d4152;
margin-left: 5px;
margin-right: 5px;
border-radius: 6px;
background-image: linear-gradient(to right top, #45638c, #1b1f32, #303961, #353c5f, #343a3e);
}
.grid-heading{
/*margin-top:2%; */
margin-block-start : 1rem;
border: 1px solid #18172b;
background-image: linear-gradient(to right top, #537895, #3a4c63, #2d4a69, #3f607f, #537895);
width: 100%;
height: 25px;
display: inline-flex;
}
.user-grid-heading{
border: 1px solid #18172b;
background-image: linear-gradient(to right top, #537895, #3a4c63, #2d4a69, #3f607f, #537895);
width: 100%;
height: 24px;
display:inline-flex;
}
.download-link{
color:#1facdf !important;
cursor:pointer;
}
.error-link{
color:red !important;
cursor:pointer;
text-decoration: underline;
}
.netbanking-error-link{
color:#f1de55 !important;
cursor:pointer;
text-decoration: underline;
}
.download-link:hover {
color:white;
text-decoration: underline;
}
.function-inputbox {
height: 20px;
font-size: 11px;
border-radius: 5px;
color: white !important;
background: #335170 !important;
border: white 1px solid !important;
}
.function-autocomplete{border:0;color:#3e4349;display:inline-block;font-size:13px;height:27px;outline:none;width:100%;}
.autocomplete-suggestions{
background-color:#1b1f32;
color:white;
width: fit-content;
padding: 2px;
max-height: 150px;
overflow: auto;
font-size:11px;
padding:6px;
min-width:145px;
position: absolute;
}
.autocomplete-input {
font-size: 11px;
font-weight: 600;
border-radius: 3px;
border: 0;
height: 17px;
width: 108px;
padding:3px;
}
.autocomplete-li {
font-size: 11px !important;
padding: 3px !important;
cursor:pointer;
}
.autocomplete-li:hover{
background-color:#333b60;
}
.grid-search {
background-color: #395978;
border-radius: 12px;
border: white 1px solid;
color: white;
width: 110px;
font-size: 11px;
margin-left: 2px;
padding: 1px 0px 0px 6px;
outline:none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: white;
opacity: 1; /* Firefox */
}
.paging-icon {
font-size: 10px;
padding: 4.5px 0px 0px 0px;
vertical-align: top;
/* color:white; */
cursor:pointer;
}
.paging-icon-btn {
height: 20px;
width: 20px;
margin-top: 0px;
padding: 0px 2px 0px 2px;
/* border: 0.2px solid white; */
/* background-color: #3a5a79; */
}
.paging-icon-inp {
height: 20px;
border-width: 1px;
border-style: outset;
border-color: buttonface;
border-image: initial;
width: 60px;
background-color: #e4e4e4;
border: 0px;
padding: 3px 0px 0px 3px;
margin-bottom: 0;
padding: 0px 0px 0px -9px;
margin-top: 0px;
}
.addmore-icon {
color: white;
padding: 5px 0px 0px 6px;
cursor: pointer;
font-size: 12px;
}
/* .z-index-99999{
z-index:99999 !important;
} */
.apply-icon {
background-color: #313a61;
color: white;
border: 0px;
height: 25px;
width: 69px;
border-radius: 12px;
}
textarea:focus, input:focus, button:focus{
outline: none;
}
.margin-8 {
margin-left:8px;
cursor:pointer;
}
.margin-12 {
margin-left:12px;
cursor:pointer;
}
.align-icon-center {
margin-left: 46%;
}
.form-css-operator {
/* margin-top: 30px; */
/* height: 112px; */
/* border: 1px solid #2d4152; */
margin-left: 5px;
margin-right: 5px;
border-radius: 6px;
/* background-image: linear-gradient(to right top, #45638c, #1b1f32, #303961, #353c5f, #343a3e); */
}
.ag-blue .ag-row-selected {
background-color: #486279 !important;
}
.ag-blue .ag-cell-focus {
border:none !important;
outline: none !important;
}
/* .form-control : disabled {
background-color: #eee !important;
opacity: 1 !important;
} */
.instrumnt-div{
border-radius:4px;
margin-bottom: 10px;
padding: 0px 0px 3px 0px;
}
.all-heading{
font-size: 12px;
font-weight: normal;
padding: 3px 0px 2px 10px;
border-width: 0px 0px 1px 0px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-bottom: 6px;
display: block;
float: left;
width: 100%;
}
.red-color {
color: #FF0000;
}
.label-font {
/* text-align: right; */
font-size: 11px;
font-family: sans-serif;
font-weight:400;
color: #333333;
float: left;
display: block;
padding: 4px 10px 5px 0px;
}
.input-box {
border: 1px solid #98a4a7;
outline: none;
/* border-radius: 7px; */
padding: 0 2px;
height: 19px !important;
/* margin: 2px 0 2px 0px; */
font-size: 11px;
color: #585858;
}
.padd-nill{
padding-left: 0px;
padding-right: 0px;
}
/* .blue{background:#ffffff;} */
.green{background:#fedbc2;}
.grey{background:#dbd4d4;}
ul.themebox {
margin-right:33px;
position:absolute;
right:0px;
top:8px;
z-index:9999;
cursor:pointer;
}
.search-save
{
width: 100%;
float: left;
}
.save-button
{
float: right;
}
.popup-header
{
padding: 10px;
}
ul.themebox li{display:inline-block; border-radius: 50%; margin: 0px 2px;}
ul.themebox li.blue{width:15px; height:15px; background:#5593a2;}
ul.themebox li.grey{width:15px; height:15px; background:#827f7f;}
ul.themebox li.green{width:15px; height:15px; background:#fedbc2;}
.fr_datalist
{
display: inline-block;
padding: 2px 0px;
min-height: 30px;
}
.nav.pull-right>li>.dropdown-menu, .nav>li>.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a {
font-size: 13px;
font-weight: 300;
}
.nav.pull-right>li>.dropdown-menu:before, .nav>li>.dropdown-menu.pull-right:before {
right: 12px;
left: auto;
}
.btn-group>.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before {
position: absolute;
top: -6px;
left: 7px;
right: auto;
display: inline-block!important;
border-right: 6px solid transparent;
border-bottom: 6px solid #f6f6f6;
border-left: 6px solid transparent;
content: '';
}
.dropdown-menu>li>a>.badge {
position: absolute;
margin-top: 1px;
right: 3px;
display: inline;
}
.multiselect-parent .dropdown-menu>li>a {
padding: 4px 16px;
color: white;
text-decoration: none;
display: block;
clear: both;
font-weight: 300;
line-height: 18px;
white-space: nowrap;
}
.multiselect-parent .dropdown-menu>li>a:hover, .multiselect-parent .dropdown-menu>li>a:focus
{
background-image: none;
background-image: none;
background-color: #c6c6c6;
cursor: pointer;
}
.multiselect-parent .dropdown-menu .divider {
height: 1px;
margin: 0px 0;
overflow: hidden;
}
.dropdown-menu>li>a>.badge {
position: absolute;
margin-top: 1px;
right: 3px;
display: inline;
}
.fa-cursor:hover {
cursor: pointer;
}
.alert-btn {
height: 25px !important;
font-size: 12px !important;
padding: 4px 11px !important;
}
.red {
color: #c52626;
background-color: transparent;
}
.green {
color:green;
background: transparent !important;
}
.alert-icon {
font-size: 17px;
vertical-align: text-bottom;
margin-right: 2px;
}
.alert-modal-window .modal-content{background-image: linear-gradient(to right top, #f3f1f1, #a3a4ab, #848282, #56565659, #989595);border:0px !important;border-radius:2px;overflow:hidden;}
.blue-heading {
/* background: #5593a2; */
background-image: -webkit-linear-gradient(bottom, #4c9fc7, #223136);
background-image: -moz-linear-gradient(bottom, #4c9fc7, #223136);
background-image: -o-linear-gradient(bottom, #4c9fc7, #223136);
background-image: -ms-linear-gradient(bottom, #4c9fc7, #223136);
background-image: linear-gradient(to top, #4c9fc7, #223136);
margin-bottom: 15px;
}
i[disabled], input[disabled]{
cursor: no-drop !important;
}
.tab-item1{border-radius:50%;float:left;height:128px;position:relative;width:25%;}
.process-step .btn:focus{outline:none;}
.process{bottom:0;display:block;height:0px;left:0;margin:auto;position:absolute;right:0;top:0;width:100%;z-index:1;}
.process-step button[disabled]{filter:alpha(opacity=100)!important;opacity:1!important;}
.process-step{backface-visibility:hidden;position:relative;text-align:center;}
.process-step p{ font-size: 14px; letter-spacing: 1px; margin-top: 0px; padding-top: 5px; text-transform: uppercase;}
.tab1, .tab2, .tab3, .tab4{border:1px solid transparent;border-radius:50%;font-size:15px;height:75px;padding:10px;position:relative;text-align:center;width:84px;}
.process .fa-3x{font-size: 2.0em;vertical-align: middle;color:black;}
.process small, .process .small{font-size:16px;}
.tab-item1{border-radius:50%;height:168px;position:relative;width:15%;}
.tab-item1 .tab1{ background-color: #f1f1f1; border: 4px solid rgba(0, 0, 0,.3); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3); color: #252b46; moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3); moz-transition: background-color 0.3s ease-out; o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3); webkit-transition: background-color 0.3s ease-out;}
.tab-item1:hover .tab1, .tab-item1 .tab1:hover, .tab-item1 .tab1:active{background:#1c394b;border:4px solid #797b86;color:#ffffff!important;}
.document-tagging-btn {
float: right;
cursor: pointer;
color: white;
height: 20px;
width: auto;
margin-right: 10px;
padding: 0px 10px 0px 10px;
}
.grid-icon-pointer{
cursor: pointer;
padding-right: 4px;
padding-left: 1px;
font-size: 14px;
vertical-align: bottom;
}
.markrow-lock {
cursor: no-drop !important;
}
.no-caret:before {
border-right: 6px solid transparent;
border-bottom: 6px solid #f6f6f6;
}
.logout {
color: white;
margin-right: 5px;
font-size: 12px;
vertical-align: -webkit-baseline-middle;
margin-top: 0px;
padding: 0px 5px 0px 8px;
cursor: pointer;
padding-left: 0px;
}
.user-dropdown {
color: white;
cursor: pointer;
margin-right: 8px;
padding: 2px;
/* padding: 0px 4px 0px 0px; */
vertical-align: -webkit-baseline-middle;
}
.label-search {
font-size: 11px;
font-weight: 100;
margin-left: 8px;
}
.date-search {
background-color: #395978;
border-radius: 12px;
border: white 1px solid;
color: white;
width: 105px;
font-size: 10px;
padding: 0px 0px 0px 4px;
outline: none;
}
.function-inputbox {
font-size: 10px;
height: 18px;
vertical-align: inherit;
margin-bottom: 0;
margin: 0;
}
.filter_height {
height:18px;
width:130px;
}
.multiselect-btn-grp {
position: relative;
display: inline-flex;
}
.gridheading-controls {
position: absolute;
right: 10px;
top: -1px;
}
.input-box {
font-size: 11px;
font-weight: 500;
padding:0px 7px !important;
}
.form-control {
padding:0px 7px !important;
}
.grid-actions-icons{
font-size: 110%;
float: none;
margin-left:6px;
cursor:pointer !important;
}
.label-netbank {
color: white;
font-weight: 100;
max-width:130px;
min-width:130px;
margin-left: 40px;
}
.height_width_netbank{
margin-bottom:0px;
width:170px !important;
height:20px !important;
}
.height_width_internal{
margin-bottom:0px;
width:100% !important;
height:20px !important;
}
.form-style {
/* margin-top: 3%;*/
display: inline-block;
text-align: center;
margin-block-start: 1.5rem;
}
.form-style-netbank {
/* padding-top: 3%; */
padding-block-start : 1rem
}
.internalpopup-width .modal-dialog{
width:1050px !important;
}
.mar-rgt-3 {
margin-right:5px;
}
.light-green {
color : #79e479;
cursor: pointer;
}
.kyc{
height: 100%;
border: 1px solid grey;
}
.red {
background-color:#3f4e8c !important;
}
.mute-stop {
color: red !important;
border: 1px black;
}
.notification {
color: white;
text-decoration: none;
position: relative;
display: inline-block;
border-radius: 2px;
}
.notification .badge {
position: absolute;
top: -10px;
padding: 2px 5px;
border-radius: 50%;
background: red;
color: white;
}
.card {
box-shadow: 0 0 0 0 rgba(90, 113, 208, 0.11), 0 4px 16px 0 rgba(167, 175, 183, 0.33);
border: solid 1px #dde4eb;
border-radius: 0px;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #151828;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card .card-body {
padding: 1.28rem 1.81rem;
flex: 1 1 auto;
min-height: 1px;
}
.heading_stats_total {
color: #20d100;
font-size : 35px;
}
.heading_text {
color: #ff1818;
font-size : 25px;
}
.heading_stats_inprog {
color: #d5b726;
font-size : 20px;
}
.on {
color: #52e038;
}
.off {
color: #ff1a02;
}
.fa-icon-size {
font-size: 5.5vh;
}
.fa-icon-circle-size {
font-size: 6.0em;
}
.my-custom-scrollbar {
position: relative;
height: 350px;
overflow: auto;
max-height: 400px;
}
.table-wrapper-scroll-y {
display: block;
}
.viewImage{
color:white !important;
cursor:pointer;
text-decoration: underline;
}
input::-webkit-input-placeholder {
font-size: 11px;
line-height: 3;
}
.margin-top {
margin-top:3%;
}
.login-section .form-group .input-group-addon {padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
border-right: 0;
}
.gridheading-controls .filter-icon { display: none;}
.brand-logo {width: 100px; object-fit: contain; margin: 5px 10px;}
.grid-paging-bg {margin: 10px 5px;}
.grid-heading.extractionbot-screen {margin-top: 30px !important;}
@media (max-width:1024px) {
.internalpopup-width .modal-dialog {width: 95%!important;}
.form-style-netbank {margin-top: 4%;}
}
@media (max-width:992px) {
.internalpopup-width .modal-dialog {width: 95%!important;}
.form-style-netbank {margin-top: 3%;}
.mobil-magin {margin-top: 6px;}
.supervisor-table .filter_height {width: 90px;}
.supervisor-table .accont-dtail-heade, .supervisor-table .accont-dtail-body,
.supervisor-modal .accont-dtail-heade .dtail-heade-gid, .supervisor-modal .accont-dtail-body .dtail-heade-body {width: 100%;}
.alert-modal-window .modal-dialog {width: 95% !important;}
}
@media (max-width: 767px) {
.container.container-mobil {width: 100%; max-width:100%;}
.form-style-netbank {margin-top: 5%;}
.gridheading-controls .filter-icon {display: block;}
.grid-search, .filter_height {width: 60px;}
.paging-icon-inp {width: 45px; font-size: 12px;}
select.paging-icon-inp {width: 55px; font-size: 12px;}
.login-section.is-Responsive {width: 90%;}
.grid-heading {width: 98%; display: flex; margin-left: auto; margin-right: auto;}
.ag-bl-full-height {margin: 0px 4px;}
.mobil-pdding {margin-bottom: 1%;}
.mobil-align {text-align: right;}
.internalpopup-width .modal-dialog {width: 95%!important;}
.accont-dtail-heade, .accont-dtail-body {text-align: left; display: flex; flex-wrap: wrap; width: 140%;}
.accont-dtail-heade .dtail-heade-gid, .accont-dtail-body .dtail-heade-body {width: calc(100% / 5 - 10px); white-space: nowrap; margin-right:10px;}
.accont-dtail-body .dtail-heade-body .col-lg-12 {padding: 0px;}
.accont-dtail-tabl {padding: 10px 0px; overflow: auto; width: 100%;}
.mobil-magin, .mobil-magin1 {margin-top: 1%}
.brand-logo {width:90px; margin: 5px 10px;}
.grid-paging-bg {font-size: 12px;}
.grid-paging-panel-right-text {padding-top: 5px}
.modal-dialog {width: 95%;}
.supervisor-modal .accont-dtail-heade, .supervisor-modal .accont-dtail-body {width: 100%;}
.supervisor-modal .accont-dtail-heade .dtail-heade-gid, .supervisor-modal .accont-dtail-body .dtail-heade-body {width: 100%;}
.supervisor-modal .input-box {width: 100%;}
.supervisor-table .filter_height {width: 60px;}
.supervisor-table .gridheading-controls {right: 0px;}
.supervisor-table .tabl-icons i {margin-left: 5px !important; width:auto;}
.supervisor-table .accont-dtail-heade, .supervisor-table .accont-dtail-body,
.supervisor-modal .accont-dtail-heade .dtail-heade-gid, .supervisor-modal .accont-dtail-body .dtail-heade-body {width: 100%;}
.input-width {width: 200px !important;}
.extractionbot-modal .accont-dtail-heade, .extractionbot-modal .accont-dtail-body {width: 100%; display: block; flex-wrap: nowrap;}
.extractionbot-modal .accont-dtail-heade .dtail-heade-gid, .extractionbot-modal .accont-dtail-body .dtail-heade-body {width: 100%; white-space: normal;}
.extractionbot-modal textarea {width: 200px !important;}
.alert-modal-window .modal-dialog {width: 95% !important;}
.extractionbot-modal
.dtail-heade-body .label-font {width: 65px;}
}
@media (max-width: 576px) {
.gridheading-controls {position: static;}
.addmore-icon {height: 20px; width: 30px;text-align: center;}
.file-button {height: 20px; width: 35px;text-align: center;}
.grid-heading {height: 50px; width: 97%;}
.filter_height {width: 80px;}
.grid-search {width: calc(100% - 70px); padding: 1px 0px 1px 6px; line-height: 14px; margin-bottom: 2px;}
.mobil-search, .mobil-search-labl {display: block!important;}
.mobil-search {margin-left: 8px!important;}
.mobil-search-labl span {min-width: 51px; display: inline-block;}
.grid-heading filterbar {width: 100%;}
.supervisor-table .mobil-search {display: flex; width: auto; justify-content: space-between;}
.supervisor-table .mobil-search, .supervisor-table .mobil-search-labl {display: flex!important; width: auto;}
.supervisor-table .gridheading-controls {display: flex; justify-content: space-between; align-items: center;}
.supervisor-table .gridheading-controls-mobil {width: auto;}
.supervisor-table .tabl-icons {display: flex; align-items: center;}
.supervisor-table .tabl-icons i {margin-left: 5px !important;}
.supervisor-table .filter_height {width: 60px;}
.notification .badge {top: -6px; font-size: 10px;}
.extractionbot-screen .mobil-search-labl span {min-width: 55px;}
.extractionbot-screen .gridheading-controls-mobil {width: 62%;}
.extractionbot-screen .grid-search {width: calc(100% - 85px);}
.extractionbot-screen .accont-dtail-body {display: flex;}
}
@media (min-width: 400px) and (max-width: 576px) {
.grid-heading filterbar {width: 100%;}
.gridheading-controls-mobil {width: 73%;}
.filter_height {width: 100%;}
.grid-heading {display: block!important;}
.grid-search {width: calc(100% - 70px);}
.extractionbot-screen .grid-search {width: calc(100% - 85px);}
}
@media (min-width: 380px) and (max-width: 400px) {
.gridheading-controls-mobil {width: 71%;}
.supervisor-table .grid-search {width: 100px;}
}
@media (min-width: 370px) and (max-width: 380px) {
.gridheading-controls-mobil {width: 70%;}
.supervisor-table .grid-search {width: 100px;}
.extractionbot-screen .filter_height {width: 80px;}
}
@media (min-width: 355px) and (max-width: 365px) {
.supervisor-table .grid-search {width: 60px;}
.supervisor-table .label-search, .supervisor-table .mobil-search {margin-left: 3px!important;}
.extractionbot-screen .filter_height {width: 80px;}
}
.stats{
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 2;
width:calc(100% - 420px);
}
.ng-pristine.ng-untouched>.multiselect-parent>button {
min-width: 140px;
}
.ui-datepicker td a {
text-align : center !important ;
}
/* width */
.user-screen-scroll{
overflow: auto;
height: 35vh;
float: inline-start;
}
.user-screen-scroll::-webkit-scrollbar {
width: 6px;
}
/* Track */
.user-screen-scroll::-webkit-scrollbar-track {
background:#3f4561;
border-radius: 10px;
}
/* Handle */
.user-screen-scroll::-webkit-scrollbar-thumb {
background: #858aa2;
border-radius: 10px;
}
/*---------New Custom Page Designs ----------*/
.new-container-fluid {
background: #203954;
border-radius: 4px;
padding: 15px 40px;
width: 80%;
border: 1px solid #344256;
}
.custom-calendar {
height: 32px;
background: #47566b;
border: 1px solid #344256 ;
color: #fff;
font-size: 12px;
}
.customForm label
{
font-size: 12px;
font-weight: normal;
display: inline-block;
margin-block: .4rem;
}
.select-group-width .dropdown-menu{
left:0 !important;
}
.select-group-width .function-inputbox {
width: 100%;
height: 32px;
background: #47566b !important;
border: 1px solid #344256 !important;
}
.form-check-inline label.form-check-label {
position: relative;
top: -3px;
}
.group-checkbox {
width: 100%;
display: flex;
gap: .5rem;
}
.group-checkbox .form-check {
margin-block-start: .5rem
}
.customForm input[type="date"]::-webkit-calendar-picker-indicator {
filter: invert(100%) brightness(200%);
}
.mt10{
margin-top:10px;
}
.group-btn .btn {
padding: 6px 12px;
width: 150px;
}
.visible_unvisible_btn>button
{
margin-bottom: 3px;
width: 100%;
text-align: left;
background: #335170;
color: #fff;
border: 1px solid rgb(255 255 255 / 20%);
border-radius: 5px;
}
.visible_unvisible_btn{
position:relative;
top:10px;
}
.text-right{
text-align:right;
}
.visible_unvisible_btn>button:hover {
color: #fff;
background: #142a42;
}
.input-search-bg {
background: #335170;
color: #fff;
border: 1px solid #fff;
height: 32px;
}
.input-search-bg::placeholder {
color: #fff;
}
.selected-tags .tag {
background-color: #47566b;
padding: 2px 6px;
border-radius: 20px;
margin: 3px;
display: inline-block;
font-size: 11px;
color: #FFF;
border: 1px solid;
}
.group-btn .reset-btn {
background: #47566b !important;
color: #CBD5E1 !important;
border: 1px solid #CBD5E1 !important;
}
.group-search-box ul {
max-height: 50vh !important;
overflow-y: scroll;
}
.group-search-box ul li .checkbox {
margin-top: 0 !important;
}
.group-search-box ul li .checkbox label {
margin-top: 0 !important;
font-size: 11px;
}
.group-search-box .dropdown-menu .divider {
background: transparent !important ;
}
.group-search-box .dropdown-header {
background: #47566b !important;
padding: 0;
border: 0;
}
.group-search-box .dropdown-header input {
background: #47566b !important;
height: 28px;
color : #FFFFFF;
}
.selected-tags {
max-height: 50vh;
overflow-y: auto;
scroll-behavior: smooth;
scrollbar-width: none;
margin-top: 7px;
}
.selected-tags .remove-tag {
margin-left: 6px;
cursor: pointer;
}