/*! * SmartAdmin - Responsive WebApp * * Copyright 2014 bootstraphunter.com * Designed and built with all the love in the world by @bootstraphunt. */article.sortable-grid{min-height: 30px} .jarviswidget{margin: 0; position: relative; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0} .jarviswidget + .jarviswidget{margin-top:20px} .widget-content-padding{padding: 20px} .widget-content-padding .well{margin-bottom: 0} .jarviswidget>header{height: 34px; padding: 0; line-height: 20px} .ui-sortable .jarviswidget-sortable>header{/*cursor: move;*/ -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; line-height: normal;} .jarviswidget>header>.widget-icon{display: block; width: 30px; height: 32px; position: relative; float: left; font-size: 111%; line-height: 32px; text-align: center; margin-right: -10px} .ui-sortable .jarviswidget-sortable.jarviswidget-collapsed>header{-moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0} .jarviswidget>header h2{height: 100%; width: auto; display: inline-block; font-size: 14px; position: relative; margin: 0; line-height: 34px; font-weight: 400; letter-spacing: 0} .jarviswidget>header>h2{margin-left: 10px; float: left} .jarviswidget>header>:first-child.widget-icon{margin-left: 0} .jarviswidget>header .jarviswidget-icon{width: 16px; height: 16px; float: left; margin: 12px 10px 0 0; display: block; zoom: 1; z-index: 4000} .jarviswidget-ctrls{width: auto; float: right; padding: 0; margin: 0;} .jarviswidget-ctrls .button-icon{min-width:45px; height:45px; float: left; position: relative; font-family: Arial, Helvetica, sans-serif; border-left: 1px solid rgba(0,0,0,.09); color:#fff} .jarviswidget-ctrls .button-icon:hover{background-color: rgba(0,0,0,.05)} .jarviswidget-loader{width: 32px; height: 32px; margin: 0; float: right; background-repeat: no-repeat; background-position: center center; display: none; text-align: center; line-height: 32px; font-size: 111%} .jarviswidget>div{float: left; width: 100%; position: relative; font-size: 13px; -moz-border-radius:0 0 2px 2px; -khtml-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; margin: 0; border-width: 0px; border-style: solid; border-top: 0; border-right-color: #CCC!important; border-bottom-color: #CCC!important; border-left-color: #CCC!important; padding: 0px 0px 0; overflow: visible} .jarviswidget>div .widget-body.no-padding{margin-left:0; margin-right:0; margin-top:0} .jarviswidget .widget-body{min-height: 100px; position: relative; padding-top:13px;} .addchart .jarviswidget .widget-body{padding-bottom:0} .jarviswidget .widget-body.widget-hide-overflow{overflow: hidden} .widget-toolbar.no-border{border-left: 0} .widget-body.no-padding{margin: -13px -13px 0} .jarviswidget.well.transparent .widget-body.no-padding{margin: 0!important} .widget-body>table{margin-bottom: 0} .widget-body.no-padding .alert{margin: 0 0 10px; padding: 10px; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; border-width: 0 0 1px!important; border-radius: 0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important} .widget-body.no-padding .cke_chrome, .no-padding .md-editor{border: 0} .widget-toolbar>.smart-form{margin-top: 2px} .widget-toolbar>.smart-form .toggle:last-child{font-size: 12px; line-height: 29px} .widget-toolbar>.smart-form .radio input+i, .widget-toolbar>.smart-form .checkbox input+i, .widget-toolbar>.smart-form .toggle input+i{border-width: 1px; border-color: #C7C7C7!important; margin-top: 1px; box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset; -webkit-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset; -moz-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset} .jarviswidget.well{margin: 0 0 30px} .jarviswidget.well>div{border: 0!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important} .jarviswidget.well header{display: none} .widget-footer{display: block; min-height: 32px; vertical-align: middle; position: relative; background-color: #F8F7F7; padding: 5px; border-top: 1px solid #E4E4E4; text-align: right; margin: 0 -13px -13px} .no-padding .widget-footer{margin: 0} .widget-footer.smart-form>label{margin-top: 4px; display: block} .jarviswidget-editbox{display: none; padding: 10px} .jarviswidget-timestamp{font-size: 12px; color: #868686; font-style: italic; margin: 10px 0 0} .jarviswidget-placeholder{-moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 28px; padding: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box} body.nooverflow{overflow: hidden; position: fixed; width: 100%} #jarviswidget-fullscreen-mode{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999} #jarviswidget-fullscreen-mode .jarviswidget{margin: 0; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0} #jarviswidget-fullscreen-mode .jarviswidget>div{overflow-y: scroll; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0} #jarviswidget-fullscreen-mode>div>header{cursor: default} .widget-body-toolbar, .smart-form.widget-body-toolbar{display: block; padding: 8px 10px; margin: -13px -13px 13px; min-height: 42px; border-bottom: 1px solid #ccc; background: #fafafa} .no-padding.widget-body-toolbar, .no-padding .widget-body-toolbar, .no-padding .smart-form.widget-body-toolbar{display: block; margin: 0} .widget-body-toolbar.smart-form .inline-group, .smart-form .widget-body-toolbar .inline-group{float: left; margin-top: 4px} .widget-body-toolbar .btn{vertical-align: middle} .widget-body-toolbar .btn-xs{margin-top: 5px} .widget-body-ajax-loading::before{ padding-top: 18%; text-align: center; font-weight: 700; font-size: 16px; color: #fff; display: block; background: rgba(255,255,255,.4); height: 100%; z-index: 1; width: 100%; position: absolute} .widget-body-ajax-loading:hover{cursor: wait!important} .jarviswidget>header{border: 0px solid #C2C2C2; } .jarviswidget>div{background-color: #fff!important} .jarviswidget-editbox{border-bottom: 1px solid #B1B1B1; background-color: #fff; margin: -13px -13px 13px} .no-padding .jarviswidget-editbox{margin: 0 0 10px} .jarviswidget-placeholder{background-color: #FFC; border: 1px dashed #A7A7A7} .jarviswidget-remove-colors{color: #333!important; padding: 0!important; background: none!important} .color-select{list-style: none; margin: 0; padding: 4px; min-width: 166px; max-width: 156px; right: -3px} .color-select li{display: block; margin: 2px; float: left} .color-select li span, .color-box{display: block; width: 22px; height: 22px; padding: 0; background: #333; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid rgba(0,0,0,.1); cursor: pointer} .color-select li span:hover{border: 3px solid rgba(0,0,0,.2)} .color-box{position: relative; vertical-align: middle; border: 1px solid rgba(255,255,255,.3)!important; outline: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.3)!important} .color-box:hover, .open .color-box{outline: 1px solid rgba(0,0,0,.1)!important} .color-box:hover{-webkit-transform: scale(1.07); -moz-transform: scale(1.07)} .color-box:active{top: 1px; left: 1px} .widget-toolbar>.color-box{margin-top: 7px; width: 18px; height: 18px; outline: 1px solid rgba(0,0,0,.2)} .widget-toolbar>.color-box:hover, .widget-toolbar>.color-box:active, .widget-toolbar>.color-box:focus{outline: 1px solid rgba(0,0,0,.25)!important} .widget-toolbar .dropdown-menu.color-select{right: -1px} .jarviswidget-ctrls > a{text-decoration: none; font-size: 14px; text-align: center; display: inline-block; line-height: 32px; padding: 0; margin: 0; color: #fff} .rtl .jarviswidget>header{padding: 0 7px 0 0} .rtl .jarviswidget>header h2{float: right; text-align: right} .rtl .jarviswidget>header .jarviswidget-icon{float: right; margin: 12px 0 0 7px} .rtl .jarviswidget-ctrls{float: left; padding: 10px 0 0 3px; margin: 0} .rtl .jarviswidget-ctrls .button-icon{margin: 0 0 5px 5px} .rtl .jarviswidget-loader{float: left} .jarviswidget:before, .jarviswidget:after, .jarviswidget>div:before, .jarviswidget>div:after, .inner-spacer:before, .inner-spacer:after, .jarviswidget-editbox:before, .jarviswidget-editbox:after, .clearfix:before, .clearfix:after{content: "\0020"; display: block; height: 0; overflow: hidden; font-size: 0; line-height: 0; visibility: hidden} .jarviswidget:after, .jarviswidget>div:after, .inner-spacer:after, .jarviswidget-editbox:after, .clearfix:after{clear: both} .jarviswidget, .jarviswidget>div, .inner-spacer:after, .jarviswidget-editbox, .clearfix{zoom: 1} .widget-toolbar{display: inline-block; float: right; width: auto; height: 32px; line-height: 32px; position: relative; border-left: 1px solid rgba(0,0,0,.09); cursor: pointer; padding: 0 8px; text-align: center} .widget-toolbar>:first-child{text-align: left} .jarviswidget header .nav-tabs{border-bottom-color: transparent} .jarviswidget header .nav-tabs>li>a{border-radius: 0; border: 0; padding: 7px 15px 6px} .jarviswidget header .nav-tabs>li.active>a, .jarviswidget header .nav-tabs>li.active>a:hover, .jarviswidget header .nav-tabs>li.active>a:focus{color: #555; background-color:var(--dark-theme-color, #007CBE) !important; cursor: default} .jarviswidget header:first-child .nav-tabs{float: left} .jarviswidget header:first-child .nav-tabs li{padding-left: 0} .jarviswidget header:first-child .nav-tabs.pull-right li:last-child a{margin-right: 0!important; border-right: 0!important} .jarviswidget header .nav-pills{margin: 3px} .jarviswidget header .nav-pills>li>a{padding: 3px 5px 4px} .widget-toolbar .btn-group{margin-top: -3px} .widget-toolbar>.btn{margin-top: -3px; font-size: 12px!important; padding: 1px 8px!important} .widget-toolbar .smart-form label.checkbox, .widget-toolbar .smart-form label.radio{line-height: 29px} .widget-toolbar>.label{vertical-align: middle; margin-top: -3px; display: inline-block; text-align: center; font-size: 12px; padding: 4px 7px} .widget-toolbar>.badge{padding: 5px; font-size: 14px; border-radius: 50%; font-weight: 400; min-width: 24px; text-align: center!important} .widget-toolbar .progress{width: 130px; margin: 7px 0 0; height: 18px!important; font-size: 12px; box-shadow: 0 1px 0 rgba(0,0,0,0), 0 0 0 1px #d1d1d1 inset; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0), 0 0 0 1px #d1d1d1 inset; -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #d1d1d1 inset} .widget-toolbar .progress-bar{font-size: 12px} .widget-toolbar .pagination{margin: 4px 0} .widget-toolbar .pagination>li>a{padding: 2px 7px} .widget-toolbar .widget-text-input{max-width: 220px} .widget-toolbar input[type=text]{height: 28px!important; margin-top: 2px} .widget-toolbar.smart-form .icon-append, .widget-toolbar.smart-form .icon-prepend, .widget-toolbar .smart-form .icon-append, .widget-toolbar .smart-form .icon-prepend{top: 3px!important} .smart-form *, .smart-form :after, .smart-form :before{margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box} .smart-form [class*="col-"]{padding-left:13px; padding-right:13px} .smart-form .btn{box-sizing: border-box; -moz-box-sizing: border-box} .smart-form .radio+.radio, .smart-form .checkbox+.checkbox{margin-top: 0} .smart-form footer .btn{float: right; margin:0px; cursor: pointer} .smart-form .form-control{box-sizing:border-box;} .smart-form legend{padding-top: 15px} .smart-form{margin: 0; outline: 0; color: #666; position: relative} .smart-form.form-group{margin-bottom:15px} .smart-form header{display: block; padding: 8px 0; border-bottom: 1px dashed rgba(0,0,0,.2); background: #fff; font-size: 16px; margin: 10px 14px 0} .smart-form fieldset{display: block; padding: 25px 14px 5px; border: 0; position: relative} .smart-form fieldset+fieldset{border-top: 1px solid rgba(0,0,0,.1)} .smart-form section{margin-bottom: 15px !important; position: relative} .smart-form footer{display: block; padding: 7px 14px 15px !important; border-top: 1px solid rgba(0,0,0,.1); background: rgba(248,248,248,.9)} .smart-form footer:after{content: ''; display: table; clear: both} .smart-form .label{display: block; margin-bottom: 6px; line-height: 19px; font-weight: 400; font-size: 13px; color: #333; text-align: left} .smart-form .label.col{margin: 0; padding-top: 7px} .smart-form .note, .note{margin-top: 6px; padding: 0 1px; font-size: 11px; line-height: 15px; color: #999} .note{margin-top: 2px; font-size: 10px} .smart-form .note a{font-size: 13px} .smart-form .input, .smart-form .select, .smart-form .textarea, .smart-form .radio, .smart-form .checkbox, .smart-form .toggle, .smart-form .button{position: relative; display: block; font-weight: 400} .smart-form .input input, .smart-form .select select, .smart-form .textarea textarea{display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 32px; padding: 8px 10px; outline: 0; border-width: 1px; border-style: solid; border-radius: 0; background: #fff; font: 13px/16px "Open Sans",Helvetica Neue,Arial,Sans-Serif; appearance: normal; -moz-appearance: none; -webkit-appearance: none} .smart-form .input input{ padding: 2px 10px;} .smart-form .select i{position: absolute; top: 10px; right: 10px; width: 5px; height: 11px; background: #f2f2f2; box-shadow: 0 0 0 9px #f2f2f2} .smart-form .select i:after, .smart-form .select i:before{content: ''; position: absolute; right: 0; border-right: 4px solid transparent; border-left: 4px solid transparent} .smart-form .select i:after{top:50%; margin-top:-1px; border-top: 4px solid #404040} .smart-form .select i:before{top: 0; border-bottom: 4px solid #404040; display:none} .smart-form .select-multiple select{height: auto} .smart-form .textarea textarea{height: auto; resize: none} .smart-form .textarea-resizable textarea{resize: vertical} .smart-form .textarea-expandable textarea{height: 31px} .smart-form .textarea-expandable textarea:focus{height: auto} .smart-form .inline-group{margin: 0 -30px -4px 0} .smart-form .inline-group:after{content: ''; display: table; clear: both} .smart-form .inline-group .radio, .smart-form .inline-group .checkbox{float: left; margin-right: 30px} .smart-form .inline-group .radio:last-child, .smart-form .inline-group .checkbox:last-child{margin-bottom: 4px} .smart-form .toggle{margin-bottom: 4px; padding-right: 61px; font-size: 15px; line-height: 25px; color: #404040; cursor: pointer} .smart-form .toggle:last-child{margin-bottom: 0} .smart-form .toggle input{position: absolute; left: -9999px} .smart-form .toggle i{content: ''; position: absolute; top: 4px; right: 0; display: block; width: 49px; height: 17px; border-width: 1px; border-style: solid; border-radius: 12px; background: #fff} .smart-form .toggle.pull-left i{left:0; right:auto} .smart-form .toggle i:after{content: attr(data-swchoff-text); position: absolute; top: 2px; right: 8px; left: 8px; font-style: normal; font-size: 9px; line-height: 13px; font-weight: 700; text-align: left; color: #5f5f5f} .smart-form .toggle i:before{content: ""; font-size:10px; color:#5F5F5F; font-family:icomoon; line-height:17px; text-indent:4px; position: absolute; z-index: 1; top: 4px; right: 4px; display: block; width: 9px; height: 9px; border-radius: 50%; opacity: 1; transition: right .2s; -o-transition: right .2s; -ms-transition: right .2s; -moz-transition: right .2s; -webkit-transition: right .2s} .streamui-panel .smart-form .toggle i:before{content: "\e623";} .smart-form .toggle input:checked+i:after{content: attr(data-swchon-text); text-align: right} .smart-form .toggle input:checked+i:before{right: 36px; color:var(--dark-theme-color, #007CBE)} .smart-form .rating{margin-bottom: 4px; font-size: 13px; line-height: 25px; color: #404040} .smart-form .rating:last-child{margin-bottom: 0} .smart-form .rating input{position: absolute; left: -9999px} .smart-form .rating label{display: block; float: right; height: 17px; margin-top: 5px; padding: 0 2px; font-size: 17px; line-height: 17px; cursor: pointer} .smart-form .button{float: right; height: 31px; overflow: hidden; margin: 10px 0 0 5px; padding: 0 25px; outline: 0; border: 0; font: 300 15px/31px 'Open Sans', Helvetica, Arial, sans-serif; text-decoration: none; cursor: pointer} .smart-form .icon-append, .smart-form .icon-prepend{position: absolute; top: 5px; width: 22px; height: 22px; font-size: 14px; line-height: 22px; text-align: center} .smart-form .icon-append{right: 5px; padding-left: 3px; border-left-width: 1px; border-left-style: solid} .smart-form .icon-prepend{left: 5px; padding-right: 3px; border-right-width: 1px; border-right-style: solid} .smart-form .input .icon-prepend+input, .smart-form .textarea .icon-prepend+textarea{padding-left: 37px} .smart-form .input .icon-append+input, .smart-form .textarea .icon-append+textarea{padding-right: 37px} .smart-form .input .icon-prepend+.icon-append+input, .smart-form .textarea .icon-prepend+.icon-append+textarea{padding-left: 37px} .smart-form .row{margin: 0 -15px} .smart-form .row:after{content: ''; display: table; clear: both} .smart-form .col{float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box} .smart-form .col-1{width: 8.33%} .smart-form .col-2{width: 16.66%} .smart-form .col-3{width: 25%} .smart-form .col-4{width: 33.33%} .smart-form .col-5{width: 41.66%} .smart-form .col-6{width: 50%} .smart-form .col-8{width: 66.67%} .smart-form .col-9{width: 75%} .smart-form .col-10{width: 83.33%} @media screen and (max-width:600px) { .smart-form .col{float: none; width: 100%} } .smart-form .select select{padding: 5px} .smart-form .tooltip{position: absolute; z-index: 99999; left: -9999px; padding: 2px 8px 3px; font-size: 11px; line-height: 16px; font-weight: 400; background: rgba(0,0,0,.9); color: #fff; opacity: 0; transition: margin .3s, opacity .3s; -o-transition: margin .3s, opacity .3s; -ms-transition: margin .3s, opacity .3s; -moz-transition: margin .3s, opacity .3s; -webkit-transition: margin .3s, opacity .3s} .smart-form .tooltip:after{content: ''; position: absolute} /*.smart-form .input input:focus+.tooltip, .smart-form .textarea textarea:focus+.tooltip{opacity: 1}*/ .smart-form .tooltip-top-right{bottom: 100%; margin-bottom: 15px} .smart-form .tooltip-top-right:after{top: 100%; right: 11px; border-top: 4px solid rgba(0,0,0,.9); border-right: 4px solid transparent; border-left: 4px solid transparent} /*.smart-form .input input:focus+.tooltip-top-right, .smart-form .textarea textarea:focus+.tooltip-top-right{right: 0; left: auto; margin-bottom: -2px}*/ .smart-form .tooltip-top-left{bottom: 100%; margin-bottom: 15px} .smart-form .tooltip-top-left:after{top: 100%; left: 11px; border-top: 4px solid rgba(0,0,0,.9); border-right: 4px solid transparent; border-left: 4px solid transparent} /*.smart-form .input input:focus+.tooltip-top-left, .smart-form .textarea textarea:focus+.tooltip-top-left{right: auto; left: 0; margin-bottom: 5px}*/ .smart-form .tooltip-right{top: 4px; white-space: nowrap; margin-left: 15px} .smart-form .tooltip-right:after{top: 6px; right: 100%; border-top: 4px solid transparent; border-right: 4px solid rgba(0,0,0,.9); border-bottom: 4px solid transparent} /*.smart-form .input input:focus+.tooltip-right, .smart-form .textarea textarea:focus+.tooltip-right{left: 100%; margin-left: 5px}*/ .smart-form .tooltip-left{top: 4px; white-space: nowrap; margin-right: 15px} .smart-form .tooltip-left:after{top: 6px; left: 100%; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid rgba(0,0,0,.9)} /*.smart-form .input input:focus+.tooltip-left, .smart-form .textarea textarea:focus+.tooltip-left{right: 100%; left: auto; margin-right: 5px}*/ .smart-form .tooltip-bottom-right{top: 100%; margin-top: 15px} .smart-form .tooltip-bottom-right:after{bottom: 100%; right: 11px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0,0,0,.9); border-left: 4px solid transparent} /*.smart-form .input input:focus+.tooltip-bottom-right, .smart-form .textarea textarea:focus+.tooltip-bottom-right{right: 0; left: auto; margin-top: 0px}*/ .smart-form .tooltip-bottom-left{top: 100%; margin-top: 15px} .smart-form .tooltip-bottom-left:after{bottom: 100%; left: 11px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0,0,0,.9); border-left: 4px solid transparent} /*.smart-form .input input:focus+.tooltip-bottom-left, .smart-form .textarea textarea:focus+.tooltip-bottom-left{right: auto; left: 0; margin-top: 5px}*/ .smart-form .input input, .smart-form .select select, .smart-form .textarea textarea, .smart-form .radio i, .smart-form .checkbox i, .smart-form .toggle i, .smart-form .icon-append, .smart-form .icon-prepend{border-color: #BDBDBD; transition: border-color .3s; -o-transition: border-color .3s; -ms-transition: border-color .3s; -moz-transition: border-color .3s; -webkit-transition: border-color .3s} .smart-form .toggle i:before{background-color: #3276B1} .smart-form .rating label{color: #ccc; transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s} .smart-form .button{opacity: .8; transition: opacity .2s; -o-transition: opacity .2s; -ms-transition: opacity .2s; -moz-transition: opacity .2s; -webkit-transition: opacity .2s} .smart-form .button.button-secondary{background-color: #b3b3b3} /*.smart-form .rating input+label:hover, .smart-form .rating input+label:hover~label{color: #3276B1}*/ .smart-form .button:hover{opacity: 1} .smart-form .input input:focus, .smart-form .select select:focus, .smart-form .textarea textarea:focus/*, .smart-form .radio input:focus+i, .smart-form .checkbox input:focus+i, .smart-form .toggle input:focus+i*/{border-color: var(--btn-bgcolor)} .smart-form .rating input:checked~label{color: #3276B1} .smart-form .state-error input, .smart-form .state-error select, .smart-form .state-error textarea, .smart-form .radio.state-error i, .smart-form .checkbox.state-error i, .smart-form .toggle.state-error i{background: #fff0f0; border-color: #A90329} .smart-form .toggle.state-error input:checked+i{background: #fff0f0} .smart-form .state-error+em{display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #D56161} .smart-form .rating.state-error+em{margin-top: -4px; margin-bottom: 4px} .smart-form .state-error select+i{background: #FFF0F0; box-shadow: 0 0 0 9px #FFF0F0} .state-error .icon-append, .state-error .icon-prepend{color: #ed1c24} .smart-form .state-success input, .smart-form .state-success select, .smart-form .state-success textarea, .smart-form .radio.state-success i, .smart-form .checkbox.state-success i, .smart-form .toggle.state-success i{background: #f0fff0; border-color: #7DC27D} .smart-form .toggle.state-success input:checked+i{background: #f0fff0} .smart-form .note-success{color: #6fb679} .smart-form .state-success select+i{background: #f0fff0; box-shadow: 0 0 0 9px #f0fff0} .smart-form .input.state-disabled input, .smart-form .select.state-disabled, .smart-form .textarea.state-disabled, .smart-form .radio.state-disabled, .smart-form .checkbox.state-disabled, .smart-form .toggle.state-disabled, .smart-form .button.state-disabled{cursor: default!important; opacity: .6!important} .smart-form .input.state-disabled:hover input, .smart-form .select.state-disabled:hover select, .smart-form .textarea.state-disabled:hover textarea, .smart-form .radio.state-disabled:hover i, .smart-form .checkbox.state-disabled:hover i, .smart-form .toggle.state-disabled:hover i{border-color: #e5e5e5!important} .smart-form .state-disabled.radio input:checked+i, .smart-form .state-disabled.checkbox input:checked+i, .smart-form .state-disabled.toggle input:checked+i, .smart-form .state-disabled.checkbox input+i:after, .smart-form .state-disabled.radio input+i:after{border-color: #e5e5e5!important; color: #333!important} .smart-form .state-disabled.radio input+i:after{background-color: #333} .smart-form .message{display: none; color: #6fb679} .smart-form .message i{display: block; margin: 0 auto 20px; width: 81px; height: 81px; border: 1px solid #6fb679; border-radius: 50%; font-size: 30px; line-height: 81px} .smart-form.submited fieldset, .smart-form.submited footer{display: none} .smart-form.submited .message{display: block; padding: 25px 30px; background: rgba(255,255,255,.9); font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif; text-align: center} .smart-form .ui-widget-content .ui-spinner-input{margin: 0; border: 0; box-shadow: none!important; height: 29px} .smart-form-modal{position: fixed; z-index: 1; display: none; width: 400px} .smart-form-modal-overlay{position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.7)} .ui-timepicker-div .ui-widget-header{margin-bottom: 8px} .ui-timepicker-div dl{text-align: left} .ui-timepicker-div dl dt{float: left; clear: left; padding: 0 0 0 5px} .ui-timepicker-div dl dd{margin: 17px 10px 12px 40%} .ui-timepicker-div td{font-size: 90%} .ui-tpicker-grid-label{background: 0 0; border: 0; margin: 0; padding: 0} .ui-timepicker-rtl{direction: rtl} .ui-timepicker-rtl dl{text-align: right; padding: 0 5px 0 0} .ui-timepicker-rtl dl dt{float: right; clear: right} .ui-timepicker-rtl dl dd{margin: 0 40% 10px 10px} .smart-form input.input-lg{height: 44px; padding: 10px 16px; font-size: 17px; line-height: 1.33} .smart-form input.input-sm{height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5} .smart-form input.input-xs{height: 24px; padding: 2px 10px; font-size: 11px; line-height: 1.5} .smart-form select.input-sm{height: 30px; line-height: 15px; font-size: 12px} .smart-form select.input-sm+i{height: 10px} .smart-form select.input-lg{height: 44px; line-height: 22px; font-size: 17px} .smart-form select.input-lg+i{height: 11px; top: 17px} /*! X-editable - v1.5.0 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * http://github.com/vitalets/x-editable * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ .editableform{margin-bottom: 0} .editableform .control-group{margin-bottom: 0; white-space: nowrap} .editable-buttons{display: inline-block; vertical-align: top; margin-left: 7px; zoom: 1; *display:inline} .editable-buttons.editable-buttons-bottom{display: block; margin-top: 7px; margin-left: 0} .editable-input{vertical-align: top; display: inline-block; width: auto; white-space: normal; zoom: 1; *display:inline} .editable-input input.form-control::-ms-clear { display: none; } .editable-buttons .editable-cancel{margin-left: 7px} .editable-buttons button.ui-button-icon-only{height: 24px; width: 30px} .editableform-loading{background: url(../images/xpui/loading.gif) center center no-repeat; height: 25px; width: auto; min-width: 25px} .editable-inline .editableform-loading{background-position: left 5px} .editable-error-block{max-width: 300px; margin: 5px 0 0; width: auto; white-space: normal} .editable-error-block.ui-state-error{padding: 3px} .editable-error{color: red} .editableform .editable-date{padding: 0; margin: 0; float: left} .editable-inline .add-on .icon-th{margin-top: 3px; margin-left: 1px} .editable-checklist label input[type=checkbox], .editable-checklist label span{vertical-align: middle; margin: 0} .editable-checklist label{white-space: nowrap} .editable-wysihtml5{width: 566px; height: 250px} .editable-clear{clear: both; font-size: .9em; text-decoration: none; text-align: right} .editable-clear-x{background: url(../images/xpui/clear.png) center center no-repeat; display: block; width: 13px; height: 13px; position: absolute; opacity: .6; z-index: 100; top: 50%; right: 6px; margin-top: -6px} .editable-clear-x:hover{opacity: 1} .editable-pre-wrapped{white-space: pre-wrap} .editable-container.editable-popup{max-width: none!important} .editable-container.popover{width: auto} .editable-container.editable-inline{display: inline-block; vertical-align: middle; width: auto; zoom: 1; *display:inline} .editable-container.ui-widget{font-size: inherit; z-index: 9990} .editable-click, a.editable-click, a.editable-click:hover{text-decoration: none; border-bottom: dashed 0px #08c; cursor:pointer} .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover{color: #585858; cursor: default; border-bottom: 0} .editable-empty, .editable-empty:hover, .editable-empty:focus{font-style: italic; color: #D14; text-decoration: none} .editable-unsaved{font-weight: 700} .editable-bg-transition{-webkit-transition: background-color 1400ms ease-out; -moz-transition: background-color 1400ms ease-out; -o-transition: background-color 1400ms ease-out; -ms-transition: background-color 1400ms ease-out; transition: background-color 1400ms ease-out} .form-horizontal .editable{padding-top: 5px; display: inline-block} .editable-address{display: block; margin-bottom: 5px} .editable-address span{width: 70px; display: inline-block} /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .editable-input .datepicker{top: 0; left: 0; padding: 4px} .editable-input .datepicker:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,.2); position: absolute; top: -7px; left: 6px} .editable-input .datepicker:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px} .editable-input .datepicker>div{display: none} .editable-input .datepicker table{width: 100%; min-width: 214px; margin: 0} .editable-input .datepicker td, .editable-input .datepicker th{text-align: center; width: 24px; height: 20px} .editable-input .datepicker td.day:hover{background: #eee; cursor: pointer} .editable-input .datepicker td.day.disabled{color: #555} .editable-input .datepicker td.old, .editable-input .datepicker td.new{color: #555} .editable-input .datepicker td.active, .editable-input .datepicker td.active:hover{background: #3276b1; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); border-radius: 3px} .editable-input .datepicker td span{display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer} .editable-input .datepicker td span:hover{background: #eee} .editable-input .datepicker td span.active{background: #3276b1; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); border-radius: 3px} .editable-input .datepicker td span.old{color: #555} .editable-input .datepicker th.switch{width: 145px} .editable-input .datepicker th.next, .editable-input .datepicker th.prev{font-size: 19.5px} .editable-input .datepicker thead tr:first-child th{cursor: pointer} .editable-input .datepicker thead tr:first-child th:hover{background: #eee} .input-append.date .add-on i, .input-prepend.date .add-on i{display: block; cursor: pointer; width: 16px; height: 16px} .editable-input .datepicker .next i, .datepicker .prev i{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px} .editable-input .datepicker .prev i:before{content: "\f060"} .editable-input .datepicker .next i:before{content: "\f061"} .fc{direction: ltr; text-align: left} .fc table{border-collapse: collapse; border-spacing: 0} html .fc, .fc table{font-size: 1em} .fc td, .fc th{padding: 0; vertical-align: top} .fc-header td{white-space: nowrap} .fc-header-left{width: 25%; text-align: left} .fc-header-center{text-align: center} .fc-header-right{width: 25%; text-align: right} .fc-header-title{display: inline-block; vertical-align: top} .fc-header-title h2{margin-top: 0; white-space: nowrap} .fc .fc-header-space{padding-left: 10px} .fc-header .fc-button{margin-bottom: 1em; vertical-align: top} .fc-header .fc-button{margin-right: -1px} .fc-header .fc-corner-right{margin-right: 1px} .fc-header .ui-corner-right{margin-right: 0} .fc-header .fc-state-hover, .fc-header .ui-state-hover{z-index: 2} .fc-header .fc-state-down{z-index: 3} .fc-header .fc-state-active, .fc-header .ui-state-active{z-index: 4} .fc-content{clear: both} .fc-view{width: 100%; overflow: hidden} .fc-widget-header, .fc-widget-content{border: 1px solid #ccc} .fc-state-highlight{background: #ffc} .fc-cell-overlay{background: #9cf; opacity: .2; filter: alpha(opacity=20)} .fc-button{position: relative; display: inline-block; cursor: pointer} .fc-state-default{border-style: solid; border-width: 1px 0} .fc-button-inner{position: relative; float: left; overflow: hidden} .fc-state-default .fc-button-inner{border-style: solid; border-width: 0 1px} .fc-button-content{position: relative; float: left; height: 1.9em; line-height: 1.9em; padding: 0 .6em; white-space: nowrap} .fc-button-content .fc-icon-wrap{position: relative; float: left; top: 50%} .fc-button-content .ui-icon{position: relative; float: left; margin-top: -50%; *margin-top:0; *top:-50%} .fc-state-default .fc-button-effect{position: absolute; top: 50%; left: 0} .fc-state-default .fc-button-effect span{position: absolute; top: -100px; left: 0; width: 500px; height: 100px; border-width: 100px 0 0 1px; border-style: solid; border-color: #fff; background: #444; opacity: .09; filter: alpha(opacity=9)} .fc-state-default, .fc-state-default .fc-button-inner{border-style: solid; border-color: #ccc #bbb #aaa; background: #F3F3F3; color: #000} .fc-state-hover, .fc-state-hover .fc-button-inner{border-color: #999} .fc-state-down, .fc-state-down .fc-button-inner{border-color: #555; background: #777} .fc-state-active, .fc-state-active .fc-button-inner{border-color: #555; background: #777; color: #fff} .fc-state-disabled, .fc-state-disabled .fc-button-inner{color: #999; border-color: #ddd} .fc-state-disabled{cursor: default} .fc-state-disabled .fc-button-effect{display: none} .fc-event{border-style: solid; border-width: 0; font-size: .85em; cursor: default} a.fc-event, .fc-event-draggable{cursor: pointer} a.fc-event{text-decoration: none} .fc-rtl .fc-event{text-align: right} .fc-event-skin{color: #FFF; border-right: 0!important; cursor: move} .fc-event-inner{position: relative; width: 100%; height: 100%; border-style: solid; border-width: 0; overflow: hidden} .fc-event-time, .fc-event-title{padding: 0 1px} .fc .ui-resizable-handle{display: block; position: absolute; z-index: 99999; overflow: hidden; font-size: 300%; line-height: 50%} .fc-event-hori{border-width: 1px 0; margin-bottom: 1px} .fc-event-hori .ui-resizable-e{top: 0!important; right: -3px!important; width: 7px!important; height: 100%!important; cursor: e-resize} .fc-event-hori .ui-resizable-w{top: 0!important; left: -3px!important; width: 7px!important; height: 100%!important; cursor: w-resize} .fc-event-hori .ui-resizable-handle{_padding-bottom: 14px} .fc-corner-left{margin-left: 1px} .fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner{margin-left: -1px} .fc-corner-right{margin-right: 1px} .fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner{margin-right: -1px} .fc-corner-top{margin-top: 1px} .fc-corner-top .fc-event-inner{margin-top: -1px} .fc-corner-bottom{margin-bottom: 1px} .fc-corner-bottom .fc-event-inner{margin-bottom: -1px} .fc-corner-left .fc-event-inner{border-left: 6px solid rgba(0,0,0,.15); padding-left: 2px} .fc-corner-right .fc-event-inner{padding-left: 2px} .fc-corner-top .fc-event-inner{border-top-width: 1px} .fc-corner-bottom .fc-event-inner{border-bottom-width: 1px} .fc-event-skin .fa:before{display: block; font-size: 14px; position: absolute; right: 4px; top: 3px} table.fc-border-separate{border-collapse: separate} .fc-border-separate th, .fc-border-separate td{border-width: 1px 0 0 1px} .fc-border-separate th.fc-last, .fc-border-separate td.fc-last{border-right-width: 1px} .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td{border-bottom-width: 1px} .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th{border-top-width: 0} .fc-grid th{text-align: center} .fc-grid .fc-day-number{float: right; padding: 0 2px} .fc-grid .fc-other-month .fc-day-number{opacity: .3; filter: alpha(opacity=30)} .fc-grid .fc-day-content{clear: both; padding: 2px 2px 1px} .fc-grid .fc-event-time{font-weight: 700} .fc-rtl .fc-grid .fc-day-number{float: left} .fc-rtl .fc-grid .fc-event-time{float: right} .fc-agenda table{border-collapse: separate} .fc-agenda-days th{text-align: center} .fc-agenda .fc-agenda-axis{width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: 400} .fc-agenda .fc-day-content{padding: 2px 2px 1px} .fc-agenda-days .fc-agenda-axis{border-right-width: 1px} .fc-agenda-days .fc-col0{border-left-width: 0} .fc-agenda-allday th{border-width: 0 1px} .fc-agenda-allday .fc-day-content{min-height: 34px; _height: 34px} .fc-agenda-divider-inner{height: 2px; overflow: hidden} .fc-widget-header .fc-agenda-divider-inner{background: #eee} .fc-agenda-slots th{border-width: 1px 1px 0} .fc-agenda-slots td{border-width: 1px 0 0; background: 0 0} .fc-agenda-slots td div{height: 20px} .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td{border-top-width: 0} .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td{border-top-style: dotted} .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style:solid} .fc-event-vert{border-width: 0 1px} .fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content{position: relative; z-index: 2; width: 100%; overflow: hidden} .fc-event-vert .fc-event-time{white-space: nowrap; font-size: 10px} .fc-event-vert .fc-event-bg{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .3; filter: alpha(opacity=30)} .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg{display: none\9} .fc-event-vert .ui-resizable-s{bottom: 0!important; width: 100%!important; height: 8px!important; overflow: hidden!important; line-height: 8px!important; font-size: 11px!important; font-family: monospace; text-align: center; cursor: s-resize} .fc-agenda .ui-resizable-resizing{_overflow: hidden} /*! * Colorpicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .colorpicker-saturation{width: 100px; height: 100px; background-image: url(../images/xpui/saturation.png); cursor: crosshair; float: left} .colorpicker-saturation i{display: block; height: 5px; width: 5px; border: 1px solid #000; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px} .colorpicker-saturation i b{display: block; height: 5px; width: 5px; border: 1px solid #fff} .colorpicker-hue, .colorpicker-alpha{width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px} .colorpicker-hue i, .colorpicker-alpha i{display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px} .colorpicker-hue{background-image: url(../images/xpui/hue.png)} .colorpicker-alpha{background-image: url(../images/xpui/alpha.png); display: none} .colorpicker{zoom: 1; top: 0; left: 0; padding: 4px; min-width: 120px; margin-top: 1px; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px} .colorpicker:before, .colorpicker:after{content: " "; display: table} .colorpicker:after{clear: both} .colorpicker:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,.2); position: absolute; top: -7px; left: 6px} .colorpicker:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px} .colorpicker div{position: relative} .colorpicker.alpha{min-width: 140px} .colorpicker.alpha .colorpicker-alpha{display: block} .colorpicker-color{height: 10px; margin-top: 5px; clear: both; background-image: url(../images/xpui/alpha.png); background-position: 0 100%} .colorpicker-color div{height: 10px} .input-append.color .add-on i, .input-prepend.color .add-on i{display: block; cursor: pointer; width: 16px; height: 16px} /*! * Timepicker Component for Twitter Bootstrap * * Copyright 2013 Joris de Wit * * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. */ .bootstrap-timepicker{position: relative} .bootstrap-timepicker-widget.dropdown-menu{z-index:5000!important} .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu{left: auto; right: 0} .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before{left: auto; right: 12px} .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after{left: auto; right: 13px} .bootstrap-timepicker .add-on{cursor: pointer} .bootstrap-timepicker .add-on i{display: inline-block; width: 16px; height: 16px} .bootstrap-timepicker-widget.dropdown-menu{padding: 4px; min-width:inherit !important} .bootstrap-timepicker-widget.dropdown-menu.open{display: inline-block} .bootstrap-timepicker-widget.dropdown-menu:before{border-bottom: 7px solid rgba(0,0,0,.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute} .bootstrap-timepicker-widget.dropdown-menu:after{border-bottom: 6px solid #FFF; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute} .bootstrap-timepicker-widget.timepicker-orient-left:before{left: 6px} .bootstrap-timepicker-widget.timepicker-orient-left:after{left: 7px} .bootstrap-timepicker-widget.timepicker-orient-right:before{right: 6px} .bootstrap-timepicker-widget.timepicker-orient-right:after{right: 7px} .bootstrap-timepicker-widget.timepicker-orient-top:before{top: -7px} .bootstrap-timepicker-widget.timepicker-orient-top:after{top: -6px} .bootstrap-timepicker-widget.timepicker-orient-bottom:before{bottom: -7px; top:auto; border-bottom: 0; border-top: 7px solid #999} .bootstrap-timepicker-widget.timepicker-orient-bottom:after{bottom: -6px; top:auto; border-bottom: 0; border-top: 6px solid #fff} .bootstrap-timepicker-widget input{border:1px solid #ccc} .bootstrap-timepicker-widget table{width: 100%; margin: 0} .bootstrap-timepicker-widget table td{text-align: center; height: 30px; margin: 0; padding: 1px} .bootstrap-timepicker-widget table td:not(.separator){min-width: 30px} .bootstrap-timepicker-widget table td span{width: 100%} .bootstrap-timepicker-widget table td a{border: 1px transparent solid; width: 100%; display: inline-block; margin: 0; padding: 3px 0; outline: 0;} .bootstrap-timepicker-widget table td a i{margin-top: 2px; font-size: 10px} .bootstrap-timepicker-widget table td input{width: 25px; margin: 0; text-align: center} .bootstrap-timepicker-widget .modal-content{padding: 4px} @media (min-width:767px) { .bootstrap-timepicker-widget.modal{width: 200px; margin-left: -100px} } @media (max-width:767px) { .bootstrap-timepicker{width: 100%} .bootstrap-timepicker .dropdown-menu{width: 100%} } .note-editor{border: 1px solid #a9a9a9} .note-editor.fullscreen{position: fixed; top: 0; left: 0; z-index: 1050; width: 100%} .note-editor.fullscreen .note-editable{background-color: #fff} .note-editor.fullscreen .note-resizebar{display: none} .note-editor.codeview .note-editable{display: none} .note-editor.codeview .note-codeable{display: block} .note-editor .note-toolbar{padding-bottom: 5px; padding-left: 5px; margin: 0; background-color: #f5f5f5; border-bottom: 1px solid #a9a9a9} .note-editor .note-toolbar>.btn-group{margin-top: 5px; margin-right: 5px; margin-left: 0} .note-editor .note-toolbar .note-table .dropdown-menu{min-width: 0; padding: 5px} .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker{font-size: 18px} .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher{position: absolute!important; z-index: 3; width: 10em; height: 10em; cursor: pointer} .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted{position: relative!important; z-index: 1; width: 5em; height: 5em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat} .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted{position: absolute!important; z-index: 2; width: 1em; height: 1em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat} .note-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6, .note-editor .note-toolbar .note-style blockquote{margin: 0} .note-editor .note-toolbar .note-color .dropdown-toggle{width: 20px; padding-left: 5px} .note-editor .note-toolbar .note-color .dropdown-menu{min-width: 290px} .note-editor .note-toolbar .note-color .dropdown-menu .btn-group{margin: 0} .note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child{margin: 0 5px} .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title{margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee} .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset{padding: 0 3px; margin: 5px; font-size: 12px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover{background: #eee} .note-editor .note-toolbar .note-para .dropdown-menu{min-width: 153px; padding: 5px} .note-editor .note-toolbar .note-para li:first-child{margin-bottom: 5px} .note-editor .note-statusbar{background-color: #f5f5f5} .note-editor .note-statusbar .note-resizebar{width: 100%; height: 8px; cursor: s-resize; border-top: 1px solid #a9a9a9} .note-editor .note-statusbar .note-resizebar .note-icon-bar{width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9} .note-editor .note-popover .popover{max-width: none} .note-editor .note-popover .popover .popover-content{padding: 5px} .note-editor .note-popover .popover .popover-content a{display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle} .note-editor .note-popover .popover .popover-content .btn-group+.btn-group{margin-left: 5px} .note-editor .note-popover .popover .arrow{left: 20px} .note-editor .note-handle .note-control-selection{position: absolute; display: none; border: 1px solid #000} .note-editor .note-handle .note-control-selection>div{position: absolute} .note-editor .note-handle .note-control-selection .note-control-selection-bg{width: 100%; height: 100%; background-color: #000; -webkit-opacity: .3; -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30)} .note-editor .note-handle .note-control-selection .note-control-handle{width: 7px; height: 7px; border: 1px solid #000} .note-editor .note-handle .note-control-selection .note-control-holder{width: 7px; height: 7px; border: 1px solid #000} .note-editor .note-handle .note-control-selection .note-control-sizing{width: 7px; height: 7px; background-color: #fff; border: 1px solid #000} .note-editor .note-handle .note-control-selection .note-control-nw{top: -5px; left: -5px; border-right: 0; border-bottom: 0} .note-editor .note-handle .note-control-selection .note-control-ne{top: -5px; right: -5px; border-bottom: 0; border-left: 0} .note-editor .note-handle .note-control-selection .note-control-sw{bottom: -5px; left: -5px; border-top: 0; border-right: 0} .note-editor .note-handle .note-control-selection .note-control-se{right: -5px; bottom: -5px; cursor: se-resize} .note-editor .note-handle .note-control-selection .note-control-selection-info{right: 0; bottom: 0; padding: 5px; margin: 5px; font-size: 12px; color: #fff; background-color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-opacity: .7; -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70)} .note-editor .note-dialog>div{display: none} .note-editor .note-dialog .note-image-dialog .note-dropzone{min-height: 200px; font-size: 30px; line-height: 6; color: #d3d3d3; text-align: center; border: 4px dashed #d3d3d3} .note-editor .note-dialog .note-help-dialog{font-size: 12px; color: #ccc; background: 0 0; background-color: #222!important; border: 0; -webkit-opacity: .9; -khtml-opacity: .9; -moz-opacity: .9; opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90)} .note-editor .note-dialog .note-help-dialog .modal-content{background: 0 0; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .note-editor .note-dialog .note-help-dialog a{font-size: 12px; color: #fff} .note-editor .note-dialog .note-help-dialog .title{padding-bottom: 5px; font-size: 14px; font-weight: 700; color: #fff; border-bottom: #fff 1px solid} .note-editor .note-dialog .note-help-dialog .modal-close{font-size: 14px; color: #dd0; cursor: pointer} .note-editor .note-dialog .note-help-dialog .note-shortcut-layout{width: 100%} .note-editor .note-dialog .note-help-dialog .note-shortcut-layout td{vertical-align: top} .note-editor .note-dialog .note-help-dialog .note-shortcut{margin-top: 8px} .note-editor .note-dialog .note-help-dialog .note-shortcut th{font-size: 13px; color: #dd0; text-align: left} .note-editor .note-dialog .note-help-dialog .note-shortcut td:first-child{min-width: 110px; padding-right: 10px; font-family: "Courier New"; color: #dd0; text-align: right} .note-editor .note-editable{padding: 10px; overflow: scroll; outline: 0} .note-editor .note-codeable{display: none; width: 100%; padding: 10px; margin-bottom: 0; font-family: Menlo, Monaco, monospace, sans-serif; font-size: 14px; color: #ccc; background-color: #222; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none} .note-editor .dropdown-menu{min-width: 90px} .note-editor .dropdown-menu.right{right: 0; left: auto} .note-editor .dropdown-menu.right::before{right: 9px; left: auto!important} .note-editor .dropdown-menu.right::after{right: 10px; left: auto!important} .note-editor .dropdown-menu li a i{color: #00bfff; visibility: hidden} .note-editor .dropdown-menu li a.checked i{visibility: visible} .note-editor .note-color-palette{line-height: 1} .note-editor .note-color-palette div .note-color-btn{width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff} .note-editor .note-color-palette div .note-color-btn:hover{border: 1px solid #000} .no-padding .note-editor{border: 0} .note-editor .note-editable{background-color: rgba(48,126,204,.05)} .note-editor .note-editable:focus{background-color: #fff} .note-editor .note-statusbar .note-resizebar{border-top: 1px solid #DBDBDB} .note-editor .note-statusbar:hover{background: #EEE} .note-editor .note-statusbar:active{background: #eaeaea} .md-editor{display: block; border: 1px solid #ddd} .md-editor>.md-header, .md-editor .md-footer{display: block; padding: 6px 4px; background: #f5f5f5} .md-editor>.md-preview{background: #fff; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; min-height: 10px; padding: 10px} .md-editor>textarea{font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 13px; outline: 0; outline: thin dotted \9; margin: 0; display: block; padding: 0; width: 100%; border: 0; padding: 10px; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; border-radius: 0; box-shadow: none; background: #eee} .md-editor>textarea:focus{box-shadow: none; background: #fff} .md-editor.active{border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)} .dropzone, .dropzone *, .dropzone-previews, .dropzone-previews *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .dropzone{position: relative; border: 1px solid rgba(0,0,0,.08); background: rgba(0,0,0,.02); padding: 1em} .dropzone.dz-clickable{cursor: pointer} .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span{cursor: pointer} .dropzone.dz-clickable *{cursor: default} .dropzone .dz-message{opacity: 1; -ms-filter: none; filter: none} .dropzone.dz-drag-hover{border-color: rgba(0,0,0,.15); background: rgba(0,0,0,.04)} .dropzone.dz-started .dz-message{display: none} .dropzone .dz-preview, .dropzone-previews .dz-preview{background: rgba(255,255,255,.8); position: relative; display: inline-block; margin: 17px; vertical-align: top; border: 1px solid #acacac; padding: 6px} .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail]{display: none} .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details{width: 100px; height: 100px; position: relative; background: #ebebeb; padding: 5px; margin-bottom: 22px} .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename{overflow: hidden; height: 100%} .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img{position: absolute; top: 0; left: 0; width: 100px; height: 100px} .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size{position: absolute; bottom: -28px; left: 3px; height: 28px; line-height: 28px} .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark{display: block} .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark{display: block} .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img{display: none} .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark{display: none; position: absolute; width: 40px; height: 40px; font-size: 30px; text-align: center; right: -10px; top: -10px} .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark{color: #8cc657} .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark{color: #ee162d} .dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress{position: absolute; top: 100px; left: 6px; right: 6px; height: 6px; background: #d7d7d7; display: none} .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload{position: absolute; top: 0; bottom: 0; left: 0; width: 0; background-color: #8cc657} .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress{display: block} .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message{display: none; position: absolute; top: -5px; left: -20px; background: rgba(245,245,245,.8); padding: 8px 10px; color: #800; min-width: 140px; max-width: 500px; z-index: 500} .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message{display: block} .dropzone, .dropzone *, .dropzone-previews, .dropzone-previews *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .dropzone{position: relative; border: 1px solid rgba(0,0,0,.08); background: rgba(0,0,0,.02); padding: 1em} .dropzone.dz-clickable{cursor: pointer} .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span{cursor: pointer} .dropzone.dz-clickable *{cursor: default} .dropzone .dz-message{opacity: 1; -ms-filter: none; filter: none} .dropzone.dz-drag-hover{background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(0,0,0,.03)), color-stop(.25, rgba(0,0,0,0)), color-stop(.5, rgba(0,0,0,0)), color-stop(.5, rgba(0,0,0,.03)), color-stop(.75, rgba(0,0,0,.03)), color-stop(.75, rgba(0,0,0,0)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(135deg, rgba(0,0,0,.03) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0)); background-image: -moz-linear-gradient(135deg, rgba(0,0,0,.03) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(0,0,0,.03) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(0,0,0,.03) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(0,0,0,.03) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0)); background-color: #fafafa; background-size: 22px 22px; border: 5px dashed #ccc} .dropzone.dz-started .dz-message{display: none} .dropzone .dz-preview, .dropzone-previews .dz-preview{background: rgba(255,255,255,.8); position: relative; display: inline-block; margin: 10px; vertical-align: top; border: 1px solid #acacac; padding: 6px} .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail]{display: none} .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details{width: 100px; height: 100px; position: relative; background: #ebebeb; padding: 5px; margin-bottom: 22px} .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename{overflow: hidden; height: 100%} .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img{position: absolute; top: 0; left: 0; width: 100px; height: 100px} .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size{position: absolute; bottom: -28px; left: 3px; height: 28px; line-height: 28px} .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark{display: block} .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark{display: block} .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img{display: none} .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark{display: none; position: absolute; width: 40px; height: 40px; font-size: 30px; text-align: center; right: -10px; top: -10px} .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark{color: #8cc657} .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark{color: #ee162d} .dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress{position: absolute; top: 100px; left: 6px; right: 6px; height: 6px; background: #d7d7d7; display: none} .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload{position: absolute; top: 0; bottom: 0; left: 0; width: 0; background-color: #8cc657} .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress{display: block} .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message{display: none; position: absolute; top: -5px; left: -20px; background: rgba(245,245,245,.8); padding: 8px 10px; color: #800; min-width: 140px; max-width: 500px; z-index: 500} .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message{display: block} .dropzone{border: 1px solid rgba(0,0,0,.03); min-height: 360px; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0,0,0,.03)} .dropzone .dz-default.dz-message{opacity: 1; -ms-filter: none; filter: none; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; background-image: url(../images/xpui/dropzone/spritemap.png); background-repeat: no-repeat; background-position: 0 0; position: absolute; width: 428px; height: 123px; margin-left: -214px; margin-top: -61.5px; top: 50%; left: 50%} .dropzone .dz-default.dz-message span{display: none} .dropzone.dz-square .dz-default.dz-message{background-position: 0 -123px; width: 268px; margin-left: -134px; height: 174px; margin-top: -87px} .dropzone.dz-drag-hover .dz-message{opacity: .15; -ms-filter: "alpha(Opacity=15)"; filter: alpha(opacity=15)} .dropzone.dz-started .dz-message{display: block; opacity: 0; -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0)} .dropzone .dz-preview, .dropzone-previews .dz-preview{-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.16); box-shadow: 1px 1px 4px rgba(0,0,0,.16); font-size: 14px} .dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img{display: block; opacity: .1; -ms-filter: "alpha(Opacity=10)"; filter: alpha(opacity=10)} .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark{opacity: 1; -ms-filter: none; filter: none} .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark{opacity: 1; -ms-filter: none; filter: none} .dropzone .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload{background: #ee1e2d} .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark{display: block; opacity: 0; -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; background-image: url(../images/xpui/dropzone/spritemap.png); background-repeat: no-repeat} .dropzone .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-success-mark span{display: none} .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark{background-position: -268px -123px} .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark{background-position: -268px -163px} .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload{-webkit-animation: loading .4s linear infinite; -moz-animation: loading .4s linear infinite; -o-animation: loading .4s linear infinite; -ms-animation: loading .4s linear infinite; animation: loading .4s linear infinite; -webkit-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; -o-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-image: url(../images/xpui/dropzone/spritemap.png); background-repeat: repeat-x; background-position: 0 -400px} .dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress{display: block; opacity: 0; -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out} .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message{display: block; opacity: 0; -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out} .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message{opacity: 1; -ms-filter: none; filter: none} .dropzone a.dz-remove, .dropzone-previews a.dz-remove{ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee)); background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%); background-image: -moz-linear-gradient(top, #fafafa 0, #eee 100%); background-image: -o-linear-gradient(top, #fafafa 0, #eee 100%); background-image: -ms-linear-gradient(top, #fafafa 0, #eee 100%); background-image: linear-gradient(top, #fafafa 0, #eee 100%); -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #eee; text-decoration: none; display: block; padding: 4px 5px; text-align: center; color: #aaa; margin-top: 26px} .dropzone a.dz-remove:hover, .dropzone-previews a.dz-remove:hover{color: #666} @-moz-keyframes loading { 0% { background-position:0 -400px} 100% { background-position:-7px -400px} } @-webkit-keyframes loading { 0% { background-position:0 -400px} 100% { background-position:-7px -400px} } @-o-keyframes loading { 0% { background-position:0 -400px} 100% { background-position:-7px -400px} } @-ms-keyframes loading { 0% { background-position:0 -400px} 100% { background-position:-7px -400px} } @keyframes loading { 0% { background-position:0 -400px} 100% { background-position:-7px -400px} } .the-price{background-color: rgba(220,220,220,.17); box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff; padding: 20px; margin: 0} .the-price h1{line-height: 1em; padding: 0; margin: 0} .subscript{font-size: 21px; color: #999} .ribbon{position: absolute; right: 9px; top: -4px} .pricing-big{border: 0!important} .pricing-big .panel-heading{border-radius: 5px 5px 0 0} .pricing-big .panel-title{text-transform: capitalize; font-size: 18px; padding: 20px 0; text-align: center; border-radius: 5px 5px 0 0; margin: 0; font-weight: 700} .pricing-big .the-price{padding: 20px 0; background: #333; text-align: center; font-size: 24px; font-weight: 700; color: #FFF; box-shadow: none!important; -moz-box-shadow: none!important} .pricing-big .subscript{font-size: 18px; color: #999; margin-left: 5px} .price-features{background: #FAFAFA; padding: 20px 15px; min-height: 230px; font-size: 13.5px} .price-features li+li{margin-top: 10px} .pricing-big .panel-footer{border-radius: 0 0 5px 5px} .pricing-big .panel-footer .btn{padding: 15px 0; border-radius: 3px; font-weight: 700; font-size: 14px} .pricing-big .panel-footer .btn span{font-weight: 400; font-style: italic} .pricing-big .panel-footer{background-color: #F2F2F2!important} .pricing-big .panel-footer>div{padding: 15px 0 10px; display: block; font-size: 13px} .pricing-big table{background: #FAFAFA; padding: 20px 15px; height: 230px; text-align: left} .superbox *, .superbox :after, .superbox :before{margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility} .superbox-list{display: inline-block; *display:inline; zoom: 1; width: 12.5%; padding: 5px; position: relative} .superbox-list.active:before{content: "\f0d8"; font-family: FontAwesome; display: block; position: absolute; left: 43%; bottom: -34px; z-index: 2; text-align: center; font-size: 45px; color: #222} .superbox-img{max-width: 100%; width: 100%; cursor: pointer} .superbox-show{text-align: left; position: relative; background-color: #222; width: 100%; float: left; padding: 25px 0 12px 25px; display: none; margin: 5px 0} .superbox-current-img{max-width: 100%; float: left; padding-right: 25px; padding-bottom: 13px} .superbox-img:hover{opacity: .8} .superbox-float{float: left} .superbox-close{opacity: .7; cursor: pointer; position: absolute; top: 15px; right: 15px; transition: all .1s linear 0s} .superbox-close:hover{opacity: 1} .superbox-imageinfo{display: inline-block; max-width: 500px; color: #fff; padding: 0 25px 0 0} .superbox-imageinfo span{font-size: 13px; color: #a19994; margin-right: -2px; padding-top: 10px; display: inline-block; padding-bottom: 13px} .superbox-imageinfo>:first-child{margin-bottom: 10px; font-weight: 700} .superbox-imageinfo span p:last-child{margin-top: 30px} @media only screen and (min-width:320px) { .superbox-list{width: 50%} } @media only screen and (min-width:486px) { .superbox-list{width: 25%} } @media only screen and (min-width:768px) { .superbox-list{width: 16.66666667%} } @media only screen and (min-width:1025px) { .superbox-list{width: 12.5%} } @media only screen and (min-width:1824px) { .superbox-list{width: 12.5%} } /* * Slider for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .slider{display: inline-block; vertical-align: middle; position: relative} .slider.slider-horizontal{width: 100%!important; height: 20px} .slider.slider-horizontal .slider-track{height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0} .slider.slider-horizontal .slider-selection{height: 100%; top: 0; bottom: 0} .slider.slider-horizontal .slider-handle{margin-left: -10px; margin-top: -5px} .slider.slider-horizontal .slider-handle.triangle{width: 20px; height: 20px; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); border: 0; line-height: 21px; color: #797777; text-shadow: 0 1px 0 rgba(255,255,255,.8)} .slider.slider-horizontal .slider-handle.triangle:before{content: "\f0da"; font-size: 34px} .slider-horizontal .slider-selection+.slider-handle.triangle+.slider-handle.triangle:before{content: "\f0d9"} .slider.slider-vertical{height: 210px; width: 20px} .slider.slider-vertical .slider-track{width: 10px; height: 100%; margin-left: -5px; left: 50%; top: 0} .slider.slider-vertical .slider-selection{width: 100%; left: 0; top: 0; bottom: 0} .slider.slider-vertical .slider-handle{margin-left: -5px; margin-top: -10px} .slider.slider-vertical .slider-handle.triangle{width: 20px; height: 20px; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); border: 0; line-height: 21px; color: #797777; text-shadow: 0 -1px 0 rgba(255,255,255,.8)} .slider.slider-vertical .slider-handle.triangle:before{content: "\f0d7"; font-size: 32px; text-shadow: 0 1px 0 rgba(255,255,255,.8)} .slider.slider-vertical .slider-selection+.slider-handle.triangle+.slider-handle.triangle:before{content: "\f0d8"; text-shadow: 0 -1px 0 rgba(255,255,255,.8)} .slider input{display: none} .slider .tooltip-inner{white-space: nowrap} .slider-track{position: absolute; cursor: pointer; background: #E5E5E5} .slider-selection{position: absolute; background: #3276b1} .slider-handle{position: absolute; width: 20px; height: 20px; border: 1px solid #FFF; background: #858585; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 18px; font-size: 10px; color: #BDBDBD; text-shadow: 0 1px 0 rgba(77,77,77,.5); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg)} .slider-handle:before{content: "\f0c9"} .slider-handle.round{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 20px; height: 20px} .slider-handle.triangle{background: transparent none} .slider-danger+.slider-track>.slider-selection{background: #a90329} .slider-warning+.slider-track>.slider-selection{background: #c79121} .slider-info+.slider-track>.slider-selection{background: #57889c} .slider-success+.slider-track>.slider-selection{background: #739e73} .customfile-button{padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid #ccc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none} .ui-button-icon-primary.ui-icon[class^=icon-]:before, .ui-button-icon-primary.ui-icon[class*=" icon-"]:before, .ui-button-icon-secondary.ui-icon[class^=icon-]:before, .ui-button-icon-secondary.ui-icon[class*=" icon-"]:before{font-size: inherit; margin-left: 7px!important; margin-left: 5px; display: inline; text-decoration: inherit; color: inherit} .ui-state-default .ui-icon[class*=" icon-"]{background: 0 0; margin-left: -12px} #chat-container *, #chat-container :after, #chat-container :before{box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box} #chat-container input[type=text]{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box} #chat-container{position: absolute; width: 250px; height: 270px; z-index: 2; border-left: 1px solid #CDCECF; right: -251px; top: 0; background: #fff; transition-duration: .25s; -webkit-transition-duration: .25s; -moz-transition-duration: .25s; -o-transition-duration: .25s; -ms-transition-duration: .25s} #chat-container:hover, #chat-container:hover .chat-list-open-close{border-color: #A7A7A7} #chat-container.open{right: 0; top: 0} #chat-container .chat-list-open-close{display: block; width: 25px; height: 25px; border: 1px solid #CDCECF; border-right: 1px solid #f2f4f8!important; position: absolute; left: -32px; top: 7%; border-radius: 50% 0 0 50%; background: #FFF; padding: 3px 1px 3px 5px; font-size: 21px; line-height: 22px; cursor: pointer; color: #868686; box-shadow: inset 0 .2em 0 rgba(0,0,0,.05); -moz-box-shadow: inset 0 .2em 0 rgba(0,0,0,.05); background: #f2f4f8; text-align: center} #chat-container .chat-list-open-close b{position: absolute; right: 0; background: #ed1c24; line-height: 9px; height: 10px; width: 10px; font-size: 0; top: 3px; border: 1px solid #FFF; border-radius: 3px; font-size: 9px; text-align: center; vertical-align: middle; color: #fff; font-weight: 400} #chat-container.open .chat-list-open-close i:before{content: "\f00d"!important} #chat-container.open .chat-list-open-close b{display: none} #chat-container .chat-list-body{height: 217px; overflow-y: scroll; overflow-x: hidden; display: block; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #f2f4f8} #chat-container #chat-users{list-style: none; margin: 10px 0; padding: 0} #chat-container #chat-users li{margin-bottom: 3px; margin-left: 5px} #chat-container #chat-users li a{display: block; font-size: 13px; color: #3d3d3d; text-decoration: none!important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 3px 8px 3px 3px; line-height: 33px; vertical-align: middle} #chat-container #chat-users li a:hover{background: #e0e4ee} #chat-container #chat-users li a img{width: 33px; height: auto; margin-right: 10px} #chat-container #chat-users li a i{color: #ACACAC; font-size: 8px; line-height: 34px; font-style: normal} #chat-container #chat-users li a i.last-online{font-size: 12px; letter-spacing: -1px} #chat-container .chat-list-footer{overflow: hidden; border-top: 1px solid #CCC; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box} #chat-container .chat-list-footer input[type=text]{border: 1px solid #bababa!important} #chat-container .control-group{padding: 0} .chat-body{background: #FAFAFA; background: -moz-linear-gradient(top, #fafafa 0, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #fafafa 0, #fff 100%); background: -o-linear-gradient(top, #fafafa 0, #fff 100%); background: -ms-linear-gradient(top, #fafafa 0, #fff 100%); background: linear-gradient(to bottom, #f5fcff 0, #fff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0); box-shadow: inset 2px 2px 5px rgba(0,0,0,.04); -moz-box-shadow: inset -2px -2px 5px rgba(0,0,0,.04); display: block; height: 270px; overflow-y: scroll; overflow-x: hidden; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #fff; border-top: 0} .chat-body ul{margin: 0; padding: 0} .chat-body li.message{display: block; position: relative; margin: 20px 20px 0} .chat-body li:first-child{margin-top: 10px} .chat-body li.message > img, .chat-body li.message > div > .img{display: inline-block; border-left: 4px solid #fff; position: absolute} .chat-body li.message > div > .img{width:40px} .chat-body li.message > div > .img > .nopic{width:35px; height:35px; line-height:35px; margin:0 auto 5px auto; text-align:center; font-size:16px; color:#fff} .chat-body li.message > div > .img img{max-width:100%} .chat-body li.message img.online{border-left-color: #00a300} .chat-body li.message img.offline{border-left-color: #ddd} .chat-body li.message img.busy{border-left-color: #A90329} .chat-body li.message img.away{border-left-color: #ffc40d} .chat-body li.message .message-text{display: display:inherit; vertical-align: top; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; line-height: normal} .chat-body li.message img + .message-text, .chat-body li.message .img + .message-text{ margin-left: 65px; } .chat-body li.message .message-text time{position: absolute; top: 1px; right: 0; font-size: 10px; line-height: 10px; color: #AFAFAF} .chat-body li.message .message-text .chat-file:nth-child(3){margin-top: 15px} .chat-body li.message .message-text .chat-file{display: block; margin: 3px 0; padding: 4px; border: 1px dotted #ddd; background: rgba(0,0,0,.05); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-align: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box} .chat-body li.message .message-text .chat-file.row-fluid [class*=span]{min-height: 10px!important} .chat-body li.message .message-text .chat-file b{font-style: italic; white-space: nowrap; width: 250px; overflow: hidden; text-overflow: ellipsis; text-align: left} .chat-body li.message .message-text a.username{display: block; font-weight: 700; margin-bottom: 4px; vertical-align: top; line-height: 14px; font-size: 14px; letter-spacing: 0px; text-decoration: none!important} .profile-message{background: none!important; height: auto!important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; overflow: hidden} .profile-message li.message.message-reply{margin-left: 85px!important; background: #F7F7F7; padding: 10px; margin: 3px 0 0 20px} .profile-message li.message.message-reply img{width: 35px!important} .profile-message li.message.message-reply img + .message-text{margin-left: 45px!important} .profile-message .wall-comment-reply{margin-left: 85px; margin-bottom: 20px} .chat-footer{border-top: 1px solid rgba(0,0,0,.1); background: rgba(248,248,248,.9); padding: 0 10px 15px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box} .textarea-div{background-color: #FFF; border: 1px solid #CCC; border-bottom: 0; margin: 10px 0 0} .typearea{cursor: text; overflow-x: hidden; overflow-y: auto; max-height: 90px; padding: 5px 25px 5px 5px; position: relative; border-bottom: 1px solid #EEE} .typearea textarea{width: 100%; border-color: transparent!important; box-sizing: border-box; box-shadow: none; -moz-box-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: none; overflow: hidden; padding: 0; margin: 0; -webkit-transition: height .2s; -moz-transition: height .2s; transition: height .2s; outline: 0; resize: none; min-height: 61px} textarea.clone{position: absolute; visibility: hidden} .textarea-controls{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px; display: block; background-color: #FFF; border: 1px solid #CCC; border-top: 0; height: 43px; line-height: 33px; overflow: hidden} .textarea-controls>label{margin: 3px 10px 0} .textarea-controls .smart-form .checkbox{padding-left: 22px!important} @media (min-width:768px) and (max-width:880px) { .chat-body li.message .message-text .chat-file b{width: 150px} } @media only screen and (min-width:320px) and (max-width:479px) { .chat-body li.message .message-text .chat-file b{width: 150px} } @media (max-width:480px) { .chat-body li.message .message-text .chat-file b{width: 150px} } .divMessageBox{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.6); z-index: 100000} .MessageBoxContainer{top: 35%; color: #fff; position: relative; width: 100%; background-color: #232323; background-color: rgba(0,0,0,.8); padding: 20px} .MessageBoxIcon{position: absolute;margin-left: -100px;} .MessageBoxIcon .MessageBoxIconSize{font-size: 80px;} .MessageBoxMiddle{position: relative; left: 20%; width: 60%} .MessageBoxMiddle .MsgTitle{letter-spacing: -1px; font-size: 24px; font-weight: 300} .MessageBoxMiddle .pText{font-style: 30px} .MessageBoxContainer input{width: 50%; padding: 5px} .MessageBoxContainer select{width: 50%; padding: 5px} .MessageBoxButtonSection{width: 100%; height: 30px} .MessageBoxButtonSection button{float: right; margin-right: 7px; padding-left: 15px; padding-right: 15px; font-size: 14px; font-weight: 700} .LoadingBoxContainer{top: 20%; color: #fff; position: relative; width: 100%; background-color: #232323} .LoadingBoxMiddle{position: relative; left: 20%; width: 50%; padding: 10px} .LoadingBoxContainer .MsgTitle{font-size: 26px} .LoadingBoxContainer .pText{font-style: 30px} #LoadingPoints{position: absolute} .bigBox{position: fixed; right: 10px; bottom: 10px; background-color: #004d60; padding-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 5px; width: 390px; height: 150px; color: #fff; z-index: 99999; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; border-left: 5px solid rgba(0,0,0,.15); overflow: hidden} .bigBox span{font-size: 17px; font-weight: 300; letter-spacing: -1px; padding: 5px 0!important; display: block} .bigBox p{font-size: 13px; margin-top: 10px} #divMiniIcons{position: fixed; width: 415px; right: 10px; bottom: 180px; z-index: 9999; float: right} .botClose{position: absolute; right: 10px; height: 16px; width: 15px; cursor: pointer; font-size: 18px; opacity: .5; display: block; top: 15px} .SmallBox .botClose{background-color:var(--dark-theme-color, #007CBE); padding:1px 3px; width:auto; height:auto; opacity:1; top:0; right:0; border-radius:0} .botClose:hover{opacity: 1} #divMiniIcons .cajita{text-align: center; vertical-align: middle; padding: 4px 6px; color: #FFF; float: right; cursor: pointer; display: block; background-color: red; font-size: 17px; margin-left: 4px; margin-top: 5px} #divMiniIcons .cajita:active{top: 1px; left: 1px; position: relative} .cajita img{width: 23px; height: 23px; padding-left: 3px; padding-top: 3px} .bigBox .bigboxicon{font-size: 30px; text-align: left; position: absolute; top: 120px; left: 6px; z-index: 0} .bigBox .bigboxnumber{width: 100%; text-align: right; font-size: 25px} #divSmallBoxes{position: fixed; right: 0; top: 40px; z-index: 9999} .SmallBox{position: absolute; right: 5px; top: 20px; width: 420px; z-index: 9999; overflow: hidden; border: 1px solid transparent} .SmallBox:hover{border: 1px solid #fff; cursor: default} .SmallBox .foto{font-size: 22px; position: absolute; left: 10px} .SmallBox .textoFull{width: 93%; float: left; padding-left: 20px} .SmallBox .textoFoto{margin: 3px 20px 3px 40px;} .miniPic{position: absolute; top:5px; right:5px} .miniIcono{height: 100%; font-size: 15px} .miniIcono .icon-times-alt{color:var(--dark-theme-color, #007CBE)} .SmallBox span{font-size: 17px; font-weight: 300; letter-spacing: -1px; display: block; margin: 4px 0} .SmallBox p{font-size: 13px; margin-top: 2px} #pageslide{display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 305px; padding: 20px; background-color: #004d60; color: #FFF; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-shadow: inset 0 0 0 0 #222; box-shadow: inset 0 0 0 0 #222} .purehtml{color: #fff; font-size: 16px} @media screen and (max-width:450px) and (max-width:767px) { #divSmallBoxes{position: fixed; width: 90%; right: 0; top: 0} .SmallBox{width: 95%} .SmallBox:hover{box-shadow: 0 0 10px #888; cursor: default} .SmallBox span{font-size: 16px} .SmallBox p{font-size: 12px; margin-top: 2px} .SmallBox .textoFull{width: 93%; float: left; padding-left: 20px} .SmallBox .textoFoto{width: 55%; margin: 3px 20px 3px 80px; float: left} .bigBox{position: fixed; right: 10px; bottom: 10px; background-color: #004d60; padding-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 5px; width: 88%; height: 150px; color: #fff; z-index: 99999} .divMessageBox{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.6); z-index: 100000} .MessageBoxContainer{top: 25%; color: #fff; position: relative; width: 100%; background-color: #232323} .MessageBoxMiddle{position: relative; left: 0; width: 100%; padding: 3px} .MessageBoxMiddle .MsgTitle{font-size: 22px} .MessageBoxMiddle .pText{font-style: 10px} .MessageBoxContainer input{width: 50%; padding: 5px} .MessageBoxContainer select{width: 50%; padding: 5px} .MessageBoxButtonSection{width: 100%; height: 30px} } .animated{-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both} @-webkit-keyframes fadeIn { 0% { opacity:0} 100% { opacity:1} } @-moz-keyframes fadeIn { 0% { opacity:0} 100% { opacity:1} } @-o-keyframes fadeIn { 0% { opacity:0} 100% { opacity:1} } @keyframes fadeIn { 0% { opacity:0} 100% { opacity:1} } .fadeIn{-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn} @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translateX(20px)} 100% { opacity:1; -webkit-transform:translateX(0)} } @-moz-keyframes fadeInRight { 0% { opacity:0; -moz-transform:translateX(20px)} 100% { opacity:1; -moz-transform:translateX(0)} } @-o-keyframes fadeInRight { 0% { opacity:0; -o-transform:translateX(20px)} 100% { opacity:1; -o-transform:translateX(0)} } @keyframes fadeInRight { 0% { opacity:0; transform:translateX(20px)} 100% { opacity:1; transform:translateX(0)} } .fadeInRight{-webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight} @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translateY(20px)} 100% { opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp { 0% { opacity:0; -moz-transform:translateY(20px)} 100% { opacity:1; -moz-transform:translateY(0)} } @-o-keyframes fadeInUp { 0% { opacity:0; -o-transform:translateY(20px)} 100% { opacity:1; -o-transform:translateY(0)} } @keyframes fadeInUp { 0% { opacity:0; transform:translateY(20px)} 100% { opacity:1; transform:translateY(0)} } .fadeInUp{-webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp} @-webkit-keyframes fadeOut { 0% { opacity:1} 100% { opacity:0} } @-moz-keyframes fadeOut { 0% { opacity:1} 100% { opacity:0} } @-o-keyframes fadeOut { 0% { opacity:1} 100% { opacity:0} } @keyframes fadeOut { 0% { opacity:1} 100% { opacity:0} } .fadeOut{-webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut} @-webkit-keyframes fadeOutLeft { 0% { opacity:1; -webkit-transform:translateX(0)} 100% { opacity:0; -webkit-transform:translateX(-20px)} } @-moz-keyframes fadeOutLeft { 0% { opacity:1; -moz-transform:translateX(0)} 100% { opacity:0; -moz-transform:translateX(-20px)} } @-o-keyframes fadeOutLeft { 0% { opacity:1; -o-transform:translateX(0)} 100% { opacity:0; -o-transform:translateX(-20px)} } @keyframes fadeOutLeft { 0% { opacity:1; transform:translateX(0)} 100% { opacity:0; transform:translateX(-20px)} } .fadeOutLeft{-webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft} .square{display: block; float: left; margin-right: 10px; height: 20px; width: 20px} [class^=bg-], [class*=" bg-"] { filter:none!important} .irs{position: relative; display: block} .irs-line{position: relative; display: block; overflow: hidden} .irs-line-left, .irs-line-mid, .irs-line-right{position: absolute; display: block; top: 0} .irs-line-left{left: 0; width: 10%} .irs-line-mid{left: 10%; width: 80%} .irs-line-right{right: 0; width: 10%} .irs-diapason{position: absolute; display: block; left: 0; width: 100%} .irs-slider{position: absolute; display: block; cursor: default; z-index: 1} .irs-slider.single{left: 10px} .irs-slider.single:before{position: absolute; display: block; content: ""; top: -50%; left: -150%; width: 400%; height: 200%; background: rgba(0,0,0,0)} .irs-slider.from{left: 100px} .irs-slider.from:before{position: absolute; display: block; content: ""; top: -50%; left: -300%; width: 400%; height: 200%; background: rgba(0,0,0,0)} .irs-slider.to{left: 300px} .irs-slider.to:before{position: absolute; display: block; content: ""; top: -50%; left: 0; width: 400%; height: 200%; background: rgba(0,0,0,0)} .irs-slider.last{z-index: 2} .irs-min{position: absolute; display: block; left: 0; cursor: default} .irs-max{position: absolute; display: block; right: 0; cursor: default} .irs-from, .irs-to, .irs-single{position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap} .irs-grid{position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px} .irs-with-grid .irs-grid{display: block} .irs-grid-pol{position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000} .irs-grid-pol.small{height: 4px} .irs-grid-text{position: absolute; bottom: 0; left: 0; width: 100px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; color: #000} .irs{height: 40px} .irs-with-grid{height: 60px} .irs-line{height: 8px; top: 25px; background: #eee} .irs-line-left{height: 8px} .irs-line-mid{height: 8px} .irs-line-right{height: 8px} .irs-diapason{height: 8px; top: 25px} .irs-slider{width: 10px; height: 22px; top: 17px; border: 1px solid #fff; background: #858585} .irs-slider:hover{background: #6c6c6c} #irs-active-slider{background: #686868; box-shadow: rgba(0,0,0,.3) 1px 1px 1px 0; width: 12px; height: 24px; top: 16px} .irs-min, .irs-max{color: #999; font-size: 12px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: rgba(0,0,0,.1); border-radius: 0} .lt-ie9 .irs-min, .lt-ie9 .irs-max{background: #bfbfbf} .irs-from, .irs-to, .irs-single{color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: rgba(0,0,0,.4); border-radius: 0} .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single{background: #999} .irs-grid-pol{background: #99a4ac} .irs-grid-text{color: #99a4ac} .irs-diapason{background: #3276b1} .ui-widget-overlay{background-image: none; background: #AAA; height: 200%; z-index: 9999; position: fixed; top: 0; left: 0} .slider{margin-top: 0; margin-bottom: 30px} .slider.slider-vertical{margin-bottom: 0; margin-right: 5px} .ui-menu{width: 155px; padding: 2px; -webkit-box-shadow: 0 2px 4px rgba(30,30,100,.25); -moz-box-shadow: 0 2px 4px rgba(30,30,100,.25); box-shadow: 0 2px 4px rgba(30,30,100,.25); background: #fff; border: 1px solid rgba(0,0,0,.2); z-index: 1} .ui-menu .ui-state-disabled{margin: .4em 0 .2em!important; background: none!important; color: #999!important; font-weight: 400!important; cursor: default} .ui-icon-carat-1-e:before{content: "\f105"; font-family: FontAwesome; font-size: 14px; display: inline} .ui-menu .ui-menu-item a .ui-menu-icon{width: auto; height: auto; top: 0; left: auto; right: auto; bottom: auto; text-indent: 0} .ui-tabs .ui-tabs-nav li a{border-radius: 0; -moz-border-radius: 0; background-color: #F5F5F5; border: 1px solid #F5F5F5; border-bottom: 1px solid #ddd; color: #838383} .ui-tabs .ui-tabs-nav li{margin-right: 3px} .ui-tabs .ui-tabs-nav li.ui-tabs-active a{font-weight: 700; border-top-width: 0!important; margin-top: 1px!important; -webkit-box-shadow: 0 -2px 0 #57889c; -moz-box-shadow: 0 -2px 0 #57889c; box-shadow: 0 -2px 0 #57889c} .ui-tabs .ui-tabs-panel{border: 1px solid #ddd; margin: 0; padding: 10px 13px; border-top: 0} .ui-tabs .ui-tabs-nav{margin-bottom: 0} .ui-accordion .ui-accordion-content{padding: 0} .ui-accordion .ui-accordion-header{background-color: #fbfbfb; font-size: 15px; padding: 10px 15px 10px 36px!important} .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content{border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0} .ui-accordion .ui-accordion-content{padding: 15px} .ui-accordion-header-active+.ui-accordion-content{border-top: 1px solid #ddd} .ui-accordion .ui-accordion-header{margin-top: -2px} .ui-accordion .ui-accordion-header, .ui-accordion-content{border-color: #ddd!important} .ui-accordion-header-icon{text-indent: 0!important; background-image: none!important; text-align: center; line-height: normal; left: 12px!important; margin-top: -6px!important; font-size: 14px!important} .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev{text-align: center; margin-top: 2px; font-size:12px;} .ui-datepicker-next>:first-child, .ui-datepicker-prev>:first-child{text-indent: 0!important} .noUi-target *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default} .noUi-base{width: 100%; height: 14px; position: relative; max-width: 100%; max-height: 100%; border: 1px solid #bfbfbf; z-index: 1} .noUi-origin-lower{background: #72a8d7} .noUi-handle{background: #858585; height: 30px; width: 16px; border: 1px solid #fff; margin: -8px 0 0 -8px; cursor: default} .noUi-handle:hover{background: #6c6c6c} .noUi-active{cursor: default; box-shadow: rgba(0,0,0,.1) 1px 1px 1px 0; background: #686868; height: 32px; width: 18px; margin: -9px 0 0 -8px; border: 0} .noUi-active:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ""; display: block; height: 100%; border: 1px solid #ddd} .noUi-connect{background: #3276b1} .noUi-background{background: #eee; border: 0} .noUi-origin{position: absolute; right: 0; top: 0; bottom: 0; z-index: 0} .noUi-origin-upper{background: inherit!important} .noUi-z-index{z-index: 10} .noUi-vertical{width: 10px; height: 100%} .noUi-vertical .noUi-origin{bottom: 0; left: 0} .noUi-vertical .noUi-handle{margin: -8px 0 0 -3px} .noUi-target[disabled] .noUi-base{background: #999} .noUi-target[disabled] .noUi-connect{background: #BBB} .noUi-state-tap .noUi-origin{-webkit-transition: left .3s, top .3s; transition: left .3s, top .3s} .ui-spinner-input{margin: 0!important; height: 30px; padding: 6px 24px 6px 12px} .ui-spinner-input.spinner-left{padding: 6px 12px 6px 24px} .ui-spinner{width: 100%} .ui-spinner-input.spinner-left+.ui-spinner-button, .ui-spinner-input.spinner-left+.ui-spinner-button+.ui-spinner-button{right: auto; left: 0} .ui-spinner-up, .ui-spinner-down{background: #739e73; border-radius: 0} .ui-spinner-up:hover, .ui-spinner-up:active, .ui-spinner-up:focus{background: #5b835b} .ui-spinner-down:hover, .ui-spinner-down:active, .ui-spinner-down:focus{background: #77021d} .ui-spinner-down{background: #c2032f} .ui-spinner-up:before, .ui-spinner-down:before{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f067"; color: #fff; font-size: 14px; margin-top: 1px} .ui-spinner-down:before{content: "\f068"} .ui-spinner-up>:first-child, .ui-spinner-down>:first-child{display: none} .ui-spinner-button{width: 19px} .ui-widget-content .ui-icon{background: none!important} .ui-spinner-input.spinner-both{padding: 6px 30px} .ui-spinner-input.spinner-both+.ui-spinner-button+.ui-spinner-button{left: 0; right: auto} .ui-spinner-input.spinner-both+.ui-spinner-button, .ui-spinner-input.spinner-both+.ui-spinner-button+.ui-spinner-button{height: 30px; width: 25px} .ui-spinner-input.spinner-both+.ui-spinner-up:before, .ui-spinner-input.spinner-both+.ui-spinner-up+.ui-spinner-down:before{margin-top: 8px} .ui-dialog{-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); border: 1px solid #999; border: 1px solid rgba(0,0,0,.2)} .ui-widget-overlay{z-index: 999} .ui-dialog .ui-dialog-titlebar{padding: 0 10px; background: #fff; border-bottom-color: #eee} .ui-dialog .ui-dialog-title{margin: 0} .ui-dialog .ui-dialog-titlebar-close{margin-top: -16px; margin-right: 4px} .ui-dialog-titlebar-close:before{content: "\f00d"; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px} .ui-dialog .ui-dialog-buttonpane button{margin: 0 .4em 0 0} .ui-dialog .ui-dialog-buttonpane{margin-top: 13px; padding: 19px 15px 20px; text-align: right; border-top: 1px solid #eee} .checkbox input[type=checkbox].checkbox+span, .checkbox-inline input[type=checkbox].checkbox+span, .radiobox-inline input[type=radio].radiobox+span, .radio input[type=radio].radiobox+span{margin-left: -20px} .form-inline .checkbox input[type=checkbox].checkbox+span, .form-inline .radiobox input[type=radio].radiobox+span{margin-left: 0} .form-inline .checkbox, .form-inline .radiobox{padding-left: 0} label input[type=radio].radiobox+span, input[type=checkbox].checkbox+span{vertical-align: middle; line-height: 20px} input[type=checkbox].checkbox+span, input[type=checkbox].checkbox+span:after, input[type=checkbox].checkbox+span:before, input[type=radio].radiobox+span, input[type=radio].radiobox+span:after, input[type=radio].radiobox+span:before{box-sizing: content-box!important; -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important} input[type=checkbox].checkbox, input[type=radio].radiobox{visibility: hidden; position: absolute; z-index: 20; width: 18px; height: 18px} label input[type=checkbox].checkbox+span, label input[type=radio].radiobox+span{position: relative; z-index: 19; display: inline-block; margin: 0; line-height: 17px; min-height: 14px; min-width: 14px; margin-right: 5px} /*label input[type=checkbox].checkbox+span:hover, label input[type=radio].radiobox+span:hover{cursor: pointer}*/ label input[type=radio].radiobox+span:before, label input[type=checkbox].checkbox+span:before{font-family: FontAwesome; font-size: 12px; border-radius: 0; content: "\a0"; display: inline-block; text-align: center; vertical-align: middle; padding: 1px; height: 12px; line-height: 12px; min-width: 12px; margin-right: 5px; border: 1px solid #bfbfbf; background-color: #f4f4f4; font-weight: 400; margin-top: -1px} label input[type=radio].radiobox+span:before{content: "\a0"; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.1), 0 1px 0 0 rgba(255,255,255,.2)} label input[type=radio].radiobox:checked+span{font-weight: 700} label input[type=radio].radiobox:checked+span:before{content: "\f111"; color: #2E7BCC} label input[type=radio].radiobox.style-3:checked+span:before{color: #a90329; border-color: #a90329} label input[type=radio].radiobox.style-2:checked+span:before{color: #66665e; border-color: #4d90fe; font-size: 9px} label input[type=radio].radiobox.style-2:checked+span{font-weight: 400} label input[type=radio].radiobox.style-1+span:before{font-size: 9px; background: #fff; text-shadow: none; box-shadow: none!important; border-width: 1px; height: 13px; line-height: 13px; min-width: 13px} label input[type=radio].radiobox.style-1:checked+span:before{font-size: 10px; color: #333; border-color: #333; background: #fff} label input[type=radio].radiobox.style-1:checked+span{font-weight: 400} label:active input[type=radio].radiobox+span:before{box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3), 0 1px 0 0 rgba(255,255,255,.4)} label input[type=radio][disabled].radiobox+span, label input[type=radio][disabled].radiobox:checked+span/*, label:hover input[type=radio][disabled].radiobox:checked+span:before*/{color: #A7A7A7; cursor: not-allowed} label input[type=radio][disabled].radiobox:checked+span:before{content: "\f111"} /*label input[type=radio][disabled].radiobox:checked+span:before, label input[type=radio][disabled].radiobox+span:before, label:active input[type=radio][disabled].radiobox:checked+span:before, label:hover input[type=radio][disabled].radiobox:checked+span:before{background: #eee!important; border-color: #CCC!important; box-shadow: none; color: #A7A7A7}*/ label input[type=checkbox].checkbox+span:before{content: "\a0"} label input[type=checkbox].checkbox:checked+span:before{content: "\f00c"} label input[type=checkbox].checkbox:checked+span{font-weight: 700} label input[type=checkbox].checkbox:checked+span:before{color: #2E7BCC} label input[type=checkbox].checkbox.style-3:checked+span:before{color: #fff; border-color: #a90329; background: #a90329} label input[type=checkbox].checkbox.style-2+span:before{background: 0 0; border-color: #c1c1c1; box-shadow: none} label input[type=checkbox].checkbox.style-2:checked+span:before{content: "\f00c"; color: #66665e; border-color: #4d90fe; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #fff} label input[type=checkbox].checkbox.style-2:checked+span{font-weight: 400} label input[type=checkbox].checkbox.style-1+span:before{color: #333; background: #fff; text-shadow: none; box-shadow: none!important; border-width: 1px; height: 12px; line-height: 13px; min-width: 12px} label input[type=checkbox].checkbox.style-1:checked+span:before{color: #333; border-color: #333} label input[type=checkbox].checkbox.style-1:checked+span{font-weight: 400} label:active input[type=checkbox].checkbox+span:before{box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3), 0 1px 0 0 rgba(255,255,255,.4)} label:active input[type=checkbox].checkbox:checked+span:before{color: #fff; background: #2E7BCC; border-color: #2E7BCC} label:active input[type=checkbox].checkbox.style-3:checked+span:before{color: #a90329; background: #fff; border-color: #a90329} label:active input[type=checkbox].checkbox.style-2:checked+span:before{color: #66665e; background: 0 0; border-color: #c1c1c1; box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3), 0 1px 0 0 rgba(255,255,255,.4)} label:active input[type=checkbox].checkbox.style-2+span:before{color: #66665e; background: 0 0; border-color: #c1c1c1; box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3), 0 1px 0 0 rgba(255,255,255,.4)} label:active input[type=checkbox].checkbox.style-1:checked+span:before{color: #fff; background: #333; border-color: #333} label input[type=checkbox][disabled].checkbox+span, label input[type=checkbox][disabled].checkbox:checked+span/*, label:hover input[type=checkbox][disabled].checkbox:checked+span:before*/{ color: #A7A7A7; cursor: not-allowed } label input[type=checkbox][disabled].checkbox:checked+span:before{content: "\f00c"; color: #A7A7A7} label input[type=checkbox][disabled].checkbox.style-2:checked+span:before{content: "\f00c"} label input[type=checkbox][disabled].checkbox:checked+span:before, label input[type=checkbox][disabled].checkbox+span:before, label:active input[type=checkbox][disabled].checkbox:checked+span:before/*, label:hover input[type=checkbox][disabled].checkbox:checked+span:before*/{ background: #eee!important; border-color: #CCC!important; box-shadow: none; color: #A7A7A7; box-shadow: none!important } :-webkit-full-screen #fullscreen>:first-child>a { background-color:#e8e8e8; background-image:-moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5a5a5a), color-stop(100%, #686868)); background-image:-webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:-o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:-ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15); color:#fff; border-color:#494949} :-moz-full-screen #fullscreen>:first-child>a { background-color:#e8e8e8; background-image:-moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5a5a5a), color-stop(100%, #686868)); background-image:-webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:-o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:-ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15); color:#fff; border-color:#494949} :-ms-fullscreen #fullscreen>:first-child>a { background-color:#e8e8e8; background-image:-moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5a5a5a), color-stop(100%, #686868)); background-image:-webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:-o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:-ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15); color:#fff; border-color:#494949} :full-screen #fullscreen>:first-child>a { background-color:#e8e8e8; background-image:-moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5a5a5a), color-stop(100%, #686868)); background-image:-webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:-o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:-ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15); color:#fff; border-color:#494949} :fullscreen #fullscreen>:first-child>a { background-color:#e8e8e8; background-image:-moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #5a5a5a), color-stop(100%, #686868)); background-image:-webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:-o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:-ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image:linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15); color:#fff; border-color:#494949} :-webkit-full-screen video { width:100%; height:100%} .error-box{max-width: 900px; margin: 0 auto} .error-text{font-weight: 400; color: #fff; letter-spacing: -4px; font-size: 700%; margin-bottom: 30px; text-shadow: 0 1px 0 #ccc, 0 2px 0 #bfbfbf, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15)} .error-search{width: 300px; margin: 0 auto 20px} .error-icon-shadow{text-shadow: 0 1px 0 #803838, 0 2px 0 #a85d5d, 0 3px 0 #b86565, 0 4px 0 #d86f6f, 0 5px 0 #b3a5a5, 0 6px 1px rgba(131,51,51,.1), 0 0 5px rgba(102,30,30,.1), 0 1px 3px rgba(95,15,15,.3), 0 3px 5px rgba(100,23,23,.2), 0 5px 10px rgba(114,30,30,.25), 0 10px 10px rgba(94,15,15,.2), 0 20px 20px rgba(121,38,38,.15)} .display-image{margin-top: -60px; margin-right: 20px} .terms-body{max-height: 400px; overflow: auto} .dd{position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px} .dd-list{display: block; position: relative; margin: 0; padding: 0; list-style: none} .dd-list .dd-list{padding-left: 30px} .dd-collapsed .dd-list{display: none} .dd-item, .dd-empty, .dd-placeholder{display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px} .dd-handle{display: block; font-size: 12px; margin: 5px 0; padding: 7px 15px; color: #333; text-decoration: none; border: 1px solid #cfcfcf; background: #fbfbfb} .dd-handle h4{margin-bottom:0} .dd-handle:hover{color: #2ea8e5; background: #fff} .dd-item>button{position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 7px 10px; line-height: 22px!important; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: rgba(0,0,0,0); text-align: center} .dd-item>button{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px} .dd-item>button:before{content: '\f055'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; color: #424142} .dd-item>button[data-action=collapse]:before{content: '\f056'; color: #424142} .dd-placeholder, .dd-empty{margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box} .dd-empty{border: 1px dashed #bbb; min-height: 100px; background-color: #eee; background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-size: 60px 60px; background-position: 0 0, 30px 30px} .dd-dragel{position: absolute; pointer-events: none; z-index: 9999} .dd-dragel>.dd-item .dd-handle{margin-top: 0} .dd-dragel .dd-handle{-webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1)} .nestable-lists{display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #bfbfbf; border-bottom: 2px solid #bfbfbf} #nestable-menu{padding: 0; margin: 10px 0 20px} #nestable-output, #nestable2-output{width: 100%; padding: 5px} @media only screen and (min-width:700px) { .dd{float: left; width: 100%} .dd+.dd{margin-left: 2%} } .dd-hover>.dd-handle{background: #2ea8e5!important} .dd3-content{display: block; margin: 5px 0; padding: 6px 10px 8px 40px; font-size: 15px; color: #333; text-decoration: none; border: 1px solid #cfcfcf; background: #fbfbfb} .dd3-content:hover{color: #2ea8e5; background: #fff} .dd-dragel>.dd3-item>.dd3-content{margin: 0} .dd3-item>button{margin-left: 38px} .dd3-handle{cursor: move;} .dd-handle:hover{background: var(--dark-theme-color, #007CBE)!important; border: 1px solid var(--dark-theme-color, #007CBE); color: #fff!important} .dd-item:hover>button:before, .dd-item:hover>button[data-action=collapse]:before{color: #fff} .dd-handle>span{font-size: 13px; color: #777} .dd-dragel>.dd-item>.dd-handle{border-left-width: 4px} .dd-dragel>li.dd-item.dd3-item{position: relative; top: 10px; left: 10px; z-index: 999} #calendar-container{position: relative} html .fc, .fc table{font-size: 12px} .dt-header.calender-spacer{height: 46px; display: block} .jarviswidget #calendar{margin-top: -18px} .fc-widget-header, .fc-widget-content{border-right: 0} tr.fc-first th.fc-first, tr td.fc-first{border-left: 0} tr.fc-last td{border-bottom: 0} .jarviswidget .fc-header-title h2{text-shadow: 0 1px 0 #fff; margin-top: -12px; margin-left: 10px; font-size: 14px; font-weight: 700; margin-bottom: 0} .fc-event-time, .fc-event-title{padding: 3px 0 2px 3px; display: inline-block; line-height: 16px; font-weight: 700; font-size: 11px; box-sizing: border-box} #calendar-buttons{position: absolute; right: 14px; top: 5px} td.fc-other-month, .dropzone{ background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(0,0,0,.03)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(0,0,0,.03)), color-stop(.75, rgba(0,0,0,.03)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(0,0,0,.03) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(0,0,0,.03) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(0,0,0,.03) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(0,0,0,.03) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(0,0,0,.03) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.03) 50%, rgba(0,0,0,.03) 75%, transparent 75%, transparent); background-color: #FAFCFD; background-size: 16px 16px} .fc-corner-right .fc-event-inner{padding-right: 15px} .btn-select-tick i{display: none} .btn-select-tick .btn:hover i{opacity: .3; display: block} .btn-select-tick .active i{display: block; opacity: 1!important} #external-events>li{margin: 6px 4px 6px 0; display: inline-block} #external-events>li>:first-child{padding: 5px 10px 10px; cursor: move; display: block} #external-events>li>:first-child:after{color: #fff; color: rgba(255,255,255,.7); content: attr(data-description); font-size: 11px; font-weight: 400; display: block; line-height: 0; margin: 7px 0; text-transform: lowercase} .table-wrap{overflow: auto} .unread td{background: #fff} .unread .inbox-data-message>:first-child>:first-child, .unread .inbox-data-from>:first-child, .unread .inbox-data-date>:first-child{font-weight: 700} tr.highlight td, tr.unread.highlight td{background: #ffc!important; color: #333} .fileinput{padding-top: 3px} .hidden{display: none} .inbox-info-bar em{position: absolute; top: 6px; right: 20px; text-align: right; font-style: normal} .email-reply-text>div{border-left: 1px solid #D6D6D6; padding-left: 10px; margin-left: 50px; color: #A9A9A9} .email-reply-text>:first-child{padding-left: 45px} @media (max-width:1280px) { .inbox-info-bar, .inbox-message, .inbox-compose-footer{margin-right: 0} .email-infobox{display: none} } @media (max-width:1024px) { .inbox-side-bar{display: none!important} .inbox-body .table-wrap{margin-left: 0!important} .inbox-info-bar .col-md-1, .inbox-info-bar .col-md-11{padding-left: 26px; padding-right: 26px} } .profile-pic{text-align: right} .profile-pic>img{border-radius: 0; position: relative; border: 5px solid #fff; top: -30px; left: 10px; display: inline-block; text-align: right; z-index: 4; max-width: 100px; margin-bottom: -30px} .profile-carousel .carousel-inner{max-height: 150px} .friends-list li{margin-bottom: 10px; margin-right: 3px; padding: 0} .friends-list img{width: 35px; border: 1px solid #fff; outline: 1px solid #bfbfbf} .profile-link-btn{color: #999; font-size: 14px} time.icon{font-size: 14px; display: block; position: relative; width: 35px; height: 43px; background-color: #fff; margin: 3px auto; border-radius: 7px; box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #EEE9E9, 0 4px 0 #fff, 0 5px 0 #FFF, 0 0 0 1px #D3D3D3; overflow: hidden} time.icon *{display: block; width: 100%; font-size: 10px; font-weight: 700; font-style: normal; text-align: center} time.icon strong{position: absolute; top: 0; padding: 2px 0; color: #fff; background-color: #3a3633; -webkit-box-shadow: 0 2px 0 #3a3633; box-shadow: 0 2px 0 #3a3633; border-radius: 6px 6px 0 0} time.icon em{position: absolute; bottom: 3px; color: #3276b1} time.icon span{width: 100%; font-size: 15px; letter-spacing: -.05em; padding-top: 21px; color: #2f2f2f} .user{display: block; float: left; width: 170px; margin: 0 15px 15px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap} .user img{float: left; width: 35px; margin-right: 5px} .user .email{color: #999; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap} .search-results{padding: 18px 5px} .search-results+.search-results{border-top: 1px dashed #E3E3E3} .search-results>:first-child{margin-bottom: 4px; font-weight: 400} .search-results>:first-child a{text-decoration: underline} .search-results .url{font-style: normal; font-size: 14px} .search-results img{display: inline-block; margin-top: 4px; margin-right: 4px; width: 80px} .search-results>div{display: inline-block; vertical-align: top} .search-results .note{margin: 0; line-height: normal} .search-results .note a{text-decoration: none!important; color: #333} .search-results .note a:hover{color: #ed1c24} /*# sourceMappingURL=bootstrap-select.css.map */ .bs-searchbox, .bs-actionsbox {margin: 4px 8px; margin-top:4px; margin-bottom:4px} .bs-actionsbox {float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bs-actionsbox .btn-group button {width: 50%;} .bs-searchbox + .bs-actionsbox {padding: 0 8px 4px;} .bs-searchbox input.form-control {margin-bottom: 0; width: 100%;} .mobile-device {position: absolute; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0;} .selectpicker-arrow{display: inline-block; width: 28px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #ccc; background-clip: padding-box; background: #eee} .selectpicker-arrow b{display: block; width: 100%; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; font-size: 14px} .selectpicker-arrow b:before{content: "\f107"; width: 100%; height: 100%; text-align: center; display: block} .dropup .selectpicker-arrow b:before{content: "\f106";} /*# sourceMappingURL=bootstrap-select.css.map */ .todo-group-title{margin: 0; line-height: 31px; padding: 0 0 0 10px; background: #fafafa; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #f4f4f4; color: #999} .todo{margin: 0; padding: 0; min-height: 5px; list-style: none} .todo>li{display: block; position: relative; overflow: hidden; border-bottom: 1px solid #e7e7e7; margin: 0 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAQCAYAAADagWXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkQ1OEY4NTM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkQ1OEY4NjM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRDU4RjgzMzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGRDU4Rjg0Mzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pTD+wgAAACtJREFUeNpimDBhwn8gYABhdDYjiIELMDHgAUwTJ06Ea0VnjxpLO2MBAgwAGYZLegQbQ3UAAAAASUVORK5CYII=) 1px 11px no-repeat} .todo>li:last-child, .todo>li:only-child{border-bottom: 0} .todo>li>:first-child{display: block; border-right: 1px solid #FFE1EB; height: 100%; padding: 6px 11px 6px 18px; width: 20px; vertical-align: top; position: absolute} .todo>li>:first-child:hover{cursor: move} .todo>li.complete>:first-child:hover{cursor: default} .todo>li.complete{background: 0 0} .todo>li>p{height: 100%; margin-left: 52px; border-left: 1px solid #FFE1EB; display: inline-block; padding: 8px 0 6px 7px; margin-bottom: 0; min-height: 37px; line-height: normal; font-size: 14px; font-weight: 500; color: #333} .todo>li>p>span{display: block; line-height: 12px; font-size: 10px; font-weight: 400} .todo>li>p>:first-child{margin-top: -5px; color: #999; margin-bottom: 4px} .todo>li>p>.date{color: #bfbfbf} .todo>li.complete>*{text-decoration: line-through; font-style: italic} .todo>li.ui-sortable-helper{border-top: 1px solid #eee; background: rgba(113,132,63,.1)} .forum-attachment{margin-top: 20px; display: block} html{margin: 0; padding: 0; height: 100%; overflow-x: hidden!important;} body{margin: 0; padding: 0; /*height: 100%; overflow: hidden;*/background: url(../images/xpui/mybg.png) #fff; direction: ltr} a:hover, a:active, a:focus, button, button:active, button:focus, object, embed, input::-moz-focus-inner { outline:0} h1, h2, h3, h4{margin: 0; font-family: "Open Sans",Helvetica Neue,Arial,Sans-Serif;} .page-title{margin: 12px 0 28px} .page-title span{font-size: 16px; color: #333; display: inline-block; vertical-align: 1px} h1.page-title span[class*="editable"]{font-size:inherit; color:inherit; font-weight:inherit} label{font-weight: 400} :focus{outline: 0!important} a, input, button, .s-button{-ms-touch-action: none!important; font-family:"Open Sans",Helvetica Neue,Arial,Sans-Serif} textarea:focus, select:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus{outline: 0; outline: thin dotted \9; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important} .input-sm, .input-lg, .input-xs, .form-control{border-radius: 0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important} .input-xs{height: 24px; padding: 2px 10px; font-size: 11px; line-height: 1.5} .btn-xs{padding: 1px 5px} .btn-sm{padding: 6px 10px 5px} .btn-lg{padding: 10px 16px} .no-space{margin: 0} .no-space>[class*=col-] { margin:0!important; padding-right:0; padding-left:0} #content{position: relative; left: 0; padding:10px 22px} body.container{position: relative; padding: 0; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; box-shadow: 0 2px 70px rgba(0,0,0,.45)} .no-content-padding{margin: -10px -14px 0 -14px} .no-padding{padding: 0!important} .no-padding>pre{margin: 30px} .no-padding >table, .no-padding .dataTables_wrapper table{border: 0!important; margin-bottom: 0!important; border-bottom-width: 0!important} .no-padding-bottom{padding-bottom: 0!important} .padding-4{padding: 4px!important} .padding-5{padding: 5px!important} .padding-right-5{padding-right: 5px!important} .padding-right-10{padding-right: 10px!important} .padding-right-15{padding-right: 15px!important} .padding-7{padding: 7px!important} .padding-10{padding: 10px!important} .padding-top-5{padding-top:5px!important} .padding-top-8{padding-top:8px!important} .padding-top-10{padding-top: 10px!important} .padding-bottom-5{padding-bottom: 5px!important} .padding-bottom-10{padding-bottom: 10px!important} .padding-bottom-15{padding-bottom: 15px!important} .padding-bottom-20{padding-bottom: 20px!important} .no-padding >table tr td:last-child, .no-padding >table tr th:last-child, .no-padding .dataTables_wrapper table tr td:last-child, .no-padding .dataTables_wrapper table tr th:last-child{border-right: 0!important} .no-padding >table tr td:first-child, .no-padding >table tr th:first-child, .no-padding .dataTables_wrapper table tr td:first-child, .no-padding .dataTables_wrapper table tr th:first-child{border-left: 0!important} .no-padding .dataTables_wrapper table tbody tr:last-child td{border-bottom: 0} h1{font-size: 24px; margin: 10px 0} h1 small{font-size: 18px;} .lead{font-size: 19px} h2{letter-spacing: -1px; font-size: 22px; line-height: normal} h3{display: block; font-size: 19px; font-weight: 400; margin: 20px 0; line-height: normal} h4{line-height: normal} h5{font-size: 17px; margin: 10px 0; line-height: normal} h6{font-size: 15px; margin: 10px 0; font-weight: 700; line-height: normal} .row-seperator-header{margin: 15px 14px 20px; border-bottom: 0; display: block; color: #646464; font-size: 20px; font-weight: 400} .text-align-center, .text-center{text-align: center!important; margin-top:3px} .text-align-left, .text-left{text-align: left!important} .text-align-right, .text-right{text-align: right!important} .semi-bold{font-weight: 400!important} .ultra-light{font-weight: 300!important} .font-xs{font-size: 85%!important} .font-sm{font-size: 95%!important} .font-md{font-size: 130%!important} .font-lg{font-size: 160%!important} .font-xl{font-size: 200%!important} .font-400{font-size: 400%!important} .center-canvas, .center-child-canvas>canvas{display: block!important; margin: 0 auto!important} .no-margin{margin: 0!important} .margin-top-5{margin-top: 5px!important} .margin-top-10{margin-top: 10px!important} .margin-bottom-5{margin-bottom: 5px!important} .margin-bottom-10{margin-bottom: 10px!important} .margin-right-5{margin-right: 5px!important} .no-border, .well[class*=" bg-"].no-border{border-width: 0!important} .no-border-transparent{border-color: transparent!important} .no-border-radius{border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0} .display-inline{display: inline-block!important} .display-normal{display: inline!important} .hover-transparent{opacity: .5} .hover-transparent:hover{opacity: 1} .bordered{border: 1px solid rgba(0,0,0,.2)} .bordered:hover{border: 1px solid rgba(0,0,0,.4)} .cursor-pointer{cursor: pointer} aside:not(#left-panel){display: block; overflow: hidden; background: #3a3633; background: -moz-linear-gradient(left, #3a3633 93%, #2a2725 100%); background: -webkit-gradient(linear, left top, right top, color-stop(93%, #3a3633), color-stop(100%, #2a2725)); background: -webkit-linear-gradient(left, #3a3633 93%, #2a2725 100%); background: -o-linear-gradient(left, #3a3633 93%, #2a2725 100%); background: -ms-linear-gradient(left, #3a3633 93%, #2a2725 100%); background: linear-gradient(to right, #3a3633 93%, #2a2725 100%); min-height: 100%} #header{display: block; height: 44px; position: relative; margin: 0; padding: 0 20px 0 0; background-color: #f3f3f3; background-image: -moz-linear-gradient(top, #f3f3f3, #e2e2e2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2)); background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2); background-image: -o-linear-gradient(top, #f3f3f3, #e2e2e2); background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2); background-repeat: repeat-x} #header>div{display: inline-block; vertical-align: middle; height: 44px; float: left} #header>div.open{font-weight: 700} #logo-group>#logo{position:relative; top:-3px; padding-left:1px;} #logo-group>#logo:hover{cursor:pointer} #logo{display: inline-block; margin-left:20px; } #logo i[class*="icon"]{color:#fff; position:relative; top:12px; width:25px; float:left; font-size:22px; margin-right:8px} #logo img{max-width: 140px; height: auto; padding-left:0px; position:relative; top:12px} .topnavbtns > .well-sm > .btn{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: default!important; display: inline-block; font-weight: 700; height: 24px; width: 24px; padding: 2px; text-align: center; text-decoration: none!important; -moz-user-select: none; -webkit-user-select: none; background-color: #f8f8f8; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #bfbfbf; color: #6a6a6a; font-size: 19px; margin:0; position: relative} .topnavbtns > .well-sm > .btn:hover{border: 1px solid #bfbfbf; transition: all 0s; cursor: pointer!important; -webkit-box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08); box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08)} .login-info{display: block; font-size: 12px; height: 39px; color: #fff; margin: 0!important;} .login-info a span{text-transform: capitalize; font-size: 14px; display: inline-block; text-decoration: none; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle} .login-info a span+i{vertical-align: middle} .login-info > a:hover{color: #fff} .login-info>span{height: 38px; display: block; padding: 0 10px;} .login-info img{width: 25px; height: auto; display: inline-block; vertical-align: middle; margin-top: 1px; margin-right: 5px; margin-left: 0; border-left: 1px solid #fff} .topnavbtns .login-info{display:inline-block; margin-left:10px !important} .topnavbtns .btn .fa{position:relative; top:-5px} .activity-dropdown .badge{position: absolute; top: -6px; right: -12px; width:19px; cursor: pointer; background: var(--notification-bg-badge); display: inline-block; font-size: 10px; box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07); color: #fff; font-weight: 700; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 2px 4px 3px; text-align: center; line-height: normal} #activity.active .badge{background: var(--notification-bg-badge)!important} #project-context{display: inline-block; padding: 7px 13px 0; position: relative} #project-context>span{display: block} #project-context>:first-child{display: block; color: #bfbfbf; font-size: 10px; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 1px #fff; padding-left: 0; text-align: left} #project-selector{max-width: 97%; white-space: nowrap; background: 0 0; border: 0; padding: 0; text-align: left; color: #555; font-size: 14px; cursor: pointer} #project-selector:hover{color: #333} #header>:first-child, aside{width: 220px} #left-panel{position: absolute; top: 44px; left: 0; z-index: 1000} #main{display: block; margin-left: 220px; padding: 0; min-height: 500px; position:relative;} #ribbon,#pre-ribbon{min-height: 44px; padding: 0 13px 0 22px; position: relative} #ribbon .breadcrumb{margin: 0; padding: 11px 0px 11px 0!important; background: 0 0; vertical-align: top ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #ribbon .breadcrumb li{display:inline} #ribbon .breadcrumb a, #ribbon .breadcrumb{color: #6a6a6a!important; text-decoration: none!Important} #ribbon .breadcrumb>.active, #ribbon .breadcrumb li:last-child{color: #999} nav:not(.navbar) ul li a:active{background: #616161!important} nav:not(.navbar) ul{width: 100%; padding: 40px 28px 25px 0; padding: 0; margin: 0; font-size: 13px; line-height: .5em; list-style: none; position: relative} nav:not(.navbar) ul .active>a{color: #fff!important; position: relative} nav:not(.navbar) ul li.active>a:before{content: "\f0d9"; font-family: FontAwesome; display: block; height: 27px; line-height: normal; width: 27px; position: absolute; right: -20px; font-size: 20px; color: #fff} nav ul li.active.open>a:before{content: ""} nav>ul>li:last-child.open{border-bottom: 1px solid rgba(255,255,255,.15)} /*#left-panel nav ul li{overflow: hidden}*/ nav ul li a{line-height: normal; font-size: 14px; padding: 10px 10px 10px 55px; color: #a8a8a8; display: block; font-weight: 400; text-decoration: none!important; position: relative} nav>ul>li>ul>li>a{padding-top: 7px; padding-bottom: 7px} nav>ul>li>ul>li>ul>li>a{padding-top: 7px; padding-bottom: 7px} nav ul li a:focus{color: #c9c9c9} nav ul li a:hover{color: #fff; text-decoration: none} nav ul b{float: right; font-size: 14px; margin-top: -1px} nav ul span.menu-item-parent{display: inline-block; margin: 0; padding: 0} nav ul li.open>a, nav ul li.open>a b{color: #fff!important} nav>ul>li>a b{position: absolute!important; right: 15px; top: 10px} nav>ul>li>a>i{margin-right: 10px; width: 25px; margin-left:-35px; display: inline-block; float:left; text-align: center; position: relative} nav>ul>li>a>i>em{font-size: 9px; display: block; padding: 2px; position: absolute; top: -8px; right: -6px; text-decoration: none; font-style: normal; background: #ED1C24; color: #fff; min-width: 13px; border-radius: 50%; max-height: 13px; line-height: 8px; font-weight: 700; vertical-align: baseline; white-space: nowrap; text-align: center; border: 1px solid rgba(255,255,255,.1)} nav ul li li{border-bottom: 0; position: relative} nav>ul>li>ul::before{content: ""; display: block; position: absolute; z-index: 1; left: 23px; top: 0; bottom: 0; border-left: 1px solid #7A7A7A} nav>ul ul li::before{content: ""; display: block; position: absolute; width: 8px; left: 23px; top: 16px; border-top: 1px solid #7A7A7A; z-index: 1} nav>ul ul ul li::before{content: ""; display: block; position: absolute; width: 18px; left: 10px; top: 17px; border-top: 1px solid transparent} nav>ul ul li a i{font-size: 14px!important; width: 25px!important; margin-left:-35px; float:left; text-align: center!important; margin-right:10px; color:#eaeaea !important} nav>ul>li:hover>ul::before, nav>ul>li:hover>ul>li::before{border-color: #ACACAC!important} nav ul ul{margin: 0; padding: 0; display: none; background: rgba(69,69,69,.6)} nav ul li.open > ul {display: block} nav ul ul{padding: 7px 0} nav ul ul ul{background: 0 0; padding: 0} nav ul ul li{margin: 0; padding: 0} nav ul ul li>a{padding-left: 55px; font-size: 13px; font-weight: 400; outline: 0} nav ul ul li>a:hover{background-color: rgba(69,69,69,.8); color: #fff} nav ul ul ul li a{color: #bfbfbf; padding: 8px 35px 8px 55px; font-size: 14px} nav ul ul ul li a:hover{background-color: #4C4F53; color: #fff} nav ul ul ul ul li a{padding-left: 90px} nav ul ul ul ul ul li a{padding-left: 110px} nav ul ul ul ul ul ul li a{padding-left: 130px} nav ul ul b{color: #B3B3B3} nav ul ul>li:hover b{color: #D5D9E2} .header-dropdown-list{list-style: none; float: right; position: relative; margin: 0} .header-dropdown-list>li{display: inline-block; padding-right: 5px} .header-dropdown-list>li>.dropdown-toggle{margin-top: 16px; display: block} .onoffswitch-container{margin-top: 4px; margin-left: 7px; display: inline-block} .onoffswitch{position: relative; width: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-top: 3px; margin-bottom: 3px; margin-left: 5px; display: inline-block; vertical-align: middle} .onoffswitch-checkbox{display: none} .onoffswitch-label{display: block; overflow: hidden; cursor: pointer; border: 1px solid #626262; border-radius: 50px; border-color: #adadad #b3b3b3 #9e9e9e; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box} .onoffswitch-inner{width: 200%; margin-left: -100%; display: block} .onoffswitch-inner:before, .onoffswitch-inner:after{float: left; width: 50%; height: 15px; padding: 0; line-height: 15px; font-size: 10px; color: #fff; font-family: Trebuchet, Arial, sans-serif; font-weight: 700; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box} .onoffswitch-inner:before{content: attr(data-swchon-text); text-shadow: 0 -1px 0 #333; padding-left: 7px; background-color: #3276b1; color: #fff; box-shadow: inset 0 2px 6px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.05); text-align: left} .onoffswitch-inner:after{content: attr(data-swchoff-text); padding-right: 7px; text-shadow: 0 -1px 0 #fff; background-color: #fff; color: #555; text-align: right; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)} .onoffswitch-switch{width: 19px; height: 19px; margin: -2px; background: #fff; border: 1px solid #9a9a9a; border-radius: 50px; position: absolute; top: 0; bottom: 0; right: 32px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background-color: #f4f4f4; background-image: -moz-linear-gradient(top, #fff, #eee); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)); background-image: -webkit-linear-gradient(top, #fff, #eee); background-image: -o-linear-gradient(top, #fff, #eee); background-image: linear-gradient(to bottom, #fff, #eee); background-repeat: repeat-x; -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.3); box-shadow: 1px 1px 4px 0 rgba(0,0,0,.3)} .onoffswitch-checkbox+.onoffswitch-label .onoffswitch-switch:before, .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before{content: "\f00d"; color: #a90329; display: block; text-align: center; line-height: 19px; font-size: 10px; text-shadow: 0 -1px 0 #fff; font-weight: 700; font-family: FontAwesome} .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before{content: "\f00c"; color: #57889c} .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left: 0; display: block} .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right: 0} .onoffswitch-switch:hover{background-color: #eee} .onoffswitch-switch:active{background-color: #eee; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)} .onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-inner:after, .onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-inner:before{text-shadow: 0 1px 0 #fff; background: #bfbfbf; color: #333} .onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-switch, .onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-switch{ background-color: #f4f4f4; background-image: -moz-linear-gradient(top, #bfbfbf, #f4f4f4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#f4f4f4)); background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4); background-image: -o-linear-gradient(top, #bfbfbf, #f4f4f4); background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4); box-shadow: none!important} .onoffswitch-checkbox:disabled+.onoffswitch-label, .onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-label{border-color: #ababab #999 #878787!important} .onoffswitch-checkbox:checked+.onoffswitch-label{border-color: #3276b1 #2a6395 #255681} .onoffswitch+span, .onoffswitch-title{display: inline-block; vertical-align: middle; margin-top: -5px} .form-control{box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -webkit-appearance: none!important;} .form hr{margin-left: -13px; margin-right: -13px; border-color: rgba(0,0,0,.1); margin-top: 20px; margin-bottom: 20px} .form fieldset{display: block; border: 0; background: rgba(255,255,255,.9); position: relative} fieldset{position: relative} fieldset legend{ margin-bottom:10px; border-bottom-style:solid} .form-actions{display: block; padding: 13px 14px 15px; border-top: 1px solid rgba(0,0,0,.1); background: rgba(249,249,249,.9); margin-top: 20px; margin-left:0px; margin-right:0px; margin-bottom:20px; text-align: center} .well .form-actions{margin-left: -19px; margin-right: -19px; margin-bottom: -19px} .well.well-lg .form-actions{margin-left: -24px; margin-right: -24px; margin-bottom: -24px} .well.well-sm .form-actions{margin-left: -9px; margin-right: -9px; margin-bottom: -9px} .popover-content .form-actions{margin: 0 -14px -9px; border-radius: 0 0 3px 3px; padding: 9px 14px} .no-padding .form .form-actions{margin: 0; display: block; padding: 13px 14px 15px; border-top: 1px solid rgba(0,0,0,.1); background: rgba(248,248,248,.9); text-align: right; margin-top: 25px} .form header, legend{display: block; padding: 8px 0; border-bottom: 1px dashed rgba(0,0,0,.2); background: #fff; font-size: 16px; font-weight: 300; color: #222; margin: 25px 0 20px} .no-padding .form header{margin: 25px 14px 0} .form header:first-child{margin-top: 10px} legend{font-weight: 400; margin-top: 0; background: 0 0} .input-group-addon{padding: 6px 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0} .input-group-addon{transition: border-color .3s; -o-transition: border-color .3s; -ms-transition: border-color .3s; -moz-transition: border-color .3s; -webkit-transition: border-color .3s; transition: background-color .3s; -o-transition: background-color .3s; -ms-transition: background-color .3s; -moz-transition: background-color .3s; -webkit-transition: background-color .3s} .input-group-addon .fa, .input-group-addon [class*="icon-"]{font-size: 14px} .input-group-addon .fa-lg, .input-group-addon .fa-2x{font-size: 2em} .input-group-addon .fa-3x, .input-group-addon .fa-4x, .input-group-addon .fa-5x{font-size: 30px} /*input[type=text]:focus+.input-group-addon{border-color: #0091d9; color: #fff}*/ .has-warning input[type=text], .has-warning input[type=text]+.input-group-addon{border-color: #dbab57} .has-warning input[type=text]+.input-group-addon{background-color: #faf2cc; color: #c09853} .has-warning input[type=text]:focus/*, .has-warning input[type=text]:focus+.input-group-addon*/{border-color: #dbab57} /*.has-warning input[type=text]:focus+.input-group-addon{background-color: #e1c118; color: #fff}*/ .has-error .input-group-addon{border-color: #b94a48; background: #f2dede; color: #b94a48} .has-error input[type=text], .has-error input[type=text]+.input-group-addon{border-color: var(--error-color)} .has-error input[type=text]+.input-group-addon{background-color: #f2dede; color: #b94a48} .has-error input[type=text]:focus/*, .has-error input[type=text]:focus+.input-group-addon*/{border-color: #c05e5e} /*.has-error input[type=text]:focus+.input-group-addon{background-color: #c05e5e; color: #fff}*/ /*.has-success input[type=text]:focus+.input-group-addon{border-color: #468847; background-color: #468847; color: #fff}*/ .form fieldset .form-group:last-child, .form fieldset .form-group:last-child .note, .form .form-group:last-child, .form .form-group:last-child .note{margin-bottom: 0} .note{margin-top: 6px; padding: 0 1px; font-size: 11px; line-height: 15px; color: #999} .input-icon-right{position: relative} .input-icon-right>i, .input-icon-left>i{position: absolute; right: 10px; top: 30%; font-size: 16px; color: #bfbfbf} .input-icon-left>i{right: auto; left: 24px} .input-icon-right .form-control{padding-right: 27px} .input-icon-left .form-control{padding-left: 29px} input[type=text].ui-autocomplete-loading, input[type=password].ui-autocomplete-loading, input[type=datetime].ui-autocomplete-loading, input[type=datetime-local].ui-autocomplete-loading, input[type=date].ui-autocomplete-loading, input[type=month].ui-autocomplete-loading, input[type=time].ui-autocomplete-loading, input[type=week].ui-autocomplete-loading, input[type=number].ui-autocomplete-loading, input[type=email].ui-autocomplete-loading, input[type=url].ui-autocomplete-loading, input[type=search].ui-autocomplete-loading, input[type=tel].ui-autocomplete-loading, input[type=color].ui-autocomplete-loading{ background-image: url(../images/xpui/select2-spinner.gif)!important; background-repeat: no-repeat; background-position: 99% 50%; padding-right: 27px} .input-group-addon .checkbox, .input-group-addon .radio{min-height: 0; margin-right: 0!important; padding-top: 0} .input-group-addon label input[type=checkbox].checkbox+span, .input-group-addon label input[type=radio].radiobox+span, .input-group-addon label input[type=radio].radiobox+span:before, .input-group-addon label input[type=checkbox].checkbox+span:before{margin-right: 0} .input-group-addon .onoffswitch, .input-group-addon .onoffswitch-label{margin: 0} hr.simple{margin-top: 10px; margin-bottom: 10px; border-style: dashed} .timeline-seperator{display: block; text-align: center; color: #999; margin: 20px 0 0} .timeline-seperator>:first-child{padding: 4px 5px; border: 1px dashed rgba(0,0,0,.1); background: #fff; font-size: 11px; border-radius: 4px} .timeline-seperator .btn, .timeline-seperator .btn+.dropdown-menu{margin-right: 15px} .timeline-seperator:after{display: block; content: " "; margin: 0 20px; border-bottom: 1px dashed rgba(0,0,0,.1); margin-top: -8px} .alert-heading{font-weight: 600} .alert-error{border-color: #953b39; color: #fff; background: #c26565; text-shadow: none} .alert-error.alert-nobg{border-color:transparent; color: #424142; background:transparent; border:none; padding-left:0; padding-right:0} .alert-danger{border: 1px solid #F1626D !important; color: #fff; background: #FFF2F3; text-shadow: none} .alert-warning{border-color: #dfb56c; color: #826430; background: #efe1b3} .alert-success{border-color: #8ac38b; color: #356635; background: #cde0c4} .well{background: #f7f7f7; border: 1px solid #ddd; box-shadow: 0 1px 1px #ececec; -webkit-box-shadow: 0 1px 1px #ececec; -moz-box-shadow: 0 1px 1px #ececec; position: relative} .well.well-clean{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: transparent} .well.well-glass{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: transparent; background-color: rgba(255,255,255,.25); color: #fff} .well.well-light{background: #fff; border: 1px solid #e2e2e2} .widget-body .well{margin-bottom: 0} .well.transparent{border: 0!important; background: none!important} .jarviswidget.well.transparent>div, .jarviswidget.well.transparent>div .widget-body{padding: 0!important} .well[class^=bg-], .well[class*=" bg-"]{border: 1px solid #555!important} .progress-micro{height: 3px!important; line-height: 3px!important} .progress-xs{height: 7px!important; line-height: 7px!important} .progress-sm{height: 14px!important; line-height: 14px!important} .progress-lg{height: 30px!important; line-height: 30px!important} .progress .progress-bar{position: absolute; overflow: hidden; line-height: 20px} .progress .progressbar-back-text{position: absolute; width: 100%; height: 100%; font-size: 12px; line-height: 20px; text-align: center} .progress .progressbar-front-text{display: block; width: 100%; font-size: 12px; line-height: 20px; text-align: center} .progress.right .progress-bar{right: 0} .progress.right .progressbar-front-text{position: absolute; right: 0} .progress.vertical{width: 25px; height: 100%; min-height: 150px; margin-right: 20px; display: inline-block; margin-bottom: 0} .progress.wide-bar{width: 40px} .progress.vertical.bottom{position: relative} .progress.vertical.bottom .progressbar-front-text{position: absolute; bottom: 0} .progress.vertical .progress-bar{width: 100%; height: 0; -webkit-transition: height .6s ease; transition: height .6s ease} .progress.vertical.bottom .progress-bar{position: absolute; bottom: 0} @-webkit-keyframes progress-bar-stripes { from { background-position:40px 0} to{background-position: 0 0} } @-moz-keyframes progress-bar-stripes { from { background-position:40px 0} to{background-position: 0 0} } @-o-keyframes progress-bar-stripes { from { background-position:0 0} to{background-position: 40px 0} } @keyframes progress-bar-stripes { from { background-position:40px 0} to{background-position: 0 0} } .progress{position: relative; margin-bottom: 20px; overflow: hidden; height: 22px; background: #eee; box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; -webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0} .progress-bar{float: left; width: 0; height: 100%; font-size: 11px; color: #fff; text-align: center; background-color: var(--dark-theme-color, #007CBE); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-image: url(../images/xpui/pattern/overlay-pattern.png)} .progress-striped .progress-bar{ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-size: 40px 40px} .progress.active .progress-bar{ -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite} .progress-bar-danger{background-color: #a90329} .progress-striped .progress-bar-danger{ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)} .progress-bar-success{background-color: #739e73} .progress-striped .progress-bar-success{ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)} .progress-bar-warning{background-color: #c79121} .progress-striped .progress-bar-warning{ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)} .progress-bar-info{background-color: #57889c} .progress-striped .progress-bar-info{ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)} .progress-info .bar, .progress .bar-info{background: #57889c} .vertical-bars{padding: 0; margin: 0} .vertical-bars:after{content: ""; display: block; height: 0; clear: both} .vertical-bars li{padding: 14px 0; width: 25%; display: block; float: left; text-align: center} .vertical-bars li:first-child{border-left: 0} .vertical-bars>li>.progress.vertical:first-child{margin-left: auto} .vertical-bars>li>.progress.vertical{margin: 0 auto; float: none} .bar-holder:first-child{border-top: 0} .bar-holder{padding: 18px 15px} .bar-holder .progress{margin: 0} .nav-tabs>li>a{border-width:0px} .nav-tabs>li>a .badge{font-size: 11px; padding: 3px 5px; opacity: .5; margin-left: 5px; min-width: 17px; font-weight: 400} .tabs-left .nav-tabs>li>a .badge{margin-right: 5px; margin-left: 0} .nav-tabs>li>a .label{display: inline-block; font-size: 11px; margin-left: 5px; opacity: .5} .nav-tabs>li.active>a .badge, .nav-tabs>li.active>a .label, .nav-tabs>li.active>a>.fa{opacity: 1} .nav-tabs>li>a{border-radius: 0; color: #333} .nav-tabs>li.active>a{font-weight: 700} .nav-tabs>li.active>a:before{position:absolute; left:50%; bottom:-1px; content:""; margin-left:-6px; border-bottom:6px solid #666; border-left:6px solid transparent; border-right:6px solid transparent; right:auto; width:auto} .nav-tabs>li.active>a:after{position:absolute; left:50%; bottom:-1px; content:""; margin-left:-6px; border-bottom:6px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; right:auto; width:auto} .nav-tabs > li > a:hover, .nav-tabs > li > a:focus{background-color:transparent} .tabs-left .nav-tabs>li.active>a{-webkit-box-shadow: -2px 0 0 #57889c; -moz-box-shadow: -2px 0 0 #57889c; box-shadow: -2px 0 0 #57889c; border-top-width: 1px!important; border-left: 0!important; margin-left: 1px!important} .tabs-left .nav-pills>li.active>a{border: 0!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important} .tabs-right .nav-tabs>li.active>a{-webkit-box-shadow: 2px 0 0 #57889c; -moz-box-shadow: 2px 0 0 #57889c; box-shadow: 2px 0 0 #57889c; border-top-width: 1px!important; border-right: 0!important; margin-right: 1px!important} .tabs-below .nav-tabs>li.active>a{-webkit-box-shadow: 0 2px 0 #57889c; -moz-box-shadow: 0 2px 0 #57889c; box-shadow: 0 2px 0 #57889c; border-bottom-width: 0!important; border-top: 0!important; margin-top: 0!important} .tabs-below>.nav-tabs, .tabs-right>.nav-tabs, .tabs-left>.nav-tabs{border-bottom: 0} .tab-content>.tab-pane, .pill-content>.pill-pane{display: none} .tab-content>.active, .pill-content>.active{display: block} .tabs-below>.nav-tabs{border-top: 1px solid #ddd} .tabs-below>.nav-tabs>li{margin-top: -1px; margin-bottom: 0} .tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li, .tabs-left>.nav-pills>li, .tabs-right>.nav-pills>li{float: none} .tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a, .tabs-left>.nav-pills>li>a, .tabs-right>.nav-pills>li>a{min-width: 74px; margin-right: 0; margin-bottom: 3px} .tabs-left>.nav-tabs, .tabs-left>.nav-pills{float: left; margin-right: 19px; border-right: 1px solid #ddd} .tabs-left>.nav-pills{border-right: 0} .tabs-left>.nav-tabs>li>a{margin-right: -1px} .tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus{border-color: #eee #d5d5d5 #eee #eee} .tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover, .tabs-left>.nav-tabs .active>a:focus{border-color: #d5d5d5 transparent #d5d5d5 #ddd; *border-right-color:#fff} .tabs-left>.tab-content{margin-left: 109px} .tabs-right>.nav-tabs{float: right; margin-left: 19px; border-left: 1px solid #ddd} .tabs-right>.nav-tabs>li>a{margin-left: -1px} .tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:focus{border-color: #eee #eee #eee #ddd} .tabs-right>.nav-tabs .active>a, .tabs-right>.nav-tabs .active>a:hover, .tabs-right>.nav-tabs .active>a:focus{border-color: #ddd #ddd #ddd transparent; *border-left-color:#fff} .tabs-below>.nav-tabs, .tabs-right>.nav-tabs, .tabs-left>.nav-tabs{border-bottom: 0} .tab-content>.tab-pane, .pill-content>.pill-pane{display: none} .tab-content>.active, .pill-content>.active{display: block} .tabs-below>.nav-tabs{border-top: 1px solid #ddd} .tabs-below>.nav-tabs>li{margin-top: -1px; margin-bottom: 0} .tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus{border-top-color: #ddd; border-bottom-color: transparent} .tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover, .tabs-below>.nav-tabs>.active>a:focus{border-color: transparent #ddd #ddd} .nav-tabs.bordered{background: #fff; border: 1px solid #ddd} .nav-tabs.bordered>:first-child a{border-left-width: 0!important} .nav-tabs.bordered+.tab-content{border: 1px solid #ddd; border-top: 0} .tabs-pull-right.nav-tabs>li, .tabs-pull-right.nav-pills>li{float: right} .tabs-pull-right.nav-tabs>li:first-child>a, .tabs-pull-right.nav-pills>li:first-child>a{margin-right: 1px} .tabs-pull-right.bordered.nav-tabs>li:first-child>a, .tabs-pull-right.bordered.nav-pills>li:first-child>a{border-left-width: 1px!important; margin-right: 0; border-right-width: 0} .jarviswidget>header>.nav-tabs.pull-left>li:first-child a{border-left-width: 0!important} a:link, .btn, button{-webkit-tap-highlight-color: rgba(169,3,41,.5)} .login-info, .login-info *, #logo-group *, .minified .menu-item-parent{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box} .hidden-desktop{display: none!important} .dropdown-menu-xs{min-width: 37px} .dropdown-menu-xs>li>a{padding: 3px 10px} .dropdown-menu-xs>li>a:hover i{color: #fff!important} .dropdown-submenu{position: relative} .dropdown-submenu>.dropdown-menu{top: 0; left: 100%; margin-top: -6px; margin-left: -1px} .dropdown-submenu:hover>.dropdown-menu{display: block} .dropdown-submenu>a:after{display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #bfbfbf; margin-top: 5px; margin-right: 5px; position:absolute; top:10px; right:0px} .dropdown-submenu:hover>a:after{border-left-color: #fff;} .dropdown-submenu:hover>a:after{border-left-color: transparent; border-top-color: #bfbfbf; border-width: 5px 5px 0px 5px;} .dropdown-submenu.pull-left{float: none} .dropdown-submenu.pull-left>.dropdown-menu{left: -100%; margin-left: 10px} .fc-border-separate thead tr th{padding: 4px; line-height: 1.428571429} .table-bordered>thead>tr>th, .table-bordered>thead>tr>td{border-width: 1px} .no-padding>.table-bordered{border: 0!important} .no-padding>.table-bordered thead tr th:first-child, .no-padding>.table-bordered thead tr td:first-child, .no-padding>.table-bordered tbody tr td:first-child{border-left-width: 0!important} .no-padding>.table-bordered thead tr th:last-child, .no-padding>.table-bordered tbody tr td:last-child{border-right-width: 0!important} .no-padding>.table-bordered tbody tr:last-child td{border-bottom-width: 0!important} .no-padding .note-editable .table-bordered{border: 1px solid #ddd!important} .smart-form.table td .radio i, .smart-form.table td .checkbox i, .smart-form.table th .radio i, .smart-form.table th .checkbox i{top: 0!important} .show-stats .progress{height: 7px; border-radius: 0; margin-top: 3px; margin-bottom: 15px} .show-stats{padding-top: 6px!important} .show-stat-buttons{float: left; width: 100%} .show-stats .show-stat-buttons>:first-child{padding-right: 5px} .show-stats .show-stat-buttons>:last-child{padding-left: 5px} .show-stat-microcharts{margin-left: -10px; margin-right: -10px} .show-stat-microcharts>div{border-right: 1px solid #DADADA!important; border-top: 1px solid #DADADA!important; margin-top: 10px!important; height: 65px; overflow: hidden; padding: 7px 9px} .show-stat-microcharts>:last-child{border-right: 0!important} .show-stat-microcharts .sparkline{margin-top: 10px; margin-right: 8px; opacity: .7} .show-stat-microcharts .sparkline:hover{opacity: 1} .smaller-stat{margin: 0; padding: 0; list-style: none} .smaller-stat li{margin-top: 3px; margin-right: 0} .smaller-stat li:first-child{margin-top: 8px} .smaller-stat span.label{width: 40px; display: block; text-align: left; opacity: .5; cursor: default} .smaller-stat span.label:hover{opacity: 1} img.online, img.busy, img.offline, img.away{border-left: 3px solid #fff} img.online{border-left-color: #40ac2b!important} img.busy{border-left-color: #ed1c24!important} img.offline{border-left-color: #ddd!important} img.away{border-left-color: #ffc40d!important} .client-form header{padding: 15px 13px; margin: 0; border-bottom-style: solid; border-bottom-color: rgba(0,0,0,.1); background: rgba(248,248,248,.9)} .minifyme{border-bottom: 1px solid #302F2F; background: #454545; color: #A8A8A8; text-align: center; padding: 0; width: 18px; height: 28px; display: block; position: absolute; right: -3px; border-radius: 200px 0 0 200px; cursor: pointer; margin-top: 5px; font-size: 19px; transition: all .1s linear 0s} .minifyme:hover{background: #646464; color: #E4E4E4; right: 0} .pull-right{float: right!Important} .pull-left{float: left!Important} .pagination.pagination-alt>li>a{box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 0; margin-left: -1px} .pagination.pagination-alt>li:first-child>a{padding-left: 0} .pagination>li>a, .pagination>li>span{box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05)} .disabled{color: #fff} .btn-default.disabled{color: #999} .btn-text{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none !important; font-weight: bold;} .btn-text:hover{background:none; text-decoration:underline} .s-button, .btn{border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05)} .s-button:not(.s-button-close):active, .btn:active{position: relative; top: 1px; left: 1px} .btn.btn-ribbon{background-color: #707070; background-image: -moz-linear-gradient(top, #777, #666); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#666)); background-image: -webkit-linear-gradient(top, #777, #666); background-image: -o-linear-gradient(top, #777, #666); background-image: linear-gradient(to bottom, #777, #666); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff666666', GradientType=0); color: #fff; padding: 0 5px; line-height: 20px; vertical-align: middle; height: 20px; display: block; border: 0; float: left; margin: 0 8px 0 0; cursor: pointer} .btn.btn-ribbon>i{font-size: 111%} .ribbon-button-alignment{padding-top: 10px; display: inline-block} .ribbon-button-alignment.pull-right>.btn.btn-ribbon{margin: 0 0 0 8px} .panel-footer>.btn-block{border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0} .btn-circle{width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%} .btn-circle.btn-xs{width: 20px; height: 20px; padding: 0px; font-size: 12px; line-height: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%} .btn-circle.btn-lg{width: 50px; height: 50px; padding: 10px 15px; font-size: 18px; line-height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%} .btn-circle.btn-xl{width: 70px; height: 70px; padding: 10px 15px; font-size: 24px; line-height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%} .btn-metro{margin: 0 0 20px; padding-top: 15px; padding-bottom: 15px} .btn-metro>span{display: block; vertical-align: bottom; margin-top: 10px; text-transform: uppercase} .btn-metro>span.label{position: absolute; top: 0; right: 0} .btn-label{position: relative; left: -12px; display: inline-block; padding: 6px 12px; background: rgba(0,0,0,.15); border-radius: 3px 0 0 3px} .btn-labeled{padding-top: 0; padding-bottom: 0} .btn-link{box-shadow: none; -webkit-box-shadow: none; font-size: 14px} #ribbon .btn-link{font-size:16px;} .btn-link.btn-xs{font-size:12px} #left-panel, #content{-moz-transition: left .1s ease-out; -ms-transition: left .1s ease-out; -o-transition: left .1s ease-out; -webkit-transition: left .1s ease-out; transition: left .1s ease-out} #main{-moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; transition: all .1s ease-out} .chart-small{height: 100px; width: 100%} .chart-large{height: 235px; width: 100%} .chart-xl{height: 297px; width: 100%} #flotTip{padding: 3px 5px; background-color: #fff; z-index: 9999; color: #333; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1); box-shadow: 0 1px 8px rgba(0,0,0,.1); font-size: 14px; border: 1px solid #C1C1C1; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px} #flotTip span{color: #38812D; font-weight: 700} .legendLabel span{display: block; margin: 0 5px} .legendColorBox{padding-left: 10px; vertical-align: top; padding-top: 5px} .legendColorBox div>div{width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box} .morris-hover.morris-default-style{border-radius: 10px; padding: 6px; color: #666; background: rgba(255,255,255,.8); border: solid 2px rgba(230,230,230,.8); font-family: sans-serif; font-size: 12px; text-align: center} .morris-hover.morris-default-style .morris-hover-row-label{font-weight: 700; margin: .25em 0} .morris-hover.morris-default-style .morris-hover-point{white-space: nowrap; margin: .1em 0} .morris-hover{position: absolute; z-index: 1001} .chart{height: 220px; margin: 20px 5px 10px 10px} .has-legend{margin-top: 30px!important} .has-legend-unique{margin-top: 19px!important} .easyPieChart{position: relative; text-align: center} .easyPieChart canvas{position: absolute; top: 0; left: 0} .easy-pie-chart{display: inline-block} .easy-pie-chart .percent{color: #444; font-size: 12px; font-weight: 700} .easy-pie-title{display: inline-block; margin: 10px 6px 0; font-size: 12px; font-weight: 400; text-transform: uppercase; width: 100px; height: 19px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden} .easy-pie-title .icon-color-good, .easy-pie-title .icon-color-bad{font-size: 18px} .icon-color-good{color: #40ac2b} .icon-color-bad{color: #ed1c24} .percent-sign:after, .degree-sign:after{content: " %"; line-height: normal} .degree-sign:after{content: " °F"} .hidden-menu #left-panel{left: -210px; z-index: 1002} .hidden-menu #main{margin-left: 10px} .hidden-menu #left-panel:hover{left: 0} .hidden-menu .minifyme{display: none} .btn-header.pull-right{margin-left: 6px} .btn-header a>span{font-size: 13px; font-weight: 400; line-height: 30px; height: 30px; display: inline-block} .btn-header>:first-child>a{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: default!important; display: inline-block; font-weight: 700; height: 30px; min-width: 30px; padding: 2px; text-align: center; text-decoration: none!important; -moz-user-select: none; -webkit-user-select: none; background-color: #f8f8f8; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #bfbfbf; color: #6D6A69; font-size: 17px; margin: 0px 0 0} .btn-header>:first-child>a:hover{border: 1px solid #bfbfbf; color: #222; transition: all 0s; cursor: pointer; -webkit-box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08); box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08)} .btn-header>:first-child>a:active{background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #e8e8e8 0, #ededed 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), color-stop(100%, #ededed)); background-image: -webkit-linear-gradient(top, #e8e8e8 0, #ededed 100%); background-image: -o-linear-gradient(top, #e8e8e8 0, #ededed 100%); background-image: -ms-linear-gradient(top, #e8e8e8 0, #ededed 100%); background-image: linear-gradient(to bottom, #e8e8e8 0, #ededed 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ededed', GradientType=0); -webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15); box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15)} .hidden-menu #hide-menu>:first-child>a{background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5a5a5a), color-stop(100%, #686868)); background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15); box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15); color: #fff; border-color: #494949} .hidden-menu #hide-menu>:first-child>a:active, .full-screen #fullscreen>:first-child>a:active{ -webkit-box-shadow: inset 0 0 6px 1px rgba(0,0,0,.2); box-shadow: inset 0 0 6px 1px rgba(0,0,0,.2)} .dropdown-large{position: static!important} .dropdown-menu-large{margin-left: 16px; margin-right: 16px; padding: 20px 0} .dropdown-menu-large>li>ul{padding: 0; margin: 0} .dropdown-menu-large>li>ul>li{list-style: none} .dropdown-menu-large>li>ul>li>a{display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.428571429; color: #333; white-space: normal} .dropdown-menu-large>li ul>li>a:hover, .dropdown-menu-large>li ul>li>a:focus{text-decoration: none; color: #262626; background-color: #f5f5f5} .dropdown-menu-large .disabled>a, .dropdown-menu-large .disabled>a:hover, .dropdown-menu-large .disabled>a:focus{color: #999} .dropdown-menu-large .disabled>a:hover, .dropdown-menu-large .disabled>a:focus{text-decoration: none; background-color: transparent; background-image: none; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed} .dropdown-menu-large .dropdown-header{color: #428bca; font-size: 18px} @media (max-width:768px) { .dropdown-menu-large{margin-left: 0; margin-right: 0} .dropdown-menu-large>li{margin-bottom: 30px} .dropdown-menu-large>li:last-child{margin-bottom: 0} .dropdown-menu-large .dropdown-header{padding: 3px 15px!important} } .pagination-xs>li>a, .pagination-xs>li>span{padding: 4px 9px; font-size: 12px} .wizard-actions{display: block; list-style: none; padding: 0; position: relative; width: 100%} .wizard-actions li{display: inline} .tab-content.transparent{background-color: transparent} .selected{border: 1px solid #0091d9!important} .selected:before{display: block; position: absolute; content: "\f00c"; color: #fff; right: 4px; font-family: FontAwesome; z-index: 2} .selected:after{width: 0; height: 0; border-top: 35px solid #0091d9; border-left: 35px solid rgba(0,0,0,0); position: absolute; display: block; right: 0; content: "."; top: 0; z-index: 1} #shortcut{display: block; position: absolute; top: 0; left: 0; height: auto; width: 100%; background-color: #33302F; background-color: rgba(0,0,0,.85); z-index: 1005; display: none; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} #shortcut ul{padding: 15px 20px 10px; list-style: none; margin: 0; box-shadow: 0 4px 10px rgba(0,0,0,.3); -moz-box-shadow: 0 4px 10px rgba(0,0,0,.3); border-bottom: 1px solid #423F3F} #shortcut ul li{display: inline-block; width: auto} #shortcut ul li .jarvismetro-tile{margin: 0 3px 3px; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0} #shortcut ul li .jarvismetro-tile:hover{color: #fff; text-decoration: none} #shortcut ul li .jarvismetro-tile:active, #shortcut ul li .jarvismetro-tile:focus{left: 0; top: 0} .shortcut-on #response-btn{display: none!important} .shortcut-on #main .navbar, .shortcut-on #left-bar .navbar{border: 0!important} .arrow-box-up:after, .arrow-box-up:before{bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none} .arrow-box-up:after{border-color: rgba(255,255,255,0); border-bottom-color: #fff; border-width: 7px; left: 50%; margin-left: -7px} .arrow-box-up:before{border-color: rgba(131,131,131,0); border-bottom-color: #838383; border-width: 8px; left: 50%; margin-left: -8px} .arrow-box-up-right:after, .arrow-box-up-right:before{bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none} .arrow-box-up-right:after{border-color: rgba(255,255,255,0); border-bottom-color: #fff; border-width: 7px; right: 10px; margin-left: -7px} .arrow-box-up-right:before{border-color: rgba(131,131,131,0); border-bottom-color: #838383; border-width: 8px; right: 9px; margin-left: -8px} .tooltip-inner{padding: 5px 10px; font-size: 11px; font-family: "Open Sans",Helvetica Neue,Arial,Sans-Serif; font-weight: 700; border-radius: 0} .jqstooltip{padding: 7px!important; border-radius: 3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; border: 0!important; background-color: #000!important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box} .jqstooltip .jqsfield{font-family: "Open Sans",Helvetica Neue,Arial,Sans-Serif; font-size: 11px} #sparks{display: block; list-style: none; margin: 10px 0 0; padding: 0; text-align: right} #sparks li{display: inline-block; max-height: 47px; overflow: hidden; text-align: left; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box} #sparks li h5{color: #555; float: left; font-size: 11px; font-weight: 400; margin: -3px 0 0 0; padding: 0; border: 0; text-transform: uppercase} #sparks li span{color: #636363; display: block} #sparks li{border-left: 1px dotted #c7c7c7; padding: 0 10px} #sparks li:last-child{padding-right: 0} #sparks li:first-child{border-left: 0; padding-left: 0} .sparks-info{min-width: 70px} .sparks-info span{font-size: 18px; line-height: 20px; margin: 0; text-transform: none} .sparks-info .sparkline{display: block; float: right; margin: 3px 0 0 20px} .desktop-detected .custom-scroll::-webkit-scrollbar { -webkit-overflow-scrolling:touch; height:10px; width:10px} .desktop-detected .custom-scroll::-webkit-scrollbar:hover { background-color:#E9E9E9; border:1px solid #dbdbdb} .desktop-detected .custom-scroll::-webkit-scrollbar-button:start:decrement, .scrollable::-webkit-scrollbar-button:end:increment { background:0 0; display:block; height:0} .desktop-detected .custom-scroll::-webkit-scrollbar-track { background-clip:padding-box; border-width:0 0 0 4px; border:solid transparent} .desktop-detected .custom-scroll::-webkit-scrollbar-track-piece { -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; background-color:transparent; border-radius:0} .desktop-detected .custom-scroll::-webkit-scrollbar-thumb { -moz-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07); -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07); background-clip:padding-box; background-color:rgba(0,0,0,.2); border-width:0; border:0; box-shadow:inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07)} .desktop-detected .custom-scroll::-webkit-scrollbar-thumb:vertical, .scrollable::-webkit-scrollbar-thumb:horizontal { -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; background-color:#bfbfbf; border-radius:0} .desktop-detected .custom-scroll::-webkit-scrollbar-thumb:active { -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.33); -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.33); background-color:rgba(0,0,0,.44); box-shadow:inset 1px 1px 3px rgba(0,0,0,.33)} .desktop-detected .custom-scroll::-webkit-scrollbar-thumb:hover { background-color:#959595} .mobile-detected .custom-scroll{-webkit-overflow-scrolling: touch} .air{position: absolute; z-index: 5} .air-bottom{bottom: 0} .air-top{top: 0} .air-top-right{top: 0; right: 0} .air-top-left{top: 0; left: 0} .air-bottom-left{bottom: 0; left: 0} .air-bottom-right{bottom: 0; right: 0} .twitter-typeahead .tt-query, .twitter-typeahead .tt-hint{margin-bottom: 0} .tt-dropdown-menu{min-width: 160px; margin-top: 2px; padding: 5px 0; background-color: #fff; border: 1px solid #bfbfbf; border: 1px solid rgba(0,0,0,.2); *border-right-width:2px; *border-bottom-width:2px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box} .tt-suggestion{display: block; padding: 3px 20px} .tt-suggestion.tt-is-under-cursor{color: #fff; background-color: #0081c2} .tt-suggestion.tt-is-under-cursor a{color: #fff} .tt-suggestion p{margin: 0} .google_maps{width: 100%; height: 350px; position: relative} .google_maps *{box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box} .google_maps img{max-width: none} .header-btn{margin-top: 5px} .tree{min-height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px} .tree li{list-style-type: none; margin: 0; padding: 5px; position: relative} .tree ul ul li:hover{background: rgba(0,0,0,.015)} .tree li:before, .tree li:after{content: ''; left: -20px; position: absolute; right: auto} .tree li:before{border-left: 1px solid #999; bottom: 50px; height: 100%; top: -11px; width: 1px; -webkit-transition: "border-color 0.1s ease 0.1s"; -moz-transition: "border-color 0.1s ease 0.1s"; -o-transition: "border-color 0.1s ease 0.1s"; transition: "border-color 0.1s ease 0.1s"} .tree li:after{border-top: 1px solid #999; height: 20px; top: 18px; width: 25px} .tree li span{-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px dotted #999; border-radius: 5px; display: inline-block; padding: 3px 8px; text-decoration: none; -webkit-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s; -moz-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s; -o-transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s; transition: color .2s ease .1s, background-color .2s ease .1s, border-color .3s ease .2s} .tree li.parent_li>span{cursor: pointer; padding: 7px} .tree>ul>li:before, .tree>ul>li::after{border: 0} .tree li:last-child::before{height: 30px} .tree li.parent_li>span:hover/*, .tree li.parent_li>span:hover+ul li span*/{background: #eee; border: 1px solid #94a0b4; color: #000} .tree>ul{padding-left: 0} .tree ul ul{padding-left: 34px; padding-top: 10px} .tree li.parent_li>span:hover{background-color: #DF8505; border: 1px solid #C67605; color: #fff} /*.tree li.parent_li>span:hover+ul li::before{border-left-color: #F89406} .tree li.parent_li>span:hover+ul li::after{border-top-color: #F89406} .tree li.parent_li>span:hover+ul li span{background: #FDDFB3!important; border: 1px solid #FAA937; color: #000}*/ .jvectormap-label{position: absolute; display: none; border: solid 1px #CDCDCD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #292929; color: #fff; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px} .jvectormap-zoomin, .jvectormap-zoomout{position: absolute; background: #292929; padding: 4px; width: 22px; height: 22px; cursor: pointer; line-height: 10px; text-align: center; font-size: 14px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); background-color: #fff; border: 1px solid #bfbfbf} .jvectormap-zoomin:hover, .jvectormap-zoomout:hover{background: #eee; border-color: #d9d9d9} .jvectormap-zoomin{top: 0} .jvectormap-zoomout{top: 24px} .vector-map{height: 300px; width: 100%; padding: 10px} #heat-fill{display: block; position: relative; margin-bottom: 20px; background: #333; height: 7px; width: 200px; } .fill-a, .fill-b{width: 20px; text-align: right; overflow: hidden; text-overflow: ellipsis; display: block; background: #fff; padding-right: 4px; position: absolute; left: 0; margin-top: -7px; font-weight: 700} .fill-b{text-align: left; position: absolute; right: 0; left: auto; top: 0; width: 60px; padding-left: 4px; padding-right: 0} .cke_top{background: rgba(248,248,248,.9)!important; background-image: none!important} .pace{-webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; display:none !important} .pace-inactive{display: none} .pace .pace-progress{background: #3276b1; position: fixed; z-index: 2000; top: 0; left: 0; height: 2px; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s} .pace .pace-progress-inner{display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1; -webkit-transform: rotate(3deg) translate(0, -4px); -moz-transform: rotate(3deg) translate(0, -4px); -ms-transform: rotate(3deg) translate(0, -4px); -o-transform: rotate(3deg) translate(0, -4px); transform: rotate(3deg) translate(0, -4px)} .pace .pace-activity{display: block; position: fixed; z-index: 2000; top: 63px; right: 40px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite} @-webkit-keyframes pace-spinner { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg)} } @-moz-keyframes pace-spinner { 0% { -moz-transform:rotate(0deg); transform:rotate(0deg)} 100% { -moz-transform:rotate(360deg); transform:rotate(360deg)} } @-o-keyframes pace-spinner { 0% { -o-transform:rotate(0deg); transform:rotate(0deg)} 100% { -o-transform:rotate(360deg); transform:rotate(360deg)} } @-ms-keyframes pace-spinner { 0% { -ms-transform:rotate(0deg); transform:rotate(0deg)} 100% { -ms-transform:rotate(360deg); transform:rotate(360deg)} } @keyframes pace-spinner { 0% { transform:rotate(0deg)} 100% { transform:rotate(360deg)} } .multiselect-container{position: absolute; list-style-type: none; margin: 0; padding: 0} .multiselect-container .input-group{margin: 5px} .multiselect-container>li{padding: 0} .multiselect-container>li>a.multiselect-all label{font-weight: 700} .multiselect-container>li>label.multiselect-group{margin: 0; padding: 3px 20px; height: 100%; font-weight: 700} .multiselect-container>li>a>label{margin: 0; height: 100%; cursor: pointer; font-weight: 400} .multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox{margin: 0} .multiselect-container>li>a>label>input[type=checkbox]{margin-bottom: 5px} .btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius: 4px; border-bottom-left-radius: 4px} .input-group .icon-addon .form-control{border-radius: 0} .icon-addon{position: relative; color: #555; display: block} .icon-addon:after, .icon-addon:before{display: table; content: " "} .icon-addon:after{clear: both} .icon-addon.addon-md .glyphicon, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon .fa, .icon-addon.addon-md [class*="icon-"], .icon-addon [class*="icon-"]{position: absolute; z-index: 2; left: 10px; width: 20px; margin-left: -2.5px; text-align: center; padding: 10px 0; top: 1px} .icon-addon.addon-md .glyphicon.pull-right, .icon-addon .glyphicon.pull-right, .icon-addon.addon-md .fa.pull-right, .icon-addon .fa.pull-right, .icon-addon.addon-md [class*="icon-"].pull-right, .icon-addon [class*="icon-"].pull-right{left:auto; right:10px} .icon-addon.addon-lg .form-control{line-height: 1.33; height: 46px; font-size: 18px; padding: 10px 16px 10px 40px} .input-group-lg .icon-addon.addon-lg+.input-group-btn>.btn{height: 46px} .icon-addon.addon-sm .form-control{height: 30px; padding: 5px 10px 5px 28px; font-size: 12px; line-height: 1.5} .icon-addon.addon-lg .fa, .icon-addon.addon-lg .glyphicon{font-size: 18px; margin-left: 0; left: 11px; top: 4px} .icon-addon.addon-md .form-control, .icon-addon .form-control{padding-left: 30px; float: left; font-weight: 400} .icon-addon .pull-right + .form-control{padding-left:16px; padding-right:40px} .icon-addon.addon-sm .fa, .icon-addon.addon-sm .glyphicon{margin-left: 0; font-size: 12px; left: 5px; top: -1px} /*.icon-addon .form-control:focus+.glyphicon, */ .icon-addon:hover .glyphicon, /*.icon-addon .form-control:focus+.fa, */ .icon-addon:hover .fa{color: #2580db} .icon-addon input:disabled+.glyphicon, .icon-addon select:disabled+.glyphicon, .icon-addon input:disabled+.fa, .icon-addon select:disabled+.fa{color: #ccc} .input-group-btn{background-color:#fff} @media (max-width:979px) { .profile-pic>img{width: 110px} .profile-pic{float: left} .profile-pic>img{margin-right: 10px} .profile-pic+div, .profile-pic+div+div{padding-left: 30px; padding-right: 30px} #fullscreen>:first-child>a{display: none!important} body.container{border: 0!important} .inbox-data-message>:first-child{height: 50px; overflow: hidden} .show-stats .show-stat-buttons>:first-child{padding-right: 13px} .show-stats .show-stat-buttons>:last-child{padding-left: 13px} .inbox-checkbox-triggered>.btn-group .btn{padding-left: 10px; padding-right: 10px} .inbox-body .table-wrap{padding: 0!important} .inbox-nav-bar{padding-left: 5px; padding-right: 5px} .inbox-data-message>:first-child>:first-child{display: block!important; font-size: 14px} .inbox-table-icon>:first-child{margin-top: 12px} #inbox-table .inbox-table-icon{padding-left: 10px!important} .header-search.pull-right{margin-left: 0} .visible-tablet{display: inline-block!important} .hidden-tablet, .display-inline.hidden-tablet{display: none!important} } @media (min-width:768px) and (max-width:979px) { #main{margin-left: 0} #left-panel{left: -220px} #hide-menu>:first-child>a{margin-top: 9px; width: 40px} .btn-header a{margin-top: 9px!important; width: 40px!important} .hidden-menu #hide-menu i{color: #fff} .hidden-menu #left-panel{left: 0} .hidden-menu #main{position: relative; left: 210px} } @media (min-width:768px) and (max-width:880px) { #main{margin-left: 0} #left-panel{left: -220px} .no-content-padding{margin: 0 -14px!important} .inbox-nav-bar.no-content-padding{margin-top: -10px!important} #hide-menu>:first-child>a, .btn-header a{margin-top: 0px!important; width: 40px!important; /*height: 39px!important; line-height: 38px!important*/} .btn-header.transparent a{border: 0!important; background: 0 0; margin-left: 0; width: 25px!important; box-shadow: none!important} .btn-header.transparent a:hover{color: #a90329} .hidden-menu #hide-menu i{color: #fff} .hidden-menu #left-panel{left: 0} .hidden-menu #main{position: relative; left: 210px} } @media (max-width:767px) { .profile-pic>img{width: 100px} #main{margin-left: 0} #left-panel{left: -220px} .show-stat-microcharts>div{margin-top: 0!important; border-right: 0!important} .show-stat-buttons{padding-left: 10px!important; padding-right: 10px!important} #header{padding-right: 5px} #logo{margin-left: 4px} .no-content-padding{margin: 0 -5px!important} .inbox-nav-bar.no-content-padding{margin-top: -10px!important} .btn-header.transparent a{border: 0!important; background: 0 0; margin-left: 0; width: 25px!important; box-shadow: none!important} .btn-header.transparent a:hover{color: #a90329} #hide-menu>:first-child>a, .btn-header a{margin-top: 0px!important; width: 40px!important; /*height: 39px!important; line-height: 38px!important*/} #hide-menu>:first-child>a{width: 50px!important} #logo{margin-top: 10px} .hidden-menu #hide-menu i{color: #fff} .hidden-menu #left-panel{left: 0} .hidden-menu #main{position: relative; left: 210px} /*.header-search{display: none}*/ #search-mobile{display: block} .search-mobile .header-search{display: block; position: absolute; top: 0; width: 100%; height: 49px; background: #333; padding: 0 2px; box-sizing: border-box; left: 0} .search-mobile .header-search>input[type=text]{margin-top: 2px; height: 45px; border-color: #333; padding-right: 75px} .search-mobile .header-search>button{height: 29px; line-height: 29px; background: #DDD} .search-mobile .header-search>button{right: 44px} .search-mobile #search-mobile{display: none} .search-mobile #cancel-search-js{display: block} #project-context{display: none} } @media only screen and (min-width:0) and (max-width:679px) { .profile-pic>img{width: 90px} #main{margin-left: 0} #left-panel{left: -220px} .show-stat-microcharts>div{margin-top: 0!important; border-right: 0!important} .show-stat-buttons{padding-left: 10px!important; padding-right: 10px!important} #header{padding-right: 5px} #logo{margin-left: 4px} .no-content-padding{margin: 0 -5px!important} .inbox-nav-bar.no-content-padding{margin-top: -10px!important} #header{background: #fff} #ribbon .breadcrumb a, #ribbon .breadcrumb{color: #6D6C6C!important} #ribbon .breadcrumb>.active, #ribbon .breadcrumb li:last-child{color: #333!important} #hide-menu>:first-child>a, .btn-header a{margin-top: 0px!important; width: 40px!important; /*height: 39px!important; line-height: 38px!important*/} #hide-menu>:first-child>a{width: 50px!important} #logo{margin-top: 10px} .btn-header.transparent a{border: 0!important; background: 0 0; margin-left: 0; width: 25px!important; box-shadow: none!important} .btn-header.transparent a:hover{color: #a90329} .hidden-menu #hide-menu i{color: #fff} .hidden-menu #left-panel{left: 0} .hidden-menu #main{position: relative; left: 210px} /*.header-search{display: none}*/ #search-mobile{display: block} .search-mobile .header-search{display: block; position: absolute; top: 0; width: 100%; height: 49px; background: #333; padding: 0 2px; box-sizing: border-box; left: 0} .search-mobile .header-search>input[type=text]{margin-top: 2px; height: 45px; border-color: #333; padding-right: 75px} .search-mobile .header-search>button{height: 29px; line-height: 29px; background: #DDD} .search-mobile .header-search>button{right: 44px} .search-mobile #search-mobile{display: none} .search-mobile #cancel-search-js{display: block} #project-context{display: none!important} .hidden-tablet{display: none!important} } @media only screen and (min-width:0px) and (max-width:479px) { .profile-pic{text-align: left} .profile-pic>img{width: 90px; margin-left: 0; top: -25px; margin-right: 0} .profile-pic+div>h1{font-size: 20px} .profile-pic+div>h1 small{font-size: 16px} .profile-carousel .carousel-indicators{top: 10px} #main{margin-left: 0} #left-panel{left: -220px} .show-stat-microcharts>div{margin-top: 0!important; border-right: 0!important} .show-stat-buttons{padding-left: 10px!important; padding-right: 10px!important} #header{padding-right: 5px} #logo{margin-left: 4px} .no-content-padding{margin: 0 -5px!important} .inbox-nav-bar.no-content-padding{margin-top: -10px!important} #header{background: #fff} #ribbon .breadcrumb a, #ribbon .breadcrumb{color: #6D6C6C!important} #ribbon .breadcrumb>.active, #ribbon .breadcrumb li:last-child{color: #333!important} #sparks{text-align: center; background: #E0E0E0; padding: 10px 0; margin-bottom: 15px} #sparks li{padding: 0 10px 0 20px} #project-context{display: none!important} #hide-menu>:first-child>a, .btn-header a{margin-top: 0px!important; width: 40px!important;/* height: 39px!important; line-height: 38px!important*/} .btn-header.transparent a{border: 0!important; background: 0 0; margin-left: 0; width: 25px!important; box-shadow: none!important} .btn-header.transparent a:hover{color: #a90329} #hide-menu>:first-child>a{width: 46px!important} .hidden-menu #hide-menu i{color: #fff} .hidden-menu #left-panel{left: 0} .hidden-menu #main{position: relative; left: 210px} #project-context{display: none} .hidden-mobile{display: none!important} .visible-mobile{display: inline-block!important} /*.header-search{display: none}*/ #search-mobile{display: block; margin-left: 0} .search-mobile .header-search{display: block; position: absolute; top: 0; width: 100%; height: 49px; background: #333; padding: 0 2px; box-sizing: border-box; left: 0} .search-mobile .header-search>input[type=text]{margin-top: 2px; height: 45px; border-color: #333; padding-right: 75px} .search-mobile .header-search>button{height: 29px; line-height: 29px; background: #DDD} .search-mobile .header-search>button{right: 44px} .search-mobile #search-mobile{display: none} .search-mobile #cancel-search-js{display: block} .jarviswidget header h2{width: 135px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden} } /*.open>.dropdown-menu{-webkit-animation-name: flipInX; -moz-animation-name: flipInX; -o-animation-name: flipInX; animation-name: flipInX} .open>.dropdown-menu{-webkit-animation-duration: .4s; -moz-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both}*/ .fileUpload { position: relative; overflow: hidden; margin: 0px; } .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .pager{margin:0px auto !important; width:300px} .pager li > a, .pager li > span { background-color: var(--dark-theme-color, #007CBE); border-color: var(--dark-theme-color, #007CBE); border-radius:2px; color:#fff; font-size:13px; padding:8px 18px } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { background-color: rgba(0, 0, 0, 0); border-color: #DDDDDD; color: #AAAAAA; cursor: not-allowed; } .pager{width:auto; display:inline-block} .pager li + li{margin-left:10px} .pager li a{float:none !important} .inner-btn{font-size:13px; padding:6px 12px; box-shadow:none;} .float-none{float:none !important} .greentxt{color:var(--dark-theme-color, #007CBE)} .search-box .select2-choice{/*border-top:none; */ height:30px} .search-box .select2-container-active:not(.select2-dropdown-open) .select2-choice{border-color:#ccc} .search-box .input-group-addon{background:#fff; padding:6px 9px } .search-box .createnew{margin-left:8px} .modal-footer .pager li > a, .modal-footer .pager li > span { background-color: var(--dark-theme-color, #007CBE); border-color: var(--dark-theme-color, #007CBE); float:none; border-radius:2px; color:#fff; font-size:13px; padding:8px 18px } .modal-footer .pager li > a:hover{ background-color: var(--dark-theme-color, #007CBE); opacity:0.7; color:#fff;} .num-txfield{width:65px} .num-txfield input[type=text]{padding:0px 5px} .rounded-button{ background: none repeat scroll 0 0 var(--dark-theme-color, #007CBE); border-radius: 50%; height: 25px; width: 25px; border:none} .rounded-button i{color:#fff} #content .nav > li > a.height-auto, #content .nav {height:auto !important} .nav-tabs.height-auto, .nav-tabs.height-auto > li > a{height:auto !important} .toggle-sty-table .toggle {top:-7px} .warning .select2-container .select2-choice {background:#F9E8A0} /* Ckeditor styles*/ .cke_reset_all, .cke_reset_all *{font-family:"Open sans",Arial,Helvetica,Tahoma,Verdana,sans-serif!important; font-size:13px!important} .cke_dialog_body{border-width:0px!important; box-shadow:0 5px 15px rgba(0, 0, 0, 0.5)!important} .cke_dialog_title, .cke_dialog_contents, .cke_dialog_footer{background-color:#fff!important} .cke_dialog_title{font-weight:normal!important; text-align:center!important; border-bottom:1px solid #ddd!important} .cke_dialog_footer{border-top:1px solid #ddd!important} input.cke_dialog_ui_input_text, input.cke_dialog_ui_input_password, textarea.cke_dialog_ui_input_textarea{border-radius:0!important; box-shadow:none!important} select.cke_dialog_ui_input_select{border-radius:0!important; box-shadow:none!important} .grid-bordered{border:1px solid rgba(0, 0, 0, 0.1); border-bottom:0px} .grid-bordered:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .row-grid.grid-bordered > [class*="col-"]{padding:5px; border-right:1px solid rgba(0, 0, 0, 0.1)} .row-grid.grid-bordered > [class*="col-"]:last-child {border: medium none;} .border-left-0{border-left:0px !important} .state-error.select2 .select2-choice{background: none repeat scroll 0 0 #fff0f0; border-color: #a90329;}