body{padding-top:50px;font-family:wf_segoe-ui_normal,Tahoma,Verdana,Arial,sans-serif}a,a span{color:#06AEE0;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}a:hover{-webkit-transition:background-color color .3s;-moz-transition:background-color color .3s;-o-transition:background-color color .3s;transition:background-color color .3s}a:focus,button{outline:0}.nocursor{cursor:default}.nocursor:hover{background-color:transparent!important}.white-bg{background:#fff!important}.badge{box-shadow:inset 0 0 6px #000;border:1px solid #000;background-color:#656565}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{vertical-align:middle}.huge{line-height:normal}#loading{color:#005C77}.dropdown-menu{min-width:187px}.page-header{padding-bottom:9px;margin:8px 0 18px;border-bottom:1px solid #eee;font-size:28px}.nav>li>a{padding:12px 10px}.panel-body{background:#f2f2f2}.equal-height .panel-body{min-height:218px}.panel-heading{border-radius:0;padding:15px}.btn.btn-normal,.panel-primary>.panel-heading{color:#fff;background-color:#0c7e9e;border:2px solid #056681;border-bottom:3px solid #0c4c5f}.panel-default>.panel-heading{color:#fff;background-color:#06AEE0}.panel-default>.panel-heading .panel-title{margin-top:0;margin-bottom:0;font-size:17px;color:inherit}.panel{border:0;border-radius:0;box-shadow:none;margin-bottom:12px}hgroup{text-align:center;margin-top:4em}.btn{display:inline-block;padding:8px 16px;border-radius:0;border:1px solid transparent;border-bottom:2px solid #0380a5;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}.add-box,.create,.form-control,.list-block li{display:block}.btn-default,.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#fff;background-color:#06AEE0}.btn-default:hover{color:#FFF;background-color:#005C77}.btn.disabled,.btn[disabled]{background-color:#06AEE0}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover{background-color:#06AEE0;border:1px solid #06aee0;border-bottom:2px solid #0e85a7}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.btn-default:focus,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#fff!important;background-color:#06AEE0!important;outline:0;-webkit-transition:background-color color .3s;-moz-transition:background-color color .3s;-o-transition:background-color color .3s;transition:background-color color .3s}.btn-primary{border-color:#014785}.navbar-search .btn{border:none}.btn-danger,.btn-danger:hover{border-color:#a4080b}.btn-danger:hover{background-color:#a31411}.btn-default.focus,.btn-default:focus{border-color:#005c77}.btn-sm{padding:6px 12px}.btn-xs{padding:1px 5px}.add-box{float:left;margin-right:-18px;width:238px}.add-box .huge{font-size:18px;line-height:19px}.create .panel-heading{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}.btn-normal:hover,.create .panel-heading:hover{background-color:#105568;border:2px solid #0c7e9e;border-bottom:3px solid #0c7e9e;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.btn-normal:active,.btn-normal:focus,.create .panel-heading:active,.create .panel-heading:focus{border-color:#57b1cb;outline:0;-webkit-box-shadow:inset 0 3px 10px rgba(0,0,0,.15);box-shadow:inset 0 3px 10px rgba(0,0,0,.15)}.form-control.file-code{float:left;margin-right:5px;width:13%}.form-control.file-no{text-transform:uppercase;width:85.5%}.import .form-control.file-code{text-transform:uppercase;width:16%}.import .form-control.file-no{width:82.7%}.form-control[readonly]{color:#777;background-color:#cecece!important}input:-moz-read-only{color:#777;background-color:#cecece!important}input:read-only{color:#777;background-color:#cecece!important}.list-block{padding-left:25px;margin-bottom:20px}.bootstrap-dialog.type-primary .modal-header{color:#fff;background:#06AEE0;padding:10px 15px}#myModal .modal-content,.modal-content{border-radius:0;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);-moz-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.sptb-dialog>.table>tbody>tr>td{text-align:left}.grouppag,.log-img,.welcome{text-align:center}.divider{border-bottom:1px solid #eee}.close{color:#fff;opacity:.9}.form-control{width:100%;padding:7px 12px;font-size:14px;line-height:1.42857143;color:#555;height:37px;border-radius:0;background-color:#eee;border:1px solid #ccc;box-shadow:none}.form-control:focus{border-color:#005C77;box-shadow:none}.input-group-addon{border-radius:0;background-color:#e0e0e0}#login{font-family:Helvetica;background:#056986;-webkit-font-smoothing:antialiased;margin-top:0}.welcome{color:#FFF;font-weight:700;margin:10px 0;text-shadow:0 1px 1px #063644}.welcome h3{font-size:22px;margin-bottom:8px}.welcome h4.text-uppercase{color:#aed9e6;margin-bottom:30px;margin-top:0}.welcome h4{font-size:16px}.login-panel{display:table;width:412px;margin:0 auto}.login-panel .form-box{background:#fff;box-shadow:0 1px 8px 1px #0C3C4A;display:table;border-left:15px solid #06AEE0;margin-top:45px;padding:0 30px 28px;width:100%}.log-img{width:87px;background:#056986;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;border:2px solid #fff;margin:-40px auto 38px;padding:12px}.log-img img{width:60px}.login-panel .group{position:relative;margin-bottom:35px}.login-panel .group-sm{position:relative;margin-bottom:5px}.login-panel input{font-size:16px;font-weight:700;padding:11px 10px 10px 5px;-webkit-appearance:none;-moz-appearance:none;display:block;background:#fff;color:#005C77;width:100%;border:none;border-radius:0;border-bottom:1px solid #005C77}.login-panel input:focus{outline:0;border-bottom:1px solid #fff}.nav-tabs,.plan-hd{border:none}.login-panel .record{margin-top:10px;color:#fff}.login-panel a.record:hover{color:#06AEE0}.login-panel label{color:#005C77;font-size:14px;font-weight:700;position:absolute;pointer-events:none;left:7px;top:-21px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.login-panel .used~label,.login-panel input:focus~label{left:0;color:#06AEE0;top:-21px}.login-panel .bar{position:relative;display:block;width:100%}.login-panel .bar:after,.login-panel .bar:before{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#06AEE0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.login-panel .bar:before{left:50%}.login-panel .bar:after{right:50%}.login-panel input:focus~.bar:after,.login-panel input:focus~.bar:before{width:50%}.login-panel .highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.login-panel input:focus~.highlight{-webkit-animation:inputHighlighter .3s ease;-moz-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}@-webkit-keyframes inputHighlighter{from{background:#4a89dc}to{width:0;background:0 0}}@keyframes inputHighlighter{from{background:#4a89dc}to{width:0;background:0 0}}@media (min-width:1200px){.no-padding{padding-right:0}}@media(min-width:768px){body{padding-top:50px}}#wrapper{padding-left:0}#page-wrapper{width:100%;padding:0;background-color:#fff}.back-to-top{cursor:pointer;position:fixed;bottom:20px;right:20px;display:none;z-index:100}.back-to-top span{color:#fff}.plan-hd a{font-size:20px;white-space:pre}.plan-details{margin-bottom:15px}.plan-details td,.plan-details th{padding:1px 15px 2px 0;vertical-align:text-top}.plan-details th{white-space:nowrap}.plan-details td{color:#555}.wide-tabs li a{border-radius:0;width:200px;background:#eee;border-bottom-color:#acc0c6}.admin-tabs li a{width:131px;padding:10px 7px}.wide-tabs .active a{background:#fff;border:1px solid #acc0c6!important;border-bottom-color:transparent!important}.tab-content{background:#fff;padding:15px 15px 0;border:1px solid #acc0c6;margin-bottom:20px}.dark-bg,.light-bg,.plan_info,.whightbg{padding:16px 0}.tab-content select,.tab-content textarea{min-width:200px;max-width:290px}.tab-content li{margin-bottom:5px}.tab-content li a span{color:#b6bdbf}.tab-content li a:hover span{color:#23527c!important;text-decoration:underline}.rev-rec .arrow:focus,.rev-rec .arrow:hover,.side-nav>li>ul>li>a{text-decoration:none}.tab-content li a img{width:20px}.revision .table thead tr{background:#ecf5f7}.revision .table .rev-rec{border-bottom:1px solid #ddd;border-top:1px solid #ddd}.rev-rec .arrow:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;content:"\f13a";font-size:17px}.rev-rec .arrow.collapsed:before{content:"\f138"}.rev-details .table thead tr,.wl-eqt-list thead tr,.wl-plan-table thead tr{background:#fff!important}.wl-eqt-list,.wl-plan-table{margin:0}.rev-details table tr th{border-top:none}.light-bg{background:#f0f0f0}.dark-bg{background:#ebf0f1;border-top:1px solid #acc8cf}.light-bg .nav-tabs li{width:50%}.light-bg .nav-tabs li a{background:#eee;border:1px solid #acc0c6;color:#555;margin:0;white-space:pre}.light-bg .nav-tabs li a:active,.light-bg .nav-tabs li a:focus{border-bottom-color:#fff!important;border:1px solid #acc0c6;margin:0}.light-bg .nav-tabs li.active a,.light-bg .nav-tabs li.active a:hover{background:#fff;color:#555;border:1px solid #acc0c6;border-bottom-color:#fff!important}.light-bg .nav-tabs li.tab-disabled a,.light-bg .nav-tabs li.tab-disabled a:active,.light-bg .nav-tabs li.tab-disabled a:focus{background:#d9d9d9;border-bottom-color:#d9d9d9!important;color:#aaa}.white-table{background:#fff;border:1px solid #acc0c6;margin-bottom:0}.assignment .col-lg-6,.plan_info .col-lg-6{float:left;width:50%}.assignment .col-lg-7{width:60%;float:left}.assignment .col-lg-6{width:40%}.sub-header{border-bottom:2px solid #137d9c;color:#005c77;margin-top:0;font-weight:700;padding:7px 0}.rev-action{float:none!important}.attachment .alert,.attachment .alert.error{float:left;margin:0 5px 5px 0;padding:2px 8px}.result-dropdown{min-width:240px;width:auto}.attachment .alert{background:#eee;border:1px solid #ddd}.attachment .alert.new{clear:both;display:table;background:#b0ffb0;border-color:#73bb62}.attachment .alert.error{background:red;border:1px solid #6f1313}.attachment .alert.error a{color:#fff;cursor:default}.attachment .alert.error .red{color:#961d19}.attachment .close{float:none!important;font-size:12px}select.input-sm{height:auto}#app-subtype>label,#app-type>label{margin-left:.75em}#app-subtype>label,#app-subtype>label>input,#app-type>label,#app-type>label>input{cursor:pointer}.top-nav{padding:0 15px}.top-nav>li{display:inline-block}.top-nav>li>a{color:#fff;line-height:20px;padding-top:15px;padding-bottom:15px;-webkit-transition:background-color color .3s;-moz-transition:background-color color .3s;-o-transition:background-color color .3s;transition:background-color color .3s}.top-nav>.open>a,.top-nav>.open>a:focus,.top-nav>.open>a:hover,.top-nav>li>a:focus,.top-nav>li>a:hover{background-color:#005C77;color:#fff}.top-nav>.open>.dropdown-menu{float:left;position:absolute;margin-top:0;border:none;border-radius:0;background-color:#005C77;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.top-nav>.open>.dropdown-menu>li>a{white-space:normal;color:#fff;padding:7px 20px}.top-nav>.open>.dropdown-menu>li>a:hover{color:#005C77}.message-dropdown{padding:0;max-height:250px;overflow-x:hidden;overflow-y:auto}.message-preview{width:275px}.message-preview>a{padding-top:15px;padding-bottom:15px}.message-footer{margin:5px 0}.alert-dropdown{width:200px}@media(min-width:768px){#wrapper{padding-left:214px}#page-wrapper{padding:10px 0}.side-nav{position:fixed;top:50px;left:0;width:214px;border:none;border-radius:0;border-right:1px solid #ccc;background-color:#13353F;bottom:0;padding-bottom:40px;overflow-y:auto}.navbar-nav>li{float:none}.side-nav li a:focus,.side-nav li a:hover{outline:0;background-color:#005C77}}.side-nav>li>ul{padding:0}.side-nav>li>ul>li>a{display:block;padding:12px 8px 12px 30px;color:#ddd}.side-nav>li>ul>li>a:hover{color:#fff}.faq-box>.faq-item{padding:8px 5px;border-bottom:1px solid #d5d5d5}.faq-box>.faq-item>.item-question{font-weight:700;color:#4183c4}.faq-box>.faq-item>.item-answer{margin-bottom:5px}.faq-box>.faq-item:last-child{border:none}.huge{font-size:40px}.panel-green{border-color:#5cb85c}.panel-green>.panel-heading{border-color:#5cb85c;color:#fff;background-color:#5cb85c}.panel-green>a{color:#5cb85c}.panel-green>a:hover{color:#3d8b3d}.panel-red{border-color:#d9534f}.red{color:#d9534f}.panel-red>.panel-heading{border-color:#d9534f;color:#fff;background-color:#d9534f}.panel-red>a{color:#d9534f}.panel-red>a:hover{color:#b52b27}.panel-yellow{border-color:#f0ad4e}.panel-yellow>.panel-heading{border-color:#f0ad4e;color:#fff;background-color:#f0ad4e}.panel-yellow>a{color:#f0ad4e}.panel-yellow>a:hover{color:#df8a13}.nav.navbar-nav.side-nav li{position:relative;display:block}.navbar-inverse .navbar-nav .active a,.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:#005C77}.nav.navbar-nav.side-nav li.active,.nav.navbar-nav.side-nav li:hover{border-top-color:#005C77;border-bottom-color:#005C77}.navbar-inverse{background-color:#06aee0;border:none}.navbar-brand>img{display:block;float:left;margin-top:-13px;margin-right:11px;width:36px}.navbar-inverse .navbar-brand{color:#f7f9fa;float:left;font-size:22px;height:50px;line-height:18px;padding:15px;text-shadow:0 0 2px #333}.nav.navbar-nav.side-nav li .fa-fw{color:#39C6F0}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#fff}span.caret{color:#06AEE0;display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:0!important;border-bottom:5px dashed!important;border-right:5px solid transparent;border-left:5px solid transparent}#record-list #records,#sort{width:100%}.collapsed .caret{border-top:5px dashed!important;border-bottom:0!important}.forget-pass{background:#06aee0;border:1px solid #fff;color:#fff;display:none;margin:20px 0;padding:10px 25px}.approved{background:#5cb85c!important}.rejected{background:#d9534f!important}.suspended{background:#f0ad4e!important}.newplan{border-bottom:1px solid #06AEE0;color:#06AEE0}.approved-text{border-bottom:1px solid #5cb85c;color:#5cb85c}.rejected-text{border-bottom:1px solid #d9534f;color:#d9534f}.suspended-text{border-bottom:1px solid #f0ad4e;color:#f0ad4e}.record-search{padding:12px}.record-search h4{color:#fff}.pagination>li>a,.pagination>li>a.first,.pagination>li>a.last,.pagination>li>span{background-color:#06AEE0;border:none;border-radius:0;color:#fff;float:left;line-height:1.42857143;margin-left:-1px;margin-right:5px;padding:6px 12px;position:relative;text-decoration:none}#Date-error,#sort,.info{position:absolute}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;background-color:#005C77;border-color:#ddd;color:#fff}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#005C77;border-color:#000;z-index:3;color:#fff;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{background-color:#dedede;border-color:#f9f9f9;color:#fff;cursor:not-allowed}.list-group-item:last-child,.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{border-radius:0}.margin-top{margin-top:100px}#records{width:100%!important;position:relative}.dataTable.all .btn{float:none;margin:0 2px 2px 0}.tooltip-inner{text-align:left}#sort{border-bottom:5px double #dedede;padding:15px 0;min-height:100px;top:-117px;left:0;z-index:0}.f-btn{top:-155px!important}.panel-body .btn+.dataTables_wrapper,.table-white{background:#fff;border:1px solid #d8d7d7}#sort th{border:none;display:none;padding:0 10px 0 0;vertical-align:bottom}#sort .display{color:#f2f2f2;display:table-cell!important;max-width:20%}#sort th h4{color:#000;border:none;margin:0 0 10px;display:none}.dataTables_info,.info .form-control{margin-bottom:10px}#sort th:first-child h4{display:block!important}.hide{display:none}.display input[type=text],.display select{background:#fff;border-color:#c9caca;width:100%}.display input[type=text]:focus,.display select:focus{border-color:#005C77}.input-sm{background:#fff;border:1px solid #999}.dataTable .btn,.rev-action,.summary tbody .btn{float:right;padding:2px 8px}.summary input[type=checkbox]{cursor:pointer}@media (max-width:1024px){.summary>tbody>tr>td,.summary>tbody>tr>th{padding-left:3px;padding-right:3px}}.total{border:1px solid #e1e49b}.total td,.total th{background-color:#fbffd0;vertical-align:middle}.btn-default.selected{background-color:#005C77!important;border-color:#005C77!important}.btn-tab{background:#a2aaac;border-color:#c6cccd;color:#333;margin-right:-2px;opacity:.9;padding:10px 25px}.btn-tab.selected,.btn-tab:hover{background:#d8d7d7;color:#000;opacity:1}.btn-tab:active,.btn-tab:focus{box-shadow:none!important;outline:0!important}.btn-tab.selected{border-color:#9fabae #9fabae #d8d7d7;cursor:default;pointer-events:none}.col-sm-5{padding:0 26px}#record-list #wrapper{padding:0}#record-list thead{background:#06aee0;color:#fff}#record-list label{font-weight:400}.text-right a{text-decoration:underline}.draw-container .results{border:1px solid #e4e4e4;margin-top:10px}.map-search-text{border-color:#e4e4e4;height:34px}.draw-container .results .list-group-item{border-left:none;border-right:none}.tbl-row{display:table-row}.tbl-cell-sm{display:table-cell;padding-left:10px;padding-bottom:15px;vertical-align:top}.tbl-cell{display:table-cell;width:295px}.info{box-shadow:0 0 7px #ccc;border:1px solid #e4e4e4;top:100px;left:136px;min-width:294px}.info .close{margin-top:10px;margin-right:8px;font-size:17px}#Date-error,label.error{color:red;font-size:12px}.wl-text-row>td:first-child{width:1px}.wl-text-row>td:first-child>a.btn{padding:4px 8px}.wl-text-row>td:first-child>a.btn[data-toggle=collapse]:before{content:"\f13a"}.wl-text-row>td:first-child>a.btn.collapsed[data-toggle=collapse]:before{content:"\f138"}.wl-list-row>td{padding:0!important}@media (min-width:1200px){.wl-plan-table td,.wl-plan-table th{width:20%}.wl-eqt-list td,.wl-eqt-list th{width:16.66%}}#Date-error{bottom:-23px;left:0}.validation-summary-errors{background:#fbeeee;border:1px solid #a94442;margin-bottom:20px;padding:16px 15px}.validation-summary-errors ul{display:inline-block;margin-bottom:0;padding-left:0}.validation-summary-errors ul li{color:#a94442;display:block}.input-validation-error{border:1px solid #a94442!important}.validation-summary-success{background:#d9eadf;border:1px solid #8cb999;margin-bottom:20px;padding:16px 15px}@keyframes blink{0%,100%{border:3px solid rgba(255,0,0,1)}50%{border:3px solid rgba(255,0,0,.2)}}@-webkit-keyframes blink{0%,100%{border:3px solid rgba(255,0,0,1)}50%{border:3px solid rgba(255,0,0,.2)}}.validation-highlight{-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-moz-animation:blink normal 1.5s infinite ease-in-out;-webkit-animation:blink normal 1.5s infinite ease-in-out;-ms-animation:blink normal 1.5s infinite ease-in-out;animation:blink normal 1.5s infinite ease-in-out}.confirm-btn{width:65px!important}.confirm-btn-margin{margin:4px}.map-loading{font-size:22px;text-align:center;color:#000;margin-top:auto;position:fixed;top:49%;left:46%;display:block}@keyframes dotdotdot{0%,100%{opacity:.2}20%{opacity:1}}.map-loading span{animation-name:dotdotdot;animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:both}.map-loading span:nth-child(2){animation-delay:.2s}.map-loading span:nth-child(3){animation-delay:.4s}.s-filter{display:none}#subplan_wrapper .s-filter{display:block}table.dataTable tr.group td{background-color:#fcf8e3}.hide-col{display:none}.marking-plan table .first{padding-left:30px}.marking-plan table thead{background:#ecf5f7}.marking-info{max-width:450px;margin-right:10px}.marking-info td{vertical-align:top;padding-right:10px}.marking-action{display:block;padding-top:6px}.nav-child tr td:first-child{width:100px}.multi-line{white-space:pre-wrap}.col-md3{width:260px;float:left;margin-right:12px}.col-md3 select{min-width:100%;margin-right:20px}.col-md4{width:150px;float:left;margin-right:12px}.workloadbtn{float:left;margin-right:5px}@media (min-width:930px){.workloadbtn{margin-top:22px}}@media (max-width:940px){.workloadbtn{clear:both;margin-top:15px}}.clot-map-parent{height:815px}.clot-map{border:1px solid #ddd;position:absolute;width:calc(100% - 160px);height:800px}.clot-legend{position:absolute;right:15px;width:120px}.clot-legend .active{position:relative;width:16px;height:16px;border:2px solid #00f}.clot-legend .cancelled{position:relative;width:16px;height:16px;border:2px solid #aaa;background-color:rgba(170,170,170,.2)}