/* Azul fuerte: #207fb9; rgba(32, 127, 185, 1) Azul claro: #e5e9ec; Azul texto: #384f7c; Azul intermedio: #3d8fc2; */ /* #user-menu{height: 60px;} #user-menu ul ul li a{background: #3d8fc2;} #user-menu ul ul li:last-child a{border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;} #icon-menu ul{height: 60px;} */ #sidebar-nav #menu-content li.top div.company-avtr{background-size: 70px; width: 64px; height: 64px; margin: 2px 7px 2px 10px;} #sidebar-nav #menu-content li.top div.company-name{width: 135px; margin: 2px 0 2px 15px; text-transform: none;} #sidebar-nav #menu-content li.top div.company-name span.company-type{font-size: 1.2em; font-style: normal; font-weight: bold; color: #384f7c;} #sidebar-nav #menu-content li.top div.company-name h1{font-weight: 300; font-size: 1.2em; color: #384f7c;} #sidebar-nav ul.menu ul li.icon a {background-repeat: no-repeat; background-size: 30px 30px; display: block; width: 150px; background-position: 30px center; height: 36px; line-height: 36px; padding-left: 70px; text-decoration: none; cursor: pointer; text-transform: uppercase;} /*#content-content{padding: 0;}*/ body{background: #eff2f3;} .panel{border: none; box-shadow: none;border-radius: 0;margin: 0;} .panel #container{background-color: #FFF; margin: 0; width: auto;} #content-header{/*background: #EEE; border-top: 2px solid #FFF;*/} #content-header h1{color: #232d6d; font-size: 18px; background: #FFF; padding: 5px 20px; display: inline-block; margin: 0; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #d4dcdf; line-height: 28px;} #content-header h1 img{margin-right: 10px;} #content-content{padding: 0;} #controls-show, #controls-pagination, #form-controls{display: block;} #controls-search , #controls-display{ display: none; } #controls-show{ position: relative; left: 25px; } #content-main{padding: 5px 30px 10px 10px; color: #666;} #content-main .box{background: #FFF; border-radius: 5px; padding: 30px 10px 10px; max-width: 800px;} #content-main .box.big{ max-width: 1200px;} #input-txt{width: 100%; } #console{display: block !important; position: fixed; opacity: .8; background: #FFF; z-index: 9999; right: 0; font-size: .9em; max-height: 300px; width: 350px; overflow: scroll; top:0;} ul.subcat{ padding: 0;} ul.subcat li{display: inline-block; margin: 0; padding: 0;} table.table-half{float: left; width: 49%;} table.table-half tbody tr.selected td:first-child{border: 1px solid #FF0000;} .matrix-color-square{display: block; width: 50px; height: 50px;} .matrix-color{color: #FFF; border:1px solid;} .matrix-color-1{ background: #55B1D6;} .matrix-color-1.alpha{ background: rgba(67, 161, 207, .5);} .matrix-color-2{ background: #21B8B1;} .matrix-color-2.alpha{ background: rgba(25, 172, 162, .5);} .matrix-color-3{ background: #FAD97A;} .matrix-color-3.alpha{ background: rgba(249, 212, 96, .5);} .matrix-color-4{ background: #FCAF6B;} .matrix-color-4.alpha{ background: rgba(251, 160, 82, .5);} .matrix-color-5{ background: #EE5253;} .matrix-color-5.alpha{ background: rgba(234, 56, 62, .5);} tr.matrix-color-footer ul{margin: 0; padding: 0; text-align: center;} tr.matrix-color-footer ul li{display: inline-block; text-align: center; margin: 5px 10px;} tr.matrix-color-footer .matrix-color-square{margin: 0 auto;} tr#option-add td{vertical-align: middle; padding-left: 10px;} .chart-tooltip{padding: 5px; color: #000; font-size: 1.3em;} .table tbody tr.warning{font-weight: bold;} .table tbody td.factor.disabled{cursor: default; background-color: #EEE !important;} .table tbody td.factor.disabled:hover{background-color: #DDD !important;} /* Login */ body.login{background: #FFF;} #login{ width: 720px; margin: 0 auto; position: static; margin-top: 5em;} #login form{border: 1px solid rgba(153, 153, 153, .2); padding: 1em 2em;} #login h1{background: url("../images/new/logo_gray.png") center top no-repeat; padding: 100px 0 1em 0; margin: 0 auto; height: auto; font-size: 1.5em; width: auto; text-transform: uppercase; color: #999; font-weight: bold;} #login h2{ color: #666; text-transform: uppercase; width: auto; height: auto; margin: .5em 0 2em 0; padding: 0; text-align: center; font-size: 1em; font-weight: bold;} #login .row{margin: 0;} #login .row .col-md-6{padding: .5em;} #login label{display: block; text-transform: uppercase; color: #333; text-align: left;} #login #username, #login #password, #login .form-submit{border-color: #666; background-color: #f8f7f7; font-size: 1.2em; height: 3em;} #login .form-submit{cursor: pointer; width: 100%; text-transform: uppercase; font-weight: bold;} #login .col{padding: .5em; line-height: 4em;} #login .form-actions{text-align: left;} #login .form-actions a{color: #666; text-decoration: none; font-weight: bold;} #login div.error{text-shadow: none; font-size: 1.2em; font-weight: bold; text-transform: uppercase;} #login .logo{width: 6em; height: 6em; border-radius: 3em; border: 1px solid #999; margin: 0 auto 2em auto; background: url("../images/new/logo_color_circulo.png") 13px center no-repeat; background-size: 70%;} #login div.remember{display: none;} body{background: #FFF; color: #666;} a{color: #333;} #admin{background: #FFF;} #header {background: #F5F5F5; height: auto; margin-bottom: 0; color: #333; border-bottom: 1px solid #DDD;} #header .header-logo{ background: url("../images/new/logo.png") 7px center no-repeat; height: 100%; width: 100%; background-size: 100px;} #header .header-top{height: 60px;} #header .header-top h1{float: left; display: block; width: 52px; border-right: 1px solid #DDD; height: 60px; transition: all 0.4s ease 0s;} #header .header-top h1.open{width: 180px;} #header .header-top #header-title{background: url("../images/new/title_bg.png") center bottom no-repeat; float: left; height: 100%; height: calc( 100% - 1px); top: 2px; position: relative; margin-left: 3em;} #header .header-top #header-title h2{margin: 0; font-size: 1em; font-weight: 600; text-transform: uppercase; color: #333; line-height: 4em;} #header .header-top #header-menu{float: left; height: 100%; margin: 0 1em;} #header .header-top #header-menu a{color: #999; line-height: 3em; font-size: 1.5em} #header .header-bottom{position: absolute; top: 0; right: 2em; height: 60px; background: none;} #user-menu{height: auto; cursor: default; font-size: 1em; padding: 0; margin: 0; height: 100%; width: auto;} #user-menu:hover{background: none;} #user-menu > ul{margin: 0; padding: 0; width: 100%; height: 100%;} #user-menu > ul > li{ border-left: 1px solid #333; padding: 0 0 0 .5em; float: left; margin: 1.5em .5em .5em;} #user-menu .user-name{ color: #333; font-weight: normal;} #user-menu .user-type{display: none;} #user-menu .user-opts a{color: #333;} #user-menu ul ul{margin: 0; padding: 0; right: 0; width: 100%;} #user-menu ul ul:before{display: block; content: " "; background: url("../images/new/user_menu_bg.png") right top no-repeat; background-position: calc( 100% - 20px ) top; width: 100%; height: 5px; top: 2em; position: relative;} #user-menu ul ul li{margin: 0; border-bottom: 1px solid #D8D8D8;} #user-menu ul ul li:last-child{border-bottom: none;} #user-menu ul ul li a{background: #F5F5F5; font-size: 1em;} #user-menu ul ul li a:hover{background: #e5e8e8;} #user-menu ul ul li:first-child{margin-top: 2em;} /* #search-form{float: left; padding: 0 16px; margin-top: 15px;} #search-form input.form-search{ background: url("../images/icon_search.png") no-repeat scroll left center / 15px 15px; padding-left: 20px; border-radius: 0; color:#333 !important;} #search-form input.form-search:focus{background-position: left center; border-bottom: 1px solid #333;} */ #search-form{display: none;} #assessment-contianier{float: left; margin-top: 1em; margin-right: 1em;} #site-select-contaiener{ float: left; margin-top: 1em} #site-select-contaiener select{min-width: auto;} #site-select-contaiener label{display: none;/*inline-block !important;*/} #sidebar-nav {background: #F5F5F5; width: 52px; border-right: 1px solid #DDD; font-weight: bold; overflow: hidden; z-index: 1001;} #sidebar-nav.open{width: 180px;} #sidebar-nav #menu-toggle, #sidebar-nav #menu-content{width: 245px; float: none;} #sidebar-nav ul.menu > li {border:none; margin: .2em 0;} #sidebar-nav ul.menu > li.item:hover, #sidebar-nav ul.menu > li.item.selected {background: rgba(153, 153, 153, 2);} #sidebar-nav ul.menu > li.item.selected {border-right: 1px solid #000;} #sidebar-nav #menu-content li a{color: #333; width: 100%; line-height: 44px; height: 44px; background-position: 12px center;} #sidebar-nav ul.menu > li > a{text-transform: none;} #sidebar-nav #menu-content li a:hover, #sidebar-nav #menu-content li.selected a{color: #FFF;} #sidebar-nav ul.menu > li > a{background-position: center; padding-left: 50px;} #sidebar-nav ul.menu ul li{background: #3d8fc2;} #sidebar-nav ul.menu ul li a{padding-left: 50px;} #content.active #sidebar-nav ul.menu > li.title{display: none;} #content.active{padding-left: 52px; padding-top: 60px;} #content.active #menu-content{overflow-y: auto; padding-bottom:0; width: 100%;} #content.active #menu-content li.top{ display: none;} #sidebar-nav ul.menu > li > a{background-size: auto;} #sidebar-nav ul.menu li.dashboard > a{ background-image: url("../images/new/ico/dashboard.png");} #sidebar-nav ul.menu li.companies > a{ background-image: url("../images/new/ico/empresas.png");} #sidebar-nav ul.menu li.sites > a{ background-image: url("../images/new/ico/sitios.png");} #sidebar-nav ul.menu li.users > a{ background-image: url("../images/new/ico/usuarios.png");} #sidebar-nav ul.menu li.reports > a{ background-image: url("../img/ico/charts.png");} #sidebar-nav ul.menu li.scene > a{ background-image: url("../images/new/ico/evaluacion.png");} #sidebar-nav ul.menu li.catalog > a{ background-image: url("../img/ico/resources.png");} #sidebar-nav ul.menu li.settings > a{ background-image: url("../images/new/ico/configuracion.png");} #sidebar-nav ul.menu li.threats > a{ background-image: url("../images/new/ico/amenazas.png");} #sidebar-nav ul.menu li.resources > a{ background-image: url("../images/new/ico/recursos.png");} #sidebar-nav ul.menu li.probability > a{ background-image: url("../img/ico/settings.png");} #sidebar-nav ul.menu li.vulnerability > a{ background-image: url("../img/ico/settings.png");} #sidebar-nav ul.menu li.percentage > a{ background-image: url("../img/ico/settings.png");} #sidebar-nav ul.menu li.factor > a{ background-image: url("../images/new/ico/factores.png");} #sidebar-nav ul.menu li.result > a{ background-image: url("../images/new/ico/resultados.png");} #sidebar-nav ul.menu li.context > a{ background-image: url("../images/new/ico/contexto.png");} #sidebar-nav ul.menu li.treatment > a{ background-image: url("../images/new/ico/tratamiento.png");} #sidebar-nav ul.menu li.charts > a{ background-image: url("../images/new/ico/graficas.png");} #sidebar-nav ul.menu li.catalog > a{ background-image: url("../images/new/ico/catalogo.png");} #sidebar-nav ul.menu li.print > a{ background-image: url("../images/new/ico/impresion.png");} #sidebar-nav ul.menu li.monitoring > a{ background-image: url("../images/new/ico/monitoreo.png");} #sidebar-nav ul.menu li.communication > a{ background-image: url("../images/new/ico/comunicacion.png");} #content-main{position: relative;} #content-main .box.split{float: left; width: 50%; max-width: none;} #content-main .box.split:first-child{padding-right: 0;} #content-main .box.split:last-child{padding-left: 0;} #content-main .box.split h2{font-size: 1em; font-weight: bold; text-transform: uppercase; color:#333;} #split-border{border-right: 1px solid #AEB2B5; border-top: 1px solid #AEB2B5; height: 100%; width: 1em; position: absolute; left: calc( 50% - 1em ); top:75px; z-index: 1;} #rigth-title{ color: #333; font-size: 1em; border-top: 1px solid #AEB2B5; margin-top: 40px; padding-left: 15px; padding-top: 22px;} #rigth-title h2{ margin: 1em 0 0 0; } #content-main .box.split .rating {overflow: auto;} #content-navigation { background: #fff; border-bottom: 1px solid #AEB2B5; margin-bottom: 35px; position: relative; height: 40px; overflow: hidden;} #content-navigation .scroll{ position: absolute; top: .5em; right: 1em;} #content-navigation>ul{margin: 0; position: absolute; top 1px; z-index: 999;} #content-navigation ul li{ margin: 0; border-top: 1px solid #A3CFF0; border-left: 1px solid #A3CFF0; color: #207fb9; font-weight: bold; font-size: .9em; padding: 10px;} #content-navigation ul li.active{background: #FFF; border-bottom: none; border-color: #AEB2B5;} #content-navigation ul>li:first-child, #content-navigation ul li.first{border-top-left-radius: 5px;} #content-navigation ul>li:last-child, #content-navigation ul li.last{border-top-right-radius: 5px; border-right: 1px solid #A3CFF0;} #content-navigation ul li a{color: #3333;} #content-navigation ul li.active a{color: #5478b9;} #content-navigation ul>li img{max-height: 30px;} #content-navigation ul li li{border-right: 1px solid #A3CFF0;} #content-navigation ul ul{ z-index: 9999999999;} #content-navigation ul li ul li:first-child{border-top-left-radius: 0;} #content-navigation ul li ul li:last-child{border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom: 1px solid #A3CFF0;} .box-settings{margin-bottom: 40px;} .box-settings .left{ float: left; } .box-settings .right{ float: right; text-align: right; } .box.split #list-table{margin-top: 1em; } #list-table thead th, .table thead th{color: #333; text-transform: uppercase;} .table-grid { color: #333; margin: 1em 0;} .table-grid > .item{border: 1px solid #e6e6e6; display: block; float: left; width: 200px; position: relative; margin-left: -1px; margin-top: -1px;} .table-grid > .item:hover{border-color: #333; z-index: 1;} .table-grid > .item .content > .image{ width: 64px; height: 64px; border-radius: 32px; overflow: hidden; border:1px solid #333; margin: 1em auto; } .table-grid > .item .content > .image img{width: 63px; height: 63px; padding: 6px;} .table-grid > .item .content > .title{font-weight: bold; text-align: center; margin-bottom: 1em; height: 2.5em; overflow: hidden;} .table-grid > .item .content > .title .label{display: block; color: #333; font-size: .8em;} .table-grid > .item .content > ul.list{list-style: none; margin: 0 0 1em 0; padding: 0;} .table-grid > .item .content > ul.list li{display: inline-block; width: 50%; width: calc( 50% - 5px ); padding-left: 1em;} /*.table-grid > .item .content > ul.list li:nth-child(2){padding-left: 0; padding-right: .5em;}*/ .table-grid > .item .settings { position: absolute; top: .3em; right: .5em;} .table-grid > .item .settings a.settings{padding: 0; opacity: .5;} .table-grid > .item .settings ul.list{ list-style: none; margin: 0 0 0 0; padding: 1em; border: 1px solid #dedede; border-radius: 3px; display: none; background: #FFF;} .table-grid > .item .settings:hover ul.list{display: block;} .table-grid > .item .settings ul.list li{margin: 1em .5em;} .table-grid > .item.user .content{padding: 0 1em 1em;} .table-grid > .item.user .content > .image{width: 80px; height: 80px; padding: 8px; border-radius: 40px;} .table-grid > .item.user .content > .image img{width: 62px; height: 62px; padding: 0; border-radius: 31px;} .table-grid > .item.user .content > .title {text-align: left;} .table-grid > .item.user .content > .title .label{font-size: 1em; text-transform: uppercase; margin-bottom: 1em; text-align: center;} .table-grid > .item.user .content > .title span.disabled{ display: block; width: 1em; height: 1em; border-radius: .5em; background: #cccc66; text-indent: -999em; overflow: hidden; float: right;} .table-grid > .item.user .content > .title span.disabled.checked{ background-color: #cc6666;} .table-grid > .item.user .content > p{font-weight: 600;} .table-grid > .item.user .content > .title .fullname {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:155px; display: inline-block;} .table-grid > .item.user .content > .company {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block; width: 170px;} /* Para amenazas y recursos */ #content-main.threat div.left{ width: 50%; width: calc( 50% - 1em );} #content-main.threat div.right{width: 50%;} #content-main.threat div.right .border{border: 2px solid #A3A3A3; border-radius: 5px; padding: 1em; color: #333; margin-bottom: 1em;} #content-main.threat div.right .border textarea{ border: 1px solid #cfcfcf;} #content-main.threat div.cat-item > div{background: #F5F5F5; padding: .5em 3em; position: relative} #content-main.threat div.cat-item > div:nth-child(even){background: #FFF;} #content-main.threat div.cat-item > div:nth-last-child(2){border-bottom: 1px solid #F5F5F5;} #content-main.threat div.cat-item > div div.actions{position: absolute; right: 1em; top: .5em;} #content-main.threat div.cat-item label.option-threat-label{margin-left: 1em; color: #333; font-weight: normal;} #content-main.threat div.new-option-container{background: #FFF !important; margin-top: 2em;} #content-main.threat div.submenu{margin-bottom: 2em;} #content-main.threat .new-threat-name{ background: #F5F6FD; border: 1px solid #666; border-radius: 5px; padding: .5em 1em; color: #333;} #content-main.threat .new-threat-button{ background: #F5F6FD; border: 1px solid #666; border-radius: 5px; padding: .7em .5em .6em 1em !important; display: inline-block; vertical-align: middle; margin-left: 1em;} #content-main.threat div.left label{vertical-align: middle; margin: 0; display: block;} #content-main.threat div.left input[type="radio"] {display: none;} #content-main.threat div.left label:before { content:" "; display:block;} #content-main.threat div.left input[type="radio"] + label:before {-webkit-appearance: none; background-color: #FFF; border: 1px solid #4E86F8; border-radius: 2px; display: inline-block; position: relative; width: 1em; height: 1em; margin-right: 1em;} #content-main.threat div.left input[type="radio"]:checked + label:before { background: url("/assets/images/new/ico/radio-checked.png") center center no-repeat; background-size: 80%; } /* Termina amenazas y recursos */ table#matrix.small .matrix-color-square{ border-radius: 25px; position: relative;} table#matrix.small .matrix-color-square:before{content: " "; display: block; background: #FFF; width: 30px; height: 30px; border-radius: 15px; position: absolute; left:10px; top: 10px;} table#matrix.small { font-size: .8em; margin: 0 .5em;} table#matrix.small thead th{background: none; border: none !important;} table#matrix.small tbody tr td:first-child{text-transform: uppercase;} table#matrix.small tbody tr:first-child td.td-1{border-top-left-radius: 10px;} table#matrix.small tbody tr:first-child td:last-child{border-top-right-radius: 10px;} table#matrix.small tbody tr:last-child td.td-1{border-bottom-left-radius: 10px;} table#matrix.small tbody tr:last-child td:last-child{border-bottom-right-radius: 10px;} table#matrix.small tbody tr td.matrix-color{ color: #333; border:1px solid #DDD; font-weight: bold;} table#matrix.small tbody tr td.td-1{border-left: none;} table#matrix.small tbody tr:first-child td{border-top: none;} table#matrix.small tbody tr:last-child td{border-bottom: none;} table#matrix.small tbody tr td:last-child{border-right: none;} table#matrix.small tfoot td{border:none !important;} table#matrix.small tr.matrix-color-footer ul li{color: #445DAE; font-weight: bold; margin-left: 2em; margin-right: 2em;} .btn{font-size: .9em; padding: .5em 2em .5em 1em;} .btn-default{background-color: #F7F8FC; border-color: #666;} span.ico{ display: inline-block; background: none center center no-repeat; width: 13px; height: 13px; margin: 0 5px; background-size: 100%;} span.ico.agregar{ background-image: url("../images/new/ico/agregar.png");} span.ico.agregar-empresa{ /*background-image: url("../images/new/ico/afregar_empresa.png");*/background-image: url("../images/new/ico/agregar.png");} span.ico.editar{ background-image: url("../images/new/ico/editar.png");} span.ico.borrar{ background-image: url("../images/new/ico/borrar.png");} span.ico.ver{ background-image: url("../images/new/ico/ver.png");} span.ico.reset{ background-image: url("../images/new/ico/restablecer.png"); width: .85em; height: 1em; vertical-align: middle; opacity: .7;} span.ico.user-menu{ background-image: url("../images/new/ico/user-menu.png"); width: 16px; height: 16px;} span.ico.assessment{background-image: url("../images/new/ico/assessment.png"); width: 32px; height: 32px;} span.ico.erm{background-image: url("../images/new/ico/erm.png"); width: 32px; height: 32px;} span.ico.return{background-image: url("../images/new/ico/return.png"); width: 32px; height: 32px; background-size: auto;} span.ico.pdf{ background-image: url("../images/new/ico/pdf.png");} span.ico.upload{ background-image: url("../images/new/ico/upload-ico.png");} span.ico.take-pic{ background-image: url("../images/new/ico/take-pic-ico.png");} label.site-label{display: none;} select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f7f6f6 url("../images/new/ico/arrow_down.png") right center no-repeat; border: 1px solid #666; color: #666; padding: 0.5em 30px 0.5em 1em; text-transform: uppercase; min-width: 20em; font-weight: 600; background-position: calc( 100% - 20px) center; border-radius: 5px;} select:disabled{opacity: .5;} input.checkbox[type="checkbox"] {display: none;} input.checkbox[type="checkbox"] + label {-webkit-appearance: none; background-color: #FFF; border: 1px solid #4E86F8; border-radius: 2px; display: inline-block; position: relative; width: 1em; height: 1em; margin: .5em .5em .5em 2em;} input.checkbox[type="checkbox"]:checked + label { background: url("/assets/images/new/ico/radio-checked.png") center center no-repeat; background-size: 80%; } input.checkbox[type="checkbox"]:disabled + label {opacity: .5; border-color: #999;} input.checkbox[type="checkbox"] + span {-webkit-appearance: none; background-color: #FFF; border: 1px solid #4E86F8; border-radius: 2px; display: inline-block; position: relative; width: 1em; height: 1em; margin: .5em .5em .5em 2em;} input.checkbox[type="checkbox"]:checked + span { background: url("/assets/images/new/ico/radio-checked.png") center center no-repeat; background-size: 80%; } input.checkbox[type="checkbox"]:disabled + span {opacity: .5; border-color: #999;} #category-description{margin: .5em 0 1em 0;} #list-table td.label{font-weight: 1em !important;} .table-striped > tbody > tr:nth-of-type(2n+1){background-color: #fdfdfd;} #content-main.scene div.menu ul.subcat{margin:0 0 2em 0;} #content-main.scene div.menu ul.subcat li{text-transform: uppercase;} #content-main.scene div.menu ul.subcat li a{padding: .5em 2em;} #content-main.scene div.resource{} #content-main.scene div.resource div.gallery{float: left; width: 320px; margin-right: 1em} #content-main.scene div.resource div.gallery div.image{border-radius: 10px; min-height: 100px; overflow: hidden; width: 100%;} #content-main.scene #table-resource{float: left; width: auto; width: calc( 100% - 320px - 1em );} #content-main.scene #table-resource tbody tr{border-top: 1px solid #e8f2f8;} #content-main.scene #table-resource tbody td.title{font-weight: bold; text-transform: uppercase; padding-left: 1em;} #content-main.scene #table-resource tbody td.name{font-weight: bold;} #content-main.scene #analytics{border-top: 1px solid #e8f2f8; padding-top: 1em; margin-top: 1em;} #content-main.scene #analytics div.row{margin-bottom: 1em;} #content-main.scene #analytics div.row > div{padding: 0 1em 0 0;} #content-main.scene #analytics div.title{font-weight: bold; text-transform: uppercase; } #content-main.scene #analytics textarea{min-height: 5em;} div.form{margin: 2em 2em;} div.form div.input{margin: 1em 0; max-width: 430px;} div.form div.input:first-child{margin-top: 0 !important;} div.form div.input label{width: 140px; text-align: right; vertical-align: top;} div.form div.input select{ padding: 0.2em 30px 0.2em .5em; width: 200px;} div.form div.input select.currency{width: 5.5em; min-width: 0;} div.form div.input textarea{width: 278px;} div.form div.input input[type="date"], div.form div.input input[type="file"], div.form div.input input[type="text"], div.form div.input input[type="url"]{width: 280px;} div.form div.input input[type="file"]{display: inline-block;} div.form div.input input.price{width: 200px;} div.form div.input p.title{font-size: 1.1em; margin-bottom: .5em; text-align: center; font-weight: bold;} div.form div.input div.option{display: inline-block; text-align: center; margin: 0 .2em;} div.form div.input div.option.sm3{width: 32%; margin: 0;} div.form div.input div.option.sm4{width: 24%; margin: 0;} div.form div.input div.option label{display: block; width: auto; text-align: center;} .right .image-item{position: relative; width: 100px; height: 100px;} .right .image-item:hover #delete-image{display: block;} .right .image-item div.image{width: 100%; height: 100%;} .right .image-item div.image a{display: block; width: 100%; height: 100%;} .right .image-item img{max-width: 100%; max-height: 100%;} #delete-image{display: none; position: absolute; top: -.5em; right: -.5em; font-size: 1.5em; overflow: hidden; color: red;} div.input select.add, div.input select.remove{background-image: none; padding-right: 1em; width: 100%; height: 30em;} div.input select.add option:before, div.input select.remove option:before{ font-family:"Glyphicons Halflings"; line-height:1; margin:.5em; display:inline-block; } div.input select.add option:before{ content:"\2212"; } div.input select.remove option:before{ content:"\2212"; } div.gallery{margin: 1em 0;} div.gallery div.file{display: inline-block; padding: .1em; border: 1px solid; vertical-align: top; position: relative;} div.gallery div.file img{width: 100%; vertical-align: middle;} div.gallery div.file a.file{width: 50px; height: 50px; overflow: hidden; display: block; line-height: 47px;} div.gallery div.file a.delete-file{position: absolute; top: -.5em; right: -.5em; color: red; font-size: 2em; display: none; z-index: 1;} div.gallery div.file:hover a.delete-file{display: block;} table .label label {font-weight: 700;} table td.label{font-size: .9em; font-weight: 700; } div.fixed{position: fixed; width: 49%; } tr.not-evaluated{position: relative;} tr.not-evaluated:after{ display: block; content: "\e107"; color: #FFCC66; width: 1em; height: 1em; position: absolute; top: .5em; right: 1em; font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased; } #company-code{background: #f5f5f5; color: #333; padding: 10px; cursor: pointer; width: 100%;} #company-code:hover{background: #e5e8e8;} #search-container{display: inline-block; width: 20em; position: relative;} #search-container input{display: block; width: 100%;} #search-container a{display: block; position: absolute; right: .5em; top:.3em;} .search-hide{display: none !important;} #alert-container{margin-top: 1em;} table.scroll { /* width: 100%; */ /* Optional */ /* border-collapse: collapse; */ } table.scroll tbody, table.scroll thead { display: block; } table.scroll thead tr th { height: 30px; line-height: 30px; /* text-align: left; */} table.scroll tbody {height: 300px; overflow-y: auto; overflow-x: hidden;} table.scroll tbody { } table.scroll tbody td, table.scroll thead th { /* width: 20%; */ /* Optional */ /* white-space: nowrap; */} table.scroll tbody td:last-child, table.scroll thead th:last-child { border-right: none;} table.scroll tbody td, table.scroll thead th{padding: 5px !important;}