html { height: 100%; -webkit-font-smoothing: antialiased !important; text-rendering: optimizeLegibility; } body { font-family: 'Droid Sans', sans-serif !important; font-size: 0.75em; font-weight: 400; background: #2d2d2d; margin: 0; padding: 0; color: #fff; height: 100%; min-width: 1300px; overflow-wrap: break-word; /*overflow-y: scroll;*/ /* display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; */ /** * Making the element behave like a flexbox container: */ /* Ye Olde Flexbox for Webkit */ display: -webkit-box; /* Tweener flexbox */ display: -ms-flexbox; /* Prefixed "new flexbox" */ display: -webkit-flex; /* unprefixed standard "new flexbox" version */ display: flex; /** * Making the things inside line up vertically */ /* Your grandparents flexbox for Webkit */ -webkit-box-orient: vertical; /* Prefixed new syntax: */ -webkit-flex-direction: column; /* Same syntax for weird IE tweener */ -ms-flex-direction: column; /* unprefixed new syntax */ flex-direction: column; } .flexboxtweener, .flexboxtweener>body { height: 100%; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700; } a { color: #FFFFFF; text-decoration: none; outline: 0 none; cursor: pointer; } a:focus, a:hover, a:active { outline: 0 none; text-decoration: none; opacity:0.75; } p { margin: 0px; } ul { padding: 0; margin: 0; list-style: none; } li { } .alarm_user_action > option { background-color: #272727; } .wrapper { /* min-height: 100%; */ /* equal to footer height */ /* margin-bottom: -35px; */ height: 100%; padding: 0; margin: 0; overflow-y: auto; /* display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; */ min-height: 100vh; /** * Making the element behave like a flexbox container: */ /* Ye Olde Flexbox for Webkit */ display: -webkit-box; /* Tweener flexbox */ display: -ms-flexbox; /* Prefixed "new flexbox" */ display: -webkit-flex; /* unprefixed standard "new flexbox" version */ display: flex; /** * Making the things inside line up vertically */ /* Your grandparents flexbox for Webkit */ -webkit-box-orient: vertical; /* Prefixed new syntax: */ -webkit-flex-direction: column; /* Same syntax for weird IE tweener */ -ms-flex-direction: column; /* unprefixed new syntax */ flex-direction: column; } .wrapper:after { content: ""; display: block; } /*****HEADER*****/ header { /* background: #505050; */ position: relative; margin-top: -97px; /* z-index: 100; */ /* float: left; */ /* width: 100%; */ -webkit-flex: 0 0 0px; -moz-flex: 0 0 0px; -ms-flex: 0 0 0px; flex: 0 0 97px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } header.open { margin-top: 0px !important; } header.dashboard_header { flex: 0 0 157px; margin-top: -157px; border-bottom: 1px solid #505050; background: #484848; } .header_wrapper{ width: 100%; height: 97px; /* overflow: hidden; */ opacity: 0; z-index: 1; transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; } .open .header_wrapper{ opacity: 1; } .header_tab{ background-position: 0px 0px; width: 45px; height: 15px; float: left; position: absolute; z-index: 200; bottom: -15px; right: 20px; transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; } header.open .header_tab { background: url("../img/header_tab_close.png") no-repeat; top: 95px !important; } header .header_tab { background: url("../img/header_tab_open.png") no-repeat; } header.open.dashboard_header .header_tab { background: url("../img/header_tab_close_black.png") no-repeat; top: 158px !important; } header.dashboard_header .header_tab { background: url("../img/header_tab_open_black.png") no-repeat; bottom: -15px; } .header_top{ float: left; width: 96%; padding: 0 2% 0 2%; margin: 0px 0px 0px 0px; background: url(../img/bg_header_top.png) repeat-x; z-index: 110; height: 48px; position: relative; } .logo_ultraip { float: left; padding: 14px 15px 15px 15px; } /***user***/ .account_user{ float: right; padding: 16px 0px 16px 10px; position: relative; z-index: 90000000000; } .account img { } .user { color: #434343 !important; cursor: pointer; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); background-position: right 8px; padding: 5px 20px 5px 10px; } .user:hover { opacity:0.75; } /*ABOUT US*/ .about_us{ width: 450px; } .about_us_content{ float: left; width: 100%; } .ultraip{ width: 100%; float: left; } .ultraip h1{ color: transparent; margin: 0px; background: url("../img/logo_ultraip.png") no-repeat; width: 100%; height: 30px; background-position: 50% 0px; } .ultraip p{ line-height: 140%; } .ultraip a{ text-align: center; display: block; color: #8C8C8C; font-weight: 600; font-size: 10px; padding: 10px 0px 10px 0px; } .account_menu{ margin: 35px 25px 0px 0px; z-index: 100000; position: absolute; right: 0; } .dashboard_menu { margin: 0px 0px 0px 0px; z-index: 100000; position: absolute; right: 0; } .img_error { height:40px; width:40px; } /***menu + submenu***/ nav { float: left; width: 100%; padding: 0px 0px 0px 0px; z-index: 105; border-top: 1px solid #000; position: relative; } nav ul{ list-style: none; padding: 0; margin: 0; } .main_menu{ width: 96%; padding: 0 2% 0 2%; margin: 0px; float: left; border-bottom: 1px solid #402020; background: #982f2f; /* Old browsers */ background: -moz-linear-gradient(top, #982f2f 0%, #6d2222 96%, #792626 98%, #662020 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#982f2f), color-stop(96%,#6d2222), color-stop(98%,#792626), color-stop(100%,#662020)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%); /* IE10+ */ background: linear-gradient(to bottom, #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%); /* W3C */ } .main_menu li { float: left; } .menu_btn { width: 120px; margin: 0px 0px 2px 0px; color: #F1F1F1; cursor: pointer; text-align: center; background: url(../img/sep_menu.png) no-repeat right; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); position: relative; } #new_admin { width: 160px; } .menu_btn a:hover, .menu_btn.selected a{ background: url(../img/sep_menu.png) no-repeat right, rgb(110,34,34); background: url(../img/sep_menu.png) no-repeat right, -moz-linear-gradient(top, rgba(110,34,34,1) 1%, rgba(152,47,47,1) 100%); /* FF3.6+ */ background: url(../img/sep_menu.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(110,34,34,1)), color-stop(100%,rgba(152,47,47,1))); /* Chrome,Safari4+ */ background: url(../img/sep_menu.png) no-repeat right, -webkit-linear-gradient(top, rgba(110,34,34,1) 1%,rgba(152,47,47,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(../img/sep_menu.png) no-repeat right, -o-linear-gradient(top, rgba(110,34,34,1) 1%,rgba(152,47,47,1) 100%); /* Opera 11.10+ */ background: url(../img/sep_menu.png) no-repeat right, -ms-linear-gradient(top, rgba(110,34,34,1) 1%,rgba(152,47,47,1) 100%); /* IE10+ */ background: url(../img/sep_menu.png) no-repeat right, linear-gradient(to bottom, rgba(110,34,34,1) 1%,rgba(152,47,47,1) 100%); /* W3C */ opacity: 1; } .menu_btn.selected a{ cursor: default; } .menu_btn a{ padding: 15px 0px 15px 0px; float: left; width: 100%; /* margin: 0px 0px 1px 0px; */ } .selected { } .menu_btn.selected a::after { background: url(../img/arrow_menu.png) no-repeat center; float:left; width: 100%; height: 13px; content:""; position: absolute; top: 45px; left: 0; } .sub_menu { /* float: left; */ /* width: 96%; */ /* margin: 0px; */ /* height: 60px; */ padding: 0 2% 0 2%; position: relative; -webkit-flex: 0 0 60px; -moz-flex: 0 0 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; } .sub_menu .control_panel { float: left; } .sep_vertical{ float: right; width: 2px; height: 70%; background: url(../img/sep_vertical.png) repeat-y left; margin: 2% 0 2% 0; } #dashboardStatus{ float: left; color: #969696; background: rgba(255, 255, 255, 0.05); padding: 13px 20px 13px 20px; margin: 10px 10px 10px 40px; border-radius: 2px; width: 370px; position: relative; } #dashboardStatus:after{ content:" "; background: url(../img/sep_vertical.png) repeat-y right; float: right; width: 2px; height: 70%; position: absolute; top: 0px; left: -20px; margin: 9px 0px 9px 0px; } .widget-icon:last-child a:before{ } .dashboard_actions { float: right; width: 350px; height: 60px; } .dashboard_list, .dashboard_config, .dashboard_lock, .dashboard_trash{ margin: 10px 10px 10px 10px; } .dashboard_config, .dashboard_lock, .dashboard_trash{ font-size: 20px; padding: 10px 10px 10px 10px; } .dashboard_list{ padding: 14px 10px 12px 10px; float: right; } .dashboard_config{ float: right; } .dashboard_lock{ float: right; } .dashboard_trash{ float: right; } .selected_dashboard { background-position: right center; padding: 10px 36px 10px 5px; background: rgba(255, 255, 255, 0.1); } .sub_menu .control_panel li{ float: left; } .sub_menu .control_panel li a{ float: left; font-size: 0; color: transparent; padding: 10px 5px 10px 5px; margin: 5px 4px 5px 4px; } .sub_menu .control_panel li a i{ float: left; font-size: 30px; background: -webkit-linear-gradient(top, #b0b0b0 0%,#8b8b8b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #ACACAC; } .sub_menu .control_panel li a i:hover{ background: -webkit-linear-gradient(top, #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #982f2f; } .map{ } .list{ } .pie_chart{ } .bar_chart{ } .meter{ } .devices{ } .map a{ } .map a:hover{ } .list a{ } .list a:hover{ } .pie_chart a{ } .pie_chart a:hover{ } .bar_chart a i{ } .bar_chart a:hover{ } .meter a{ } .meter a:hover{ } /*TODO cuidado ya que los widgets tienen la clase device, map, etc... sumar la clase .widget-icon si se trata de los iconos dragueables*/ .devices.widget-icon a:hover{ } /****CONTENT****/ section.dashboard_section { /* z-index: 110; */ /* position: relative; */ /* float: left; */ /* width: 100%; */ /* padding: 0; */ /* margin: 0px 0px 0px 0px; */ /*overflow: hidden;*/ /* -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; */ display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex: 1 0 auto; } section.search_section { /* z-index: 110; */ /* position: relative; */ /* float: left; */ /* width: 100%; */ /* padding: 0; */ /* margin: 0px 0px 0px 0px; */ /*overflow: hidden;*/ -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .dashboard_content { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } /*FOOTER*/ footer, .wrapper:after { /* height: 35px; */ } footer { color: #9C9C9C; text-align: center; background: rgba(34, 34, 34, 1); z-index: 100; -webkit-flex: 0 0 35px; -moz-flex: 0 0 35px; -ms-flex: 0 0 35px; flex: 0 0 35px; position: absolute; bottom: 0; width: 100%; height: 35px; min-width: 1283px; } section#mainSection { margin-bottom: 35px; } @media only screen and (max-width: 1300px) { section#mainSection { margin-bottom: 50px; } } footer div { padding: 10px; border-top: 1px solid #505050; } footer a { } /*MODAL*/ .modal_content{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background: rgba(0, 0, 0, 0.6); display: none; } .close{ font-size: 20px !important; padding: 5px; } .header_popup{ float: left; width: 100%; margin: 0px 0px 15px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 5px 0px 10px 0px; } .date_configuration{ width: 300px; height: 160px; } .from_to{ float: left; width: 50%; } .from_date{ width: 100%; float: left; margin: 0px 0px 10px 0px; } .from_date input, .to_date input{ width: 25px; border: none; background: #404246; padding: 5px; margin: -5px 5px 0px 5px; color: #fff; } .from_yyyy_box, .to_yyyy_box{ width: 40px !important; } .date_tit{ width: 100%; padding: 0px 0px 10px 0px; } .from_date li, .to_date li{ float: left; } .to_date{ width: 100%; float: left; } .calendar{ width: 45%; float: left; height: 100px; background: url("../img/calendar.png") no-repeat top center; margin: 0 0 0 5%; } .date_configuration .search_btn { float: left !important; width: 100% !important; text-align: center !important; margin: 5px 0 0px 0px !important; padding: 0; } .date_configuration .search_btn a{ width: 90% !important; float: right !important; text-align: center; padding: 2% 5% 2% 5%; } .hour_configuration{ width: 300px; height: 90px; } .hour_from { float: left; /* width: 50%; */ } .hour_from li{ float: left; } .sep_hour{ margin: 5px 0px 0px 0px; } .hour_to{ float: left; width: 50%; } .hour_to li{ float: left; } .hour_from input, .hour_to input{ float: left; width: 25px; border: none; background: #404246; padding: 5px; margin: 0px 5px 0px 5px; color: #fff; } .hour_configuration .search_btn { margin: 5px 0px 0px 0px !important; width: 100% !important; float: right !important; text-align: right; padding: 0; } .hour_configuration .search_btn a{ margin: 10px 0 0 0% !important; width: 90% !important; float: right !important; text-align: center; padding: 2% 5% 2% 5%; } .edit_dashboard { width: 220px; height: 225px; } .edit_dashboard ul{ } .edit_dashboard ul li{ } .edit_dashboard .actual-grid{ } .edit_dashboard .actual-grid i{ font-size: 51px; text-align: center; width: 100%; float: left; } .edit_dashboard .actual-grid .grid-name{ width: 100%; float: left; text-align: center; margin: 0px 0px 10px 0px; } .edit_dashboard .actual-grid .grid-name input{ border: none; font-size: 120%; color: #FFF; background: rgba(0, 0, 0, 0.15); padding: 5px; margin: 3px 0px 0px 0px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-rendering: optimizeLegibility; text-align: center; } .edit_dashboard .actual-grid .grid-cols{ width: 48%; float: left; font-size: 90%; } .edit_dashboard .actual-grid .grid-cols p { padding: 5% 5% 5% 10%; font-size: 100%; margin: 3px 0px 0px 0px; background: rgba(0, 0, 0, 0.05); display: table; width: 88%; color: rgba(255, 255, 255, 0.50); } .edit_dashboard .actual-grid .grid-row{ width: 48%; float: left; font-size: 90%; margin: 0px 0px 0px 4%; } select{ padding: 5px 30px 5px 5px; font-size: 100%; margin: 3px 0px 0px 0px; display: table; width: 100%; text-align: center; -webkit-appearance: none !important; background-color: rgba(0, 0, 0, 0.15); border-radius: 0; color: rgba(255, 255, 255, 0.75); border: none; background-image: url(../img/arrow_down.png); background-repeat: no-repeat; background-position: calc(100% - 10px) -8px; } .edit_dashboard .actual-grid label{ } .new_dashboard { width: 300px; } .new_dashboard ul{ float: left; width: 100%; } .new_dashboard ul li{ float: left; width: 22%; margin: 0px 0px 0px 1%; border-left: 1px solid rgba(0, 0, 0, 0); padding: 1%; position: relative; } .new_dashboard .grid-type{ float: left; width: 100%; text-align: center; font-size: 115%; margin: 10px 0px 0px 0px; } .new_dashboard .grid-description{ float: left; width: 100%; text-align: center; font-size: 85%; margin: 0px 0px 20px 0px; color: #ADADAD; } .new_dashboard ul li i{ font-size: 51px; text-align: center; width: 100%; float: left; } .new_dashboard ul li:first-child{ margin-left: 0%; border: none; } .new_dashboard .grid-name{ width: 96%; float: left; margin: 0% 2% 10px 2%; font-size: 100%; } .new_dashboard p{ margin: 0px 0px 5px 0px; } input { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; outline: none; } input:disabled{ color: #444; cursor: not-allowed; } textarea { outline: none; resize: none; min-height: 70px; margin: 0px 0px 0px 0px; } input, textarea { font-size: 12px; color: rgba(0, 0, 0, 0.75); font-family: 'Droid Sans', sans-serif !important; border: none; background: rgba(240, 240, 240, 1); padding: 5px; /* margin: 0px 0px 0px 0px;*/ width: 100%; border: 1px solid rgba(240, 240, 240, 1); } input.amb_item_select { margin: 0px 0px 0px 0px; } input.abm_field[type="checkbox"] { width: 3% !important; margin-top: 7px; } .new_dashboard .grid-cols{ width: 48%; float: left; font-size: 90%; } .new_dashboard .grid-cols p{ padding: 10% 5% 10% 10%; font-size: 130%; margin: 3px 0px 0px 0px; background: rgba(0, 0, 0, 0.05); display: table; width: 88%; color: rgba(255, 255, 255, 0.50); } .new_dashboard .grid-row{ width: 48%; float: left; font-size: 90%; margin: 0px 0px 0px 4%; } .new_dashboard .no-available{ } .delete_dashboard { width: 300px; } .delete-abm-item { width: 320px; } .delete_widget { width: 310px; } .delete_tit{ width: 100%; float: left; color: rgb(228, 169, 19); text-align: center; margin-bottom: 10px; } .dashboard_name{ float: left; width: 45%; margin: 0 3% 0px 0; } .dashboard_name input{ border: none; padding: 5px 0px 5px 5px; border-bottom: 1px solid #808080; background: none; width: 100%; color: #fff; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .dashboard_rows{ float: left; width: 20%; margin: 8px 1% 0 0; } .dashboard_cols{ float: left; width: 30%; margin: 8px 0 0 1%; } .dashboard_cols input, .dashboard_rows input{ width: 25px; border: none; background: #404246; padding: 5px; margin: -5px 5px 0px 5px; color: #fff; } .save_btn{ width: 100%; float: left; } .save_btn a{ background: linear-gradient(to bottom, #FFFFFF 0%,#616161 100%); border-radius: 3px; color: #434343 !important; cursor: pointer; width: 40% !important; float: right !important; text-align: center; padding: 10px 5% 10px 5%; margin: 15px 0px 10px 0px; } /*CONFIG DEVICES MODAL*/ .config_devices{ } .config_devices_content{ float: left; width: 100%; } .devices_config{ } .devices_config > div{ } .devices_config > div > p{ float: left; width: 100%; margin: 0px 0px 5px 0px; padding: 0px; } /*CONFIG LIST MODAL*/ .config_list{ } .config_list_content{ } /*CONFIG WIGDET MODAL - GENERAL*/ .modal_config { width: 370px; height: auto; } .modal_config_content { float: left; width: 100%; } .config_type { float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); position: relative; height: 30px; text-align: center; } .config_type_wrapper { width: 100%; display: block; margin-left: auto; margin-right: auto; } .config_type_wrapper > p{ width: 170px; margin: 0px 10px 0px 0px; float: left; line-height: 25px; } .config_type_wrapper > div{ float: left; width: calc(100% - 180px); } .config_elements { float: left; width: 100%; margin: 0px 0px 0px 0px; } .config_elements .config_item, .config_elements .config_multi_item { float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } .config_elements .config_item > p, .config_elements .config_item > span{ float: left; display: block; width: 120px; text-align: right; margin: 0px 10px 0px 0px; line-height: 25px; } .config_elements .config_item > label{ width: 145px; float: left; } .config_elements .config_item .item_content{ width: calc(100% - 130px); float: right; } .config_elements .config_item.with_btn .item_content input{ width: 155px; float: left; } .config_elements .config_item.with_btn .item_content .abm_single_select { width: 250px !important; float: left; } .config_elements .config_item.with_btn label input[type="radio"] { width: initial; } .add_btn{ float: left; width: 90px; margin: 0px 0px 0px 10px; } .add_btn a{ background: linear-gradient(to bottom, #FFFFFF 0%,#616161 100%); border-radius: 3px; color: #434343 !important; cursor: pointer; width: 100%; float: right; text-align: center; padding: 6px 0% 6px 0%; margin: 0px 0px 0px 0px; } .config_elements .config_item .item_content > label{ float: left; margin: 5px 30px 0px 0px; } .config_elements .config_item .item_content:nth-child(2n+1){ margin: 10px 0px 0px 0px; } .config_elements .config_item .item_content > span{ color: #ccc; font-size: 10px; margin: 5px 0px 5px 0px; float: left; } .config_elements .config_item label input{ width: auto; /* margin: 0px 10px 0px 30px; */ float: right; } .config_elements .config_item label input[type="radio"]{ width: auto; margin: 0px 10px 0px 0px; float: left; } .config_elements .config_multi_item > p { margin: 0px 0px 5px 0px; } .config_elements .config_multi_item .item_content { float: left; width: calc(100% - 26px); } .config_elements .config_multi_item .advance_search_element_plus { margin: 5px 0px 0px 10px; } .config_elements .config_multi_item .escalation-number-selection{ width: 12%; float: left; } .config_elements .config_multi_item .escalation-userType-selection{ width: 25%; float: left; } .config_elements .config_multi_item .escalation-time-selection{ width: 25%; float: left; } .config_elements .config_multi_item .escalation-actions-selection{ width: 38%; float: left; } .list_type{ } .list_type p{ } .list_type_wrapper{ } .list_type .list_type_wrapper > div{ } .list_config{ } .list_config > div{ } .list_sources_config > div{ float: left; width: calc(33% - 10px); margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; } .list_config > div > p, .list_config > div > span{ float: left; width: 100%; margin: 0px 0px 5px 0px; padding: 0px; } .list_config div ul{ } /*CONFIG MAP MODAL*/ .config_map{ } .config_map_content{ } .config_map_content > div{ } .config_map_content div p { } .map_alarmsOnly{ } .map_alarmsOnly label{ } .map_alarmsOnly input{ width: auto; margin: 25px 5px 0px 0px; } /*CONFIG COUNTER MODAL*/ .config_counter{ /* width: 650px; */ /* height: auto; */ } .config_counter_content{ float: left; width: 100%; } .counter_config_description{ float: left; display: block; width: 100%; margin: 0px 0px 20px 0px; } .counter_config{ } .counter_captures_config { } .counter_config > div, .config_map_content > div{ } .counter_config > div > p, .config_map_content > div > p, .config_map_content > div > span, .counter_config > div > span{ } .counter_config > div:first-child, .config_map_content > div:first-child{ } .counter_config .counter_captures_lists, .counter_config .counter_alarms_plateFormat, .config_map_content .map_plateFormat{ margin: 0px 0px 10px 0px; } /* CONFIG WIDGET ESTADISTICA */ .modal_stats_config { width: 700px; height: auto; max-height: 440px; } .modal_stats_config .modal_config_content{ height: auto; max-height: 335px; } .modal_stats_config .step_type { margin-top: 0px; background: none; width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); position: relative; height: 30px; } .modal_stats_config .step_type p{ width: 180px; margin: 0px 10px 0px 0px; float: left; line-height: 25px; } .modal_stats_config .step_type .step_type_wrapper{ float: left; width: calc(100% - 195px); } .modal_stats_config .config_step{ max-height: 260px; overflow-x: hidden; overflow-y: auto; height: auto; margin: 0px 0px 10px 0px; } .modal_stats_config .config_step_list{ width: calc(50% - 20px); margin: 0px 20px 0px 0px; padding: 0px 20px 0px 0px; border-right: 1px solid #ccc; } .modal_stats_config .config_step_variable{ width: calc(50% - 21px); } /*GRILLA*/ .cell { /*height: 120px;*/ height: 160px; float: left; margin-right: 1%; /*width: 18.72%;*/ width: 19.2%; } .cell.free{ background: #eee; } .cell.active{ background: #3c3c3c; } .cell.active.hover{ background: #5a5a5a; } .cell>.border{ border: 1px dashed #999; /*height: 118px;*/ height: 158px; /*width: 100%;*/ } .row { display: block; /*margin-bottom: 1%;*/ margin-bottom: 10px; float: left; width: 100%; } .cell:last-child, .widget-icon:last-child { margin: 0; } .row:last-child { margin: 0; } #grid{ float: left; position: relative; width: 98%; margin: 1%; } #grid-target{ width: 100%; float: left; position: relative; z-index: 2; /* padding: 10px 0; */ } #grid-widgets{ position: absolute; left: 0; top: 0; /* width: 98%; */ /* padding: 1%; */ width: 100%; height: 100%; z-index: 3; } #widget-list { } .widget-icon { z-index: 4; position: relative; } .widget-icon.disabled{ opacity:0.5; } .widget{ } .widget>a.close-widget{ } /*.widget.wx1{ width: 160px}*/ /*.widget.wx2{ width: 330px}*/ /*.widget.wx3{ width: 500px}*/ /*.widget.wx4{ width: 670px}*/ /*.widget.wx5{ width: 840px}*/ /*.widget.hx1{ height: 120px}*/ /*.widget.hx2{ height: 250px}*/ /*.widget.hx3{ height: 380px}*/ /*.widget.hx4{ height: 510px}*/ /*.widget.hx5{ height: 640px}*/ #test-grid, #test-vgrid { width: 175px; float: left; margin: 0 20px; } .minicell, .vminicell { width: 30px; height: 30px; border: 1px solid #666; float: left; font-size: 11px; font-family: arial; text-align: center; line-height: 30px; margin: 0 3px 0 0; } .minirow, .vminirow { width: 175px; float: left; margin: 0 0 3px 0; } .minicell.filled, .vminicell.filled{ background: #cbf2e2; } #ghost{ background: rgba(140, 255, 191, 0.48); z-index: 5; display: none; } #ghost.visible{ display: block; } /*****CONSULTAS*****/ /*moliComboBox*/ .moliComboboxInput { display: inline-block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 30px); padding: 8px 0px 7px 5px; max-height: 31px; background: #fff; height: 31px; } .moliComboboxTriggerBtn { padding: 6px 13px 7px 13px; background: linear-gradient(to bottom, #f5f5f5 0%,#c6c6c6 100%); border-radius: 3px; border: 1px solid #5E5E5E; cursor: pointer; color: #434343 !important; font-size: 16px; max-height: 31px; } .moliComboboxSelectBtn{ float: left; color: #000; background: #fff; max-height: 31px; max-width: 30px; width: 30px; text-align: center; } .moliComboboxTriggerBtn{ float: right; } .moliComboboxTriggerBtn:before{ content: "\f002"; font-size: 16px; font-family: 'ultraip-icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .moliComboboxSelectBtn:before{ content: "\f0d7"; font-size: 16px; font-family: 'ultraip-icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 30px; -webkit-font-smoothing: antialiased; } .moliComboboxSelectBtn:hover, .moliComboboxTriggerBtn:hover{ cursor: pointer; background: #ECECEC; } .moliComboBoxFormElements { position: relative; } .moliCombobox { position: relative; width: calc(100% - 40px); background: #eeeeee; float: left; padding: 9px 10px 9px 10px; margin: 20px 10px 0px 10px; z-index: 10000; } .molicombobox_wrapper{ background: #fff; border: 1px solid #a8a8a8; float: left; width: calc(100% - 55px); overflow: hidden; height: 30px; max-height: 30px; } ul.moliComboboxOptionsList { list-style: none; /* list-style-position: outside; */ padding: 0; margin: 0; background: #FFFFFF; color: #000000; border: solid 1px #505050; position: absolute; left: 10px; top: 40px; font-family: arial; font-size: 12px; width: calc(100% - 75px); display: none; max-height: 250px; overflow: auto; } ul.moliComboboxOptionsList.open{ display: block; } li.moliComboboxOption>a { padding: 5px 10px; display: block; color: #494949; } li.moliComboboxOption>a:hover { background: rgba(0, 0, 0, 0.3); color: #000; cursor: pointer; } li.moliComboboxOption.selected>a { background: rgba(0, 0, 0, 0.11); color: #000; cursor: default; } .moliComboboxInput:focus { background: #fff; } li.moliComboboxOption.new, li.moliComboboxOption.write { border-bottom: 1px dashed #999; } .moliComboboxInput:disabled { background: #ddd; } /*Search*/ .search_panel{ position: relative; background: #403e3f; margin-left: -300px; /* float: left; */ /* display: inline-table; */ -webkit-flex: 0 0 300px; -moz-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-box-shadow: 2px 0px 2px -1px rgba(0,0,0,0.5); -moz-box-shadow: 2px 0px 2px -1px rgba(0,0,0,0.5); box-shadow: 2px 0px 2px -1px rgba(0,0,0,0.5); } .search_panel.open{ margin-left: 0px; } .search_panel.open .search_wrapper{ opacity: 1; } .search_panel .search_wrapper{ opacity: 0; } .search_wrapper{ width: 300px; /*overflow: auto;*/ /* -webkit-box-shadow: 2px 0px 2px -1px rgba(0,0,0,0.5); */ /*-moz-box-shadow: 2px 0px 2px -1px rgba(0,0,0,0.5);*/ /* box-shadow: 2px 0px 2px -1px rgba(0,0,0,0.5); */ background: #403e3f; /*padding-bottom: 9999em; margin-bottom: -9999em;*/ transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; } .search_panel_tab{ float: right; width: 10px; height: auto; position: absolute; right: -25px; top: 20px; } .search_panel_tab:hover{ opacity: 1; } .search_panel_tab:hover:before, .search_panel_tab:hover:after{ opacity: 0.75; } .search_panel_tab{ background: url("../img/search_tab_arrow_open.png") no-repeat; background-position: 0px 0px; width: 25px; height: 45px; z-index: 190; } .search_panel.open .search_panel_tab{ background: url("../img/search_tab_arrow_close.png") no-repeat !important; } .search{ float: left; width: calc(100% - 30px); margin: 20px 10px 10px 10px; position: relative; padding: 8px 5px 8px 5px; background: #eeeeee; } .search a{ } .search li{ /* float: left; */ } .search_input{ width: 165px; margin: 0px 10px 0px 0px; float: left; border: 1px solid #ccc; } .search_input input{ border: none; padding: 5px 0px 5px 5px; width: 100%; color: #000; background: #fff; } /*Sub menu filter tags*/ .sub_menu_filter_tag{ width: calc(100% - 40px); margin: 10px 10px 10px 30px; position: relative; } .sub_menu_filter_tag .filtered-by{ width: auto; margin: 0px 5px 10px 0px; } .sub_menu_filter_tag .filtered-by > span { max-width: 70px; width: auto; } .sub_menu_filter_tag > span{ line-height: 25px; margin: 0px 10px 5px 0px; float: left; } .selected_filters_tags{ float: left; } .selected_filters_tags .filter_tag{ float: left; width: auto; display: flex; margin: 0px 10px 0px 0px; } .sort_bar{ float: right; width: 490px; margin: 10px 0px 0px 0px; } .sort_bar i{ font-size: 16px; } .sort_bar > span{ margin: 0px 20px 0px 10px; } .sort_mosaic{ margin: 0px 5px 0px 5px; } .sort_list{ margin: 0px 5px 0px 5px; } .sort_map{ margin: 0px 5px 0px 5px; } .result_count_bar{ float: right; width: fit-content; margin: 10px 0px 0px 0px; padding-right: 20px; } .order_by{ margin: 0px 5px 0px 10px; display: inline-block; } .order_by .order_by_dropdown, .group_by .group_by_dropdown{ width: 160px; } .order_by i, .group_by i{ font-size: 12px; } .group_by{ margin: 0px 10px 0px 5px; display: initial; } .export_pdf{ display: initial; } .tags_wrapper{ background: #3c3c3c; padding: 10px 10px 0px 10px; float: left; width: calc(100% - 510px); } .tags_wrapper > span{ float: left; margin: 5px 10px 5px 0px; } /*Advance search*/ .advance_search { padding: 0 0 3px 0; text-align: center; clear: both; } .advance_search a{ border-bottom: 1px solid #808080; padding: 0px; margin: 5px 0px 0px 0px; float: left; font-size: 10px; } .search_btn { float: right; } .search_btn a{ padding: 5px 13px 6px 13px; background: linear-gradient(to bottom, #f5f5f5 0%,#c6c6c6 100%); border-radius: 3px; border: 1px solid #5E5E5E; color: #434343 !important; cursor: pointer; float: right; max-height: 25px; font-size: 16px; } .search_btn a:last-child{ margin: 0 !important; } /*Advance Search Content*/ #search-panel.single-search > .search_wrapper > .advance_search_content{ display: none; } #search-panel.new > .search_wrapper > .advance_search_content, #search-panel.loaded > .search_wrapper > .advance_search_content{ display: block; } #search-panel.new .advance_search_actions > .delete{ display: none; } .advance_search_content{ width: calc(100% - 20px); float: left; margin: 10px 0px 0px 0px; padding: 0px 10px 0px 10px; } .advance_search_content .accordion{ margin: 0px 0px 0px 0px; float: left; width: 100%; position: relative; border-bottom: 1px solid #ccc; } .advance_search_accordion_content { float: left; width: calc(100% - 20px); margin: 0px 0px 0px 0px; padding: 0px 10px 10px 10px; background: #505050; } .advance_search_content .accordion_config{ position: absolute; top: 0px; right: 0px; font-size: 17px; padding: 7px 5px 5px 5px; } .abm_zones{ width: 600px; height: 350px; } .abm_zones_modal_content_zones{ float: left; width: 190px; margin: 0px 10px 0px 0px; } .abm_zones_modal_actions{ float: left; width: 100%; font-size: 17px; margin: 0px 0px 5px 0px; } .abm_zones_modal_actions a:first-child{ margin: 0px; } .abm_zones_modal_actions a{ margin: 0px 0px 0px 5px; } .abm_zones_modal_content_zones > ul { float: left; width: 100%; height: 260px; max-height: 260px; overflow: auto; } .abm_zones_modal_content_zones > ul li{ padding: 5px 5px 5px 15px; margin: 0px 0px 2px 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .abm_zones_modal_content_zones > ul li.selected{ background: #982f2f !important; background: -moz-linear-gradient(top, #982f2f 0%, #6d2222 96%, #792626 98%, #662020 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#982f2f), color-stop(96%,#6d2222), color-stop(98%,#792626), color-stop(100%,#662020)) !important; background: -webkit-linear-gradient(top, #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%) !important; background: -o-linear-gradient(top, #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%) !important; background: -ms-linear-gradient(top, #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%) !important; background: linear-gradient(to bottom, #982f2f 0%,#6d2222 96%,#792626 98%,#662020 100%) !important; } .abm_zones_modal_content_zones > ul li:nth-child(2n+1){ background: #4D4D4D; } .abm_zones_modal_content_zones > ul li:nth-child(2n){ background: #3D3D3D; } .abm_zones_modal_content_zones ul li.new_zone{ background: none; padding: 0px; margin: 0px 0px 10px 0px; } .abm_zones_modal_content_zones .new_zone_name{ margin: 0px 0px 5px 0px; } .abm_zones_modal_content_zones .new_zone_description{ margin: 0px 0px 5px 0px; } .abm_zones_modal_content_zones .confirm_add_new_zone{ background: linear-gradient(to bottom, #FFFFFF 0%,#616161 100%); border-radius: 3px; color: #434343 !important; cursor: pointer; width: 90% !important; float: right !important; text-align: center; padding: 10px 5% 10px 5%; margin: px 0px 10px 0px; } .abm_zones_modal_content_map{ float: left; width: calc(100% - 200px); overflow: hidden; position: relative; } .abm_zones_modal_content_map > span{ float: left; width: 100%; margin: 0px 0px 10px 0px; } .new_zone{ display: none; } .control_bar{ position: absolute; top: 35px; right: 10px; z-index: 10000000; } .control_bar a{ opacity: 0.7; } .control_bar .selected{ opacity: 1; } .polygon_map{ background-image: url(../img/polygon_map.png); background-repeat: no-repeat; width: 33px; height: 31px; float: left; } .move_map{ background-image: url(../img/move_map.png); background-repeat: no-repeat; width: 33px; height: 31px; float: left; } #controlToggle{ display:none; } /* .advance_search_content .accordion h3{ margin: 0px; font-size: 14px; border-bottom: 1px solid #ccc; padding: 5px 0px 5px 10px; }*/ .advance_search_content .accordion h3 a{ display:block; color: #fff; } .advance_search_content h3{ margin: 0px; font-size: 14px; /* border-bottom: 1px solid #ccc; */ } .advance_search_content h3 a{ display:block; padding: 7px 0px 7px 25px; } .advance_search_content h3.open a{ background: #505050; opacity: 1; } .advance_search_content h3 a:hover{ background: #666666; opacity: 1; } .advance_search_content .accordion h3:before{ content: "\f054"; color: #fff; font-size: 10px; font-family: 'ultraip-icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; width: 9px; float: left; margin: 10px 5px 0px 10px; } .advance_search_content .accordion h3.open:before{ content: "\f078"; color: #fff; font-size: 10px; font-family: 'ultraip-icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .advance_search_element_configuration{ margin: 10px 0px 0px 0px; /* background: rgba(240, 240, 240, 1); */ /*height: 35px;*/ width: 100%; float: left; background: #505050; } .with_plus .advance_search_element_configuration{ width: calc(100% - 30px); background: #eeeeee; } .advance_search_element_configuration .multiple-selection-select{ } .advance_search_element_configuration .single-selection-select{ width: 50% !important; margin: 5px 10px 0px 0px; } .advance_search_element_configuration .single-selection-select.full_width{ width: 100% !important; } .advance_search_element_configuration input{ width: calc(50% - 15px); float: right; background: #fff; margin: 4px 5px 4px 0px; border: 1px solid #ccc; color: #000; } .advance_search_element_configuration .datetimepicker { width: calc(100% - 30px); } .advance_search_element_configuration .icon-calendar { float: left; font-size: 14px; color: #000; margin: 10px 0px 0px 6px; } .advance_search_element_plus{ float: left; font-size: 16px; margin: 15px 0px 0px 10px; } .filter_tag > span{ font-size: 10px; float: left; width: 80%; width: calc(100% - 30px); min-width: 59px; } .filter_tag > span > p{ font-size: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; width: 100%; } .filter_tag{ float: left; width: calc(100% - 10px); margin: 5px 0px 0px 0px; background: rgba(179, 179, 179, 1); padding: 0px 0px 0px 10px; color: #000; max-height: 25px; line-height: 25px; } .admin_abm_result_list_delete_header{ margin-left: 20px ; } .advance_search_element_delete{ float: right; color: #000; font-size: 16px; padding: 4px 0px 5px 5px; max-height: 25px; } .delete_plate_from_list{ font-size: 16px; padding: 4px 0px 5px 5px; max-height: 25px; } .advance_search_element_edit{ float: right; color: #000; font-size: 16px; padding: 4px 0px 5px 5px; max-height: 25px; } .add_alarmType_to_list .icon-plus{ float: right; color: #000; font-size: 16px; padding: 4px 10px 5px 5px; max-height: 25px; } /*ADVANCE SEARCH ACTIONS*/ .advance_search_actions{ float: left; width: 100%; border-top: 1px solid #000; padding: 10px 0px 0px 0px; margin: 40px 0px 10px 0px; display: inline; } .delete{ border-bottom: 1px solid #fff; float: left; margin: 8px 0px 0px 0px; } .advance_search_save{ float: right; padding: 5px 13px 6px 13px; background: linear-gradient(to bottom, #f5f5f5 0%,#c6c6c6 100%); border-radius: 3px; border: 1px solid #5E5E5E; color: #434343 !important; cursor: pointer; float: right; max-height: 25px; font-size: 14px; } .set_row_count{ float: right; margin: 0px 10px 0px 0px; padding: 5px 13px 6px 13px; background: linear-gradient(to bottom, #f5f5f5 0%,#c6c6c6 100%); border-radius: 3px; border: 1px solid #5E5E5E; color: #434343 !important; cursor: pointer; float: right; max-height: 25px; font-size: 14px; } .f-dropdown.set_row_count_dropdown{ width: 4em; text-align: center; } .advance_search_actions .search_btn { float: right; margin: 0px 0px 0px 10px; } /*---------------Agregando un botón a sección consulta (simple)---------------*/ .new .simple_search_actions { display: none; } .loaded .simple_search_actions { display: none; } .single-search .consult-simple-search { disable: disable; width: calc(100% - 20px); float: left; margin: 10px 10px 30px 10px; padding: 10px 0px 0px 0px; border-top: 1px solid #000; } /*----------------------------------------------------------------------------*/ #advance_search_save_dropdown{ width: 100px; margin-bottom: 10px; } .delete_advance_search { width: 300px; height: 108px; } .save_advance_search{ width: 300px; } .save_advance_search p { margin: 0px 0px 5px 0px; } /*Administracion*/ .admin_panel{ float: left; width: 100%; margin: 15px 0px 15px 0px; position: relative; padding: 0; font-size: 90%; } .admin_panel .admin_panel_btn{ margin: 0px 15px 0px 0px; float: left; position: relative; } .admin_panel .admin_panel_btn .dropdown_selected{ float: left; text-align: center; width: 125px; padding: 7px 0px 7px 0px; border-radius: 4px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); background: rgba(60,55,55,1); background: -moz-linear-gradient(top, rgba(60,55,55,1) 0%, rgba(14,14,14,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(60,55,55,1)), color-stop(100%, rgba(14,14,14,1))); background: -webkit-linear-gradient(top, rgba(60,55,55,1) 0%, rgba(14,14,14,1) 100%); background: -o-linear-gradient(top, rgba(60,55,55,1) 0%, rgba(14,14,14,1) 100%); background: -ms-linear-gradient(top, rgba(60,55,55,1) 0%, rgba(14,14,14,1) 100%); background: linear-gradient(to bottom, rgba(60,55,55,1) 0%, rgba(14,14,14,1) 100%); } .admin_panel .admin_panel_btn .dropdown_selected:after{ content:""; float: left; text-align: center; width: 125px; border-radius: 4px; position: absolute; top: 0; left: 0; height: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(from(rgba(255, 255, 255, 0.3)))); background-image: -webkit-linear-gradient(transparent, rgba(255, 255, 255, 0.3)); background-image: -moz-linear-gradient(transparent, rgba(255, 255, 255, 0.3)), -moz-linear-gradient(transparent, rgba(255, 255, 255, 0.3)); background-image: -o-linear-gradient(transparent, rgba(255, 255, 255, 0.3)), -o-linear-gradient(transparent, rgba(255, 255, 255, 0.3)); background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.3)), linear-gradient(transparent, rgba(255, 255, 255, 0.3)); -moz-background-size: 1px 100%; background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; } .admin_panel .admin_panel_btn .dropdown_selected.selected, .admin_panel .admin_panel_btn .dropdown_selected:hover{ opacity:1; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2); background: #982f2f; } .admin_panel .admin_panel_btn .dropdown_selected.selected:after{ content:""; float: left; text-align: center; width: 125px; border-radius: 3px; position: absolute; top: 0; left: 0; height: 100%; border-bottom: 1px solid black; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(from(#000))); background-image: -webkit-linear-gradient(transparent, #000); background-image: -moz-linear-gradient(transparent, #000), -moz-linear-gradient(transparent, #000); background-image: -o-linear-gradient(transparent, #000), -o-linear-gradient(transparent, #000); background-image: linear-gradient(transparent, #000), linear-gradient(transparent, #000); -moz-background-size: 1px 100%; background-size: 1px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; } #widget-templates{ display: none; } /*CONTROLES MAPA*/ .olButton:hover{ opacity:0.75; } /*por defecto los markers aparecen escondidos para animarlos*/ .anpr-custom-marker{ /*opacity: 0;*/ opacity: 1; } .anpr-custom-marker:hover { opacity: 1 !important; cursor: pointer; } .anpr-custom-marker>.marker-tooltip { display: none; position: absolute; width: 180px; background: #222; left: 24px; padding: 2px 4px; z-index: 99999; top: 0; /*float: left;*/ max-height: 200px; overflow: auto; } .anpr-custom-marker:hover>.marker-tooltip { display: block; } li.marker-capture { font-size: 11px; border-bottom: 1px solid #444; height: 25px; } li.marker-capture:hover{ cursor:pointer; background: #ddd; } li.marker-capture:last-child{ border: 0; } p.marker-tooltip-plate { color: #000; width: 55px; display: inline-block; vertical-align: middle; padding:3px; margin: 0; line-height: 13px; font-weight: bold; } p.marker-tooltip-name { font-weight: bold; } p.marker-tooltip-datetime { color: #333; width: 95px; display: inline-block; vertical-align: middle; padding: 3px 3px; margin: 0; font-size: 0.9em; text-align: right; line-height: 13px; } /* LOADING - 3 BOUNCE*/ .loading{ float: left; width: 100%; height: 100%; } .spinner { text-align: center; position: absolute; top: calc(50% - 10px); left: calc(50% - 30px); } .spinner > div { width: 18px; height: 18px; background-color: #BBBBBB; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /*MENSAJE ERROR*/ .error_msg{ width: 300px; } .error_icon{ float: left; margin: 0px 0px 0px 0px; text-align: center; } .error_icon i{ font-size: 40px; color: #CA0303; } .error_content{ float: left; /*text-align: center;*/ width: 240px; margin: 5px 0px 0px 0px; padding: 0 10px 10px; } .error_content>span{ color: #aaa; padding: 5px 0; display: block; } /*Modal devices*/ .devices_information_modal{ width: 720px; /*height: 450px;*/ } .devices_information_container{ float: left; width: calc(100% - 20px); padding: 10px; background: #242424; margin: 0px 0px 10px 0px; } .device_info_name { font-weight: 700; font-size: 24px; margin: 20px 0px 10px 0px; color: #FFF; text-transform: uppercase; } .device_info span{ font-size: 13px; font-weight: 900; width: 100%; } .device_info { margin: 0px 0px 5px 0px; font-size: 13px; width: 100%; } /*MODAL MAPA LISTA*/ .view_on_map_modal{ width: 700px; height: 350px; } .view_on_map_modal_content{ width: 700px; height: 285px; } #current-dashboard-name{ margin-right: 5px; max-width: 170px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; } /*modales de config gral.*/ .widget_name_config { color: #999; text-transform: uppercase; font-size: 10px; margin-left: 10px; } .widget_name_config:before{ content: "["; } .widget_name_config:after{ content: "]"; } /*widget sources*/ .source_status{ width: 14px; height: 12px; margin: 0 5px 0 0; background: url("img/source_status.png?v=2.0.0") no-repeat transparent; } .source_status.active{ background-position: 0 0; } .source_status.inactive{ background-position: 0px -14px; } .source_status.standby{ background-position: 0px -28px; } /*---------------------capture-information-modal plugins----------------------*/ div.plugin.plugins_container:first-child { border-bottom: 1px solid #575757; padding-top: 1%; } div.plugin.container { /*padding: 1% 0px 8% 0px;*/ padding: 0px 0px 0px 0px; display: grid; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } div.plugin.container[status=empty]{ display: none; } .plugin.title.capture_full_info_patent{ margin-bottom: 3px; } div.plugin.NODATA div.scrollable{ margin-left: 2%; } .plugin.icon.loading{ float: left; width: 27px; height: 25px; margin: 2px 0px 0px -3px; background: url(img/loading_icon.gif) transparent no-repeat; background-size: 85%; } .loading_plate{ float: left; background-size: 55%; margin: 4px 0px 0px 16px; height: 25px; width: 25px !important; } i.plugin.icon-arrow-right, i.plugin.icon-arrow-down { font-size: 75%; } i.plugin.icon-info-3{ font-size: 75%; } .plugin.icon.warning{ /* content: "\f078"; color: #fff; font-size: 10px; font-family: 'ultraip-icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;*/ } li.title{ /*onmouseover="";*/ cursor: pointer; } /*----------------------------------------------------------------------------*/ .view_on_map_modal_content .map-wrapper > div{ float:left; } /*DISABLE*/ .disable{ opacity: 0.5; cursor: not-allowed; } .disable i{ /* opacity: 0.5; */ /* cursor: not-allowed; */ } .sub_menu .control_panel li .disable i:hover{ background: -webkit-linear-gradient(top, #b0b0b0 0%,#8b8b8b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #ACACAC; } /*Pagination*/ #pagination-container{ float: left; width: 100%; text-align: right; bottom: 35px; left: 0px; z-index: 100; height: 64px; position: relative; } #pagination-container:empty { display: none; } .page-number-link, .pages p{ padding: 5px; display: inline-block; } .page-number-link.current{ color: rgb(215, 25, 54); cursor: default; } .page-number-link.disabled{ color: #666; cursor: default; } /*resultados*/ #search_result, #audit_result, #device_result, #user_result{ float: left; width: calc(100% - 40px); overflow: auto; margin: 0px 10px 10px 30px; /* min-width: 980px; */ } .result_box{ width: 15%; background: #242424; color: #FFF; position: relative; margin: 1% 0.8% 1% 0.8%; float: left; } .result_box:first-child{ } .result_content{ list-style: none; margin: 0; padding: 4%; width: 92%; float: left; } .result_content li{ width: 100%; text-align: center; text-transform: uppercase; float: left;} .result_img{ } .result_img img{ width: 100%; } .patent { font-weight: 700; font-size: 2.4em; padding: 5px 0px 5px 0px; /* border-bottom: 1px solid #505050; */ } .device{ font-weight: 600; margin: 7px 0px 7px 0px; } .day { width: 50% !important; } .hour{ width: 50% !important; } /*Resultados LISTA*/ .result_list_header{ /* float: left; */ width: calc(100% - 20px); background: #000; border-bottom: 1px solid #3D3B3B; float: left; padding: 5px 10px 5px 10px; margin: 0px 0px 3px 0px; display: inline-block; min-width: calc(100% - 20px); /* overflow: auto; */ } .result_list_header .order_arrow:first-child{ margin: 0px 0px 0px 5px; } /****** RESULTADOS EN LISTAS (auditoria + consultas) ****/ /*BREADCRUMB*/ .breadcrumb{ float: left; width: calc(100% - 40px); margin: 10px 10px 10px 30px; } .breadcrumb a{ font-weight: 700; } .item_content > select > option { background-color: darkslategray; } /***** RESULTADOS TIPO -> DISPOSITIVOS / FUENTES DE CAPTURAS *****/ /*header*/ .device_result .result_list_header li{ width: 13%; margin: 0px 0px 0px 1%; } .device_result .result_list_header li:first-child{ width: 13%; margin: 0px 0px 0px 0%; } .device_result .result_list_header li.device_result_list_description_header{ width: 28%; } /*contenido*/ .device_result_list_content{ float: left; width: 100%; display: inline-block; } .device_result_list_content li{ width: 13%; margin: 0px 0px 0px 1%; display: inline-block; vertical-align: middle; } .device_result_list_content li a{ border-bottom: 1px solid #FFF; } .device_result_list_content li.device_result_list_geo a{ border-bottom: none; font-size: 21px; } .device_result .result_list:nth-child(2n+1), .device_result .result_list:nth-child(2n+1):hover{ background: #323232; cursor:default; } .device_result .result_list:nth-child(2n), .device_result .result_list:nth-child(2n):hover{ background: #222222; cursor:default; } .device_result_list_content li:first-child{ width: 13%; margin: 0px 0px 0px 0%; } .device_result_list_content li.device_result_list_description { width: 28%; } /***** RESULTADOS TIPO -> USUARIOS *****/ /*header*/ .user_result .result_list_header li{ width: 13%; margin: 0px 0px 0px 1%; } .user_result .result_list_header li:first-child{ width: 13%; margin: 0px 0px 0px 0%; } .user_result_list_userType_header{ } .user_result_list_alarms_header{ } .user_result_list_taken_alarm_header{ } .user_result_list_noTaken_alarm_header { } .user_result_list_elevated_header { } .user_result_list_time_header{ } /*contenido*/ .user_result_list_content{ float: left; width: 100%; display: inline-block; } .user_result_list_content li{ width: 13%; margin: 0px 0px 0px 1%; display: inline-block; vertical-align: middle; } .user_result_list_content li:first-child{ width: 13%; margin: 0px 0px 0px 0%; } .user_result_list_content li a{ border-bottom: 1px solid #FFF; } .user_result .result_list:nth-child(2n+1), .user_result .result_list:nth-child(2n+1):hover{ background: #323232; cursor:default; } .user_result .result_list:nth-child(2n), .user_result .result_list:nth-child(2n):hover{ background: #222222; cursor:default; } /*resultados*/ #search_result, #audit_result, #device_result, #user_result{ float: left; width: calc(100% - 40px); margin: 0px 10px 10px 30px; overflow-x: auto; overflow-y: hidden; } /*RESULT BOX*/ .result_box{ width: 15%; height: 210px; background: #1b1b1b; color: #FFF; position: relative; margin: 1% 0.8% 1% 0.8%; float: left; } .result_box:first-child{ } .result_box_content { list-style: none; margin: 0; padding: 4%; width: 92%; float: left; } .result_box_img { height: 90px; overflow: hidden; } .result_box_img img{ width: 100%; } .result_box_patent { font-weight: 700; font-size: 2.4em; padding: 5px 0px 5px 0px; /* border-bottom: 1px solid #505050; */ } .result_box_day{ width: 50% !important; margin: 0px 0px 5px 0px; min-width: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result_box_hour{ width: 50% !important; margin: 0px 0px 5px 0px; } .result_box_alarmType { text-transform: none !important; margin: 0px 0px 5px 0px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* font-weight: 600; */ padding: 5px 0px 0px 0px; position: relative; } .result_box_alarmType:after{ content:""; float: left; width: 100%; height: 1px; position: absolute; top: 0px; left: 0px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C */ } .result_box_list { text-transform: none !important; margin: 0px 0px 5px 0px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result_content{ list-style: none; margin: 0; padding: 4%; width: 92%; float: left; } .result_content li{ width: 100%; text-align: center; text-transform: uppercase; float: left;} .result_img{ } .result_img img{ width: 100%; } .patent { font-weight: 700; font-size: 2.4em; padding: 5px 0px 5px 0px; /* border-bottom: 1px solid #505050; */ } .device{ font-weight: 600; margin: 7px 0px 7px 0px; } .day { width: 50% !important; } .hour{ width: 50% !important; } /***** RESULTADOS TIPO -> DISPOSITIVOS / MOBILE SYNC *****/ /*header*/ .mobile_sync_result .result_list_header li{ width: 13%; margin: 0px 0px 0px 1%; } .mobile_sync_result .result_list_header li:first-child{ width: 13%; margin: 0px 0px 0px 0%; } .mobile_sync_result .result_list_header li.mobile_sync_result_list_description_header{ width: 42%; } /*contenido*/ .mobile_sync_result_list_content{ float: left; width: 100%; display: inline-block; } .mobile_sync_result_list_content li{ width: 13%; margin: 0px 0px 0px 1%; display: inline-block; vertical-align: middle; } .mobile_sync_result_list_content li a{ border-bottom: 1px solid #FFF; } .mobile_sync_result_list_content li.device_result_list_geo a{ border-bottom: none; font-size: 21px; } .mobile_sync_result .result_list:nth-child(2n+1), .mobile_sync_result .result_list:nth-child(2n+1):hover{ background: #323232; cursor:default; } .mobile_sync_result .result_list:nth-child(2n), .mobile_sync_result .result_list:nth-child(2n):hover{ background: #222222; cursor:default; } .mobile_sync_result_list_content li:first-child{ width: 13%; margin: 0px 0px 0px 0%; } .mobile_sync_result_list_content li.mobile_sync_result_list_description { width: 42%; } /***** RESULTADOS TIPO -> DISPOSITIVOS / CAMERAS *****/ /*header*/ .results-view.results-view-list.cameras_history_result{ width: 100%; } .result_list_header li.cameras01_result_list_name_header { width: 30%; margin: 0px 0px 0px 1%; } .result_list_header li.cameras01_result_list_capturesource_header{ width: 20%; margin: 0px 0px 0px 0%; } .result_list_header li.cameras01_result_list_icon_header { width: 10%; } .result_list_header li.cameras01_result_list_dateTime_header { width: 25%; margin: 0px 0px 0px 0%; } /*contenido*/ .cameras01_result_list_content{ float: left; width: 100%; display: inline-block; } .cameras01_result_list_content li{ width: 13%; margin: 0px 0px 0px 1%; display: inline-block; vertical-align: middle; } .cameras01_result_list_content li.cameras01_result_list_name { width: 30%; } .cameras01_result_list_content li.cameras01_result_list_capturesource { width: 20%; } .cameras01_result_list_content li.cameras01_result_list_icon { width: 10%; margin-left: -2px; font-size: 17px; } .cameras01_result_list_content li.cameras01_result_list_dateTime { width: 25%; } .camera01_results { width: calc(100% - 25px); float: left; margin: 5px; } .camera01_column1 { width: 32%; float: left; margin-top: 8px; } .camera01_column2 { width: 32%; float: left; margin: 8px 5px 0 5px; } .camera01_column3 { width: 32%; float: left; margin-top: 8px; } .camera01_headers { overflow: auto; width: calc(100% - 17px); } .camera_status_list_content { width: 100%; float: left; margin-top: 8px; height: 150px; overflow-y: scroll; } .camera01_column1_result { width: 32%; min-width: 32%; min-height: 5px; float: left; } .camera01_column2_result { width: 32%; min-width: 32%; min-height: 5px; float: left; margin: 0px 5px 0px 5px; } .camera01_column3_result { width: 32%; min-width: 32%; min-height: 5px; float: left; } .camera01_list_result { overflow-y: scroll; max-height: 50%; } .cameras_history_result .result_list:last-child { margin-bottom: 0px; } .camera01_title { font-size: 15px; padding-left: 10px; } #camera01_graph { width: 900px; height: 300px; margin: auto; padding-bottom: 15px; overflow: auto; } .cameras01_modal_info { margin-top: 20px; } .cameras01_modal_info span{ font-weight: 700; margin: 0px 10px 0px 0px; color: #FFF; text-transform: uppercase; } .cameras01_modal { margin: 0px 0px 10px 0px; } /*RESULTADOS ADMINISTRACION AMB*/ /*estilos comunes a todas las listas*/ .admin_abm_result_list_radio{ width: 3% !important; margin: 0px 0px 0px 0px !important; } .admin_result_content .results-view-list .result_list:nth-child(2n+1), .admin_result_content .results-view-list .result_list:nth-child(2n+1):hover{ background: #323232; cursor: default; } .admin_result_content .results-view-list .result_list:nth-child(2n), .admin_result_content .results-view-list .result_list:nth-child(2n):hover{ background: #222222; cursor: default; } .admin_result_content .results-view-list .result_list ul li{ width: 13%; max-width: 13%; display: inline-block; vertical-align: middle; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ position: relative; } .admin_result_content .results-view-list .result_list .admin_abm_result_list_id { margin: 0px; font-weight: 600; } .admin_result_content .results-view-list .result_list .admin_abm_result_list_uuid { margin: 0px; font-weight: 200; } /*acciones para alarmas*/ .admin_result_content .admin_abm_alarm_actions .result_list_header li.admin_abm_result_list_description_header{ width: 70%; max-width: 70%; } .admin_result_content .results-view-list .admin_abm_alarm_actions_result_list_content li.admin_abm_result_list_description{ width: 70%; max-width: 70%; } /*Acciones por tipo de Alarma */ .admin_result_content .admin_abm_alarmType_users .result_list_header li.admin_abm_result_list_description_header{ width: 50%; max-width: 50%; } .admin_result_content .results-view-list .admin_abm_alarmType_users_result_list_content li.admin_abm_result_list_description{ width: 50%; max-width: 50%; } .admin_result_content .admin_abm_alarmType_users .result_list_header li.admin_abm_result_list_actions_header{ width: 20%; max-width: 20%; } .admin_result_content .results-view-list .admin_abm_alarmType_users_result_list_content li.admin_abm_result_list_actions{ width: 20%; max-width: 20%; } /*Acciones de Escalonamiento*/ .admin_result_content .admin_abm_escalation .result_list_header li.admin_abm_result_list_description_header{ width: 68%; max-width: 68%; } .admin_result_content .results-view-list .admin_abm_escalation_result_list_content li.admin_abm_result_list_description{ width: 68%; max-width: 68%; overflow: visible; white-space: normal; text-overflow: initial; } /*Acciones de Agencia*/ .admin_result_content .admin_abm_agency .result_list_header li.admin_abm_result_list_description_header{ width: 49%; max-width: 49%; } .admin_result_content .results-view-list .admin_abm_agency_result_list_content li.admin_abm_result_list_description{ width: 49%; max-width: 49%; } .admin_result_content .admin_abm_agency .result_list_header li.admin_abm_result_list_mail_header{ width: 19%; max-width: 19%; } .admin_result_content .results-view-list .admin_abm_agency_result_list_content li.admin_abm_result_list_mail{ width: 19%; max-width: 19%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .admin_result_content .admin_abm_agency .result_list_header li.admin_abm_result_list_tel_header{ width: 10%; max-width: 10%; } .admin_result_content .results-view-list .admin_abm_agency_result_list_content li.admin_abm_result_list_tel{ width: 10%; max-width: 10%; } /*Acciones de Tipo de Alarma*/ .admin_result_content .admin_abm_alarmType .result_list_header li.admin_abm_result_list_description_header{ width: 50%; max-width: 50%; } .admin_result_content .admin_abm_alarmType .result_list_header li.admin_abm_result_list_color_header{ width: 5%; max-width: 5%; } .admin_result_content .results-view-list .admin_abm_alarmType_result_list_content li.admin_abm_result_list_description{ width: 50%; max-width: 50%; } .admin_result_content .results-view-list .admin_abm_alarmType_result_list_content li.admin_abm_result_list_color{ width: 5%; max-width: 5%; } .result_list_header .admin_abm_result_list_actions_header{ width: 20%; max-width: 20%; } .admin_result_content .results-view-list .admin_abm_alarmType_result_list_content li.admin_abm_list_actions{ width: 20%; max-width: 20%; } /*Administracion de Escalonamiento de Alarmas*/ .admin_result_content .admin_abm_alarm_escalation .result_list_header li { width: 17%; max-width: 17%; } .admin_result_content .admin_abm_alarm_escalation .result_list_header .admin_abm_result_list_wait_header{ width: 5%; max-width: 5%; } .admin_result_content .results-view-list ul.admin_abm_alarm_escalation_result_list_content li{ width: 17%; max-width: 17%; } .admin_result_content .results-view-list .admin_abm_alarm_escalation_result_list_content .admin_abm_result_list_wait{ width: 5%; max-width: 5%; } /*Administracion de Camaras*/ .admin_result_content .admin_abm_cam .result_list_header .admin_abm_result_list_geo_header{ width: 7%; max-width: 7%; } .admin_result_content .admin_abm_cam .result_list_header li.admin_abm_result_list_name_header{ width: 32%; max-width: 32%; } .admin_result_content .admin_abm_cam .result_list_header li.admin_abm_result_list_description_header{ width: 30%; max-width: 30%; } .admin_result_content .admin_abm_cam .result_list_header li.admin_abm_result_list_uuid_header{ width: 16%; max-width: 16%; } .admin_result_content .results-view-list .admin_abm_cam_result_list_content .admin_abm_result_list_geo{ width: 7%; max-width: 7%; font-size: 21px; } .admin_result_content .results-view-list .admin_abm_cam_result_list_content li.admin_abm_result_list_name{ width: 32%; max-width: 32%; } .admin_result_content .results-view-list .admin_abm_cam_result_list_content li.admin_abm_result_list_description{ width: 30%; max-width: 30%; } /*Administracion de Calendario*/ .admin_result_content .admin_abm_calendar .result_list_header li.admin_abm_result_list_description_header{ width: 39%; max-width: 39%; } .admin_result_content .results-view-list .admin_abm_calendar_result_list_content li.admin_abm_result_list_description{ width: 39%; max-width: 39%; overflow: visible; white-space: normal; text-overflow: initial; } /*Administracion de Fuentes de captura GENERICA + MOVIL + VMS*/ .admin_result_content .admin_abm_source_general .result_list_header li.admin_abm_result_list_description_header{ width: 55%; max-width: 55%; } .admin_result_content .results-view-list .admin_abm_source_general_result_list_content li.admin_abm_result_list_description{ width: 55%; max-width: 55%; } /*Administracion de Fuentes de captura RADAR FIJO + VMS*/ .admin_result_content .admin_abm_source_fixed .result_list_header li.admin_abm_result_list_description_header{ width: 50%; max-width: 50%; } .admin_result_content .admin_abm_source_fixed .result_list_header .admin_abm_result_list_geo_header{ width: 5%; max-width: 5%; } .admin_result_content .results-view-list .admin_abm_source_fixed_result_list_content li.admin_abm_result_list_description{ width: 50%; max-width: 50%; } .admin_result_content .results-view-list .admin_abm_source_fixed_result_list_content li.admin_abm_result_list_geo{ width: 5%; max-width: 5%; font-size: 21px; } /*Administracion de Fuentes de captura Punto Fijo*/ .admin_result_content .admin_abm_source_spot .result_list_header li.admin_abm_result_list_description_header{ width: 50%; max-width: 50%; } .admin_result_content .admin_abm_source_spot .result_list_header .admin_abm_result_list_geo_header{ width: 5%; max-width: 5%; } .admin_result_content .results-view-list .admin_abm_source_spot_result_list_content li.admin_abm_result_list_description{ width: 50%; max-width: 50%; } .admin_result_content .results-view-list .admin_abm_source_spot_result_list_content li.admin_abm_result_list_geo{ width: 5%; max-width: 5%; font-size: 21px; } /*Acciones de Tipo de Alarma*/ .admin_result_content .admin_abm_external .result_list_header li.admin_abm_result_list_description_header{ width: 28%; max-width: 28%; } .admin_result_content .admin_abm_external .result_list_header li.admin_abm_result_list_protocol_header{ width: 27%; max-width: 27%; } .admin_result_content .admin_abm_external .result_list_header li.admin_abm_result_list_color_header{ width: 10%; max-width: 10%; } .admin_result_content .results-view-list .admin_abm_external_result_list_content li.admin_abm_result_list_description{ width: 28%; max-width: 28%; } .admin_result_content .results-view-list .admin_abm_external_result_list_content li.admin_abm_result_list_protocol{ width: 27%; max-width: 27%; } .admin_result_content .results-view-list .admin_abm_external_result_list_content li.admin_abm_result_list_color{ width: 10%; max-width: 10%; } /*Administracion de Listas*/ .admin_result_content .results-view-list ul.admin_abm_lists_result_list_content li{ width: 10%; max-width: 10%; } .admin_result_content .admin_abm_lists .result_list_header li.admin_abm_result_list_plates_header{ text-align: center; width: 8%; max-width: 8%; } .admin_result_content .results-view-list ul.admin_abm_lists_result_list_content li.admin_abm_result_list_plates{ font-size: 18px; text-align: center; width: 8%; max-width: 8%; } .admin_result_content .admin_abm_lists .result_list_header li.admin_abm_result_list_description_header{ width: 30%; max-width: 30%; } .admin_result_content .admin_abm_lists .admin_abm_result_list_type_header { width: 10%; max-width: 10%; } .admin_result_content .results-view-list ul.admin_abm_lists_result_list_content li.admin_abm_result_list_description{ width: 30%; max-width: 30%; } .admin_result_content .admin_abm_lists .result_list_header li.admin_abm_result_list_color_header{ width: 5%; max-width: 5%; } .admin_result_content .results-view-list ul.admin_abm_lists_result_list_content li.admin_abm_result_list_color{ width: 5%; max-width: 5%; } /*Administracion Patentes*/ .admin_result_content .admin_abm_plates .result_list_header li.admin_abm_result_list_lists_header{ width: 25%; max-width: 25%; } .admin_result_content .results-view-list .admin_abm_plates_result_list_content li.admin_abm_result_list_lists{ width: 25%; max-width: 25%; } .admin_result_content .admin_abm_plates .result_list_header li.admin_abm_result_list_vehicle_header{ max-width: 25%; width: 25%; } .admin_result_content .results-view-list .admin_abm_plates_result_list_content li.admin_abm_result_list_vehicle{ width: 25%; max-width: 25%; } .admin_result_content .admin_abm_plates .result_list_header li.admin_abm_result_list_format_header{ max-width: 10%; width: 10%; } .admin_result_content .results-view-list .admin_abm_plates_result_list_content li.admin_abm_result_list_format{ width: 10%; max-width: 10%; } /*Alta de vehículo en el alta de una patente*/ #vehicle_div { margin-bottom: 0px; } #vehicle_div.open { border: 1px solid grey; margin-bottom: 10px; } #vehicle_div.open #new_vehicle_section { display: inherit; } #vehicle_div:not(open) #new_vehicle_section { display: none; } #vehicle_btn_and_label { float: left; display: inline-flex; width: 130px; } #vehicle_btn_and_label p[name=vehicle_select_label] { text-align: right; width: 101px; margin-right: 9px; position: relative; line-height: 25px; } #new_vehicle_btn { margin-left: 51px; width: 12px; padding-top: 6px; } #new_vehicle_section p[name=new_vehicle_title] { float: left; margin-top: 0px; margin-left: 33px; margin-bottom: 10px; } #new_plate_div:not(open){ display: none; } #new_plate_div.open{ display: block; } /*Administracion usuarios*/ .admin_result_content .admin_abm_users .result_list_header li{ width: 15%; max-width: 15%; } .admin_result_content .results-view-list ul.admin_abm_users_result_list_content li{ width: 15%; max-width: 15%; } /*Administracion personas*/ .admin_result_content .admin_abm_persons .result_list_header li{ width: 18%; max-width: 18%; } .admin_result_content .results-view-list ul.admin_abm_persons_result_list_content li{ width: 18%; max-width: 18%; } /*Administracion perfiles*/ .admin_result_content .admin_abm_profiles .result_list_header li.admin_abm_result_list_description_header{ width: 68%; max-width: 68%; } .admin_result_content .results-view-list .admin_abm_profiles_result_list_content li.admin_abm_result_list_description{ width: 68%; max-width: 68%; } /*Administracion de Zonas*/ .admin_result_content .admin_abm_zone .result_list_header li.admin_abm_result_list_description_header{ width: 61%; max-width: 61%; } .admin_result_content .admin_abm_zone .result_list_header .admin_abm_result_list_geo_header{ width: 5%; max-width: 5%; } .admin_result_content .results-view-list .admin_abm_zone_result_list_content li.admin_abm_result_list_description{ width: 61%; max-width: 61%; } .admin_result_content .results-view-list .admin_abm_zone_result_list_content li.admin_abm_result_list_geo{ width: 5%; max-width: 5%; font-size: 21px; } /*ADMINISTRACION*/ /*abm - acciones*/ .advance_search_content .admin_abm { float: left; width: 100%; margin: 0px; border-bottom: 1px solid #ccc; } .admin_abm_actions { } .admin_abm .advance_search_accordion_content .advance_search_element_configuration { margin: 0px; } .admin_abm_element { float: left; width: calc(100% - 30px); padding: 5px 0px 5px 30px; } .admin_abm_element:hover{ background: #666666; color: #fff; opacity: 1; } .admin_abm_result_header ul{ float: left; width: 100%; } .admin_abm_result_header ul li{ float: left; } .admin_abm_result_header ul li a{ font-size: 18px; margin: 0px 10px 0px 10px; opacity: 0.75; display: none; } /*.admin_abm_result_header ul li a.addPlate_abm_item{*/ /*display: none;*/ /*}*/ .admin_abm_result_header ul li a:hover{ opacity: 1; } .admin_abm_result_header ul li a.disabled{ opacity: .3; cursor: not-allowed; } /*ADMINISTRACION*/ /*MODALS*/ .admin_abm_modal{ width: 560px; } /*ABM MODALS special size*/ #admin_alarm_escalation_modal{ /* width: 560px; */ } #admin_abm_zone_modal{ width: 700px; } .abm_btns{ float: left; width: 100%; } .abm_btns .cancel_btn{ float: right; margin: 0px 20px 0px 0px; } .abm_btns .cancel_btn a{ border-bottom: 1px solid #fff; margin: 24px 0px 20px 0px; float: left; } .abm_btns .save_btn{ float: right; width: 90px; } .abm_lists_add_plates_tags { float: left; margin: 0px 0px 10px 130px; width: calc(100% - 130px); overflow-y: scroll; max-height: 80px; } .abm_plates_add_lists_tags { float: left; margin: 0px 0px 10px 130px; width: calc(100% - 130px); } .abm_lists_add_plates_tags .filter_tag_item { float: left; width: 100%; } .abm_lists_add_plates_tags .filter_tag { width: 145px; } .abm_plates_add_lists_tags .filter_tag { width: 170px; } .upload_tag_error .filter_tag{ background: #d63538; } .upload_tag_error .filter_tag a{ color: #fff; } /*------upload_tag_duplicated: "Error de patente duplicada en la lista"-------*/ .upload_tag_duplicated .filter_tag{ background: #d63538; } .upload_tag_duplicated .filter_tag a{ color: #fff; } .upload_tag_error .filter_tag_validation_duplicated, .upload_tag_ok .filter_tag_validation_duplicated, .upload_tag_uploading .filter_tag_validation_duplicated, .upload_tag_duplicated .filter_tag_validation_ok, .upload_tag_duplicated .filter_tag_validation_error, .upload_tag_duplicated .filter_tag_validation_uploading{ display: none; } .upload_tag_duplicated .filter_tag_validation_duplicated{ float: left; line-height: 35px; margin: 0px 0px 0px 10px; } .upload_tag_duplicated .filter_tag_validation_duplicated a{ color:#d63538; } /*----------------------------------------------------------------------------*/ .upload_tag_error .filter_tag_validation_ok, .upload_tag_error .filter_tag_validation_uploading, .upload_tag_ok .filter_tag_validation_error, .upload_tag_ok .filter_tag_validation_uploading, .upload_tag_uploading .filter_tag_validation_error, .upload_tag_uploading .filter_tag_validation_ok{ display: none; } .upload_tag_error .filter_tag_validation_error, .upload_tag_ok .filter_tag_validation_ok, .upload_tag_uploading .filter_tag_validation_uploading{ float: left; line-height: 35px; margin: 0px 0px 0px 10px; } .upload_tag_uploading .filter_tag_validation_uploading a{ color: #e2e2e2; } .upload_tag_error .filter_tag_validation_error a{ color:#d63538; } .upload_tag_ok .filter_tag_validation_ok { color:#68cc65; } .upload_tag_ok .advance_search_element_delete, .upload_tag_uploading .advance_search_element_delete{ display: none; } .upload_status{ float: left; width: 100%; border-bottom: 1px solid #fff; text-align: center; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; } .add_plate_list{ float: left; width: 100%; overflow: auto; } .add_plate_list_wrapper{ float: left; width: 100%; margin: 5px 0px 0px 0px; } .add_plate_list_wrapper .filter_tag{ width: 90px; margin: 0px 10px 10px 0px; } .add_plate_list_wrapper .filter_tag.list_tag{ width: 200px; margin: 0px 10px 10px 0px; } .abm_central_userType, .abm_mobile_userType{ width: calc(100% - 80px); float: right; margin: 10px 0px 0px 0px; } #admin_abm_zone_modal .config_elements{ width: calc(40% - 22px); } #admin_abm_zone_modal .config_elements .config_item textarea{ height: 130px; } #admin_abm_zone_modal .config_elements .config_item p{ width: 80px; } #admin_abm_zone_modal .config_elements .config_item .item_content { width: calc(100% - 90px); float: right; } #admin_abm_zone_modal .config_abm_map{ float: left; width: 60%; height: auto; border-left: 1px solid #ccc; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; } #admin_abm_zone_modal .abm_zones_modal_content_map { width: 100%; } #admin_abm_zone_modal .control_bar{ top: 10px; } /*modal patentes en listas*/ #abm_list_plates_modal { width: 500px; } .abm_list_plates_content{ float: left; width: 100%; max-height: 300px; overflow-y: auto; height: auto; } .abm_list_plates_content ul{ float: left; width: 100%; -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } .abm_list_plates_content ul li{ } .no-results { width: 100%; text-align: center; padding: 100px 0px; font-size: 16px; color: rgb(153, 153, 153); } .error-in-modal { color: #d63538; width: 100% !important; text-align: left !important; } .success-in-modal { color: #31d665; width: 100% !important; text-align: left !important; } .permissions_container p { display: inline-block; } .permissions_container input[type="checkbox"]{ width: initial; margin: 5px 10px 5px 0; vertical-align: middle; } /*MODAL IMAGEN DE LISTA*/ .list_img { width: 800px; } .list_img_content{ float: left; width: 100%; display: inline-block; } .list_img_content ul{ float: left; width: 100%; display: inline-block; } .list_img_content ul li{ display: inline-block; vertical-align: middle; width: 48%; } .list_img_content ul li:first-child{ margin: 0px 02% 0px 0px; } .list_img_content ul li img{ width: 100%; } .img_zoom:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background: url(../img/zoom_icon.png); } /*MODAL IMAGEN DE LISTA*/ .list_img { width: 800px; } .list_img_content{ float: left; width: 100%; display: inline-block; } .list_img_content ul{ float: left; width: 100%; display: inline-block; } .list_img_content ul li{ display: inline-block; vertical-align: middle; width: 48%; } .list_img_content ul li:first-child{ margin: 0px 02% 0px 0px; } .list_img_content ul li img{ width: 100%; } .img_zoom{ position: relative; } .img_zoom:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background: url(../img/zoom_icon.png); } /*MODAL FULL CAPTURE*/ .capture_full{ width: 800px; } .capture_full_img_content{ float: left; width: 100%; } .capture_full_img_content .capture_full_img_plate{ width: 49%; float: left; margin: 0px 2% 0px 0px; height: 220px; background: #242424; } .capture_full_img_content .capture_full_img_plate > div{ width: 100%; height: 100%; } .capture_full_img_content .capture_full_img_plate img{ width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .capture_full_img_content .img_zoom{ float: left; width: 49%; } .capture_full_img_content .img_zoom img{ width: 100%; } .capture_full_info_content { float: left; width: 100%; display: inline-block; margin: 10px 0px 0px 0px; } .capture_full_info{ width: 100%; margin: 0px 2% 0px 0px; float: left; } .capture_full_map{ width: 340px; height: 180px; float: left; } .capture_full_info ul{ } .capture_full_info ul li{ margin: 0px 0px 10px 0px; } .capture_full_info ul li span{ font-weight: 700; margin: 0px 10px 0px 0px; color: #FFF; text-transform: uppercase; } .capture_full_info_patent{ font-size: 24px; font-weight: 900; float: left; width: 100%; } .capture_full_info_patent_copy_char { padding-left: 0px; display: inline-block; } .capture_full_info_patent_copy_char > p { font-size: 15px; font-weight: 700; text-transform: uppercase; } .capture_full_info_patent_copy_char p i { font-size: 15px; margin-left: 3px; vertical-align: text-top; } .capture_full_info_patent.plateString_info{ margin-bottom: 0px; } .capture_full_info_date{ } .capture_full_info_device{ } .capture_full_info_camera{ } .capture_full_info_alarmType{ } .capture_full_info_list{ } .search_result_content { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; /*max-height: calc(100% - 135px);*/ } .dashboard_content { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .delete_dashboard { width: 300px; } .delete-abm-item { width: 320px; } .edit-abm-item { width: 320px; } .delete_widget { width: 310px; } .delete_tit{ width: 100%; float: left; color: rgb(228, 169, 19); text-align: center; } .dashboard_name{ float: left; width: 45%; margin: 0 3% 0px 0; } .dashboard_name input{ border: none; padding: 5px 0px 5px 5px; border-bottom: 1px solid #808080; background: none; width: 100%; color: #fff; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .dashboard_rows{ float: left; width: 20%; margin: 8px 1% 0 0; } .dashboard_cols{ float: left; width: 30%; margin: 8px 0 0 1%; } .update_csv{ width: 300px !important; height: 195px !important; } .dashboard_cols input, .dashboard_rows input{ width: 25px; border: none; background: #404246; padding: 5px; margin: -5px 5px 0px 5px; color: #fff; } .modal_btn{ width: 90px; float: left; } .modal_btn a{ background: linear-gradient(to bottom, #FFFFFF 0%,#616161 100%); border-radius: 3px; color: #434343 !important; cursor: pointer; width: 90% !important; float: right !important; text-align: center; padding: 10px 5% 10px 5%; margin: 15px 0px 10px 0px; } .save_btn{ width: 100%; float: left; } .save_btn a{ background: linear-gradient(to bottom, #FFFFFF 0%,#616161 100%); border-radius: 3px; color: #434343 !important; cursor: pointer; width: 90% !important; float: right !important; text-align: center; padding: 10px 5% 10px 5%; margin: 15px 0px 10px 0px; } .next_btn{ width: 90px; float: right; } .next_btn a{ background: linear-gradient(to bottom, #FFFFFF 0%,#616161 100%); border-radius: 3px; color: #434343 !important; cursor: pointer; width: 90% !important; float: right !important; text-align: center; padding: 10px 5% 10px 5%; margin: 15px 0px 10px 0px; } .previous_btn{ width: 90px; float: left; } .previous_btn a{ background: linear-gradient(to bottom, #FFFFFF 0%,#616161 100%); border-radius: 3px; color: #434343 !important; cursor: pointer; width: 90% !important; float: right !important; text-align: center; padding: 10px 5% 10px 5%; margin: 15px 0px 10px 0px; } .csv_btn a{ background: linear-gradient(to bottom, #FFFFFF 0%,#616161 100%); border-radius: 3px; color: #434343 !important; cursor: pointer; width: 135px !important; float: right !important; text-align: center; padding: 10px 5% 10px 5%; margin: 15px 65px 10px 0px; } /*CONFIG DEVICES MODAL*/ .config_devices{ } .config_devices_content{ float: left; width: 100%; } .devices_config{ } .devices_config > div{ } .devices_config > div > p{ float: left; width: 100%; margin: 0px 0px 5px 0px; padding: 0px; } /*CONFIG LIST MODAL*/ .config_list{ } .config_list_content{ } /*CONFIG WIGDET MODAL - GENERAL*/ .modal_config { width: 370px; height: auto; } .modal_config_content { float: left; width: 100%; } .config_type { float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); position: relative; height: 30px; text-align: center; } .config_type_wrapper { width: 100%; display: block; margin-left: auto; margin-right: auto; } .config_type_wrapper > p{ width: 170px; margin: 0px 10px 0px 0px; float: left; line-height: 25px; } .config_type_wrapper > div{ float: left; width: calc(100% - 180px); } .config_elements { float: left; width: 100%; margin: 0px 0px 0px 0px; } .config_elements .config_item, .config_elements .config_multi_item { float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } .config_elements .config_item > p, .config_elements .config_item > span{ float: left; display: block; width: 120px; text-align: right; margin: 0px 10px 0px 0px; line-height: 25px; } .config_elements .config_item > label{ width: 145px; float: left; } .config_elements .config_item .item_content{ width: calc(100% - 130px); float: right; } .config_elements .config_item.with_btn .item_content input{ width: 155px; float: left; } .config_elements .config_item.with_btn .item_content .abm_single_select { width: 250px !important; float: left; } .config_elements .config_item.with_btn label input[type="radio"] { width: initial; } .add_btn{ float: left; width: 90px; margin: 0px 0px 0px 10px; } .add_btn a{ background: linear-gradient(to bottom, #FFFFFF 0%,#616161 100%); border-radius: 3px; color: #434343 !important; cursor: pointer; width: 100%; float: right; text-align: center; padding: 6px 0% 6px 0%; margin: 0px 0px 0px 0px; } .config_elements .config_item .item_content > label{ float: left; margin: 5px 30px 0px 0px; } .config_elements .config_item .item_content:nth-child(2n+1){ margin: 10px 0px 0px 0px; } .config_elements .config_item .item_content > span{ color: #ccc; font-size: 10px; margin: 5px 0px 5px 0px; float: left; } .config_elements .config_item label input{ width: auto; /* margin: 0px 10px 0px 30px; */ float: right; } .config_elements .config_item label input[type="radio"]{ width: auto; margin: 0px 10px 0px 0px; float: left; } .config_elements .config_multi_item > p { margin: 0px 0px 5px 0px; } .config_elements .config_multi_item .item_content { float: left; width: calc(100% - 26px); } .config_elements .config_multi_item .advance_search_element_plus { margin: 5px 0px 0px 10px; } .config_elements .config_multi_item .escalation-number-selection{ width: 12%; float: left; } .config_elements .config_multi_item .escalation-userType-selection{ width: 25%; float: left; } .config_elements .config_multi_item .escalation-time-selection{ width: 25%; float: left; } .config_elements .config_multi_item .escalation-actions-selection{ width: 38%; float: left; } .list_type{ } .list_type p{ } .list_type_wrapper{ } .list_type .list_type_wrapper > div{ } .list_config{ } .list_config > div{ } .list_sources_config > div{ float: left; width: calc(33% - 10px); margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; } .list_config > div > p, .list_config > div > span{ float: left; width: 100%; margin: 0px 0px 5px 0px; padding: 0px; } .list_config div ul{ } /*CONFIG MAP MODAL*/ .config_map{ } .config_map_content{ } .config_map_content > div{ } .config_map_content div p { } .map_alarmsOnly{ } .map_alarmsOnly label{ } .map_alarmsOnly input{ width: auto; margin: 25px 5px 0px 0px; } /*CONFIG COUNTER MODAL*/ .config_counter{ /* width: 650px; */ /* height: auto; */ } .config_counter_content{ float: left; width: 100%; } .counter_config{ } .counter_captures_config { } .counter_config > div, .config_map_content > div{ } .counter_config > div > p, .config_map_content > div > p, .config_map_content > div > span, .counter_config > div > span{ } .counter_config > div:first-child, .config_map_content > div:first-child{ } .counter_config .counter_captures_lists, .counter_config .counter_alarms_plateFormat, .config_map_content .map_plateFormat{ margin: 0px 0px 10px 0px; } /* CONFIG WIDGET ESTADISTICA */ .modal_stats_config { width: 700px; height: auto; max-height: 440px; } .modal_stats_config .modal_config_content{ height: auto; max-height: 335px; } .modal_stats_config .step_type { margin-top: 0px; background: none; width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); position: relative; height: 30px; } .modal_stats_config .step_type p{ width: 180px; margin: 0px 10px 0px 0px; float: left; line-height: 25px; } .modal_stats_config .step_type .step_type_wrapper{ float: left; width: calc(100% - 195px); } .modal_stats_config .config_step{ max-height: 260px; overflow-x: hidden; overflow-y: auto; height: auto; margin: 0px 0px 10px 0px; } .modal_stats_config .config_step_list{ width: calc(50% - 20px); margin: 0px 20px 0px 0px; padding: 0px 20px 0px 0px; border-right: 1px solid #ccc; } .modal_stats_config .config_step_variable{ width: calc(50% - 21px); } /*GRILLA*/ .cell { /*height: 120px;*/ height: 160px; float: left; margin-right: 1%; /*width: 18.72%;*/ width: 19.2%; } .cell.free{ background: #eee; } .cell.active{ background: #3c3c3c; } .cell.active.hover{ background: #5a5a5a; } .cell>.border{ border: 1px dashed #999; /*height: 118px;*/ height: 158px; /*width: 100%;*/ } .row { display: block; /*margin-bottom: 1%;*/ margin-bottom: 10px; float: left; width: 100%; } .cell:last-child, .widget-icon:last-child { margin: 0; } .row:last-child { margin: 0; } #grid{ float: left; position: relative; width: 98%; margin: 1%; } #grid-target{ width: 100%; float: left; position: relative; z-index: 2; /* padding: 10px 0; */ } #grid-widgets{ position: absolute; left: 0; top: 0; /* width: 98%; */ /* padding: 1%; */ width: 100%; height: 100%; z-index: 3; } #widget-list { } .widget-icon { z-index: 4; position: relative; } .widget-icon.disabled{ opacity:0.5; } .widget{ } .widget>a.close-widget{ } /*.widget.wx1{ width: 160px}*/ /*.widget.wx2{ width: 330px}*/ /*.widget.wx3{ width: 500px}*/ /*.widget.wx4{ width: 670px}*/ /*.widget.wx5{ width: 840px}*/ /*.widget.hx1{ height: 120px}*/ /*.widget.hx2{ height: 250px}*/ /*.widget.hx3{ height: 380px}*/ /*.widget.hx4{ height: 510px}*/ /*.widget.hx5{ height: 640px}*/ #test-grid, #test-vgrid { width: 175px; float: left; margin: 0 20px; } .minicell, .vminicell { width: 30px; height: 30px; border: 1px solid #666; float: left; font-size: 11px; font-family: arial; text-align: center; line-height: 30px; margin: 0 3px 0 0; } .minirow, .vminirow { width: 175px; float: left; margin: 0 0 3px 0; } .minicell.filled, .vminicell.filled{ background: #cbf2e2; } #ghost{ background: rgba(140, 255, 191, 0.48); z-index: 5; display: none; } #ghost.visible{ display: block; } /*****CONSULTAS*****/ .queries_config{ float: right; padding: 0px 0px 0px 0px; margin: -17px 20px 0px 0px; } .queries_config i.fa.icon-config{ font-size: 20px !important; } /*moliComboBox*/ .moliComboboxInput { display: inline-block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 30px); padding: 8px 0px 7px 5px; max-height: 31px; background: #fff; height: 31px; } .moliComboboxTriggerBtn { /* Deactivated -> background: #ECECEC; Activated -> background: linear-gradient(to bottom, #f5f5f5 0%,#c6c6c6 100%); */ background: #ECECEC; padding: 6px 13px 7px 13px; border-radius: 3px; border: 1px solid #5E5E5E; cursor: pointer; color: #434343 !important; font-size: 16px; max-height: 31px; } .moliComboboxSelectBtn{ float: left; color: #000; background: #fff; max-height: 31px; max-width: 30px; width: 30px; text-align: center; } .moliComboboxTriggerBtn{ float: right; } .moliComboboxTriggerBtn:before{ content: "\f002"; font-size: 16px; font-family: 'ultraip-icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .moliComboboxSelectBtn:before{ content: "\f0d7"; font-size: 16px; font-family: 'ultraip-icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 30px; -webkit-font-smoothing: antialiased; } .moliComboboxSelectBtn:hover, .moliComboboxTriggerBtn:hover{ cursor: pointer; background: #ECECEC; } .moliComboBoxFormElements { position: relative; } .moliCombobox { position: relative; width: calc(100% - 40px); background: #eeeeee; float: left; padding: 9px 10px 9px 10px; margin: 20px 10px 0px 10px; /*z-index: 10000;*/ z-index: 98; } .molicombobox_wrapper{ background: #fff; border: 1px solid #a8a8a8; float: left; width: 100% /* calc(100% - 55px) */; overflow: hidden; height: 30px; max-height: 30px; } ul.moliComboboxOptionsList { list-style: none; /* list-style-position: outside; */ padding: 0; margin: 0; background: #FFFFFF; color: #000000; border: solid 1px #505050; position: absolute; left: 10px; top: 40px; font-family: arial; font-size: 12px; width: calc(100% - 75px); display: none; max-height: 250px; overflow: auto; } ul.moliComboboxOptionsList.open{ display: block; } li.moliComboboxOption>a { padding: 5px 10px; display: block; color: #494949; } li.moliComboboxOption>a:hover { background: rgba(0, 0, 0, 0.3); color: #000; cursor: pointer; } li.moliComboboxOption.selected>a { background: rgba(0, 0, 0, 0.11); color: #000; cursor: default; } .moliComboboxInput:focus { background: #fff; } li.moliComboboxOption.new, li.moliComboboxOption.write { border-bottom: 1px dashed #999; } .moliComboboxInput:disabled { background: #ddd; } /*Sub menu filter tags*/ .sub_menu_filter_tag{ float: left; width: calc(100% - 40px); margin: 10px 10px 10px 30px; } .sub_menu_filter_tag .filtered-by{ width: auto; margin: 0px 5px 10px 0px; } .sub_menu_filter_tag .filtered-by > span { max-width: 70px; width: auto; } .sub_menu_filter_tag > span{ line-height: 25px; margin: 0px 10px 5px 0px; float: left; } .selected_filters_tags{ float: left; } .selected_filters_tags .filter_tag{ float: left; width: auto; display: flex; margin: 0px 10px 0px 0px; } .sort_bar{ float: right; width: 490px; margin: 10px 0px 0px 0px; } .sort_bar i{ font-size: 16px; } .sort_bar > span{ margin: 0px 20px 0px 10px; } .sort_mosaic{ margin: 0px 5px 0px 5px; } .sort_list{ margin: 0px 5px 0px 5px; } .sort_map{ margin: 0px 5px 0px 5px; } .order_by, .export_dropdown{ margin: 0px 5px 0px 10px; display: inline-block; } .order_by .order_by_dropdown, .group_by .group_by_dropdown{ width: 160px; } .order_by i, .group_by i, .export_dropdown i{ font-size: 12px; } .group_by{ margin: 0px 10px 0px 5px; display: initial; } .export_pdf{ display: initial; } .export_dropdown{ display: inline-block; } .tags_wrapper{ background: #3c3c3c; padding: 10px 10px 0px 10px; float: left; width: calc(100% - 510px); max-height: 8%; overflow-x: hidden; } .search_btn { float: right; } .search_btn a{ padding: 5px 13px 6px 13px; /* Activated -> background: linear-gradient(to bottom, #f5f5f5 0%,#c6c6c6 100%);*/ /* Deactivated -> background: #B6B5B5;*/ background: linear-gradient(to bottom, #f5f5f5 0%,#c6c6c6 100%); border-radius: 3px; border: 1px solid #5E5E5E; color: #434343 !important; cursor: pointer; float: right; max-height: 25px; font-size: 16px; } .search_btn a:last-child{ margin: 0 !important; } /*Advance Search Content*/ #search-panel.single-search > .search_wrapper > .advance_search_content{ display: none; } #search-panel.new > .search_wrapper > .advance_search_content, #search-panel.loaded > .search_wrapper > .advance_search_content{ display: block; } #search-panel.new .advance_search_actions > .delete{ display: none; } /*ADVANCE SEARCH ACTIONS*/ .advance_search_actions{ float: left; width: 100%; border-top: 1px solid #000; padding: 10px 0px 0px 0px; margin: 40px 0px 10px 0px; display: inline; } .delete{ border-bottom: 1px solid #fff; float: left; margin: 8px 0px 0px 0px; } .advance_search_save{ float: right; padding: 5px 13px 6px 13px; background: linear-gradient(to bottom, #f5f5f5 0%,#c6c6c6 100%); border-radius: 3px; border: 1px solid #5E5E5E; color: #434343 !important; cursor: pointer; float: right; max-height: 25px; font-size: 14px; } .advance_search_actions .search_btn { float: right; margin: 0px 0px 0px 10px; } #advance_search_save_dropdown{ width: 100px; margin-bottom: 10px; } .delete_advance_search { width: 300px; height: 108px; } .save_advance_search{ width: 300px; } .save_advance_search p { margin: 0px 0px 5px 0px; } /*Resultados lista CONSULTAS*/ .result_list{ float: left; width: calc(100% - 20px); padding: 10px; background: #1b1b1b; border-bottom: 1px solid #6c6c6c; min-width: calc(100% - 20px); position: relative; } .result_list:hover{ background: #262626; cursor:pointer } .result_list.has_alarm, .result_box.has_alarm, .list_capture.has_alarm { background: #841322; /* Old browsers */ background: -moz-linear-gradient(top, #841322 0%, #5e0a17 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#841322), color-stop(100%,#5e0a17)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #841322 0%,#5e0a17 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #841322 0%,#5e0a17 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #841322 0%,#5e0a17 100%); /* IE10+ */ background: linear-gradient(to bottom, #841322 0%,#5e0a17 100%); /* W3C */ } .result_list.has_alarm:hover, .result_box.has_alarm:hover, .list_capture.has_alarm:hover{ background: #841322; /* Old browsers */ background: -moz-linear-gradient(top, #841322 0%, #a50000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#841322), color-stop(100%,#a50000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #841322 0%,#a50000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #841322 0%,#a50000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #841322 0%,#a50000 100%); /* IE10+ */ background: linear-gradient(to bottom, #841322 0%,#a50000 100%); /* W3C */ } .result_list .capture_result_list_info{ display:none; } .result_list:hover .capture_result_list_info{ /* display:inline; */ } /****************************************/ /****************************************/ /****************************************/ /*resultados*/ #search_result, #audit_result, #device_result, #user_result{ float: left; width: calc(100% - 40px); max-height: fit-content; margin: 0px 10px 0px 40px; overflow-x: auto; overflow-y: auto; height: auto; } .audit_result_content { width: 100%; z-index: 98; } /*RESULT BOX*/ .result_box{ width: 15%; height: 210px; background: #1b1b1b; color: #FFF; position: relative; margin: 1% 0.8% 1% 0.8%; float: left; } .result_box:first-child{ } .result_box_content { list-style: none; margin: 0; padding: 4%; width: 92%; float: left; } .result_box_img { height: 90px; overflow: hidden; } .result_box_img img{ width: 100%; } .result_box_patent { font-weight: 700; font-size: 2.4em; padding: 5px 0px 5px 0px; /* border-bottom: 1px solid #505050; */ } .result_box_day{ width: 50% !important; margin: 0px 0px 5px 0px; min-width: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result_box_hour{ width: 50% !important; margin: 0px 0px 5px 0px; } .result_box_alarmType { text-transform: none !important; margin: 0px 0px 5px 0px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* font-weight: 600; */ padding: 5px 0px 0px 0px; position: relative; } .result_box_alarmType:after{ content:""; float: left; width: 100%; height: 1px; position: absolute; top: 0px; left: 0px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C */ } .result_box_list { text-transform: none !important; margin: 0px 0px 5px 0px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result_content{ list-style: none; margin: 0; padding: 4%; width: 92%; float: left; } .result_content li{ width: 100%; text-align: center; text-transform: uppercase; float: left;} .result_img{ } .result_img img{ width: 100%; } .patent { font-weight: 700; font-size: 2.4em; padding: 5px 0px 5px 0px; /* border-bottom: 1px solid #505050; */ } .device{ font-weight: 600; margin: 7px 0px 7px 0px; } .day { width: 50% !important; } .hour{ width: 50% !important; } /*Resultados LISTA*/ .result_list_header{ /* float: left; */ width: calc(100% - 20px); background: #000; border-bottom: 1px solid #3D3B3B; float: left; padding: 5px 10px 5px 10px; margin: 0px 0px 3px 0px; display: inline-block; min-width: calc(100% - 20px); /* overflow: auto; */ } .ellipsis_with_hover { text-overflow: ellipsis; overflow : hidden; white-space: nowrap; } .ellipsis_with_hover:hover { text-overflow: clip; white-space: normal; word-break: break-all; } .result_list_header .order_arrow:first-child{ margin: 0px 0px 0px 5px; } .result_list_header li{ display: inline-block; vertical-align: middle; width: 13%; /*max-width: 13%;*/ } /*resultado lista header CAPTURAS - CONSULTAS*/ .result_list_header li.capture_result_list_patent_header{ margin: 0px 0px 0px 145px; width: 240px; max-width: 240px; } .result_list_header li.capture_result_list_patent_header_one_image_first{ margin: 0px 0px 0px 70px; width: 2400px; max-width: 240px; } .result_list_header li.capture_result_list_date_header{ min-width: 75px; margin: 0px 0px 0px 10px; width: 10%; } .result_list_header li.capture_result_list_alarmType_header{ margin: 0px 0px 0px 10px; min-width: 150px; width: calc(20% - 45px); max-width: 500px; } .result_list_header li.capture_result_list_list_header{ margin: 0px 0px 0px 10px; min-width: 150px; width: calc(20% - 70px); max-width: 500px; } .result_list_header li.capture_result_list_device_header{ margin: 0px 0px 0px 10px; min-width: 125px; width: calc(15% - 60px); max-width: 500px; } .result_list_header li.capture_result_list_camera_header{ margin: 0px 0px 0px 10px; min-width: 125px; width: calc(20% - 60px); max-width: 500px; } .result_list_header li.capture_result_list_cs_header{ margin: 0px 0px 0px 10px; min-width: 125px; width: calc(20% - 60px); max-width: 500px; } .result_list_header li.capture_result_list_geo_header{ margin: 0px 0px 0px 10px; min-width: 21px; width: 60px; } /*Resultados lista CONSULTAS*/ .results-view.results-view-list.capture_result{ height: fit-content; float: left; } .results-view.results-view-map{ height: calc(100% - 120px); margin-bottom: 20px; } .result_list_wrapper{ float: left; overflow-y: auto; overflow-x: hidden; width: 100%; } .result_list{ float: left; width: calc(100% - 20px); padding: 10px; background: #1b1b1b; border-bottom: 1px solid #6c6c6c; min-width: calc(100% - 20px); } .result_list:hover, .result_box:hover{ background: #262626; cursor:pointer } .result_list:last-child{ margin-bottom: 20px; } .result_list.has_alarm, .result_box.has_alarm, .list_capture.has_alarm { background: #841322; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0MTMyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTBhMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #841322 0%, #5e0a17 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#841322), color-stop(100%,#5e0a17)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #841322 0%,#5e0a17 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #841322 0%,#5e0a17 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #841322 0%,#5e0a17 100%); /* IE10+ */ background: linear-gradient(to bottom, #841322 0%,#5e0a17 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841322', endColorstr='#5e0a17',GradientType=0 ); /* IE6-8 */ } .result_list.has_alarm:hover, .result_box.has_alarm:hover, .list_capture.has_alarm:hover{ background: #841322; /* Old browsers */ background: -moz-linear-gradient(top, #841322 0%, #a50000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#841322), color-stop(100%,#a50000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #841322 0%,#a50000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #841322 0%,#a50000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #841322 0%,#a50000 100%); /* IE10+ */ background: linear-gradient(to bottom, #841322 0%,#a50000 100%); /* W3C */ } .result_list .capture_result_list_info{ display:none; } .result_list:hover .capture_result_list_info{ /* display:inline; */ } /*Resultados contenido CONSULTAS*/ .capture_result_list_content{ float: left; width: 100%; display: inline-block; /* min-width: 768px; */ /* overflow: auto; */ } .capture_result_list_content li{ /* float: left; */ display: inline-block; vertical-align:middle; } .capture_result_list_img_car{ width: 58px; border: 1px solid #646464; } .capture_result_list_img_car img{ width: 100%; } .capture_result_list_img{ width: 58px; border: 1px solid #646464; margin: 0px 0px 0px 10px; } .capture_result_list_img img{ width: 100%; } .capture_result_list_patent{ margin: 0px 0px 0px 10px; width: 240px; font-size: 26px; font-weight: 700; line-height: 33px; } .capture_result_list_patent_copy_character{ font-style: italic; float: left; color: #838383; font-size: 14px; font-weight: 400; margin: 0px; width: auto; line-height: normal; } .capture_result_list_date{ min-width: 75px; margin: 0px 0px 0px 10px; width: 10%; } .capture_result_list_alarmType{ margin: 0px 0px 0px 10px; min-width: 150px; width: calc(20% - 45px); max-width: 500px; } .capture_result_list_list{ margin: 0px 0px 0px 10px; min-width: 150px; width: calc(20% - 70px); max-width: 500px; } .capture_result_list_device{ margin: 0px 0px 0px 10px; min-width: 125px; width: calc(15% - 60px); max-width: 500px; } .capture_result_list_camera{ margin: 0px 0px 0px 10px; min-width: 125px; width: calc(20% - 60px); max-width: 500px; } .capture_result_list_cs{ margin: 0px 0px 0px 10px; min-width: 125px; width: calc(20% - 60px); max-width: 500px; } .capture_result_list_geo{ font-size: 21px; min-width: 21px; margin: 0px 0px 0px 10px; width: 2%; } .capture_result_list_info{ font-size: 21px; min-width: 21px; margin: 0px 0px 0px 10px; width: 2%; } /*contenido*/ .mobile_sync_result_list_content{ float: left; width: 100%; display: inline-block; } .mobile_sync_result_list_content li{ width: 13%; margin: 0px 0px 0px 1%; display: inline-block; vertical-align: middle; } .mobile_sync_result_list_content li a{ border-bottom: 1px solid #FFF; } .mobile_sync_result_list_content li.device_result_list_geo a{ border-bottom: none; font-size: 21px; } .mobile_sync_result .result_list:nth-child(2n+1), .mobile_sync_result .result_list:nth-child(2n+1):hover{ background: #323232; cursor:default; } .mobile_sync_result .result_list:nth-child(2n), .mobile_sync_result .result_list:nth-child(2n):hover{ background: #222222; cursor:default; } .mobile_sync_result_list_content li:first-child{ width: 13%; margin: 0px 0px 0px 0%; } .mobile_sync_result_list_content li.mobile_sync_result_list_description { width: 42%; } a.setSortRequest.selected { font-weight: bold; } /*Resultados listado de eventos de alarmas - auditoria de alarmas*/ .result_list_header li.alarm_event_result_list_generic_column_header{ min-width: 75px; margin: 0px 0px 0px 10px; width: calc(10% - 34px); } .alarm_event_result_list_generic_column{ min-width: 75px; margin: 0px 0px 0px 10px; width: calc(10% - 34px); } .result_list_header li.alarm_event_result_list_date_header{ min-width: 75px; margin: 0px 0px 0px 10px; width: 10%; } .alarm_event_result_list_date{ min-width: 75px; margin: 0px 0px 0px 10px; width: 10%; } /*RESULTADOS ADMINISTRACION AMB*/ /*estilos comunes a todas las listas*/ .admin_abm_result_list_radio{ width: 3% !important; margin: 0px 0px 0px 0px !important; } .admin_result_content .results-view-list{ } .admin_result_content .results-view-list .result_list_header{ } .admin_result_content .results-view-list .result_list_header li:first-child{ margin: 0px 0px 0px 3%; } .plates_of_the_list .result_list_header li:first-child{ margin: 0px 0px 0px 0% !important; } .admin_result_content .results-view-list .result_list:nth-child(2n+1), .admin_result_content .results-view-list .result_list:nth-child(2n+1):hover{ background: #323232; cursor: default; } .admin_result_content .results-view-list .result_list:nth-child(2n), .admin_result_content .results-view-list .result_list:nth-child(2n):hover{ background: #222222; cursor: default; } /*Acciones de Escalonamiento*/ .admin_result_content .admin_abm_escalation .result_list_header li.admin_abm_result_list_description_header{ width: 68%; max-width: 68%; } .admin_result_content .results-view-list .admin_abm_escalation_result_list_content li.admin_abm_result_list_description{ width: 68%; max-width: 68%; overflow: visible; white-space: normal; text-overflow: initial; } /*Acciones de Agencia*/ .admin_result_content .admin_abm_agency .result_list_header li.admin_abm_result_list_description_header{ width: 45%; max-width: 45%; } .admin_result_content .results-view-list .admin_abm_agency_result_list_content li.admin_abm_result_list_description{ width: 45%; max-width: 45%; } .admin_result_content .admin_abm_agency .result_list_header li.admin_abm_result_list_mail_header{ width: 15%; max-width: 15%; } .admin_result_content .results-view-list .admin_abm_agency_result_list_content li.admin_abm_result_list_mail{ width: 15%; max-width: 15%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .admin_result_content .admin_abm_agency .result_list_header li.admin_abm_result_list_tel_header{ width: 10%; max-width: 10%; } .admin_result_content .results-view-list .admin_abm_agency_result_list_content li.admin_abm_result_list_tel{ width: 10%; max-width: 10%; } /*Administracion de Escalonamiento de Alarmas*/ .admin_result_content .admin_abm_alarm_escalation .result_list_header li { width: 17%; max-width: 17%; } .admin_result_content .admin_abm_alarm_escalation .result_list_header .admin_abm_result_list_wait_header{ width: 5%; max-width: 5%; } .admin_result_content .results-view-list ul.admin_abm_alarm_escalation_result_list_content li{ width: 17%; max-width: 17%; } .admin_result_content .results-view-list .admin_abm_alarm_escalation_result_list_content .admin_abm_result_list_wait{ width: 5%; max-width: 5%; } /*Administracion de Calendario*/ .admin_result_content .admin_abm_calendar .result_list_header li.admin_abm_result_list_description_header{ width: 39%; max-width: 39%; } .admin_result_content .results-view-list .admin_abm_calendar_result_list_content li.admin_abm_result_list_description{ width: 39%; max-width: 39%; overflow: visible; white-space: normal; text-overflow: initial; } /*Acciones de Tipo de Alarma*/ .admin_result_content .admin_abm_external .result_list_header li.admin_abm_result_list_description_header{ width: 23%; max-width: 23%; } .admin_result_content .admin_abm_external .result_list_header li.admin_abm_result_list_protocol_header{ width: 27%; max-width: 27%; } .admin_result_content .admin_abm_external .result_list_header li.admin_abm_result_list_color_header{ width: 10%; max-width: 10%; } .admin_result_content .results-view-list .admin_abm_external_result_list_content li.admin_abm_result_list_description{ width: 23%; max-width: 23%; } .admin_result_content .results-view-list .admin_abm_external_result_list_content li.admin_abm_result_list_protocol{ width: 27%; max-width: 27%; } .admin_result_content .results-view-list .admin_abm_external_result_list_content li.admin_abm_result_list_color{ width: 10%; max-width: 10%; } /*Administracion usuarios*/ .admin_result_content .admin_abm_users .result_list_header li{ width: 14%; max-width: 14%; } .admin_result_content .results-view-list ul.admin_abm_users_result_list_content li{ width: 14%; max-width: 14%; } /*Administracion personas*/ .admin_result_content .admin_abm_persons .result_list_header li{ width: 16%; max-width: 16%; } .admin_result_content .results-view-list ul.admin_abm_persons_result_list_content li{ width: 16%; max-width: 16%; } /*Administracion perfiles*/ .admin_result_content .admin_abm_profiles .result_list_header li.admin_abm_result_list_description_header{ width: 63%; max-width: 63%; } .admin_result_content .results-view-list .admin_abm_profiles_result_list_content li.admin_abm_result_list_description{ width: 63%; max-width: 63%; } /*Administracion de Zonas*/ .admin_result_content .admin_abm_zone .result_list_header li.admin_abm_result_list_description_header{ width: 56%; max-width: 56%; } .admin_result_content .admin_abm_zone .result_list_header .admin_abm_result_list_geo_header{ width: 5%; max-width: 5%; } .admin_result_content .results-view-list .admin_abm_zone_result_list_content li.admin_abm_result_list_description{ width: 56%; max-width: 56%; } .admin_result_content .results-view-list .admin_abm_zone_result_list_content li.admin_abm_result_list_geo{ width: 5%; max-width: 5%; font-size: 21px; } /*ADMINISTRACION*/ /*abm - acciones*/ .advance_search_content .admin_abm { float: left; width: 100%; margin: 0px; border-bottom: 1px solid #ccc;; } .admin_abm_actions { } .admin_abm .advance_search_accordion_content .advance_search_element_configuration { margin: 0px; } .admin_abm_element { float: left; width: calc(100% - 30px); padding: 5px 0px 5px 30px; } .admin_abm_element:hover{ background: #666666; color: #fff; opacity: 1; } .admin_abm_result_header{ float: left; width: calc(100% - 40px); overflow: auto; margin: 0px 10px 10px 30px; } .admin_abm_result_header ul{ float: left; width: 100%; } .admin_abm_result_header ul li{ float: left; } .admin_abm_result_header ul li a{ font-size: 18px; margin: 3px 10px 0px 10px; opacity: 0.75; display: none; } #csvButton { margin: 2px 10px 0px 10px; } /*.admin_abm_result_header ul li a.addPlate_abm_item{*/ /*display: none;*/ /*}*/ .admin_abm_result_header ul li a:hover{ opacity: 1; } .admin_abm_result_header ul li a.disabled{ opacity: .3; cursor: not-allowed; } /*ADMINISTRACION*/ /*MODALS*/ .admin_abm_modal{ width: 560px; } /*ABM MODALS special size*/ #admin_alarm_escalation_modal{ /* width: 560px; */ } #admin_abm_lists_add_plate_modal, #admin_abm_plates_add_list_modal { max-height: 600px; } #admin_abm_zone_modal{ width: 700px; } .abm_btns{ float: left; width: 100%; } .abm_btns .cancel_btn{ float: right; margin: 0px 20px 0px 0px; } .abm_btns .cancel_btn a{ border-bottom: 1px solid #fff; margin: 24px 0px 20px 0px; float: left; } .abm_btns .save_btn{ float: right; width: 90px; } .abm_lists_add_plates_tags { float: left; margin: 0px 0px 10px 130px; width: calc(100% - 130px); } .abm_plates_add_lists_tags { float: left; margin: 0px 0px 10px 130px; width: calc(100% - 130px); } .abm_lists_add_plates_tags .filter_tag_item { float: left; width: 100%; } .abm_lists_add_plates_tags .filter_tag { width: 145px; } .abm_plates_add_lists_tags .filter_tag { width: 170px; } .upload_tag_error .filter_tag{ background: #d63538; } .upload_tag_error .filter_tag a{ color: #fff; } .upload_tag_error .filter_tag_validation_ok, .upload_tag_error .filter_tag_validation_uploading, .upload_tag_ok .filter_tag_validation_error, .upload_tag_ok .filter_tag_validation_uploading, .upload_tag_uploading .filter_tag_validation_error, .upload_tag_uploading .filter_tag_validation_ok{ display: none; } .upload_tag_error .filter_tag_validation_error, .upload_tag_ok .filter_tag_validation_ok, .upload_tag_uploading .filter_tag_validation_uploading{ float: left; line-height: 35px; margin: 0px 0px 0px 10px; } .upload_tag_uploading .filter_tag_validation_uploading a{ color: #e2e2e2; } .upload_tag_error .filter_tag_validation_error a{ color:#d63538; } .upload_tag_ok .filter_tag_validation_ok { color:#68cc65; } .upload_tag_ok .advance_search_element_delete, .upload_tag_uploading .advance_search_element_delete{ display: none; } .upload_status{ float: left; width: 100%; border-bottom: 1px solid #fff; text-align: center; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; } .add_plate_list{ float: left; width: 100%; } .add_plate_list_wrapper{ float: left; width: 100%; margin: 5px 0px 0px 0px; } .add_plate_list_wrapper .filter_tag{ width: 90px; margin: 0px 10px 10px 0px; } .add_plate_list_wrapper .filter_tag.list_tag{ width: 200px; margin: 0px 10px 10px 0px; } .abm_central_userType, .abm_mobile_userType{ width: calc(100% - 80px); float: right; margin: 10px 0px 0px 0px; } #admin_abm_zone_modal .config_elements{ width: calc(40% - 22px); } #admin_abm_zone_modal .config_elements .config_item textarea{ height: 130px; } #admin_abm_zone_modal .config_elements .config_item p{ width: 80px; } #admin_abm_zone_modal .config_elements .config_item .item_content { width: calc(100% - 90px); float: right; } #admin_abm_zone_modal .config_abm_map{ float: left; width: 60%; height: auto; border-left: 1px solid #ccc; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; } #admin_abm_zone_modal .abm_zones_modal_content_map { width: 100%; } #admin_abm_zone_modal .control_bar{ top: 10px; } /*modal patentes en listas*/ #abm_list_plates_modal { width: 500px; } .abm_list_plates_content{ float: left; width: 100%; max-height: 300px; overflow-y: auto; height: auto; } .abm_list_plates_content ul{ float: left; width: 100%; -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } .abm_list_plates_content ul li{ } .no-results { width: 100%; text-align: center; padding: 100px 0px; font-size: 16px; color: rgb(153, 153, 153); } .error-in-modal { color: #d63538; width: 100% !important; text-align: left !important; } #admin_abm_profiles_modal{ width: 800px; } ul.permissions_col_1 { width: 25%; margin: 0; float: left; } ul.permissions_col_2 { width: 25%; margin: 0; float: left; } ul.permissions_col_3 { width: 25%; margin: 0; float: left; } ul.permissions_col_4 { width: 25%; margin: 0; float: left; } ul.permissions_col_2.hidden{ display: none; } ul.permissions_col_3.hidden{ display: none; } .permissions_container { margin: 20px 0 0 0; font-size: 11px; height: 200px; } ul.permissions_col_1>li, ul.permissions_col_2>li, ul.permissions_col_3>li { text-align: left; } .permissions_container p { display: inline-block; } .permissions_container input[type="checkbox"]{ width: initial; margin: 5px 10px 5px 0; vertical-align: middle; } /*MODAL IMAGEN DE LISTA*/ .list_img { width: 800px; } .list_img_content{ float: left; width: 100%; display: inline-block; } .list_img_content ul{ float: left; width: 100%; display: inline-block; } .list_img_content ul li{ display: inline-block; vertical-align: middle; width: 48%; } .list_img_content ul li:first-child{ margin: 0px 02% 0px 0px; } .list_img_content ul li img{ width: 100%; } .img_zoom:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background: url(../img/zoom_icon.png); } /*MODAL IMAGEN DE LISTA*/ .list_img { width: 800px; } .list_img_content{ float: left; width: 100%; display: inline-block; } .list_img_content ul{ float: left; width: 100%; display: inline-block; } .list_img_content ul li{ display: inline-block; vertical-align: middle; width: 48%; } .list_img_content ul li:first-child{ margin: 0px 02% 0px 0px; } .list_img_content ul li img{ width: 100%; } .img_zoom{ position: relative; } .img_zoom:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background: url(../img/zoom_icon.png); } /*MODAL FULL CAPTURE*/ .capture_full{ width: 800px; } .capture_full_img_content{ float: left; width: 100%; } .capture_full_img_content .capture_full_img_plate{ width: 49%; float: left; margin: 0px 2% 0px 0px; height: 220px; background: #242424; } .capture_full_img_content .capture_full_img_plate > div{ width: 100%; height: 100%; } .capture_full_img_content .capture_full_img_plate img{ width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .capture_full_img_content .img_zoom{ float: left; width: 49%; } .capture_full_img_content .img_zoom img{ width: 100%; } .capture_full_info_content { float: left; width: 100%; display: inline-block; margin: 10px 0px 0px 0px; } .capture_full_info{ width: 100%; margin: 0px 2% 0px 0px; float: left; } .capture_full_map{ width: 380px; height: 220px; float: left; margin: 0px 0px 10px 0px; padding-left: 10px; } .capture_full_info ul{ } .capture_full_info ul li{ margin: 0px 0px 10px 0px; } .capture_full_info ul li span{ font-weight: 700; margin: 0px 10px 0px 0px; color: #FFF; text-transform: uppercase; } .capture_full_info_patent{ font-size: 24px; font-weight: 900; float: left; width: 100%; } .capture_full_info_patent_type{ } .capture_full_info_date{ } .capture_full_info_device{ } .capture_full_info_camera{ } .capture_full_info_alarmType{ padding-top: 35px; } .capture_full_info_list{ } .save_btn .error { width: 40% !important; } .divisor_line{ width: 100%; float: left; border-top: 1px solid rgba(255, 255, 255, 0.15); margin-bottom: 10px; } .delete_error { width: 100%; float: left; color: red; text-align: center; } .error_btn{ width: 40%; float: left; } .error_btn a{ background: linear-gradient(to bottom, #FFFFFF 0%,#616161 100%); border-radius: 3px; color: #434343 !important; cursor: pointer; width: 40% !important; float: left !important; position: relative; text-align: center; padding: 10px 5% 10px 5%; margin: 7px 10px 10px 20px; } #error_packet_modal .save_btn .close_btn{ font-size: 15px !important; } .admin_result_content .results-view-list .result_list_header li.admin_abm_result_list_id_header{ margin: 0px 0px 0px 0px; width: 7%; min-width: 60px; } .admin_result_content .results-view-list .result_list_header li.admin_abm_result_list_delete_header{ margin: 0px 0px 0px 0px; width: 6%; min-width: 60px; } .admin_result_content .results-view-list .result_list_header li.admin_abm_result_list_pdf_header{ margin: 0px 0px 0px 0px; width: auto; min-width: 60px; } .admin_result_content .results-view-list .result_list ul li.admin_abm_result_list_id { margin: 0px; width: 4%; min-width: 60px; font-weight: 400; } .admin_result_content .results-view-list .result_list_header li.admin_abm_result_list_uuid_header{ margin: 0px 14px 0px 0px; width: 4%; min-width: 60px; } .admin_result_content .results-view-list .result_list ul li.admin_abm_result_list_uuid { margin: 0px 14px 0px 0px; width: 4%; min-width: 60px; font-weight: 200; } .color { cursor: default !important; width: 16px; height: 16px; } .export_estadists { float: right; margin-top: 9px; margin-right: 127px; font-size: 16px; } a.disabled{ opacity: .3; cursor: not-allowed; } a.disabled:before{ opacity: .3; cursor: not-allowed; } .current_alarmType_list{ float: left; width: 100%; } .current_alarmType_list_wrapper{ float: left; width: 100%; margin: 5px 0px 0px 0px; max-height: 150px; overflow-y: auto; } .current_alarmType_list_wrapper .filter_tag{ width: 250px; margin: 0px 10px 10px 0px; } .current_alarmType_list_wrapper .filter_tag.list_tag{ width: 200px; margin: 0px 10px 10px 0px; } .add_alarmType_list{ float: left; width: 100%; } .add_alarmType_list_wrapper{ float: left; width: 100%; margin: 5px 0px 0px 0px; } .add_alarmType_list_wrapper .filter_tag{ width: 250px; margin: 0px 10px 10px 0px; } .add_alarmType_list_wrapper .filter_tag.list_tag{ width: 200px; margin: 0px 10px 10px 0px; } .plate_list .filter_tag{ width: fit-content; padding: 0px 10px 0px 10px; margin: 5px 5px 0px 5px; } .advance_search_element_add{ float: right; color: #000; font-size: 16px; padding: 4px 10px 5px 5px; max-height: 25px; } .admin_result_content{ width: calc(100% - 300px); } /*Button disabled---*/ .disabled { pointer-events: none; /**<-----------*/ opacity: 0.6; } /*--------------Search bar with animation -> lista de patentes----------------*/ .search_bar_div.empty { display: none; width: 100%; box-sizing: border-box; border: 2px solid #6B6B6B; border-radius: 21px; font-size: 16px; color:#e6e6e6 !important; background-color: #2d2d2d !important; background-size: 21px; background-position: 9px 0px; background-repeat: no-repeat; /* width: 0px; //para la transition background-image: url('img/searchicon.png') !important; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; */ /*MOZILLA*/ height: 26px; padding: 0px 10px 0px 10px; } .search_bar_div.empty:focus { /*width: 130%;*/ border: 2px solid #ccc; } .search_bar_div.full{ display: none; width: 100%; box-sizing: border-box; border: 2px solid #ccc; border-radius: 21px; font-size: 16px; color:#e6e6e6 !important; background-color: #2d2d2d !important; /*background-image: url('img/searchicon.png') !important;*/ background-size: 21px; background-position: 9px 0px; background-repeat: no-repeat; /*MOZILLA*/ height: 26px; padding: 0px 10px 0px 10px; } .search_bar_div .search_bar_input{ width: 95%; box-sizing: border-box; /*border-radius: 9px;*/ border-color: #2d2d2d !important; font-size: 16px; color:#e6e6e6 !important; background-color: #2d2d2d !important; background-size: 21px; background-position: 9px 0px; background-repeat: no-repeat; padding: 0px 0px 0px 0px; margin-left: 10px; margin-right: 10px; } /*-----------------------------Mini search bar-------------------------------*/ .search_bar_div_mini.empty { width: 110%; box-sizing: border-box; border: 2px solid #6B6B6B; border-radius: 21px; font-size: 14px; color:#e6e6e6 !important; background-color: #2d2d2d !important; background-size: 21px; background-position: 9px 0px; background-repeat: no-repeat; /* width: 0px; //para la transition background-image: url('img/searchicon.png') !important; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; */ /*MOZILLA*/ height: 26px; padding: 0px 10px 0px 10px; } .search_bar_div_mini.empty:focus { /*width: 130%;*/ border: 2px solid #ccc; } .search_bar_div_mini.full{ width: 110%; box-sizing: border-box; border: 2px solid #ccc; border-radius: 21px; font-size: 14px; color:#e6e6e6 !important; background-color: #2d2d2d !important; /*background-image: url('img/searchicon.png') !important;*/ background-size: 21px; background-position: 9px 0px; background-repeat: no-repeat; /*MOZILLA*/ height: 26px; padding: 0px 10px 0px 10px; } .search_bar_div_mini .search_bar_input_mini{ width: 95%; box-sizing: border-box; /*border-radius: 9px;*/ border-color: #2d2d2d !important; font-size: 14px; color:#e6e6e6 !important; background-color: #2d2d2d !important; background-size: 21px; background-position: 9px 0px; background-repeat: no-repeat; padding: 2px 0px 0px 0px; margin-left: 10px; margin-right: 10px; } /*---------------------------- Plates in a list ------------------------------*/ .plates_of_the_list { display: none; } /*---------------------Result HEADER buttons of inner list--------------------*/ .mini_admin_abm_result_header .admin_abm_result_header{ float: left; width: calc(100% - 40px); overflow: auto; margin: 0px 10px 10px 30px; } .mini_admin_abm_result_header .admin_abm_result_header ul{ float: left; width: 15%; } .mini_admin_abm_result_header .admin_abm_result_header ul li{ float: left; } .mini_admin_abm_result_header .admin_abm_result_header ul li a{ font-size: 18px; margin: 0px 10px 0px 10px; opacity: 0.75; display: none; } .mini_admin_abm_result_header .admin_abm_result_header ul li a:hover{ opacity: 1; } .mini_admin_abm_result_header .admin_abm_result_header ul li a.disabled{ opacity: .3; cursor: not-allowed; } .mini_admin_abm_result_header .admin_abm_result_header_actions { width: 10%; height: 10px; } .mini_admin_abm_result_header_actions { margin: 1% 0% 1% 0%; } /*----------------------------------------------------------------------------*/ /*------------------------Administracion - Listas-----------------------------*/ /*Cambio de iconos de "mostrar patentes"*/ .admin_abm_result_list_show_sublist { width: 1% !important; margin-left: 0% !important; } /*flecha de "ver patentes"*/ .admin_abm_result_list_show_sublist .view-plates i:before{ content: "\f054"; color: #fff; margin-left: 2%; } .admin_abm_result_list_show_sublist .view-plates i.open:before { content: "\f078"; color: #fff; } /*La clase "platelist_section" se usa para cambiar las características */ /*de los html que se encuentran solamente en "Administración -> Listas" */ .result_list_header.platelist_section .admin_abm_result_list_name_header{ margin: 0px 0px 0px 4.4% !important; width: 10% !important; } .result_list_header.platelist_section .admin_abm_result_list_radio{ margin-left: 10px !important; } .platelist_section.amb_item_select.admin_abm_lists_selection{ /*width: 80% !important;*/ } .platelist_section.admin_abm_result_list_radio{ width: 10%; } /*div que se muestra cuando no hay patentes en la lista*/ .platelist_section.no-results { padding: 10px 0px !important; } /*icono de quitar patente de una lista*/ .mini_admin_abm_result_list_delete { width: 2% !important; margin-left: 6px; margin-right: 53px; } @media screen and (min-width: 640px) and (max-width: 1280px) { .mini_admin_abm_result_list_delete { margin-right: 33px; } } @media screen and (min-width: 1281px) and (max-width: 1919px) { .mini_admin_abm_result_list_delete { margin-right: 38px; } } @media screen and (min-width: 1920px) { .mini_admin_abm_result_list_delete { margin-right: 53px; } } .advance_search_element_delete.delete_plate_from_list { color:inherit !important; } /*icono de editar link del pdf de una patente de una lista*/ .mini_admin_abm_result_list_edit { width: 2% !important; } .edit_plate_from_list { font-size: 16px; padding: 4px 0px 5px 5px; max-height: 25px; } .linkPDF { margin-left: 15px; } .linkPDF p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #mini_title{ min-width: 20%; width: 20%; } /*Pagination in list*/ #pagination_container_in_list{ float: left; width: 100%; text-align: right; } .results-pagination{ margin: 24px 0px 10px 0px; } .results-pagination .pages{ text-align: center; } .results-pagination .other-data{ float: left; opacity: 0; display: none; } /*----------------------------------------------------------------------------*/ /*IGNACIO VEHICLES LIST*/ .admin_result_content .admin_abm_vehicles .result_list_header li.admin_abm_result_list_brand_header{ width: 15%; max-width: 15%; } .admin_result_content .admin_abm_vehicles .admin_abm_vehicles_result_list_content li.admin_abm_result_list_brand{ width: 15%; max-width: 15%; } .admin_result_content .admin_abm_vehicles .result_list_header li.admin_abm_result_list_model_header{ width: 15%; max-width: 15%; } .admin_result_content .admin_abm_vehicles .admin_abm_vehicles_result_list_content li.admin_abm_result_list_model{ width: 15%; max-width: 15%; } .admin_result_content .admin_abm_vehicles .result_list_header li.admin_abm_result_list_color_header{ width: 5%; max-width: 5%; } .admin_result_content .admin_abm_vehicles .admin_abm_vehicles_result_list_content li.admin_abm_result_list_color{ width: 5%; max-width: 5%; } .admin_result_content .admin_abm_vehicles .result_list_header li.admin_abm_result_list_description_header{ width: 25%; max-width: 25%; } .admin_result_content .admin_abm_vehicles .admin_abm_vehicles_result_list_content li.admin_abm_result_list_description{ width: 25%; max-width: 25%; } .admin_result_content .admin_abm_vehicles .result_list_header li.admin_abm_result_list_observation_header{ width: 25%; max-width: 25%; } .admin_result_content .admin_abm_vehicles .admin_abm_vehicles_result_list_content li.admin_abm_result_list_observation{ width: 25%; max-width: 25%; } /*En patentes de una lista*/ /*.admin_abm_plates li.admin_abm_result_list_vehicle_header{ max-width: 30% !important; width: 30% !important; }*/ /*Administración de Listas - Listas de patentes*/ .plates_of_the_list_container li.admin_abm_result_list_vehicle_header{ max-width: 30% !important; width: 30% !important; } .mini_admin_abm_result_list_vehicle{ max-width: 30% !important; width: 30% !important; } .plates_of_the_list_container li.admin_abm_result_list_format_header{ max-width: 15% !important; width: 12% !important; } .mini_admin_abm_result_list_format{ max-width: 12% !important; width: 12% !important; } .mini_admin_abm_result_list_id{ width: 7% !important; } .mini_admin_abm_result_list_uuid{ width: 4% !important; } #volumeConfig { margin-right: -15; } .filterTag-wrapper-8-elements { width: 100%; max-height: calc(100% - 550px); float: left; overflow-y: auto; } .text_footer { color: #ccc; font-size: 10px; margin: 5px 0px 5px 0px; float: left; } .alarm_message { width: 50%; float: left; } .alarm_similars { width: calc(50% - 10px); float: left; padding-left: 10px; } .past_alarm_content { padding-bottom: 7px; } .closed_status { background-color: #1f8753; padding: 0px 5px 0px 5px; margin-right: 4px; float: left; } .past_alarm_description { padding: 7px; border: 1px solid; } .past_alarm_description p { margin-bottom: 3px; } .strong_span { font-weight: 700; } .loading_container { text-align: center; vertical-align: middle; } .past_alarm_loading { height: 55px; width: 55px; float: left; background: url(img/loading_icon.gif) transparent no-repeat; background-size: 85%; margin-top: 30px; margin-left: calc(50% - 28px); } .no_permissions { padding-top: 7px; padding-left: 20px; padding-bottom: 7px; border-bottom: 1px solid #ccc; } .steps{ float: left; } .alarm_clock { font-size: 13px; color: #c7c7c7; width: 55px; height: 25px; line-height: 25px; float: left; border: 1px solid gray; text-align: center; margin-right: 10px; background-color: #1f1f1f; border-radius: 1px; cursor: pointer; } .alarm_clock.expired { color: #ce1818; cursor: not-allowed; } .timer_btn { height: 27px !important; max-height: 27px !important; width: 25px !important; padding: 0px 10px 0px 10px !important; float: left !important; } .error_alarm_msg { color: red; font-size: 13px; float: left; width: calc(100% - 25px); } #audit_alarms_section { margin-top: -10px; padding-left: 0px; } /* .advance_search_element_configuration_audit_alarms .search_plate { background: #eeeeee; margin: 10px 0px 0px 0px; width: 100%; float: left; }*/ .advanced_search_search_plate { background: #eeeeee; margin: 10px 0px 0px 0px; width: 100%; float: left; } .advance_search_element_configuration_audit_alarms.margin_top { margin-top: 10px; } .alarm_audit_result_list_alarm_status { top: 0px; right: 0px; margin: 0px 0px 0px 0px; padding: 5px; width: fit-content; } .fullsize { height: 100% !important; width: 100% !important; } .inherit { height: inherit !important; width: inherit !important; } .not_overflow_x { overflow-x: hidden !important; } .hidden { display: none !important; } #map-audit-cam { width: 99%; height: 100%; } #camera_audit_03_iframe { width: 96%; height: 96%; } .capture_full_info_patent_p { font-size: 24px; display: inline; } .amended { text-decoration: line-through; } .amend_plate_option { float: left; border-color: white; border: solid 1px; padding: 5px; } .amend_plate_option .ms-choice span { color: rgba(0, 0, 0, 0.75); } #attended_alarms_by_user, #attended_alarms_by_range, #attended_alarms_by_action { width: 100%; min-height: 150px; height: 30vh; margin-bottom: inherit; } #alarms_average { min-height: 50px; height: 2vh; margin-bottom: inherit; background-color: #FFFFFF; color: #000000; padding: 10px; text-align: center; } #title_alarms_average { font-weight: bold; font-size: 13px; margin-top: 5px; margin-bottom: 10px; } #result_alarms_average { font-size: 13px; } #stats-wrapper { width: 90%; overflow: visible; margin-bottom: 35px; } #captures_average { text-align:center; width: 30%; min-height: 100px; height: 2vh; margin-bottom: inherit; background-color: #FFFFFF; color: #000000; padding: 10px; margin-top: 30px; } #title_captures_average { text-align:center; font-weight: bold; margin-bottom: 10px; margin-top: 0; } #result_captures_average { text-align:center; font-size: 16px; } .notavailable { position: relative; } .notavailable:after { content: ""; position: absolute; width: 2px; height: 141.421356%; top: -20.710678%; display: block; background: red; left: 60%; transform: translate(-50%, 0) rotate(45deg); } .stats-icon::before { content: "\f054"; color: #fff; font-size: 10px; font-family: 'ultraip-icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; width: 9px; margin: 10px 5px 0px 0px; } h3.open:before { content: "\f078"; color: #fff; font-size: 10px; font-family: 'ultraip-icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }