/*! * 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} .dropdown-menu:before {border-bottom: 7px solid rgba(0, 0, 0, 0.15);border-left: 7px solid rgba(0, 0, 0, 0);border-right: 7px solid rgba(0, 0, 0, 0); content: ""; position: absolute; left: 9px;top: -7px; display:inline-block} .dropdown-menu:after {border-bottom: 6px solid #FFFFFF;border-left: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid rgba(0, 0, 0, 0); content: "";position: absolute; left: 10px; top: -6px; display:inline-block} .dropup .dropdown-menu:before {border-top: 7px solid rgba(0, 0, 0, 0.15); border-bottom-width:0; left: 9px; bottom:-7px; top:auto} .dropup .dropdown-menu:after {border-top: 6px solid #FFFFFF; border-bottom-width:0; left: 10px; bottom:-6px; top:auto} .btn-group.pull-left.bottomleft .dropdown-menu:after,.btn-group.pull-left.topleft .dropdown-menu:after {left: 197px;} .btn-group.pull-left.bottomleft .dropdown-menu:before,.btn-group.pull-left.topleft .dropdown-menu:before {left: 196px;} .pull-right .dropdown-menu:before{right:9px; left:auto} .pull-right .dropdown-menu:after{right:10px; left:auto} .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; padding-bottom: 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{content: url(../images/xpui/ajax-loader.gif); 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} .jarviswidget-color-magenta>header{background: #6E3671; color: #FFF} .jarviswidget-color-magenta>header>.jarviswidget-ctrls a, .jarviswidget-color-magenta .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-magenta .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-magenta>header{border-color: #6E3671!important} .jarviswidget-color-pink>header{background: #AC5287; color: #FFF} .jarviswidget-color-pink>header>.jarviswidget-ctrls a, .jarviswidget-color-pink .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-pink .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-pink>header{border-color: #AC5287!important} .jarviswidget-color-pinkDark>header{background: #A8829F; color: #FFF} .jarviswidget-color-pinkDark>header>.jarviswidget-ctrls a, .jarviswidget-color-pinkDark .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-pinkDark .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-pinkDark>header{border-color: #A8829F!important} .jarviswidget-color-yellow>header{background: #B09B5B; color: #FFF} .jarviswidget-color-yellow>header>.jarviswidget-ctrls a, .jarviswidget-color-yellow .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-yellow .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-yellow>header{border-color: #B09B5B!important} .jarviswidget-color-orange>header{background: #C79121; color: #FFF} .jarviswidget-color-orange>header>.jarviswidget-ctrls a, .jarviswidget-color-orange .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-orange .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-orange>header{border-color: #C79121!important} .jarviswidget-color-orangeDark>header{background: #A57225; color: #FFF} .jarviswidget-color-orangeDark>header>.jarviswidget-ctrls a, .jarviswidget-color-orangeDark .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-orangeDark .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-orangeDark>header{border-color: #A57225!important} .jarviswidget-color-darken>header{background: #404040; color: #FFF} .jarviswidget-color-darken>header>.jarviswidget-ctrls a, .jarviswidget-color-darken .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-darken .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-darken>header{border-color: #404040!important} .jarviswidget-color-purple>header{background: #65596B; color: #FFF} .jarviswidget-color-purple>header>.jarviswidget-ctrls a, .jarviswidget-color-purple .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-purple .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-purple>header{border-color: #65596B!important} .jarviswidget-color-teal>header{background: #568A89; color: #FFF} .jarviswidget-color-teal>header>.jarviswidget-ctrls a, .jarviswidget-color-teal .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-teal .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-teal>header{border-color: #568A89!important} .jarviswidget-color-blueDark>header{background: #4C4F53; color: #FFF} .jarviswidget-color-blueDark>header>.jarviswidget-ctrls a, .jarviswidget-color-blueDark .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-blueDark .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-blueDark>header{border-color: #4C4F53!important} .jarviswidget-color-blue>header{background: #60747C; color: #FFF} .jarviswidget-color-blue>header>.jarviswidget-ctrls a, .jarviswidget-color-blue .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-blue .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-blue>header{border-color: #60747C!important} .jarviswidget-color-blueLight>header{background: #CCDADF; color: #2b363c} .jarviswidget-color-blueLight>header>.jarviswidget-ctrls a, .jarviswidget-color-blueLight .nav-tabs li:not(.active) a{color: #2b363c!important} .jarviswidget-color-blueLight .nav-tabs li a:hover{color: #2b363c!important} .jarviswidget-color-blueLight>header{border-color: #92A2A8!important} .jarviswidget-color-red>header{background: #931313; color: #FFF} .jarviswidget-color-red>header>.jarviswidget-ctrls a, .jarviswidget-color-red .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-red .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-red>header{border-color: #931313!important} .jarviswidget-color-redLight>header{background: #A65858; color: #FFF} .jarviswidget-color-redLight>header>.jarviswidget-ctrls a, .jarviswidget-color-redLight .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-redLight .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-redLight>header{border-color: #A65858!important} .jarviswidget-color-white>header{background: #fff; color: #838383} .jarviswidget-color-white>header>.jarviswidget-ctrls a, .jarviswidget-color-white .nav-tabs li:not(.active) a{color: #838383!important} .jarviswidget-color-white .nav-tabs li a:hover{color: #838383!important} .jarviswidget-color-white>header{border-color: #C8C8C8!important} .jarviswidget-color-greenDark>header{background: #496949; color: #FFF} .jarviswidget-color-greenDark>header>.jarviswidget-ctrls a, .jarviswidget-color-greenDark .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-greenDark .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-greenDark>header{border-color: #638167!important} .jarviswidget-color-green>header{background: #356E35; color: #FFF} .jarviswidget-color-green>header>.jarviswidget-ctrls a, .jarviswidget-color-green .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-green .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-green>header{border-color: #638167!important} .jarviswidget-color-greenLight>header{background: #71843F; color: #FFF} .jarviswidget-color-greenLight>header>.jarviswidget-ctrls a, .jarviswidget-color-greenLight .nav-tabs li:not(.active) a{color: #fff!important} .jarviswidget-color-greenLight .nav-tabs li a:hover{color: #333!important} .jarviswidget-color-greenLight>header{border-color: #638167!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:#6CA898 !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 .radio:last-child, .smart-form .checkbox:last-child{margin-bottom: 0} .smart-form .radio input+i:after, .smart-form .checkbox input+i:after{position: absolute; opacity: 0; transition: opacity .1s; -o-transition: opacity .1s; -ms-transition: opacity .1s; -moz-transition: opacity .1s; -webkit-transition: opacity .1s} .smart-form .radio input+i:after{content: ''; top: 4px; left: 4px; width: 9px; height: 9px; border-radius: 50%} .smart-form .checkbox input+i:after{content: '\f00c'; top: -1px; left: 1px; width: 15px; height: 15px; font: 400 16px/19px FontAwesome; text-align: center} /* @-moz-document url-prefix() { .smart-form .checkbox input:checked:hover+i:after{content: '\f00d'} .smart-form .checkbox input:checked:disabled:hover+i:after{content: '\f00c'} } @media screen and (-webkit-min-device-pixel-ratio:0) { .smart-form .checkbox input:checked:hover+i:after{content: '\f00d'} .smart-form .checkbox input:checked:disabled:hover+i:after{content: '\f00c'} } .smart-form .checkbox input:checked:hover+i:after{content: '\f00d'} .smart-form .checkbox input:checked:disabled:hover+i:after{content: '\f00c'}*/ .smart-form .radio input:checked+i:after, .smart-form .checkbox input:checked+i:after{opacity: 1} .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:#6CA898} .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; color: #fff; 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{background-color: #3276B1; 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 .icon-append, .smart-form .icon-prepend{color: #A2A2A2} .smart-form .input:hover input, .smart-form .select:hover select, .smart-form .textarea:hover textarea, .smart-form .radio:hover i, .smart-form .checkbox:hover i, .smart-form .toggle:hover i{border-color: #6CA898} /*.smart-form .rating input+label:hover, .smart-form .rating input+label:hover~label{color: #3276B1}*/ .smart-form .button:hover{opacity: 1} .smart-form .radio:hover i, .smart-form .checkbox:hover i, .smart-form .toggle:hover i{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 1px rgba(0,0,0,.1)} .smart-form .radio:active i, .smart-form .checkbox:active i, .smart-form .toggle:active i{background: #F0F0F0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 1px rgba(0,0,0,.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: #6ca898} .smart-form .radio input+i:after{background-color: #6ca898} .smart-form .checkbox input+i:after{color: #6ca898} .smart-form .radio input:checked+i, .smart-form .checkbox input:checked+i, .smart-form .toggle input:checked+i{border-color: #3276B1} .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%} } .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} .animated.hinge{-webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s} @-webkit-keyframes flash { 0%, 50%, 100% { opacity:1} 25%, 75% { opacity:0} } @-moz-keyframes flash { 0%, 50%, 100% { opacity:1} 25%, 75% { opacity:0} } @-o-keyframes flash { 0%, 50%, 100% { opacity:1} 25%, 75% { opacity:0} } @keyframes flash { 0%, 50%, 100% { opacity:1} 25%, 75% { opacity:0} } .animated.flash{-webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash} @-webkit-keyframes shake { 0%, 100% { -webkit-transform:translateX(0)} 10%, 30%, 50%, 70%, 90% { -webkit-transform:translateX(-10px)} 20%, 40%, 60%, 80% { -webkit-transform:translateX(10px)} } @-moz-keyframes shake { 0%, 100% { -moz-transform:translateX(0)} 10%, 30%, 50%, 70%, 90% { -moz-transform:translateX(-10px)} 20%, 40%, 60%, 80% { -moz-transform:translateX(10px)} } @-o-keyframes shake { 0%, 100% { -o-transform:translateX(0)} 10%, 30%, 50%, 70%, 90% { -o-transform:translateX(-10px)} 20%, 40%, 60%, 80% { -o-transform:translateX(10px)} } @keyframes shake { 0%, 100% { transform:translateX(0)} 10%, 30%, 50%, 70%, 90% { transform:translateX(-10px)} 20%, 40%, 60%, 80% { transform:translateX(10px)} } .animated.shake{-webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake} @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform:translateY(0)} 40% { -webkit-transform:translateY(-30px)} 60% { -webkit-transform:translateY(-15px)} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0)} 40% { -moz-transform:translateY(-30px)} 60% { -moz-transform:translateY(-15px)} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform:translateY(0)} 40% { -o-transform:translateY(-30px)} 60% { -o-transform:translateY(-15px)} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform:translateY(0)} 40% { transform:translateY(-30px)} 60% { transform:translateY(-15px)} } .animated.bounce{-webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce} @-webkit-keyframes tada { 0% { -webkit-transform:scale(1)} 10%, 20% { -webkit-transform:scale(.9) rotate(-3deg)} 30%, 50%, 70%, 90% { -webkit-transform:scale(1.1) rotate(3deg)} 40%, 60%, 80% { -webkit-transform:scale(1.1) rotate(-3deg)} 100% { -webkit-transform:scale(1) rotate(0)} } @-moz-keyframes tada { 0% { -moz-transform:scale(1)} 10%, 20% { -moz-transform:scale(.9) rotate(-3deg)} 30%, 50%, 70%, 90% { -moz-transform:scale(1.1) rotate(3deg)} 40%, 60%, 80% { -moz-transform:scale(1.1) rotate(-3deg)} 100% { -moz-transform:scale(1) rotate(0)} } @-o-keyframes tada { 0% { -o-transform:scale(1)} 10%, 20% { -o-transform:scale(.9) rotate(-3deg)} 30%, 50%, 70%, 90% { -o-transform:scale(1.1) rotate(3deg)} 40%, 60%, 80% { -o-transform:scale(1.1) rotate(-3deg)} 100% { -o-transform:scale(1) rotate(0)} } @keyframes tada { 0% { transform:scale(1)} 10%, 20% { transform:scale(.9) rotate(-3deg)} 30%, 50%, 70%, 90% { transform:scale(1.1) rotate(3deg)} 40%, 60%, 80% { transform:scale(1.1) rotate(-3deg)} 100% { transform:scale(1) rotate(0)} } .animated.tada{-webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada} @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin:top center} 20% { -webkit-transform:rotate(15deg)} 40% { -webkit-transform:rotate(-10deg)} 60% { -webkit-transform:rotate(5deg)} 80% { -webkit-transform:rotate(-5deg)} 100% { -webkit-transform:rotate(0deg)} } @-moz-keyframes swing { 20% { -moz-transform:rotate(15deg)} 40% { -moz-transform:rotate(-10deg)} 60% { -moz-transform:rotate(5deg)} 80% { -moz-transform:rotate(-5deg)} 100% { -moz-transform:rotate(0deg)} } @-o-keyframes swing { 20% { -o-transform:rotate(15deg)} 40% { -o-transform:rotate(-10deg)} 60% { -o-transform:rotate(5deg)} 80% { -o-transform:rotate(-5deg)} 100% { -o-transform:rotate(0deg)} } @keyframes swing { 20% { transform:rotate(15deg)} 40% { transform:rotate(-10deg)} 60% { transform:rotate(5deg)} 80% { transform:rotate(-5deg)} 100% { transform:rotate(0deg)} } .animated.swing{-webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing} @-webkit-keyframes wobble { 0% { -webkit-transform:translateX(0)} 15% { -webkit-transform:translateX(-25%) rotate(-5deg)} 30% { -webkit-transform:translateX(20%) rotate(3deg)} 45% { -webkit-transform:translateX(-15%) rotate(-3deg)} 60% { -webkit-transform:translateX(10%) rotate(2deg)} 75% { -webkit-transform:translateX(-5%) rotate(-1deg)} 100% { -webkit-transform:translateX(0)} } @-moz-keyframes wobble { 0% { -moz-transform:translateX(0)} 15% { -moz-transform:translateX(-25%) rotate(-5deg)} 30% { -moz-transform:translateX(20%) rotate(3deg)} 45% { -moz-transform:translateX(-15%) rotate(-3deg)} 60% { -moz-transform:translateX(10%) rotate(2deg)} 75% { -moz-transform:translateX(-5%) rotate(-1deg)} 100% { -moz-transform:translateX(0)} } @-o-keyframes wobble { 0% { -o-transform:translateX(0)} 15% { -o-transform:translateX(-25%) rotate(-5deg)} 30% { -o-transform:translateX(20%) rotate(3deg)} 45% { -o-transform:translateX(-15%) rotate(-3deg)} 60% { -o-transform:translateX(10%) rotate(2deg)} 75% { -o-transform:translateX(-5%) rotate(-1deg)} 100% { -o-transform:translateX(0)} } @keyframes wobble { 0% { transform:translateX(0)} 15% { transform:translateX(-25%) rotate(-5deg)} 30% { transform:translateX(20%) rotate(3deg)} 45% { transform:translateX(-15%) rotate(-3deg)} 60% { transform:translateX(10%) rotate(2deg)} 75% { transform:translateX(-5%) rotate(-1deg)} 100% { transform:translateX(0)} } .animated.wobble{-webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble} @-webkit-keyframes pulse { 0% { -webkit-transform:scale(1)} 50% { -webkit-transform:scale(1.1)} 100% { -webkit-transform:scale(1)} } @-moz-keyframes pulse { 0% { -moz-transform:scale(1)} 50% { -moz-transform:scale(1.1)} 100% { -moz-transform:scale(1)} } @-o-keyframes pulse { 0% { -o-transform:scale(1)} 50% { -o-transform:scale(1.1)} 100% { -o-transform:scale(1)} } @keyframes pulse { 0% { transform:scale(1)} 50% { transform:scale(1.1)} 100% { transform:scale(1)} } .animated.pulse{-webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse} @-webkit-keyframes flip { 0% { -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function:ease-out} 40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function:ease-out} 50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in} 80% { -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in} 100% { -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function:ease-in} } @-moz-keyframes flip { 0% { -moz-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function:ease-out} 40% { -moz-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function:ease-out} 50% { -moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function:ease-in} 80% { -moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -moz-animation-timing-function:ease-in} 100% { -moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function:ease-in} } @-o-keyframes flip { 0% { -o-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function:ease-out} 40% { -o-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function:ease-out} 50% { -o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function:ease-in} 80% { -o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -o-animation-timing-function:ease-in} 100% { -o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function:ease-in} } @keyframes flip { 0% { transform:perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function:ease-out} 40% { transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function:ease-out} 50% { transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function:ease-in} 80% { transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function:ease-in} 100% { transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility: visible!important; -webkit-animation-name: flip; -moz-backface-visibility: visible!important; -moz-animation-name: flip; -o-backface-visibility: visible!important; -o-animation-name: flip; backface-visibility: visible!important; animation-name: flip} @-webkit-keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotateX(90deg); opacity:0} 40% { -webkit-transform:perspective(400px) rotateX(-10deg)} 70% { -webkit-transform:perspective(400px) rotateX(10deg)} 100% { -webkit-transform:perspective(400px) rotateX(0deg); opacity:1} } @-moz-keyframes flipInX { 0% { -moz-transform:perspective(400px) rotateX(90deg); opacity:0} 40% { -moz-transform:perspective(400px) rotateX(-10deg)} 70% { -moz-transform:perspective(400px) rotateX(10deg)} 100% { -moz-transform:perspective(400px) rotateX(0deg); opacity:1} } @-o-keyframes flipInX { 0% { -o-transform:perspective(400px) rotateX(90deg); opacity:0} 40% { -o-transform:perspective(400px) rotateX(-10deg)} 70% { -o-transform:perspective(400px) rotateX(10deg)} 100% { -o-transform:perspective(400px) rotateX(0deg); opacity:1} } @keyframes flipInX { 0% { transform:perspective(400px) rotateX(90deg); opacity:0} 40% { transform:perspective(400px) rotateX(-10deg)} 70% { transform:perspective(400px) rotateX(10deg)} 100% { transform:perspective(400px) rotateX(0deg); opacity:1} } .animated.flipInX{-webkit-backface-visibility: visible!important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible!important; -moz-animation-name: flipInX; -o-backface-visibility: visible!important; -o-animation-name: flipInX; backface-visibility: visible!important; animation-name: flipInX} @-webkit-keyframes flipOutX { 0% { -webkit-transform:perspective(400px) rotateX(0deg); opacity:1} 100% { -webkit-transform:perspective(400px) rotateX(90deg); opacity:0} } @-moz-keyframes flipOutX { 0% { -moz-transform:perspective(400px) rotateX(0deg); opacity:1} 100% { -moz-transform:perspective(400px) rotateX(90deg); opacity:0} } @-o-keyframes flipOutX { 0% { -o-transform:perspective(400px) rotateX(0deg); opacity:1} 100% { -o-transform:perspective(400px) rotateX(90deg); opacity:0} } @keyframes flipOutX { 0% { transform:perspective(400px) rotateX(0deg); opacity:1} 100% { transform:perspective(400px) rotateX(90deg); opacity:0} } .animated.flipOutX{-webkit-animation-name: flipOutX; -webkit-backface-visibility: visible!important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible!important; -o-animation-name: flipOutX; -o-backface-visibility: visible!important; animation-name: flipOutX; backface-visibility: visible!important} @-webkit-keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotateY(90deg); opacity:0} 40% { -webkit-transform:perspective(400px) rotateY(-10deg)} 70% { -webkit-transform:perspective(400px) rotateY(10deg)} 100% { -webkit-transform:perspective(400px) rotateY(0deg); opacity:1} } @-moz-keyframes flipInY { 0% { -moz-transform:perspective(400px) rotateY(90deg); opacity:0} 40% { -moz-transform:perspective(400px) rotateY(-10deg)} 70% { -moz-transform:perspective(400px) rotateY(10deg)} 100% { -moz-transform:perspective(400px) rotateY(0deg); opacity:1} } @-o-keyframes flipInY { 0% { -o-transform:perspective(400px) rotateY(90deg); opacity:0} 40% { -o-transform:perspective(400px) rotateY(-10deg)} 70% { -o-transform:perspective(400px) rotateY(10deg)} 100% { -o-transform:perspective(400px) rotateY(0deg); opacity:1} } @keyframes flipInY { 0% { transform:perspective(400px) rotateY(90deg); opacity:0} 40% { transform:perspective(400px) rotateY(-10deg)} 70% { transform:perspective(400px) rotateY(10deg)} 100% { transform:perspective(400px) rotateY(0deg); opacity:1} } .animated.flipInY{-webkit-backface-visibility: visible!important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible!important; -moz-animation-name: flipInY; -o-backface-visibility: visible!important; -o-animation-name: flipInY; backface-visibility: visible!important; animation-name: flipInY} @-webkit-keyframes flipOutY { 0% { -webkit-transform:perspective(400px) rotateY(0deg); opacity:1} 100% { -webkit-transform:perspective(400px) rotateY(90deg); opacity:0} } @-moz-keyframes flipOutY { 0% { -moz-transform:perspective(400px) rotateY(0deg); opacity:1} 100% { -moz-transform:perspective(400px) rotateY(90deg); opacity:0} } @-o-keyframes flipOutY { 0% { -o-transform:perspective(400px) rotateY(0deg); opacity:1} 100% { -o-transform:perspective(400px) rotateY(90deg); opacity:0} } @keyframes flipOutY { 0% { transform:perspective(400px) rotateY(0deg); opacity:1} 100% { transform:perspective(400px) rotateY(90deg); opacity:0} } .animated.flipOutY{-webkit-backface-visibility: visible!important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible!important; -moz-animation-name: flipOutY; -o-backface-visibility: visible!important; -o-animation-name: flipOutY; backface-visibility: visible!important; animation-name: flipOutY} @-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} } .animated.fadeIn{-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn} @-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)} } .animated.fadeInUp{-webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp} @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-20px)} 100% { opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInDown { 0% { opacity:0; -moz-transform:translateY(-20px)} 100% { opacity:1; -moz-transform:translateY(0)} } @-o-keyframes fadeInDown { 0% { opacity:0; -o-transform:translateY(-20px)} 100% { opacity:1; -o-transform:translateY(0)} } @keyframes fadeInDown { 0% { opacity:0; transform:translateY(-20px)} 100% { opacity:1; transform:translateY(0)} } .animated.fadeInDown{-webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown} @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translateX(-20px)} 100% { opacity:1; -webkit-transform:translateX(0)} } @-moz-keyframes fadeInLeft { 0% { opacity:0; -moz-transform:translateX(-20px)} 100% { opacity:1; -moz-transform:translateX(0)} } @-o-keyframes fadeInLeft { 0% { opacity:0; -o-transform:translateX(-20px)} 100% { opacity:1; -o-transform:translateX(0)} } @keyframes fadeInLeft { 0% { opacity:0; transform:translateX(-20px)} 100% { opacity:1; transform:translateX(0)} } .animated.fadeInLeft{-webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft} @-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)} } .animated.fadeInRight{-webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight} @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translateY(2000px)} 100% { opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInUpBig { 0% { opacity:0; -moz-transform:translateY(2000px)} 100% { opacity:1; -moz-transform:translateY(0)} } @-o-keyframes fadeInUpBig { 0% { opacity:0; -o-transform:translateY(2000px)} 100% { opacity:1; -o-transform:translateY(0)} } @keyframes fadeInUpBig { 0% { opacity:0; transform:translateY(2000px)} 100% { opacity:1; transform:translateY(0)} } .animated.fadeInUpBig{-webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig} @-webkit-keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translateY(-2000px)} 100% { opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInDownBig { 0% { opacity:0; -moz-transform:translateY(-2000px)} 100% { opacity:1; -moz-transform:translateY(0)} } @-o-keyframes fadeInDownBig { 0% { opacity:0; -o-transform:translateY(-2000px)} 100% { opacity:1; -o-transform:translateY(0)} } @keyframes fadeInDownBig { 0% { opacity:0; transform:translateY(-2000px)} 100% { opacity:1; transform:translateY(0)} } .animated.fadeInDownBig{-webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig} @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translateX(-2000px)} 100% { opacity:1; -webkit-transform:translateX(0)} } @-moz-keyframes fadeInLeftBig { 0% { opacity:0; -moz-transform:translateX(-2000px)} 100% { opacity:1; -moz-transform:translateX(0)} } @-o-keyframes fadeInLeftBig { 0% { opacity:0; -o-transform:translateX(-2000px)} 100% { opacity:1; -o-transform:translateX(0)} } @keyframes fadeInLeftBig { 0% { opacity:0; transform:translateX(-2000px)} 100% { opacity:1; transform:translateX(0)} } .animated.fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig} @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translateX(2000px)} 100% { opacity:1; -webkit-transform:translateX(0)} } @-moz-keyframes fadeInRightBig { 0% { opacity:0; -moz-transform:translateX(2000px)} 100% { opacity:1; -moz-transform:translateX(0)} } @-o-keyframes fadeInRightBig { 0% { opacity:0; -o-transform:translateX(2000px)} 100% { opacity:1; -o-transform:translateX(0)} } @keyframes fadeInRightBig { 0% { opacity:0; transform:translateX(2000px)} 100% { opacity:1; transform:translateX(0)} } .animated.fadeInRightBig{-webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig} @-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} } .animated.fadeOut{-webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut} @-webkit-keyframes fadeOutUp { 0% { opacity:1; -webkit-transform:translateY(0)} 100% { opacity:0; -webkit-transform:translateY(-20px)} } @-moz-keyframes fadeOutUp { 0% { opacity:1; -moz-transform:translateY(0)} 100% { opacity:0; -moz-transform:translateY(-20px)} } @-o-keyframes fadeOutUp { 0% { opacity:1; -o-transform:translateY(0)} 100% { opacity:0; -o-transform:translateY(-20px)} } @keyframes fadeOutUp { 0% { opacity:1; transform:translateY(0)} 100% { opacity:0; transform:translateY(-20px)} } .animated.fadeOutUp{-webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp} @-webkit-keyframes fadeOutDown { 0% { opacity:1; -webkit-transform:translateY(0)} 100% { opacity:0; -webkit-transform:translateY(20px)} } @-moz-keyframes fadeOutDown { 0% { opacity:1; -moz-transform:translateY(0)} 100% { opacity:0; -moz-transform:translateY(20px)} } @-o-keyframes fadeOutDown { 0% { opacity:1; -o-transform:translateY(0)} 100% { opacity:0; -o-transform:translateY(20px)} } @keyframes fadeOutDown { 0% { opacity:1; transform:translateY(0)} 100% { opacity:0; transform:translateY(20px)} } .animated.fadeOutDown{-webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown} @-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)} } .animated.fadeOutLeft{-webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft} @-webkit-keyframes fadeOutRight { 0% { opacity:1; -webkit-transform:translateX(0)} 100% { opacity:0; -webkit-transform:translateX(20px)} } @-moz-keyframes fadeOutRight { 0% { opacity:1; -moz-transform:translateX(0)} 100% { opacity:0; -moz-transform:translateX(20px)} } @-o-keyframes fadeOutRight { 0% { opacity:1; -o-transform:translateX(0)} 100% { opacity:0; -o-transform:translateX(20px)} } @keyframes fadeOutRight { 0% { opacity:1; transform:translateX(0)} 100% { opacity:0; transform:translateX(20px)} } .animated.fadeOutRight{-webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight} @-webkit-keyframes fadeOutUpBig { 0% { opacity:1; -webkit-transform:translateY(0)} 100% { opacity:0; -webkit-transform:translateY(-2000px)} } @-moz-keyframes fadeOutUpBig { 0% { opacity:1; -moz-transform:translateY(0)} 100% { opacity:0; -moz-transform:translateY(-2000px)} } @-o-keyframes fadeOutUpBig { 0% { opacity:1; -o-transform:translateY(0)} 100% { opacity:0; -o-transform:translateY(-2000px)} } @keyframes fadeOutUpBig { 0% { opacity:1; transform:translateY(0)} 100% { opacity:0; transform:translateY(-2000px)} } .animated.fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig} @-webkit-keyframes fadeOutDownBig { 0% { opacity:1; -webkit-transform:translateY(0)} 100% { opacity:0; -webkit-transform:translateY(2000px)} } @-moz-keyframes fadeOutDownBig { 0% { opacity:1; -moz-transform:translateY(0)} 100% { opacity:0; -moz-transform:translateY(2000px)} } @-o-keyframes fadeOutDownBig { 0% { opacity:1; -o-transform:translateY(0)} 100% { opacity:0; -o-transform:translateY(2000px)} } @keyframes fadeOutDownBig { 0% { opacity:1; transform:translateY(0)} 100% { opacity:0; transform:translateY(2000px)} } .animated.fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig} @-webkit-keyframes fadeOutLeftBig { 0% { opacity:1; -webkit-transform:translateX(0)} 100% { opacity:0; -webkit-transform:translateX(-2000px)} } @-moz-keyframes fadeOutLeftBig { 0% { opacity:1; -moz-transform:translateX(0)} 100% { opacity:0; -moz-transform:translateX(-2000px)} } @-o-keyframes fadeOutLeftBig { 0% { opacity:1; -o-transform:translateX(0)} 100% { opacity:0; -o-transform:translateX(-2000px)} } @keyframes fadeOutLeftBig { 0% { opacity:1; transform:translateX(0)} 100% { opacity:0; transform:translateX(-2000px)} } .animated.fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig} @-webkit-keyframes fadeOutRightBig { 0% { opacity:1; -webkit-transform:translateX(0)} 100% { opacity:0; -webkit-transform:translateX(2000px)} } @-moz-keyframes fadeOutRightBig { 0% { opacity:1; -moz-transform:translateX(0)} 100% { opacity:0; -moz-transform:translateX(2000px)} } @-o-keyframes fadeOutRightBig { 0% { opacity:1; -o-transform:translateX(0)} 100% { opacity:0; -o-transform:translateX(2000px)} } @keyframes fadeOutRightBig { 0% { opacity:1; transform:translateX(0)} 100% { opacity:0; transform:translateX(2000px)} } .animated.fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig} @-webkit-keyframes bounceIn { 0% { opacity:0; -webkit-transform:scale(.3)} 50% { opacity:1; -webkit-transform:scale(1.05)} 70% { -webkit-transform:scale(.9)} 100% { -webkit-transform:scale(1)} } @-moz-keyframes bounceIn { 0% { opacity:0; -moz-transform:scale(.3)} 50% { opacity:1; -moz-transform:scale(1.05)} 70% { -moz-transform:scale(.9)} 100% { -moz-transform:scale(1)} } @-o-keyframes bounceIn { 0% { opacity:0; -o-transform:scale(.3)} 50% { opacity:1; -o-transform:scale(1.05)} 70% { -o-transform:scale(.9)} 100% { -o-transform:scale(1)} } @keyframes bounceIn { 0% { opacity:0; transform:scale(.3)} 50% { opacity:1; transform:scale(1.05)} 70% { transform:scale(.9)} 100% { transform:scale(1)} } @-webkit-keyframes slideInDown { 0% { opacity:0; -webkit-transform:translateY(-100px)} 100% { -webkit-transform:translateY(0)} } @-moz-keyframes slideInDown { 0% { opacity:0; -moz-transform:translateY(-100px)} 100% { -moz-transform:translateY(0)} } @-o-keyframes slideInDown { 0% { opacity:0; -o-transform:translateY(-100px)} 100% { -o-transform:translateY(0)} } @keyframes slideInDown { 0% { opacity:0; transform:translateY(-100px)} 100% { transform:translateY(0)} } .slideInDown{-webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown} @-webkit-keyframes slideInLeft { 0% { opacity:0; -webkit-transform:translateX(-200px)} 100% { -webkit-transform:translateX(0)} } @-moz-keyframes slideInLeft { 0% { opacity:0; -moz-transform:translateX(-200px)} 100% { -moz-transform:translateX(0)} } @-o-keyframes slideInLeft { 0% { opacity:0; -o-transform:translateX(-200px)} 100% { -o-transform:translateX(0)} } @keyframes slideInLeft { 0% { opacity:0; transform:translateX(-200px)} 100% { transform:translateX(0)} } .slideInLeft{-webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft} @-webkit-keyframes slideOutLeft { 0% { -webkit-transform:translateX(0)} 100% { opacity:0; -webkit-transform:translateX(-2000px)} } @-moz-keyframes slideOutLeft { 0% { -moz-transform:translateX(0)} 100% { opacity:0; -moz-transform:translateX(-2000px)} } @-o-keyframes slideOutLeft { 0% { -o-transform:translateX(0)} 100% { opacity:0; -o-transform:translateX(-2000px)} } @keyframes slideOutLeft { 0% { transform:translateX(0)} 100% { opacity:0; transform:translateX(-2000px)} } .slideOutLeft{-webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft} @-webkit-keyframes slideOutRight { 0% { -webkit-transform:translateX(0)} 100% { opacity:0; -webkit-transform:translateX(2000px)} } @-moz-keyframes slideOutRight { 0% { -moz-transform:translateX(0)} 100% { opacity:0; -moz-transform:translateX(2000px)} } @-o-keyframes slideOutRight { 0% { -o-transform:translateX(0)} 100% { opacity:0; -o-transform:translateX(2000px)} } @keyframes slideOutRight { 0% { transform:translateX(0)} 100% { opacity:0; transform:translateX(2000px)} } .slideOutRight{-webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight} @-webkit-keyframes slideOutUp { 0% { -webkit-transform:translateY(0)} 100% { opacity:0; -webkit-transform:translateY(-2000px)} } @-moz-keyframes slideOutUp { 0% { -moz-transform:translateY(0)} 100% { opacity:0; -moz-transform:translateY(-2000px)} } @-o-keyframes slideOutUp { 0% { -o-transform:translateY(0)} 100% { opacity:0; -o-transform:translateY(-2000px)} } @keyframes slideOutUp { 0% { transform:translateY(0)} 100% { opacity:0; transform:translateY(-2000px)} } .slideOutUp{-webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp} .animated.bounceIn{-webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn} @-webkit-keyframes bounceInUp { 0% { opacity:0; -webkit-transform:translateY(2000px)} 60% { opacity:1; -webkit-transform:translateY(-30px)} 80% { -webkit-transform:translateY(10px)} 100% { -webkit-transform:translateY(0)} } @-moz-keyframes bounceInUp { 0% { opacity:0; -moz-transform:translateY(2000px)} 60% { opacity:1; -moz-transform:translateY(-30px)} 80% { -moz-transform:translateY(10px)} 100% { -moz-transform:translateY(0)} } @-o-keyframes bounceInUp { 0% { opacity:0; -o-transform:translateY(2000px)} 60% { opacity:1; -o-transform:translateY(-30px)} 80% { -o-transform:translateY(10px)} 100% { -o-transform:translateY(0)} } @keyframes bounceInUp { 0% { opacity:0; transform:translateY(2000px)} 60% { opacity:1; transform:translateY(-30px)} 80% { transform:translateY(10px)} 100% { transform:translateY(0)} } .animated.bounceInUp{-webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp} @-webkit-keyframes bounceInDown { 0% { opacity:0; -webkit-transform:translateY(-2000px)} 60% { opacity:1; -webkit-transform:translateY(30px)} 80% { -webkit-transform:translateY(-10px)} 100% { -webkit-transform:translateY(0)} } @-moz-keyframes bounceInDown { 0% { opacity:0; -moz-transform:translateY(-2000px)} 60% { opacity:1; -moz-transform:translateY(30px)} 80% { -moz-transform:translateY(-10px)} 100% { -moz-transform:translateY(0)} } @-o-keyframes bounceInDown { 0% { opacity:0; -o-transform:translateY(-2000px)} 60% { opacity:1; -o-transform:translateY(30px)} 80% { -o-transform:translateY(-10px)} 100% { -o-transform:translateY(0)} } @keyframes bounceInDown { 0% { opacity:0; transform:translateY(-2000px)} 60% { opacity:1; transform:translateY(30px)} 80% { transform:translateY(-10px)} 100% { transform:translateY(0)} } .animated.bounceInDown{-webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown} @-webkit-keyframes bounceInLeft { 0% { opacity:0; -webkit-transform:translateX(-2000px)} 60% { opacity:1; -webkit-transform:translateX(30px)} 80% { -webkit-transform:translateX(-10px)} 100% { -webkit-transform:translateX(0)} } @-moz-keyframes bounceInLeft { 0% { opacity:0; -moz-transform:translateX(-2000px)} 60% { opacity:1; -moz-transform:translateX(30px)} 80% { -moz-transform:translateX(-10px)} 100% { -moz-transform:translateX(0)} } @-o-keyframes bounceInLeft { 0% { opacity:0; -o-transform:translateX(-2000px)} 60% { opacity:1; -o-transform:translateX(30px)} 80% { -o-transform:translateX(-10px)} 100% { -o-transform:translateX(0)} } @keyframes bounceInLeft { 0% { opacity:0; transform:translateX(-2000px)} 60% { opacity:1; transform:translateX(30px)} 80% { transform:translateX(-10px)} 100% { transform:translateX(0)} } .animated.bounceInLeft{-webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft} @-webkit-keyframes bounceInRight { 0% { opacity:0; -webkit-transform:translateX(2000px)} 60% { opacity:1; -webkit-transform:translateX(-30px)} 80% { -webkit-transform:translateX(10px)} 100% { -webkit-transform:translateX(0)} } @-moz-keyframes bounceInRight { 0% { opacity:0; -moz-transform:translateX(2000px)} 60% { opacity:1; -moz-transform:translateX(-30px)} 80% { -moz-transform:translateX(10px)} 100% { -moz-transform:translateX(0)} } @-o-keyframes bounceInRight { 0% { opacity:0; -o-transform:translateX(2000px)} 60% { opacity:1; -o-transform:translateX(-30px)} 80% { -o-transform:translateX(10px)} 100% { -o-transform:translateX(0)} } @keyframes bounceInRight { 0% { opacity:0; transform:translateX(2000px)} 60% { opacity:1; transform:translateX(-30px)} 80% { transform:translateX(10px)} 100% { transform:translateX(0)} } .animated.bounceInRight{-webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight} @-webkit-keyframes bounceOut { 0% { -webkit-transform:scale(1)} 25% { -webkit-transform:scale(.95)} 50% { opacity:1; -webkit-transform:scale(1.1)} 100% { opacity:0; -webkit-transform:scale(.3)} } @-moz-keyframes bounceOut { 0% { -moz-transform:scale(1)} 25% { -moz-transform:scale(.95)} 50% { opacity:1; -moz-transform:scale(1.1)} 100% { opacity:0; -moz-transform:scale(.3)} } @-o-keyframes bounceOut { 0% { -o-transform:scale(1)} 25% { -o-transform:scale(.95)} 50% { opacity:1; -o-transform:scale(1.1)} 100% { opacity:0; -o-transform:scale(.3)} } @keyframes bounceOut { 0% { transform:scale(1)} 25% { transform:scale(.95)} 50% { opacity:1; transform:scale(1.1)} 100% { opacity:0; transform:scale(.3)} } .animated.bounceOut{-webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut} @-webkit-keyframes bounceOutUp { 0% { -webkit-transform:translateY(0)} 20% { opacity:1; -webkit-transform:translateY(20px)} 100% { opacity:0; -webkit-transform:translateY(-2000px)} } @-moz-keyframes bounceOutUp { 0% { -moz-transform:translateY(0)} 20% { opacity:1; -moz-transform:translateY(20px)} 100% { opacity:0; -moz-transform:translateY(-2000px)} } @-o-keyframes bounceOutUp { 0% { -o-transform:translateY(0)} 20% { opacity:1; -o-transform:translateY(20px)} 100% { opacity:0; -o-transform:translateY(-2000px)} } @keyframes bounceOutUp { 0% { transform:translateY(0)} 20% { opacity:1; transform:translateY(20px)} 100% { opacity:0; transform:translateY(-2000px)} } .animated.bounceOutUp{-webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp} @-webkit-keyframes bounceOutDown { 0% { -webkit-transform:translateY(0)} 20% { opacity:1; -webkit-transform:translateY(-20px)} 100% { opacity:0; -webkit-transform:translateY(2000px)} } @-moz-keyframes bounceOutDown { 0% { -moz-transform:translateY(0)} 20% { opacity:1; -moz-transform:translateY(-20px)} 100% { opacity:0; -moz-transform:translateY(2000px)} } @-o-keyframes bounceOutDown { 0% { -o-transform:translateY(0)} 20% { opacity:1; -o-transform:translateY(-20px)} 100% { opacity:0; -o-transform:translateY(2000px)} } @keyframes bounceOutDown { 0% { transform:translateY(0)} 20% { opacity:1; transform:translateY(-20px)} 100% { opacity:0; transform:translateY(2000px)} } .animated.bounceOutDown{-webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown} @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform:translateX(0)} 20% { opacity:1; -webkit-transform:translateX(20px)} 100% { opacity:0; -webkit-transform:translateX(-2000px)} } @-moz-keyframes bounceOutLeft { 0% { -moz-transform:translateX(0)} 20% { opacity:1; -moz-transform:translateX(20px)} 100% { opacity:0; -moz-transform:translateX(-2000px)} } @-o-keyframes bounceOutLeft { 0% { -o-transform:translateX(0)} 20% { opacity:1; -o-transform:translateX(20px)} 100% { opacity:0; -o-transform:translateX(-2000px)} } @keyframes bounceOutLeft { 0% { transform:translateX(0)} 20% { opacity:1; transform:translateX(20px)} 100% { opacity:0; transform:translateX(-2000px)} } .animated.bounceOutLeft{-webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft} @-webkit-keyframes bounceOutRight { 0% { -webkit-transform:translateX(0)} 20% { opacity:1; -webkit-transform:translateX(-20px)} 100% { opacity:0; -webkit-transform:translateX(2000px)} } @-moz-keyframes bounceOutRight { 0% { -moz-transform:translateX(0)} 20% { opacity:1; -moz-transform:translateX(-20px)} 100% { opacity:0; -moz-transform:translateX(2000px)} } @-o-keyframes bounceOutRight { 0% { -o-transform:translateX(0)} 20% { opacity:1; -o-transform:translateX(-20px)} 100% { opacity:0; -o-transform:translateX(2000px)} } @keyframes bounceOutRight { 0% { transform:translateX(0)} 20% { opacity:1; transform:translateX(-20px)} 100% { opacity:0; transform:translateX(2000px)} } .animated.bounceOutRight{-webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight} @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin:center center; -webkit-transform:rotate(-200deg); opacity:0} 100% { -webkit-transform-origin:center center; -webkit-transform:rotate(0); opacity:1} } @-moz-keyframes rotateIn { 0% { -moz-transform-origin:center center; -moz-transform:rotate(-200deg); opacity:0} 100% { -moz-transform-origin:center center; -moz-transform:rotate(0); opacity:1} } @-o-keyframes rotateIn { 0% { -o-transform-origin:center center; -o-transform:rotate(-200deg); opacity:0} 100% { -o-transform-origin:center center; -o-transform:rotate(0); opacity:1} } @keyframes rotateIn { 0% { transform-origin:center center; transform:rotate(-200deg); opacity:0} 100% { transform-origin:center center; transform:rotate(0); opacity:1} } .animated.rotateIn{-webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn} @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(90deg); opacity:0} 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1} } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(90deg); opacity:0} 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1} } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin:left bottom; -o-transform:rotate(90deg); opacity:0} 100% { -o-transform-origin:left bottom; -o-transform:rotate(0); opacity:1} } @keyframes rotateInUpLeft { 0% { transform-origin:left bottom; transform:rotate(90deg); opacity:0} 100% { transform-origin:left bottom; transform:rotate(0); opacity:1} } .animated.rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft} @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(-90deg); opacity:0} 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1} } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(-90deg); opacity:0} 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1} } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin:left bottom; -o-transform:rotate(-90deg); opacity:0} 100% { -o-transform-origin:left bottom; -o-transform:rotate(0); opacity:1} } @keyframes rotateInDownLeft { 0% { transform-origin:left bottom; transform:rotate(-90deg); opacity:0} 100% { transform-origin:left bottom; transform:rotate(0); opacity:1} } .animated.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft} @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(-90deg); opacity:0} 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1} } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(-90deg); opacity:0} 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1} } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin:right bottom; -o-transform:rotate(-90deg); opacity:0} 100% { -o-transform-origin:right bottom; -o-transform:rotate(0); opacity:1} } @keyframes rotateInUpRight { 0% { transform-origin:right bottom; transform:rotate(-90deg); opacity:0} 100% { transform-origin:right bottom; transform:rotate(0); opacity:1} } .animated.rotateInUpRight{-webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight} @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(90deg); opacity:0} 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1} } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(90deg); opacity:0} 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1} } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin:right bottom; -o-transform:rotate(90deg); opacity:0} 100% { -o-transform-origin:right bottom; -o-transform:rotate(0); opacity:1} } @keyframes rotateInDownRight { 0% { transform-origin:right bottom; transform:rotate(90deg); opacity:0} 100% { transform-origin:right bottom; transform:rotate(0); opacity:1} } .animated.rotateInDownRight{-webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight} @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin:center center; -webkit-transform:rotate(0); opacity:1} 100% { -webkit-transform-origin:center center; -webkit-transform:rotate(200deg); opacity:0} } @-moz-keyframes rotateOut { 0% { -moz-transform-origin:center center; -moz-transform:rotate(0); opacity:1} 100% { -moz-transform-origin:center center; -moz-transform:rotate(200deg); opacity:0} } @-o-keyframes rotateOut { 0% { -o-transform-origin:center center; -o-transform:rotate(0); opacity:1} 100% { -o-transform-origin:center center; -o-transform:rotate(200deg); opacity:0} } @keyframes rotateOut { 0% { transform-origin:center center; transform:rotate(0); opacity:1} 100% { transform-origin:center center; transform:rotate(200deg); opacity:0} } .animated.rotateOut{-webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut} @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1} 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(-90deg); opacity:0} } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1} 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(-90deg); opacity:0} } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin:left bottom; -o-transform:rotate(0); opacity:1} 100% { -o-transform-origin:left bottom; -o-transform:rotate(-90deg); opacity:0} } @keyframes rotateOutUpLeft { 0% { transform-origin:left bottom; transform:rotate(0); opacity:1} 100% { transform-origin:left bottom; transform:rotate(-90deg); opacity:0} } .animated.rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft} @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1} 100% { -webkit-transform-origin:left bottom; -webkit-transform:rotate(90deg); opacity:0} } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1} 100% { -moz-transform-origin:left bottom; -moz-transform:rotate(90deg); opacity:0} } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin:left bottom; -o-transform:rotate(0); opacity:1} 100% { -o-transform-origin:left bottom; -o-transform:rotate(90deg); opacity:0} } @keyframes rotateOutDownLeft { 0% { transform-origin:left bottom; transform:rotate(0); opacity:1} 100% { transform-origin:left bottom; transform:rotate(90deg); opacity:0} } .animated.rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft} @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1} 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(90deg); opacity:0} } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1} 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(90deg); opacity:0} } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin:right bottom; -o-transform:rotate(0); opacity:1} 100% { -o-transform-origin:right bottom; -o-transform:rotate(90deg); opacity:0} } @keyframes rotateOutUpRight { 0% { transform-origin:right bottom; transform:rotate(0); opacity:1} 100% { transform-origin:right bottom; transform:rotate(90deg); opacity:0} } .animated.rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight} @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(0); opacity:1} 100% { -webkit-transform-origin:right bottom; -webkit-transform:rotate(-90deg); opacity:0} } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin:right bottom; -moz-transform:rotate(0); opacity:1} 100% { -moz-transform-origin:right bottom; -moz-transform:rotate(-90deg); opacity:0} } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin:right bottom; -o-transform:rotate(0); opacity:1} 100% { -o-transform-origin:right bottom; -o-transform:rotate(-90deg); opacity:0} } @keyframes rotateOutDownRight { 0% { transform-origin:right bottom; transform:rotate(0); opacity:1} 100% { transform-origin:right bottom; transform:rotate(-90deg); opacity:0} } .animated.rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight} @-webkit-keyframes hinge { 0% { -webkit-transform:rotate(0); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out} 20%, 60% { -webkit-transform:rotate(80deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out} 40% { -webkit-transform:rotate(60deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out} 80% { -webkit-transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out} 100% { -webkit-transform:translateY(700px); opacity:0} } @-moz-keyframes hinge { 0% { -moz-transform:rotate(0); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out} 20%, 60% { -moz-transform:rotate(80deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out} 40% { -moz-transform:rotate(60deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out} 80% { -moz-transform:rotate(60deg) translateY(0); opacity:1; -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out} 100% { -moz-transform:translateY(700px); opacity:0} } @-o-keyframes hinge { 0% { -o-transform:rotate(0); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out} 20%, 60% { -o-transform:rotate(80deg); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out} 40% { -o-transform:rotate(60deg); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out} 80% { -o-transform:rotate(60deg) translateY(0); opacity:1; -o-transform-origin:top left; -o-animation-timing-function:ease-in-out} 100% { -o-transform:translateY(700px); opacity:0} } @keyframes hinge { 0% { transform:rotate(0); transform-origin:top left; animation-timing-function:ease-in-out} 20%, 60% { transform:rotate(80deg); transform-origin:top left; animation-timing-function:ease-in-out} 40% { transform:rotate(60deg); transform-origin:top left; animation-timing-function:ease-in-out} 80% { transform:rotate(60deg) translateY(0); opacity:1; transform-origin:top left; animation-timing-function:ease-in-out} 100% { transform:translateY(700px); opacity:0} } .animated.hinge{-webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge} @-webkit-keyframes rollIn { 0% { opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg)} 100% { opacity:1; -webkit-transform:translateX(0) rotate(0deg)} } @-moz-keyframes rollIn { 0% { opacity:0; -moz-transform:translateX(-100%) rotate(-120deg)} 100% { opacity:1; -moz-transform:translateX(0) rotate(0deg)} } @-o-keyframes rollIn { 0% { opacity:0; -o-transform:translateX(-100%) rotate(-120deg)} 100% { opacity:1; -o-transform:translateX(0) rotate(0deg)} } @keyframes rollIn { 0% { opacity:0; transform:translateX(-100%) rotate(-120deg)} 100% { opacity:1; transform:translateX(0) rotate(0deg)} } .animated.rollIn{-webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn} @-webkit-keyframes rollOut { 0% { opacity:1; -webkit-transform:translateX(0) rotate(0deg)} 100% { opacity:0; -webkit-transform:translateX(100%) rotate(120deg)} } @-moz-keyframes rollOut { 0% { opacity:1; -moz-transform:translateX(0) rotate(0deg)} 100% { opacity:0; -moz-transform:translateX(100%) rotate(120deg)} } @-o-keyframes rollOut { 0% { opacity:1; -o-transform:translateX(0) rotate(0deg)} 100% { opacity:0; -o-transform:translateX(100%) rotate(120deg)} } @keyframes rollOut { 0% { opacity:1; transform:translateX(0) rotate(0deg)} 100% { opacity:0; transform:translateX(100%) rotate(120deg)} } .animated.rollOut{-webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut} @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform:translateX(100%) skewX(-30deg); opacity:0} 60% { -webkit-transform:translateX(-20%) skewX(30deg); opacity:1} 80% { -webkit-transform:translateX(0) skewX(-15deg); opacity:1} 100% { -webkit-transform:translateX(0) skewX(0deg); opacity:1} } @-moz-keyframes lightSpeedIn { 0% { -moz-transform:translateX(100%) skewX(-30deg); opacity:0} 60% { -moz-transform:translateX(-20%) skewX(30deg); opacity:1} 80% { -moz-transform:translateX(0) skewX(-15deg); opacity:1} 100% { -moz-transform:translateX(0) skewX(0deg); opacity:1} } @-o-keyframes lightSpeedIn { 0% { -o-transform:translateX(100%) skewX(-30deg); opacity:0} 60% { -o-transform:translateX(-20%) skewX(30deg); opacity:1} 80% { -o-transform:translateX(0) skewX(-15deg); opacity:1} 100% { -o-transform:translateX(0) skewX(0deg); opacity:1} } @keyframes lightSpeedIn { 0% { transform:translateX(100%) skewX(-30deg); opacity:0} 60% { transform:translateX(-20%) skewX(30deg); opacity:1} 80% { transform:translateX(0) skewX(-15deg); opacity:1} 100% { transform:translateX(0) skewX(0deg); opacity:1} } .animated.lightSpeedIn{-webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out} .animated.lightSpeedIn{-webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s} @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform:translateX(0) skewX(0deg); opacity:1} 100% { -webkit-transform:translateX(100%) skewX(-30deg); opacity:0} } @-moz-keyframes lightSpeedOut { 0% { -moz-transform:translateX(0) skewX(0deg); opacity:1} 100% { -moz-transform:translateX(100%) skewX(-30deg); opacity:0} } @-o-keyframes lightSpeedOut { 0% { -o-transform:translateX(0) skewX(0deg); opacity:1} 100% { -o-transform:translateX(100%) skewX(-30deg); opacity:0} } @keyframes lightSpeedOut { 0% { transform:translateX(0) skewX(0deg); opacity:1} 100% { transform:translateX(100%) skewX(-30deg); opacity:0} } .animated.lightSpeedOut{-webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in} .animated.lightSpeedOut{-webkit-animation-duration: .25s; -moz-animation-duration: .25s; -o-animation-duration: .25s; animation-duration: .25s} .fade{opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear} @-moz-keyframes spin { 0% { -moz-transform:rotate(0deg)} 100% { -moz-transform:rotate(359deg)} } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg)} 100% { -webkit-transform:rotate(359deg)} } @-o-keyframes spin { 0% { -o-transform:rotate(0deg)} 100% { -o-transform:rotate(359deg)} } @-ms-keyframes spin { 0% { -ms-transform:rotate(0deg)} 100% { -ms-transform:rotate(359deg)} } @keyframes spin { 0% { transform:rotate(0deg)} 100% { transform:rotate(359deg)} } .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%} } .bootstrap-tagsinput{display: block; width: 100%; min-height: 32px; padding: 1px 3px; font-size: 13px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #FFF; border: 1px solid #CCC; border-radius: 0} .bootstrap-tagsinput>span, .taginput-wrap .tag{border-radius:2px 2px 2px 2px !important; font-weight: 400; padding: 4px 28px 4px 8px; font-size: 13px; border: none; background: #999} .bootstrap-tagsinput input{border: 0; box-shadow: none; outline: 0; background-color: transparent; padding: 0; margin: 0; width: auto!important; max-width: inherit} .smart-form .bootstrap-tagsinput input{border: 0; box-shadow: none; outline: 0; background-color: transparent; padding: 0; margin: 0; width: auto!important; max-width: inherit; display:inline-block} .bootstrap-tagsinput input:focus{border: 0; box-shadow: none} .bootstrap-tagsinput .tag, .taginput-wrap .tag{color: #FFF; position: relative; margin: 3px 0 3px 2px; display: inline-block; word-wrap:break-word; word-break:break-all; white-space:normal} .bootstrap-tagsinput .tag [data-role=remove]{display: block; top: 0px; right: 0; padding: 3px 0 3px 5px; width: 23px; height: 22px; position: absolute; cursor: pointer; margin-top:0} /*.bootstrap-tagsinput .tag [data-role=remove]:hover{background: rgba(0,0,0,.3)} */ .bootstrap-tagsinput .tag [data-role=remove]:after{content: "\f057"; font-family: fontAwesome; padding: 2px 1px; line-height: 17px; font-size: 15px; text-align: center} /*.bootstrap-tagsinput .tag [data-role=remove]:hover{box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)} */ .bootstrap-tagsinput .tag [data-role=remove]:hover:active{box-shadow: inset 0 3px 5px rgba(0,0,0,.125)} .fd-form-element-hidden{display: none} .fd-slider{width: 100%; height: 20px; margin: 0} .fd-slider-vertical{width: 20px; height: 100%; margin: 0 10px 10px 0} .fd-slider, .fd-slider-vertical{display: block; position: relative; text-decoration: none; border: 0 none; -moz-user-select: none; -khtml-user-select: none; -webkit-touch-callout: none; user-select: none} .fd-slider-inner{display: none} .fd-slider-bar{position: absolute; display: block; z-index: 2; height: 6px; width: 100%; border: 1px solid #bbb; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin: 0; padding: 0; overflow: hidden; line-height: 4px; top: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #333} .fd-slider-range{position: absolute; display: block; z-index: 3; height: 6px; margin: 0; padding: 0 2px 0 0; overflow: hidden; top: 9px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #eee} .fd-slider-handle{position: absolute; display: block; padding: 0; border: 0 none; margin: 0 0 0 1px; z-index: 3; top: 5px; left: 0; width: 12px; height: 12px; line-height: 1px!important; outline: 0 none; background: #eee; border: 1px solid #aaa; border-radius: 12px; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -moz-user-focus: none; -moz-outline: 0 none; user-select: none} .fd-slider-handle:focus{outline: 0 none; border: 0 none; -moz-user-focus: normal} button.fd-slider-handle:focus::-moz-focus-inner { border-color:transparent} body.fd-slider-drag-vertical, body.fd-slider-drag-vertical *{-moz-user-select: none; -webkit-user-select: none; user-select: none} body.fd-slider-drag-horizontal, body.fd-slider-drag-horizontal *{-moz-user-select: none; -webkit-user-select: none; user-select: none} .fd-slider-handle:before, .fd-slider-handle:after{opacity: 0; -moz-transition-property: opacity; -moz-transition-duration: 1s; -moz-transition-delay: 1s; -webkit-transition-property: opacity; -webkit-transition-duration: 1s; -webkit-transition-delay: 1s; -o-transition-property: opacity; -o-transition-duration: 1s; -o-transition-delay: 1s; transition-property: opacity; transition-duration: 1s; transition-delay: 1s} .fd-slider-focused .fd-slider-handle:before, .fd-slider-hover .fd-slider-handle:before, .fd-slider-active .fd-slider-handle:before{display: block; position: absolute; top: -21px; left: -8px; margin: 0; width: 20px; padding: 3px; height: 14px; line-height: 12px; text-align: center; font-size: 10px; font-weight: 700; color: #fff; text-shadow: 1px 1px 1px #1a3a95; background: #2f6ee0; z-index: 1; content: attr(aria-valuetext); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 0 4px #aaa; -webkit-box-shadow: 0 0 4px #aaa; box-shadow: 0 0 4px #999; opacity: 1} .fd-slider-focused .fd-slider-handle:after, .fd-slider-hover .fd-slider-handle:after, .fd-slider-active .fd-slider-handle:after{outline: 0; content: ""; display: block; position: absolute; top: -9px; left: 50%; margin: 0 0 0 -5px; background: #2f6ee0; z-index: 2; width: 10px; height: 10px; overflow: hidden; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-box-shadow: 0 0 4px #aaa; -webkit-box-shadow: 0 0 4px #aaa; box-shadow: 0 0 4px #aaa; clip: rect(4px,14px,14px,4px); opacity: 1} .oldie .fd-slider-handle:before, .oldie .fd-slider-handle:after{display: none} /*! * 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} /*! * jQuery UI Bootstrap (1.0 alpha) * http://addyosmani.github.io/jquery-ui-bootstrap/ * * Copyright 2012 - 2013, Addy Osmani * Dual licensed under the MIT or GPL Version 2 licenses. * * Portions copyright jQuery UI & Twitter Bootstrap */ .ui-helper-hidden{display: none} .ui-helper-hidden-accessible{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px} .ui-helper-reset{margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none} .ui-helper-clearfix:before, .ui-helper-clearfix:after{content: ""; display: table; border-collapse: collapse} .ui-helper-clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden} .ui-helper-clearfix{display: block; min-height: 0} * html .ui-helper-clearfix{height: 1%} .ui-helper-zfix{width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0)} .ui-front{z-index: 100} .ui-state-disabled{cursor: default!important} .ui-icon{display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat} .ui-widget-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%} .ui-resizable{position: relative} .ui-resizable-handle{position: absolute; font-size: .1px; z-index: 99999; display: block} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle{display: none} .ui-resizable-n{cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0} .ui-resizable-s{cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0} .ui-resizable-e{cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%} .ui-resizable-w{cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%} .ui-resizable-se{cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px} .ui-resizable-sw{cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px} .ui-resizable-nw{cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px} .ui-resizable-ne{cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px} .ui-selectable-helper{position: absolute; z-index: 100; border: 1px dotted #000} .ui-widget{font-family:"Open Sans",Helvetica Neue,Arial,sans-serif !important; font-size: 13px} .ui-widget .ui-widget{font-size: 13px} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:"Open Sans",Helvetica Neue,Arial,sans-serif; font-size: inherit} .ui-widget-content{border: 1px solid #aaa; background: #fff; color: #404040; font-family:"Open Sans",Helvetica Neue,Arial,sans-serif;} .ui-widget-header{font-weight: 700; background-color: #F5F5F5; border-color: #DDD; color: #333} .ui-widget-header a{color: #222} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color: #333; background-color: #fff; font-weight: 400; border: 1px solid #ccc} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: #555; text-decoration: none} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{color: #333; background-color: #ebebeb; border-color: #adadad; text-decoration: none} .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited{color: #333; text-decoration: none} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border: 1px solid #adadad; font-weight: 400; color: #333} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color: #333; text-decoration: none} .ui-widget :active{outline: 0} .ui-state-highlight, .ui-state-error, .ui-state-default{position: relative; border-width: 1px; border-style: solid} .ui-state-highlight p, .ui-state-error p, .ui-state-default p{font-size: 13px; font-weight: 400; line-height: 18px; margin: 7px 15px} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1} .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{color: #2d6987} .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{color: #b94a48; background-color: #f2dede; border-color: #eed3d7} .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color: #953b39} .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color: #953b39} .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight: 700} .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{opacity: .7; filter: alpha(opacity=70); font-weight: 400} .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: .35; filter: alpha(opacity=35); background-image: none} .ui-state-disabled .ui-icon{filter: alpha(opacity=35)} .ui-icon-carat-1-n{background-position: 0 0} .ui-icon-carat-1-ne{background-position: -16px 0} .ui-icon-carat-1-e{background-position: -32px 0} .ui-icon-carat-1-se{background-position: -48px 0} .ui-icon-carat-1-s{background-position: -64px 0} .ui-icon-carat-1-sw{background-position: -80px 0} .ui-icon-carat-1-w{background-position: -96px 0} .ui-icon-carat-1-nw{background-position: -112px 0} .ui-icon-carat-2-n-s{background-position: -128px 0} .ui-icon-carat-2-e-w{background-position: -144px 0} .ui-icon-triangle-1-n{background-position: 0 -16px} .ui-icon-triangle-1-ne{background-position: -16px -16px} .ui-icon-triangle-1-e{background-position: -32px -16px} .ui-icon-triangle-1-se{background-position: -48px -16px} .ui-icon-triangle-1-s{background-position: -64px -16px} .ui-icon-triangle-1-sw{background-position: -80px -16px} .ui-icon-triangle-1-w{background-position: -96px -16px} .ui-icon-triangle-1-nw{background-position: -112px -16px} .ui-icon-triangle-2-n-s{background-position: -128px -16px} .ui-icon-triangle-2-e-w{background-position: -144px -16px} .ui-icon-arrow-1-n{background-position: 0 -32px} .ui-icon-arrow-1-ne{background-position: -16px -32px} .ui-icon-arrow-1-e{background-position: -32px -32px} .ui-icon-arrow-1-se{background-position: -48px -32px} .ui-icon-arrow-1-s{background-position: -64px -32px} .ui-icon-arrow-1-sw{background-position: -80px -32px} .ui-icon-arrow-1-w{background-position: -96px -32px} .ui-icon-arrow-1-nw{background-position: -112px -32px} .ui-icon-arrow-2-n-s{background-position: -128px -32px} .ui-icon-arrow-2-ne-sw{background-position: -144px -32px} .ui-icon-arrow-2-e-w{background-position: -160px -32px} .ui-icon-arrow-2-se-nw{background-position: -176px -32px} .ui-icon-arrowstop-1-n{background-position: -192px -32px} .ui-icon-arrowstop-1-e{background-position: -208px -32px} .ui-icon-arrowstop-1-s{background-position: -224px -32px} .ui-icon-arrowstop-1-w{background-position: -240px -32px} .ui-icon-arrowthick-1-n{background-position: 0 -48px} .ui-icon-arrowthick-1-ne{background-position: -16px -48px} .ui-icon-arrowthick-1-e{background-position: -32px -48px} .ui-icon-arrowthick-1-se{background-position: -48px -48px} .ui-icon-arrowthick-1-s{background-position: -64px -48px} .ui-icon-arrowthick-1-sw{background-position: -80px -48px} .ui-icon-arrowthick-1-w{background-position: -96px -48px} .ui-icon-arrowthick-1-nw{background-position: -112px -48px} .ui-icon-arrowthick-2-n-s{background-position: -128px -48px} .ui-icon-arrowthick-2-ne-sw{background-position: -144px -48px} .ui-icon-arrowthick-2-e-w{background-position: -160px -48px} .ui-icon-arrowthick-2-se-nw{background-position: -176px -48px} .ui-icon-arrowthickstop-1-n{background-position: -192px -48px} .ui-icon-arrowthickstop-1-e{background-position: -208px -48px} .ui-icon-arrowthickstop-1-s{background-position: -224px -48px} .ui-icon-arrowthickstop-1-w{background-position: -240px -48px} .ui-icon-arrowreturnthick-1-w{background-position: 0 -64px} .ui-icon-arrowreturnthick-1-n{background-position: -16px -64px} .ui-icon-arrowreturnthick-1-e{background-position: -32px -64px} .ui-icon-arrowreturnthick-1-s{background-position: -48px -64px} .ui-icon-arrowreturn-1-w{background-position: -64px -64px} .ui-icon-arrowreturn-1-n{background-position: -80px -64px} .ui-icon-arrowreturn-1-e{background-position: -96px -64px} .ui-icon-arrowreturn-1-s{background-position: -112px -64px} .ui-icon-arrowrefresh-1-w{background-position: -128px -64px} .ui-icon-arrowrefresh-1-n{background-position: -144px -64px} .ui-icon-arrowrefresh-1-e{background-position: -160px -64px} .ui-icon-arrowrefresh-1-s{background-position: -176px -64px} .ui-icon-arrow-4{background-position: 0 -80px} .ui-icon-arrow-4-diag{background-position: -16px -80px} .ui-icon-extlink{background-position: -32px -80px} .ui-icon-newwin{background-position: -48px -80px} .ui-icon-refresh{background-position: -64px -80px} .ui-icon-shuffle{background-position: -80px -80px} .ui-icon-transfer-e-w{background-position: -96px -80px} .ui-icon-transferthick-e-w{background-position: -112px -80px} .ui-icon-folder-collapsed{background-position: 0 -96px} .ui-icon-folder-open{background-position: -16px -96px} .ui-icon-document{background-position: -32px -96px} .ui-icon-document-b{background-position: -48px -96px} .ui-icon-note{background-position: -64px -96px} .ui-icon-mail-closed{background-position: -80px -96px} .ui-icon-mail-open{background-position: -96px -96px} .ui-icon-suitcase{background-position: -112px -96px} .ui-icon-comment{background-position: -128px -96px} .ui-icon-person{background-position: -144px -96px} .ui-icon-print{background-position: -160px -96px} .ui-icon-trash{background-position: -176px -96px} .ui-icon-locked{background-position: -192px -96px} .ui-icon-unlocked{background-position: -208px -96px} .ui-icon-bookmark{background-position: -224px -96px} .ui-icon-tag{background-position: -240px -96px} .ui-icon-home{background-position: 0 -112px} .ui-icon-flag{background-position: -16px -112px} .ui-icon-calendar{background-position: -32px -112px} .ui-icon-cart{background-position: -48px -112px} .ui-icon-pencil{background-position: -64px -112px} .ui-icon-clock{background-position: -80px -112px} .ui-icon-disk{background-position: -96px -112px} .ui-icon-calculator{background-position: -112px -112px} .ui-icon-zoomin{background-position: -128px -112px} .ui-icon-zoomout{background-position: -144px -112px} .ui-icon-search{background-position: -160px -112px} .ui-icon-wrench{background-position: -176px -112px} .ui-icon-gear{background-position: -192px -112px} .ui-icon-heart{background-position: -208px -112px} .ui-icon-star{background-position: -224px -112px} .ui-icon-link{background-position: -240px -112px} .ui-icon-cancel{background-position: 0 -128px} .ui-icon-plus{background-position: -16px -128px} .ui-icon-plusthick{background-position: -32px -128px} .ui-icon-minus{background-position: -48px -128px} .ui-icon-minusthick{background-position: -64px -128px} .ui-icon-close{background-position: -80px -128px} .ui-icon-closethick{background-position: -96px -128px} .ui-icon-key{background-position: -112px -128px} .ui-icon-lightbulb{background-position: -128px -128px} .ui-icon-scissors{background-position: -144px -128px} .ui-icon-clipboard{background-position: -160px -128px} .ui-icon-copy{background-position: -176px -128px} .ui-icon-contact{background-position: -192px -128px} .ui-icon-image{background-position: -208px -128px} .ui-icon-video{background-position: -224px -128px} .ui-icon-script{background-position: -240px -128px} .ui-icon-alert{background-position: 0 -144px} .ui-icon-info{background-position: -16px -144px} .ui-icon-notice{background-position: -32px -144px} .ui-icon-help{background-position: -48px -144px} .ui-icon-check{background-position: -64px -144px} .ui-icon-bullet{background-position: -80px -144px} .ui-icon-radio-on{background-position: -96px -144px} .ui-icon-radio-off{background-position: -112px -144px} .ui-icon-pin-w{background-position: -128px -144px} .ui-icon-pin-s{background-position: -144px -144px} .ui-icon-play{background-position: 0 -160px} .ui-icon-pause{background-position: -16px -160px} .ui-icon-seek-next{background-position: -32px -160px} .ui-icon-seek-prev{background-position: -48px -160px} .ui-icon-seek-end{background-position: -64px -160px} .ui-icon-seek-first{background-position: -80px -160px} .ui-icon-seek-start{background-position: -80px -160px} .ui-icon-stop{background-position: -96px -160px} .ui-icon-eject{background-position: -112px -160px} .ui-icon-volume-off{background-position: -128px -160px} .ui-icon-volume-on{background-position: -144px -160px} .ui-icon-power{background-position: 0 -176px} .ui-icon-signal-diag{background-position: -16px -176px} .ui-icon-signal{background-position: -32px -176px} .ui-icon-battery-0{background-position: -48px -176px} .ui-icon-battery-1{background-position: -64px -176px} .ui-icon-battery-2{background-position: -80px -176px} .ui-icon-battery-3{background-position: -96px -176px} .ui-icon-circle-plus{background-position: 0 -192px} .ui-icon-circle-minus{background-position: -16px -192px} .ui-icon-circle-close{background-position: -32px -192px} .ui-icon-circle-triangle-e{background-position: -48px -192px} .ui-icon-circle-triangle-s{background-position: -64px -192px} .ui-icon-circle-triangle-w{background-position: -80px -192px} .ui-icon-circle-triangle-n{background-position: -96px -192px} .ui-icon-circle-arrow-e{background-position: -112px -192px} .ui-icon-circle-arrow-s{background-position: -128px -192px} .ui-icon-circle-arrow-w{background-position: -144px -192px} .ui-icon-circle-arrow-n{background-position: -160px -192px} .ui-icon-circle-zoomin{background-position: -176px -192px} .ui-icon-circle-zoomout{background-position: -192px -192px} .ui-icon-circle-check{background-position: -208px -192px} .ui-icon-circlesmall-plus{background-position: 0 -208px} .ui-icon-circlesmall-minus{background-position: -16px -208px} .ui-icon-circlesmall-close{background-position: -32px -208px} .ui-icon-squaresmall-plus{background-position: -48px -208px} .ui-icon-squaresmall-minus{background-position: -64px -208px} .ui-icon-squaresmall-close{background-position: -80px -208px} .ui-icon-grip-dotted-vertical{background-position: 0 -224px} .ui-icon-grip-dotted-horizontal{background-position: -16px -224px} .ui-icon-grip-solid-vertical{background-position: -32px -224px} .ui-icon-grip-solid-horizontal{background-position: -48px -224px} .ui-icon-gripsmall-diagonal-se{background-position: -64px -224px} .ui-icon-grip-diagonal-se{background-position: -80px -224px} .ui-corner-all{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0} .ui-corner-top, .ui-corner-left, .ui-corner-tl{-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px} .ui-corner-top, .ui-corner-right, .ui-corner-tr{-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px} .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{-webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px} .ui-corner-bottom, .ui-corner-right, .ui-corner-br{-webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px} .ui-widget-overlay{background: #aaa; opacity: .3; filter: alpha(opacity=30)} .ui-widget-shadow{margin: -8px 0 0 -8px; padding: 8px; background: #aaa; opacity: .3; filter: alpha(opacity=30); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px} .ui-accordion{width: 100%} .ui-accordion .ui-accordion-li-fix{display: inline} .ui-accordion .ui-accordion-header-active{border-bottom: 0!important} .ui-accordion .ui-accordion-header{display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0} .ui-accordion .ui-accordion-icons{padding-left: 2.2em} .ui-accordion .ui-accordion-noicons{padding-left: .7em} .ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left: 2.2em} .ui-accordion .ui-accordion-header .ui-accordion-header-icon{position: absolute; left: .5em; top: 50%; margin-top: -8px} .ui-accordion .ui-accordion-content{padding: 1em 2.2em; border-top: 0 none; margin-top: -3px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none} .ui-accordion .ui-accordion-content-active{display: block} .ui-autocomplete{position: absolute; top: 0; left: 0; cursor: default} .ui-button{display: inline-block; 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:focus{outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px} .ui-button:focus, .ui-button:hover{color: #333; background-color: #ebebeb; border-color: #adadad; text-decoration: none} ui-button.disabled, ui-button[disabled], fieldset[disabled] ui-button, ui-button.disabled:hover, ui-button[disabled]:hover, fieldset[disabled] ui-button:hover, ui-button.disabled:focus, ui-button[disabled]:focus, fieldset[disabled] ui-button:focus, ui-button.disabled:active, ui-button[disabled]:active, fieldset[disabled] ui-button:active, ui-button.disabled.active, ui-button[disabled].active, fieldset[disabled] ui-button.ui-state-active{background-color: #fff; border-color: #ccc} .ui-btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px} .ui-btn-sm, .ui-btn-xs{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px} .ui-btn-xs{padding: 1px 5px} .ui-btn-block{display: block; width: 100%; padding-right: 0; padding-left: 0} .ui-btn-block+.ui-btn-block{margin-top: 5px} input[type=submit].ui-btn-block, input[type=reset].ui-btn-block, input[type=button].ui-btn-block{width: 100%} .ui-button-text-icon-primary .ui-button-icon-primary{float: left} .ui-button-text-icon-primary{padding: 2px 7px 3px} .ui-button-primary{color: #fff; background-color: #428bca; border-color: #357ebd} .ui-button-warning{color: #fff; background-color: #f0ad4e; border-color: #eea236} .ui-button-info{color: #fff; background-color: #5bc0de; border-color: #46b8da} .ui-button-danger{color: #fff; background-color: #d9534f; border-color: #d43f3a} .ui-button-inverse{color: #fff; background-color: #222; border-color: #080808} .ui-button-success{color: #fff; background-color: #5cb85c; border-color: #4cae4c} .ui-button-error{color: #fff; background-color: #c43c35; border-color: #882a25} .ui-button-primary:hover, .ui-button-success:hover, .ui-button-info:hover, .ui-button-danger:hover, .ui-button-warning:hover, .ui-button-inverse:hover{color: #fff; text-decoration: none} .ui-button-primary:hover, .ui-button-primary:focus{color: #fff; background-color: #3276b1; border-color: #285e8e} .ui-button-success:hover{color: #fff; background-color: #47a447; border-color: #398439} .ui-button-info:hover{color: #fff; background-color: #39b3d7; border-color: #269abc} .ui-button-danger:hover{color: #fff; background-color: #d2322d; border-color: #ac2925} .ui-button-warning:hover{color: #fff; background-color: #ed9c28; border-color: #d58512} .ui-button-inverse:hover{color: #fff; background-color: #363636; border-color: #000} .ui-button-icon-only{width: 2.2em} .ui-button-icons-only{width: 3.4em} button.ui-button-icons-only{width: 3.7em} .ui-button-text-icon-primary .ui-button-icon-primary.ui-icon{margin-top: 5px} .ui-button .ui-button-text{display: block; line-height: normal} .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text{padding: .4em; text-indent: -9999px; display: none} .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text{padding: .4em 1em .4em 2.1em} .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text{padding: .4em 2.1em .4em 1em} .ui-button-text-icons .ui-button-text{padding-left: 2.1em; padding-right: 2.1em} input.ui-button{padding: .4em 1em} .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon{margin-bottom: 0; margin-top: 0; top: 50%} .ui-button-icon-only .ui-icon{left: 50%; margin-left: -8px; margin-right: -6px} .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary{left: .5em} .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary{right: .5em} .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary{right: .5em} .ui-buttonset{margin-right: 7px} .ui-buttonset .ui-state-active{color: #fff; background-color: #428bca; border-color: #357ebd} .ui-buttonset .ui-state-active.ui-state-hover{color: #fff; background-color: #3276b1; border-color: #285e8e} .ui-buttonset .ui-button{margin-left: 0; margin-right: -.4em} button.ui-button::-moz-focus-inner { border:0; padding:0} .ui-menu{list-style: none; padding: 2px; margin: 0; display: block; outline: 0} .ui-menu .ui-menu{margin-top: -3px; position: absolute; list-style: none} .ui-menu .ui-menu-item{margin: 0; padding: 0; width: 100%; list-style: none; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)} .ui-menu .ui-menu-divider{margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0} .ui-menu .ui-menu-item a{text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: 400} .ui-menu .ui-menu-item a.ui-corner-all{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0} .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-widget-content{font-weight: 700; margin: 0; background-color: #428BCA; border-color: #357EBD; color: #FFF; display: block; white-space: nowrap} .ui-menu .ui-menu-item a.ui-state-active{padding: 1px .4em} .ui-menu .ui-state-disabled{font-weight: 400; margin: .4em 0 .2em; line-height: 1.5} .ui-menu .ui-state-disabled a{cursor: default} .ui-menu-icons{position: relative} .ui-menu-icons .ui-menu-item a{position: relative; padding-left: 2em} .ui-menu .ui-icon{position: absolute; top: .2em; left: .2em} .ui-menu .ui-menu-icon{position: static; float: right} .ui-menu{width: 200px; margin-bottom: 2em} .ui-spinner{position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle} .ui-spinner-input{border: 0; background: 0 0; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px} .ui-spinner-button{width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0} .ui-spinner a.ui-spinner-button{border-top: 0; border-bottom: 0; border-right: 0} .ui-spinner .ui-icon{position: absolute; margin-top: -8px; top: 50%; left: 0} .ui-spinner-up{top: 0} .ui-spinner-down{bottom: 0} .ui-spinner .ui-icon-triangle-1-s{background-position: -65px -16px} .ui-dialog{position: absolute; top: 0; left: 0; padding: 0; width: 300px; overflow: hidden; outline: 0; background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0,0,0,.3); border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,.3); box-shadow: 0 3px 7px rgba(0,0,0,.3); outline: medium none; z-index: 1050} .ui-dialog .ui-dialog-titlebar{position: relative; border: 0 0 0 1px solid; border-color: #fff; padding: 5px 15px; font-size: 18px; text-decoration: none; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; border-bottom: 1px solid #ccc} .ui-dialog .ui-dialog-title{float: left; color: #404040; font-weight: 700; margin-top: 5px; margin-bottom: 5px; padding: 5px; text-overflow: ellipsis; overflow: hidden} .ui-dialog .ui-dialog-titlebar-close{position: absolute; right: .3em; top: 50%; width: 19px; margin: -20px 0 0 0; padding: 1px; height: 18px; font-size: 20px; font-weight: 700; line-height: 13.5px; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=25); -khtml-opacity: .25; -moz-opacity: .25; opacity: .25; background: 0 0; border-width: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .ui-dialog .ui-dialog-titlebar-close span{display: block; margin: 1px; text-indent: 9999px} .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{padding: 1px; filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9} .ui-dialog .ui-dialog-content{position: relative; border: 0; padding: .5em 1em; background: 0 0; overflow: auto} .ui-dialog .ui-dialog-buttonpane{text-align: left; border-width: 1px 0 0; background-image: none; margin: .5em 0 0; background-color: #fff; padding: 5px 15px; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; margin-bottom: 0} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float: right} .ui-dialog .ui-dialog-buttonpane button{margin: .5em .4em .5em 0; cursor: pointer} .ui-dialog .ui-resizable-se{width: 14px; height: 14px; right: 3px; bottom: 3px} .ui-draggable .ui-dialog-titlebar{cursor: move} .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{color: #fff; background-color: #428bca; border-color: #357ebd} .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover{color: #fff; background-color: #3276b1; border-color: #285e8e} .ui-dialog-buttonset .ui-button:not(:first-child){cursor: pointer; display: inline-block; color: #333; background-color: #fff; border: 1px solid #ccc; -webkit-transition: .1s linear all; -moz-transition: .1s linear all; -o-transition: .1s linear all; transition: .1s linear all; overflow: visible} .ui-dialog-buttonset .ui-button:not(:first-child) .ui-state-hover{color: #333; background-color: #ebebeb; border-color: #adadad; text-decoration: none} .ui-dialog-buttonset .ui-button.ui-button-info{color: #fff; background-color: #5bc0de; border-color: #46b8da} .ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover{color: #fff; background-color: #39b3d7; border-color: #269abc} .ui-dialog-buttonset .ui-button.ui-button-success{color: #fff; background-color: #5cb85c; border-color: #4cae4c} .ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover{color: #fff; background-color: #47a447; border-color: #398439} .ui-dialog-buttonset .ui-button.ui-button-warning{color: #fff; background-color: #f0ad4e; border-color: #eea236} .ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover{color: #fff; background-color: #ed9c28; border-color: #d58512} .ui-dialog-buttonset .ui-button.ui-button-danger{color: #fff; background-color: #d9534f; border-color: #d43f3a} .ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover{color: #fff; background-color: #d2322d; border-color: #ac2925} .ui-dialog-buttonset .ui-button.ui-button-inverse{color: #fff; background-color: #222; border-color: #080808} .ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover{color: #fff; background-color: #363636; border-color: #000} .ui-slider{position: relative; text-align: left} .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range{filter: inherit} .ui-slider .ui-slider-handle{position: absolute; z-index: 2; width: 16px; height: 18px; cursor: default} .ui-slider .ui-slider-range{position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; color: #fff; background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width .6s ease; -moz-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease} .ui-slider-horizontal{height: 10px; background: #D5D5D5; border: 0} .ui-slider-horizontal .ui-slider-handle{top: -.3em; margin-left: -.6em; background-color: #fff; border-color: #CCC} .ui-slider-horizontal .ui-slider-handle:focus{background-color: #fff; border-color: #357EBD} .ui-slider-horizontal .ui-slider-handle:hover{background-color: #fff; border-color: #285E8E; outline: 0} .ui-slider-horizontal .ui-slider-handle:active{background-color: #428BCA; border-color: #3276B1} .ui-slider-horizontal .ui-slider-range{top: 0; height: 100%} .ui-slider-horizontal .ui-slider-range-min{left: 0} .ui-slider-horizontal .ui-slider-range-max{right: 0} .ui-slider-vertical{width: .8em; height: 100px} .ui-slider-vertical .ui-slider-handle{left: -.3em; margin-left: 0; margin-bottom: -.6em} .ui-slider-vertical .ui-slider-range{left: 0; width: 100%} .ui-slider-vertical .ui-slider-range-min{bottom: 0} .ui-slider-vertical .ui-slider-range-max{top: 0} .ui-tabs{position: relative; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0} .ui-tabs .ui-tabs-nav{margin-bottom: 5px; border: solid #ddd; border-width: 0 0 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: 0 0} .ui-tabs .ui-tabs-nav li{position: relative; top: 0; float: left; margin-right: 2px; margin-bottom: -1px; border: 0; list-style: none; white-space: nowrap; background: 0 0} .ui-tabs-nav .ui-state-default{border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .ui-tabs .ui-tabs-nav li a{float: left; border: 1px solid #fff; border-bottom: 1px solid #ddd; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; padding: 8px 12px; font-weight: 400; text-decoration: none; outline: 0; color: #0069D6; background: 0 0} .ui-tabs .ui-tabs-nav li a:hover{border: 1px solid #f5f5f5; border-bottom: 1px solid #ddd; background-color: #f5f5f5} .ui-tabs .ui-tabs-nav li.ui-tabs-active a{border: 1px solid #ddd; border-bottom: 1px solid #fff; background-color: #fff; color: #555} .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover{background: #fff; cursor: text} .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor: text} .ui-tabs .ui-tabs-panel{display: block; margin: 1em 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 1px 0; background: 0 0} .ui-tabs .ui-tabs-hide{display: none!important} .ui-tabs .ui-tabs-nav li{filter: none} .ui-tooltip{display: block; font-size: 11px; opacity: .8; position: absolute; visibility: visible; z-index: 1024; max-width: 200px} .ui-tooltip{background: #000; border: 1px solid #000} .ui-tooltip{color: #FFF; padding: 3px 8px; text-align: center; text-decoration: none; -webkit-box-shadow: inset 0 1px 0 #000; -moz-box-shadow: inset 0 1px 0 #000; box-shadow: inset 0 1px 0 #000; border-radius: 4px} body .ui-tooltip{border-width: 1px} .ui-datepicker{width: 17em; padding: .2em .2em 0; display: none} .ui-datepicker .ui-datepicker-header{position: relative; padding: .2em 0; border: 0; font-weight: 700; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: gray} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position: absolute; top: 2px; width: 1.8em; height: 1.8em} .ui-datepicker .ui-datepicker-prev{left: 2px} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ui-datepicker .ui-datepicker-prev:before{content: "\e651"; position:relative; top:4px;} .ui-datepicker .ui-datepicker-next:before{content: "\e650"; position:relative; top:4px;} .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon{opacity:0} .ui-datepicker .ui-datepicker-next{right: 2px} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px} .ui-datepicker .ui-datepicker-title{margin: 0 2.3em; line-height: 1.8em; text-align: center} .ui-datepicker .ui-datepicker-title select{font-size: 1em; margin: 1px 0} .ui-datepicker select.ui-datepicker-month-year{width: 100%} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 49%} .ui-datepicker table{width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em} .ui-datepicker th{padding: .7em .3em; text-align: center; font-weight: 700; border: 0} .ui-datepicker td{border: 0; padding: 1px} .ui-datepicker td span, .ui-datepicker td a{display: block; padding: .2em; text-align: right; text-decoration: none} .ui-datepicker .ui-datepicker-buttonpane{background-image: none; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0} .ui-datepicker .ui-datepicker-buttonpane button{float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float: left} .ui-datepicker.ui-datepicker-multi{width: auto} .ui-datepicker-multi .ui-datepicker-group{float: left} .ui-datepicker-multi .ui-datepicker-group table{width: 95%; margin: 0 auto .4em} .ui-datepicker-multi-2 .ui-datepicker-group{width: 50%} .ui-datepicker-multi-3 .ui-datepicker-group{width: 33.3%} .ui-datepicker-multi-4 .ui-datepicker-group{width: 25%} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width: 0} .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width: 0} .ui-datepicker-multi .ui-datepicker-buttonpane{clear: left} .ui-datepicker-row-break{clear: both; width: 100%; font-size: 0} .ui-datepicker-rtl{direction: rtl} .ui-datepicker-rtl .ui-datepicker-prev{right: 2px; left: auto} .ui-datepicker-rtl .ui-datepicker-next{left: 2px; right: auto} .ui-datepicker-rtl .ui-datepicker-prev:hover{right: 1px; left: auto} .ui-datepicker-rtl .ui-datepicker-next:hover{left: 1px; right: auto} .ui-datepicker-rtl .ui-datepicker-buttonpane{clear: right} .ui-datepicker-rtl .ui-datepicker-buttonpane button{float: left} .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float: right} .ui-datepicker-rtl .ui-datepicker-group{float: right} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width: 0; border-left-width: 1px} .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width: 0; border-left-width: 1px} .ui-datepicker-cover{display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px} .ui-datepicker th{font-weight: 700; color: gray} .ui-datepicker-today a:hover{background-color: gray; color: #fff} .ui-datepicker-today a{background-color: #BFBFBF; cursor: pointer; padding: 0 4px; margin-bottom: 0} .ui-datepicker td a{margin-bottom: 0; border: 0} .ui-datepicker td:hover{color: #fff} .ui-datepicker td .ui-state-default{border: 0; background: 0 0; margin-bottom: 0; padding: 5px; color: gray; text-align: center; filter: none} .ui-datepicker td .ui-state-highlight{color: #fff; background-color: #A90329; border-color: #46b8da; text-shadow: 0 -1px 0 rgba(0,0,0,.25); border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0} .ui-datepicker td .ui-state-active{color: #333; background-color: #ebebeb; border-color: #adadad; margin-bottom: 0; font-size: normal; text-shadow: 0; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0} .ui-datepicker td .ui-state-hover{color: #fff; background: #428bca; background-color: #428bca; text-shadow: 0 -1px 0 rgba(0,0,0,.25); border-color: #357ebd; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0} .ui-progressbar{height: 2em; margin-bottom: 20px; border: 0; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1)} .ui-progressbar .ui-progressbar-value{margin: 0; height: 100%; color: #fff; background-color: #428BCA; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width .6s ease; transition: width .6s ease} .ui-progressbar .ui-progressbar-overlay{ 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; -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} .ui-progressbar-indeterminate .ui-progressbar-value{background-image: none} .ui-toolbar{padding: 7px 14px; margin: 0 0 18px; background-color: #f5f5f5; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #fff, #f5f5f5); background-image: -moz-linear-gradient(top, #fff, #f5f5f5); background-image: -o-linear-gradient(top, #fff, #f5f5f5); background-image: linear-gradient(top, #fff, #f5f5f5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff} .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} div.wijmo-wijmenu{padding: 0 20px; background-color: #222; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #333, #222); background-image: -moz-linear-gradient(top, #333, #222); background-image: -o-linear-gradient(top, #333, #222); background-image: linear-gradient(top, #333, #222); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1)} .wijmo-wijmenu .ui-state-default{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #bfbfbf} .wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text{color: #bfbfbf} .wijmo-wijmenu .ui-state-hover{background: #444; background: rgba(255,255,255,.05)} .wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text{color: #fff} div.wijmo-wijmenu .ui-widget-header h3{position: relative; margin-top: 1px; padding: 0} .wijmo-wijmenu h3 a{color: #fff; display: block; float: left; font-size: 20px; font-weight: 200; line-height: 1; margin-left: -20px; margin-top: 1px; padding: 8px 20px 12px} .wijmo-wijmenu h3 a:hover{background-color: rgba(255,255,255,.05); color: #fff; text-decoration: none} .wijmo-wijmenu .ui-widget-header{border: 0} .wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child{padding: .3em 0} div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child{background: #333; border: 0; margin: 0; padding: 6px 0; width: 160px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2); box-shadow: 0 2px 4px rgba(0,0,0,.2)} div.wijmo-wijmenu .wijmo-wijmenu-item{margin: 0; border: 0} .wijmo-wijmenu a.wijmo-wijmenu-link{margin: 0; line-height: 19px; padding: 10px 10px 11px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0} div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link{display: block; float: none; padding: 4px 15px; width: auto} div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text{float: none} .wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover{background: #191919} .wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator{padding: 5px 0; background-image: none; background-color: #222; border-top: 1px solid #444; border-bottom: 0; border-left: 0; border-right: 0} .wijmo-wijmenu .wijmo-wijmenu-item input{-moz-transition: none 0s ease 0s; background-color: rgba(255,255,255,.3); border: 1px solid #111; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset, 0 1px 0 rgba(255,255,255,.25); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset, 0 1px 0 rgba(255,255,255,.25); box-shadow: 0 1px 2px rgba(0,0,0,.1) inset, 0 1px 0 rgba(255,255,255,.25); color: rgba(255,255,255,.75); font-family:"Open Sans",Helvetica Neue,Arial,sans-serif; line-height: 1; margin: 5px 10px 0; padding: 4px 9px; width: 100px} .wijmo-wijmenu .wijmo-wijmenu-item input:hover{background-color: rgba(255,255,255,.5); color: #fff} .wijmo-wijmenu .wijmo-wijmenu-item input:focus{background-color: #fff; border: 0 none; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15); -moz-box-shadow: 0 0 3px rgba(0,0,0,.15); box-shadow: 0 0 3px rgba(0,0,0,.15); color: #404040; outline: 0 none; padding: 5px 10px; text-shadow: 0 1px 0 #fff} .wijmo-wijmenu .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{text-shadow: none} .wijmo-wijmenu .ui-state-default{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #bfbfbf; filter: 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} .messagebox-success .foto > i, .messagebox-success .textoFoto > span{color:#aacc7a} .messagebox-warning .foto > i, .messagebox-warning .textoFoto > span{color:#f7e07f} .messagebox-error .foto > i, .messagebox-error .textoFoto > span{color:#ea6060} #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:#6ca898; 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; color: #fff; 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:#6ca898} .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} .txt-color-blueDesaturated{color: #3D6070!important} .txt-color-blueSoft{color: #337E96!important} .txt-color-cyanGrayish{color: #717e7f!important} .txt-color-blue{color: #488cc2!important} .txt-color-blueLight{color: #92a2a8!important} .txt-color-blueDark{color: #4c4f53!important} .txt-color-green{color: #62b3a9!important} .txt-color-greenLight{color: #71843f!important} .txt-color-greenDark{color: #496949!important} .txt-color-keyGreen{color: #6CA898!important} .txt-color-red{color: #e86060!important} .txt-color-yellow{color: #b09b5b!important} .txt-color-orange{color: #b19a6b!important} .txt-color-orangeDark{color: #a57225!important} .txt-color-pink{color: #ac5287!important} .txt-color-pinkDark{color: #a8829f!important} .txt-color-purple{color: #6e587a!important} .txt-color-darken{color: #404040!important} .txt-color-lighten{color: #d5e7ec!important} .txt-color-white{color: #fff!important} .txt-color-grayDark{color: #525252!important} .txt-color-grayDisabled{color: #999999!important} .txt-color-magenta{color: #6e3671!important} .txt-color-teal{color: #568a89!important} .txt-color-redLight{color: #a65858!important} .bg-color-keyGreenLight{background-color: #c9e2de !important;} .bg-color-grayLight{background-color:#efefef !important;} .bg-color-blueDesaturated{background-color: #6AA4D1!important} .bg-color-blueSoft{background-color: #82C6E0!important} .bg-color-cyanGrayish{background-color: #BACED3!important} .bg-color-blue{background-color: #488cc2!important} .bg-color-blueLight{background-color: #92a2a8!important} .bg-color-blueDark{background-color: #4c4f53!important} .bg-color-green{background-color: #62b3a9!important} .bg-color-greenLight{background-color: #dcebe8 !important} .bg-color-offGreen{background-color: #c9e2de!important} .bg-color-greenDark{background-color: #496949!important} .bg-color-red{background-color: #e86060!important} .bg-color-yellow{background-color: #b09b5b!important} .bg-color-yellowLight{background-color: #faf2cc!important} .bg-color-orange{background-color: #c79121!important} .bg-color-orangeDark{background-color: #a57225!important} .bg-color-pink{background-color: #ac5287!important} .bg-color-pinkDark{background-color: #a8829f!important} .bg-color-purple{background-color: #6e587a!important} .bg-color-darken{background-color: #404040!important} .bg-color-lighten{background-color: #d5e7ec!important} .bg-color-white{background-color: #fff!important} .bg-color-grayDark{background-color: #525252!important} .bg-color-magenta{background-color: #6e3671!important} .bg-color-teal{background-color: #568a89!important} .bg-color-redLight{background-color: #a65858!important} .bg-color-redLight2{background-color: #f2dede!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)} .widget-header>:first-child{margin: 13px 0} .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:hover input[type=radio].radiobox+span:before, label:hover input[type=radio].radiobox:checked+span:before{color: #2E7BCC; border-color: #2E7BCC}*/ /*label:hover input[type=radio].radiobox.style-3+span:before, label:hover input[type=radio].radiobox.style-3:checked+span:before{color: #a90329; border-color: #a90329} label:hover input[type=radio].radiobox.style-2:checked+span:before{color: #66665e; border-color: #4d90fe} label:hover input[type=radio].radiobox.style-1:checked+span:before{color: #333; border-color: #333; background: #fff} label:hover input[type=radio].radiobox.style-1+span:before{color: #333; border-color: #333; background: #fff}*/ 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:hover input[type=checkbox].checkbox+span:before{color: #2E7BCC; border-color: #2E7BCC} label:hover input[type=checkbox].checkbox.style-3+span:before{color: #fff; border-color: #A90327} label:hover input[type=checkbox].checkbox.style-2+span:before{box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.1), 0 1px 0 0 rgba(255,255,255,.2)} label:hover input[type=checkbox].checkbox.style-2:checked+span:before{box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3), 0 1px 0 0 rgba(255,255,255,.4)} label:hover input[type=checkbox].checkbox.style-1+span:before{border-color: #333}*/ 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} #login{background: #fff; overflow: visible} #login .container{border: 0} #login #header{margin: 0; overflow: hidden; background-clip: padding-box; border-width: 0; min-height: 28px; margin-bottom: 0; padding-right:5px} #login-header-space{float: right; text-align: right; display: block; vertical-align: middle; margin-top:5px; color:#fff} #login-header-space>:first-child{font-size: 13px; margin-right: 0; vertical-align: -3px; font-weight: 400} #login-header-space>*{display: inline-block} .mobile-fixed-bg{position:fixed; left:0; right:0; top:0; bottom:0; z-index:-1; /*background:url(../images/xpui/bgimg-signin-ver2.jpg) no-repeat center center fixed;*/ -webkit-background-size: cover ; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display:none; } #login{/*background:url(../images/xpui/bgimg-signin-ver2.jpg) no-repeat center center fixed !important;*/ margin: 0; -webkit-background-size: cover !important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; background/*\**/:none transparent\9 !important; height/*\**/:100%\9 !important;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ #login{ /*background:url(../images/xpui/bgimg-signin-ver2.jpg) no-repeat center center fixed !important;*/ margin: 0; -webkit-background-size: cover !important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; } } @media only screen and (max-width: 767px) { .mobile-fixed-bg{display:block} } .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; /*position: absolute; margin: 0; left: 0; top: 0; cursor: move; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #aaa; 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; padding: 8px 15px*/} /* .dd3-handle:before{content: '\f0c9'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #818181; font-weight: 400; line-height: 28px} .dd3-handle:hover:before{color: #C27616}*/ /*.dd-handle:hover+.dd-list .dd-handle{}*/ .dd-handle:hover{background: #6ca898!important; border: 1px solid #6ca898; 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} .inbox-body{position: relative} .inbox-body .table-wrap{background: #fff; padding: 10px 14px 7px; position: relative; margin-left: 200px} .inbox-body.no-content-padding{margin-top: 0; background: #fff} .inbox-nav-bar{height: 70px; margin-bottom: 0; padding: 20px 14px; background: #fff} .inbox-nav-bar .page-title{display: inline-block; margin: 0; width: 196px; line-height: 33px; vertical-align: middle} .inbox-footer{height: 52px; padding: 15px 14px 0; border-top: 1px solid #CECECE; background: #2a2725; position: absolute; bottom: -53px; width: 100%} .inbox-paging{margin-left: 10px} .inbox-footer .btn-group{margin-left: 10px} #inbox-table{font-size: 13px; border-top: 0; border-left-color: transparent!important; border-right-color: transparent!important} #inbox-table tbody tr:hover{cursor: pointer; background: #E4E4E4} #inbox-table tr td{border-right: 0; border-left: 0; line-height: 26px; padding: 6px 4px 7px!important} #inbox-table .inbox-table-icon{padding-left: 15px!important} #inbox-table tbody tr th{overflow: hidden} #inbox-table.table tbody>tr>td{border-color: #fff!important} #inbox-table .radio, #inbox-table .checkbox{margin-top: -1px; margin-bottom: 0} .inbox-table-icon, .inbox-data-attachment{width: 28px; text-align: left; padding-left: 12px!important; padding-right: 0!important} .inbox-data-from{width: 200px} .inbox-data-from>:first-child{width: 200px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .inbox-data-date{width: 80px; padding-left: 7px!important; padding-right: 0!important} .inbox-data-message>:first-child{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 27px; color: #8A8A8A} .inbox-data-message>:first-child span{color: #111} .inbox-data-message>:first-child span.label{color: #fff} .inbox-data-message>:first-child>:first-child:after{content: " - "} .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} .inbox-checkbox-triggered{display: inline-block} .inbox-checkbox-triggered>.btn-group{margin-right: 10px} .inbox-checkbox-triggered>.btn-group .btn{padding-left: 14px; padding-right: 14px} .inbox-side-bar{height: 100%; position: absolute; background: #fff; display: block; width: 200px; padding: 10px 0 10px 14px} .inbox-side-bar h6{font-weight: 400; font-size: 11px; display: block; padding: 0 15px; text-transform: uppercase; color: #838383} .inbox-side-bar h6 a{font-size: 14px; margin-top: -2px} .inbox-side-bar h6 .tooltip{text-transform: none!important} .inbox-side-bar>.btn{margin-bottom: 35px} .inbox-side-bar .input-group{margin-bottom: 25px} #compose-mail-mini{margin-left: 4px} .inbox-space{display: block; width: 185px} .inbox-space>.progress{margin-top: 5px} .inbox-menu-lg{list-style: none; padding: 0; margin: 0 0 20px} .inbox-menu-lg li a{display: block; padding: 6px 15px 7px; font-size: 13px; color: #333} .inbox-menu-lg li{display: block; width: 100%} .inbox-menu-lg li a:hover{text-decoration: none; background: #f4f4f4} .inbox-menu-lg li.active a{font-weight: 700; background: #F0F0F0; border-bottom: 1px solid #E7E7E7; color: #3276b1} .inbox-menu-sm{list-style: none; padding: 0; margin: 0 0 20px} .inbox-menu-sm li a{display: block; padding: 8px 15px 10px; font-size: 13px; color: #333} .inbox-menu-sm li{display: block; width: 100%} .inbox-menu-sm li a:hover{text-decoration: none; background: #f4f4f4} .inbox-menu-sm li.active a{font-weight: 700; background: #F0F0F0; border-bottom: 1px solid #E7E7E7; color: #3276b1} .email-open-header{margin: -10px 0 0 0; font-size: 20px; border-bottom: 1px solid #bfbfbf; border-top: 1px solid #eee; padding: 15px 3px} .email-open-header>span{font-size: 10px; font-weight: 400; padding: 3px 5px; letter-spacing: normal; text-transform: uppercase; vertical-align: middle; line-height: 33px; background: #ACACAC} .inbox-info-bar{padding: 10px 0; border-bottom: 1px solid #bfbfbf} .inbox-info-bar img{width: 35px; height: auto; display: inline-block; vertical-align: middle; margin-right: 7px; margin-left: 2px; border-left: 3px solid #fff} .inbox-message, .inbox-download{padding: 15px 4px; border-bottom: 1px solid #bfbfbf} .inbox-download-list{list-style: none; margin: 5px 0 0; padding: 0} .inbox-download-list li{display: inline-block; margin: 0 5px 0 0; vertical-align: top} .inbox-download-list li>:first-child{margin-bottom: 0; width: 150px; overflow: hidden} .inbox-download-list li>:first-child:hover{background: #fff; border-color: silver} .inbox-download-list li>:first-child>:first-child{text-align: center; display: block; color: #D6D6D6} .inbox-download-list li>:first-child>:first-child>.fa{font-size: 150px} .inbox-download-list li>:first-child>:first-child>img{max-width: 120px} .inbox-compose-footer{padding: 10px; background: #F5F5F5; border-bottom: 1px solid #A9A9A9} .inbox-info-bar, .inbox-message, .inbox-download, .inbox-compose-footer{margin-right: 240px; position: relative} .email-infobox{display: block; width: 180px; border-bottom: 1px solid #bfbfbf; padding-bottom: 0; padding-top: 15px; position: absolute; top: 65px; right: 15px} .inbox-info-bar .form-group{margin: 0} .inbox-info-bar .form-group input, .inbox-info-bar .select2-container-multi .select2-choices{border-color: #fff!important} .inbox-info-bar .select2-choices>div{display: none} .inbox-info-bar .col-md-1, .inbox-info-bar .col-md-11{padding-left: 0; padding-right: 0} .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} .select2-container{margin: 0; position: relative; display: inline-block; zoom: 1; *display:inline; vertical-align: middle} .select2-container, .select2-drop, .select2-search, .select2-search input{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .select2-container .select2-choice{display: block; height: 32px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #ccc; white-space: nowrap; line-height: 32px; color: #666; text-decoration: none; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff} .select2-container.select2-drop-above .select2-choice{border-bottom-color: #ccc} .select2-container.select2-allowclear .select2-choice .select2-chosen{margin-right: 42px} .select2-container .select2-choice>.select2-chosen{margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis} .select2-container .select2-choice abbr{display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; cursor: pointer; outline: 0} .select2-container.select2-allowclear .select2-choice abbr{display: inline-block} .select2-container .select2-choice abbr:hover{cursor: pointer} .select2-drop-mask{border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; background: #fff; filter: alpha(opacity=0)} .select2-drop{margin-top: -1px; width: 100%; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #ccc; border-top: 0; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); box-shadow: 0 4px 5px rgba(0,0,0,.15)} .select2-drop-auto-width{border-top: 1px solid #ccc; width: auto} .select2-drop-auto-width .select2-search{padding-top: 4px} .select2-drop.select2-drop-above{margin-bottom: 0; border-top: 1px solid #6CA898; border-top-width: 3px; border-bottom: 0; -webkit-box-shadow: 0 -4px 5px rgba(0,0,0,.15); box-shadow: 0 -4px 5px rgba(0,0,0,.15)} .select2-drop-active{border: 1px solid #6CA898; border-top: 0; border-bottom-width: 3px} .select2-drop.select2-drop-above.select2-drop-active{border-top-width: 3px} .select2-container .select2-choice .select2-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} .select2-container .select2-choice .select2-arrow b{display: block; width: 100%; height: 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} .select2-container .select2-choice .select2-arrow b:before{content: "\f107"; width: 100%; height: 100%; text-align: center; display: block} .select2-search{display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap} .select2-search input{width: 100%; height: auto!important; min-height: 29px; padding: 6px 20px 5px 10px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-box-shadow: none; box-shadow: none; background: #fff; background: -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee)); background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: linear-gradient(top, #fff 85%, #eee 99%)} .select2-search: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; position: absolute; content: "\f002"; top: 25%; right: 10px; color: #686868!important} .select2-drop.select2-drop-above .select2-search input{margin-top: 4px} .select2-drop.select2-drop-above .select2-search:before{top: 34%} .select2-search input.select2-active{background: #fff url(../images/xpui/select2-spinner.gif) no-repeat 100%; background: url(../images/xpui/select2-spinner.gif) no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee)); background: url(../images/xpui/select2-spinner.gif) no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url(../images/xpui/select2-spinner.gif) no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url(../images/xpui/select2-spinner.gif) no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%)} .select2-container-active .select2-choice, .select2-container-active .select2-choices{border: 1px solid #6CA898; outline: 0} .select2-dropdown-open .select2-choice{border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #fff} .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices{border: 1px solid #6CA898; border-top-color: transparent} .select2-dropdown-open .select2-choice .select2-arrow{background: 0 0; border-left: 0; filter: none} .select2-dropdown-open .select2-choice .select2-arrow b{background-position: -18px 1px} .select2-results{max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0,0,0,0)} .select2-results ul.select2-result-sub{margin: 0; padding-left: 0} .select2-results ul.select2-result-sub>li .select2-result-label{padding-left: 20px} .select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left: 40px} .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left: 60px} .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left: 80px} .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left: 100px} .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left: 110px} .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left: 120px} .select2-results li{list-style: none; display: list-item; background-image: none} .select2-results li.select2-result-with-children>.select2-result-label{font-weight: 700} .select2-results .select2-result-label{padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-wrap:break-word;} .select2-results .select2-highlighted{background: #6CA898; color: #fff} .select2-results li em{background: #feffde; font-style: normal} .select2-more-result em{font-style: italic !important} .select2-results .select2-highlighted em{background: 0 0} .select2-results .select2-highlighted ul{background: #fff; color: #000} .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit{background: #f4f4f4; display: list-item; padding: 3px 5px} .select2-no-results{padding-left: 20px} .select2-no-results: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: "\f05a"; margin-right: 5px} .select2-results .select2-disabled.select2-highlighted{color: #666; background: #f4f4f4; display: list-item; cursor: default} .select2-results .select2-disabled{background: #f4f4f4; display: list-item; cursor: default} .select2-results li.select2-result-unselectable > .select2-result-label, .select2-results li.select2-disabled, .select2-results li.select2-disabled a{cursor:not-allowed} .select2-results .select2-selected{display: none} .select2-more-results.select2-active{background: #f4f4f4 url(../images/xpui/select2-spinner.gif) no-repeat 100%} .select2-more-results{background: #f4f4f4; display: list-item} .select2-container.select2-container-disabled .select2-choice{background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default} .select2-container.select2-container-disabled .select2-choice .select2-arrow{background-color: #f4f4f4; background-image: none; border-left: 0} .select2-container.select2-container-disabled .select2-choice abbr{display: none} .select2-container-multi .select2-choices{height: auto!important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #ccc; cursor: text; overflow: hidden; background-color: #fff} .select2-locked{padding: 3px 5px!important} .select2-container-multi .select2-choices{min-height: 26px} .select2-container-multi.select2-container-active .select2-choices{border: 1px solid #6CA898; outline: 0} .select2-container-multi .select2-choices li{float: left; list-style: none} .select2-container-multi .select2-choices .select2-search-field{margin: 0; padding: 0; white-space: nowrap} .select2-container-multi .select2-choices .select2-search-field input{padding: 5px 8px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent!important} .select2-container-multi .select2-choices .select2-search-field input.select2-active{background: #fff url(../images/xpui/select2-spinner.gif) no-repeat 100%!important} .select2-default{color: #999!important} .select2-container-multi .select2-choices .select2-search-choice{padding: 1px 28px 1px 8px; margin: 4px 0 3px 5px; position: relative; line-height: 18px; color: #fff; cursor: default; border: 1px solid #2a6395; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #666} .select2-container-multi .select2-choices .select2-search-choice .select2-chosen{cursor: default} .select2-container-multi .select2-choices .select2-search-choice-focus{opacity: .8} .select2-search-choice-close{display: block; min-width: 21px; min-height: 20px; position: absolute; right: 3px; top: 3px; margin: 0; padding: 0; font-size: 15px; line-height: 12px; text-decoration: none!important; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .select2-search-choice-close:before{color: #fff; content: "\f057"} .select2-search-choice-close.removepill:before{content:'';} #invitemore .select2-search-choice-close:before{color: #fff; content: "\f057"; } .btn-groupbycontainer .select2-search-choice-close:before{color: #fff; content: "\f057"} .btn-groupbycontainer .select2-search-choice-close i{display:none;} .select2-container-multi .select2-search-choice-close{display: block; top: 0; right: 0; padding: 3px 4px 3px 6px} .filtercontent .select2-container-multi .select2-search-choice-close{display: block; top: 0; right: 0; padding:2px 0px 2px 4px; background-color:#aad6ce;} .select2-container-multi.btn-groupbycontainer .select2-search-choice-close{background-color:transparent;} .btn-group>.btn.bt-select-question{border-radius:0;} /*.select2-container-multi .select2-search-choice-close:hover{background: rgba(0,0,0,.3)}*/ .select2-container-multi.select2-container-disabled .select2-choices{background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default} .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice{padding: 3px 5px; border: 1px solid #4a90cc; background-image: none; background-color: #86b4dd; cursor: not-allowed} .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close{display: none; background: 0 0} .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match{text-decoration: underline} .select2-offscreen, .select2-offscreen:focus{clip: rect(0 0 0 0)!important; width: 1px!important; height: 1px!important; border: 0!important; margin: 0!important; padding: 0!important; overflow: hidden!important; position: absolute!important; outline: 0!important; left: 0!important; top: 0!important; display:none} .select2-display-none{display: none} .select2-measure-scrollbar{position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll} /*# sourceMappingURL=bootstrap-select.css.map */ .bootstrap-select {/*width: 220px\9; IE8 and below*/ width: 220px \0; /*IE9 and below*/} .bootstrap-select > .btn {width: 100%; padding:6px 10px !important; padding-right: 25px !important; box-shadow:none} .error .bootstrap-select .btn {border: 1px solid #b94a48;} .bootstrap-select > .btn-default:hover, .bootstrap-select > .btn-default:focus, .bootstrap-select > .btn-default:active, .bootstrap-select > .btn-default.active, .bootstrap-select.open .dropdown-toggle.btn-default{background-color:#fff} .control-group.error .bootstrap-select .dropdown-toggle {border-color: #b94a48;} .bootstrap-select.fit-width {width: auto !important;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 220px;} .bootstrap-select .btn:focus {outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px;} .bootstrap-select.form-control {margin-bottom: 0; padding: 0; border: none;} .bootstrap-select.form-control:not([class*="col-"]) {width: 100%;} .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {float: none; display: inline-block; margin-left: 0;} .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {float: right;} .form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {margin-bottom: 0;} .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {padding: 0;} .form-inline .bootstrap-select.btn-group .form-control {width: 100%;} .input-append .bootstrap-select.btn-group {margin-left: -1px;} .input-prepend .bootstrap-select.btn-group {margin-right: -1px;} .bootstrap-select.btn-group > .disabled {cursor: not-allowed;} .bootstrap-select.btn-group > .disabled:focus {outline: none !important;} .bootstrap-select.btn-group .btn .filter-option {display: inline-block; overflow: hidden; width: 100%; text-align: left;} .bootstrap-select.btn-group .btn .caret {position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle;} .bootstrap-select.btn-group[class*="col-"] .btn {width: 100%;} .bootstrap-select.btn-group .dropdown-menu {min-width: 100% !important; padding:0; z-index: 1035; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:0px solid #6ca898} .bootstrap-select.btn-group .dropdown-menu.inner {position: static; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;} .bootstrap-select.btn-group .dropdown-menu li {position: relative;} .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {color: #64b1d8; color: rgba(100, 177, 216, 0.4);} .bootstrap-select.btn-group .dropdown-menu li.disabled a {cursor: not-allowed;} .bootstrap-select.btn-group .dropdown-menu li a {cursor: pointer;} .bootstrap-select.btn-group .dropdown-menu li.selected{border-width:0 !important} .bootstrap-select.btn-group .dropdown-menu li.selected a{background-color:#6ca898; color:#fff} .bootstrap-select.btn-group .dropdown-menu li.selected:before, .bootstrap-select.btn-group .dropdown-menu li.selected:after{display:none} .bootstrap-select.btn-group .dropdown-menu li a.opt {position: relative; padding-left: 2.25em;} .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {display: none;} .bootstrap-select.btn-group .dropdown-menu li a span.text {display: inline-block;} .bootstrap-select.btn-group .dropdown-menu li small {padding-left: 0.5em;} .bootstrap-select.btn-group .dropdown-menu .notify {position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bootstrap-select.btn-group .no-results {padding: 3px; background: #f5f5f5; margin: 0 5px;} .bootstrap-select.btn-group.fit-width .btn .filter-option {position: static;} .bootstrap-select.btn-group.fit-width .btn .caret {position: static; top: auto; margin-top: -1px;} .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {position: absolute; display: inline-block; right: 15px; margin-top: 5px;} .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {margin-right: 34px;} .bootstrap-select.show-menu-arrow.open > .btn {z-index: 1035 + 1;} .bootstrap-select.show-menu-arrow .dropdown-toggle:before {content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom-width: 7px; border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-color: rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none;} .bootstrap-select.show-menu-arrow .dropdown-toggle:after {content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none;} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {bottom: auto; top: -3px; border-bottom: 0; border-top-width: 7px; border-top-style: solid; border-top-color: #cccccc; border-top-color: rgba(204, 204, 204, 0.2);} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0;} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {right: 12px; left: auto;} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {right: 13px; left: auto;} .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {display: block;} .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)} .smart-timeline{position: relative} .smart-timeline-list{list-style: none; margin: 0; padding: 0} .smart-timeline-list:after{content: " "; background-color: #eee; position: absolute; display: block; width: 2px; top: 0; left: 95px; bottom: 0; z-index: 1} .smart-timeline-list li{position: relative; margin: 0; padding: 15px 0} .smart-timeline-list>li:hover{background-color: #f4f4f4} .smart-timeline-hover li:hover{background-color: #f9f9f9} .smart-timeline-icon{background: #3276b1; color: #fff; border-radius: 50%; position: absolute; width: 32px; height: 32px; line-height: 28px; font-size: 14px; text-align: center; left: 80px; top: 10px; z-index: 100; padding: 2px} .smart-timeline-icon>img{height: 32px; width: 32px; border-radius: 50%; margin-top: -2px; margin-left: -2px; border: 2px solid #3276b1} .smart-timeline-time{float: left; width: 70px; text-align: right} .smart-timeline-time>small{font-style: italic} .smart-timeline-content{margin-left: 123px} .table-forum thead tr{background: none!important} .table-forum thead tr th{font-size: 17px; font-weight: 400; border-bottom-color: #F1F1F1} .table-forum tr td{border-top-style: dashed!important; padding-top: 12px!important; padding-bottom: 12px!important} .table-forum tr td h4{font-size: 15px; font-weight: 700} .table-forum tr td h4 small{font-size: 13px; display: block; margin-top: 2px} .table-forum tr td>i{margin-top: 4px; padding-left: 10px} .table-forum tr.locked h4>a: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: "\f023"} .table-forum tr.closed h4>a{text-decoration: line-through; color: #848484; cursor: not-allowed} .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} .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} #login #logo i[class*="icon"]{width:auto; margin-left:0; padding:0} #login #logo{margin-left:10px} #login #logo img{top:14px} .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{text-decoration: none!important; color: #a8a8a8; display: inline-block;} .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: #0091d9; 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: #006fa6!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} /*.mobile-view-activated .header-searchwrap:not(.active){position:relative}*/ .header-searchwrap:not(.active) dt{opacity:0; transition:all 0.2s ease-in-out; display:none} /*.mobile-view-activated .header-searchwrap:not(.active) dt + *{margin-left:0}*/ .header-searchwrap.active dt{opacity:1} .header-searchwrap.active .dl-horizontal{margin-bottom:0; background-color:#fff; border-radius:3px;} /*.mobile-view-activated .header-searchwrap.active dl{ position:absolute; left:5px; right:5px }*/ .header-searchwrap .header-search > input[type="text"]{width:0; opacity:0; min-width:inherit;} .header-searchwrap .header-search > input[type="text"]::-webkit-input-placeholder { text-transform:capitalize} .header-searchwrap .header-search > input[type="text"]:-moz-placeholder { /* Firefox 18- */ text-transform:capitalize } .header-searchwrap .header-search > input[type="text"]::-moz-placeholder { /* Firefox 19+ */ text-transform:capitalize } .header-searchwrap .header-search > input[type="text"]:-ms-input-placeholder {text-transform:capitalize} .header-searchwrap.active .header-search > input[type="text"]{width:200px; opacity:1;} .header-searchwrap dl dt{width:120px; font-weight:normal} .header-searchwrap dl dt + dd{margin-left:120px} .header-search{position: relative} .header-searchwrap .select2-container .select2-choice{background-color:#efefef; height:30px; border-width:0px; box-shadow:none; border-radius:3px 0 0 3px} .header-searchwrap .select2-container .select2-choice .select2-arrow{background-color:transparent; border-width:0px;} .header-search.pull-right{margin-left: 6px} .header-search>input[type=text]{display: block; box-sizing: border-box !important; -moz-box-sizing: border-box!important; min-width: 200px; width: 100%; height: 30px; padding: 0 10px; outline: 0; border-width: 0px; border-bottom-width:1px; border-style: solid; border-radius: 0; border-color:transparent; background:transparent; appearance: normal; -moz-appearance: none; -webkit-appearance: none; margin-top:0px; line-height: normal} .header-search>button{background: 0 0; border: 0; color: #6D6A69; font-size: 17px; height: 30px; line-height: 30px; margin: 0; padding: 0; position: absolute; right: 0; top:0px; width: 30px; z-index: 2} #search-mobile{display: none} #cancel-search-js{position: absolute; display: none; background: #a90329; z-index: 3; color: #fff; padding: 0; right: 10px; top: 10px; text-align: center; height: 29px; line-height: 29px; width: 30px; font-size: 17px; text-decoration: none!important} #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; background-color:#fff; 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 ;display: block; 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} .smart-accordion-default.panel-group{margin-bottom: 0} .smart-accordion-default.panel-group .panel+.panel{margin-top: -1px} .smart-accordion-default.panel-group .panel-title a{display: block; padding: 10px 15px; text-decoration: none!important} .smart-accordion-default .panel-default>.panel-heading{background-color: #fcfcfc} .smart-accordion-default .panel-default{border-color: #c3c3c3} .smart-accordion-default .panel-title>a>:first-child{display: none} .smart-accordion-default .panel-title>a.collapsed>.fa{display: none} .smart-accordion-default .panel-title>a.collapsed> :first-child{display: inline-block} .smart-accordion-default .panel-heading a> .fa{width:10px; text-align:center} .smart-accordion-default .panel-heading a> .fa-angle-right{display:none} .smart-accordion-default .panel-heading a> .fa-angle-down{display: inline-block} .smart-accordion-default .collapsed a > .fa-angle-down{display:none} .smart-accordion-default .collapsed a > .fa-angle-right{display: inline-block; margin-top:-1px} .smart-accordion-default a.collapsed > .fa-angle-down{display:none} .smart-accordion-default a.collapsed > .fa-angle-right{display: inline-block; margin-top:-1px} .no-padding .smart-accordion-default>div{border-left: 0!important; border-right: 0!important} .no-padding .smart-accordion-default>div:first-child{border-top: 0!important} .no-padding .smart-accordion-default>div:last-child{border-bottom: 0!important} .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: #b94a48} .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-color: #953b39; color: #fff; background: #c26565; 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: #6ca898; -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} .table.has-tickbox thead tr th:first-child{width: 18px} .table.has-tickbox.smart-form thead tr th:first-child .radio, .table.has-tickbox.smart-form thead tr th:first-child .checkbox, .table.has-tickbox.smart-form tbody tr td:first-child .radio, .table.has-tickbox.smart-form tbody tr td:first-child .checkbox{padding: 0!important} .table thead tr, .fc-border-separate thead tr{background-color: #eee; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa)); background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%); background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%); background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%); background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%); background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%); font-size: 12px} .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)} .minified .inbox-badge{border-radius: 50%; font-size: 9px; padding: 2px; position: absolute; top: 6px; right: 6px; background: #ED1C24; min-width: 13px} .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} @media (min-width:737px) { .minified .minifyme{right: 0; color: #A8A8A8; position: relative; width: 100%; border-radius: 0; margin: 0; height: 34px; font-size: 23px} .minified .minifyme .fa:before{content: "\f0a9"} .minified .login-info span{padding: 0 5px; text-align: center} .minified .login-info{height: 38px; border-bottom: 1px solid #181818} .minified #left-panel{width: 45px} .minified #main{margin-left: 45px} .minified nav:not(.navbar)>ul>ul{min-height: 100px!important; max-height: 180px!important; overflow-y: scroll; overflow-x: hidden; background: #ed1c24!important} .minified nav:not(.navbar)>ul>li, .minified nav:not(.navbar)>ul>li a{position: relative} .minified nav:not(.navbar) ul>li>a{padding: 10px 11px; display: block} .minified nav:not(.navbar)>ul>li>a .fa.fa-fw{display: block; width: auto; text-align: center; padding: 0} .minified nav:not(.navbar)>ul>li>a>i{text-align: center; margin: 0; display: block; float:none} .minified nav:not(.navbar)>ul>li.active>a::before{content: "\f0d9"} .minified nav:not(.navbar) ul ul li a{padding-left: 14px} .minified nav:not(.navbar) ul ul li li a{padding-left: 25px} .minified #left-panel nav:not(.navbar) ul ul li li a{padding-left:43px} .minified #left-panel nav:not(.navbar) ul ul li a i{margin-left:-5px} .minified nav:not(.navbar)>ul ul li::before{left: 12px} .minified nav:not(.navbar)>ul>li>ul::before{left: 12px} .minified nav:not(.navbar)>ul>li>a .menu-item-parent, .minified nav:not(.navbar)>ul>li>a>b{display: none} .minified nav:not(.navbar)>ul>li>a>.menu-item-parent{display: none; position: fixed; left: 40px; margin-top:0px; width: 186px; height: 42px; line-height: 38px; background-color: #f5f5f5; color: #333; z-index: 3; -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.2); -moz-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.2); box-shadow: 2px 1px 2px 0 rgba(0,0,0,.2); border-left: 1px solid #bfbfbf; border-top: 1px solid #D8D4D4; border-bottom: 1px solid #fff; padding-left: 12px} .minified nav:not(.navbar)>ul>li>ul{display: none!important; position: fixed; left: 40px; width: 200px; z-index: 5; border: 1px solid #bfbfbf; min-height: 180px; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,.2); background: #3A3633; margin-top: -3px} body:not(.minified) nav:not(.navbar)>ul>li>ul{top:auto !important} .minified nav:not(.navbar) ul>li>ul>li>ul{position: relative; left: 13px; border: 0; width: auto; margin-left: -12px; width: 197px} .minified nav:not(.navbar)>ul>li:hover>a>.menu-item-parent, .minified nav:not(.navbar)>ul>li:hover>ul{display: block!important} .minified nav:not(.navbar)>ul>li>ul>li{background-color: rgba(69,69,69,.9)} .minified nav:not(.navbar)>ul>li>ul>li>ul>li{background-color: #484B50} .minified nav:not(.navbar)>ul>li{border-bottom: 1px solid #1A1817; border-top: 1px solid #525151} .minified nav:not(.navbar)>ul>li>ul::before{border-left: 0} .minified nav:not(.navbar)>ul ul li::before{border: 0} .slimScrollDiv, .slimScrollDiv>:first-child{overflow: hidden} .minified .slimScrollDiv, .minified .slimScrollDiv>:first-child{overflow: visible!important} .minified .slimScrollBar, .minified .slimScrollRail{display: none} .minified nav:not(.navbar)>ul>li>ul>li>a{padding-top: 7px; padding-bottom: 7px} .minified nav:not(.navbar)>ul>li>ul>li>ul>li>a{padding-top: 7px; padding-bottom: 7px} .minified nav:not(.navbar)>ul>li>ul>li>ul>li a{padding-top: 6px; padding-bottom: 6px} .minified nav:not(.navbar) ul ul ul ul li a{padding-left: 45px} .minified nav:not(.navbar) ul ul ul ul ul li a{padding-left: 62px} .minified nav:not(.navbar) ul ul ul ul ul ul li a{padding-left: 82px} .minified #logo{margin-left:11px} /* * MINIFIED */ .minified #left-panel { padding:0 !important; } .minified nav ul>li>a { padding: 12px 11px; } .minified nav>ul>li>ul, .minified nav>ul>li>ul>li, .minified nav>ul>li>ul>li>ul>li { background:#fff !important; } .minified nav>ul>li { border-bottom: 1px solid #E6E6E6; border-top: 1px solid #FFFFFF; } .minified nav>ul>li>a>i { font-size:18px !important; } .minified .login-info span { padding:0; } .minified nav:not(.navbar) ul li.active>a:before { height: 23px; right: -19px; top: 7px; font-size: 20px; color: #FFFFFF; } .minified #left-panel{} /*.minified #left-panel .enscrollwrapper {width:400px !important}*/ .minified #left-panel .enscrollwrapper + div{left:42px !important} .minified #left-panel nav{width:45px} .minified #left-panel .footer.rights .icon-logodark{display:none} .minified #left-panel .footer.rights a + p{display:none} } .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-purple{border-color: #6e587a} .panel-purple>.panel-heading{color: #fff; background-color: #6e587a; border-color: #6e587a} .panel-greenLight{border-color: #71843f} .panel-greenLight>.panel-heading{color: #fff; background-color: #71843f; border-color: #71843f} .panel-greenDark{border-color: #496949} .panel-greenDark>.panel-heading{color: #fff; background-color: #496949; border-color: #496949} .panel-darken{border-color: #333} .panel-darken>.panel-heading{color: #fff; background-color: #404040; border-color: #404040} .panel-pink{border-color: #ac5287} .panel-pink>.panel-heading{color: #fff; background-color: #ac5287; border-color: #ac5287} .panel-green{border-color: #356e35} .panel-green>.panel-heading{color: #fff; background-color: #356e35; border-color: #356e35} .panel-blueLight{border-color: #92a2a8} .panel-blueLight>.panel-heading{color: #fff; background-color: #92a2a8; border-color: #92a2a8} .panel-pinkDark{border-color: #a8829f} .panel-pinkDark>.panel-heading{color: #fff; background-color: #a8829f; border-color: #a8829f} .panel-redLight{border-color: #a65858} .panel-redLight>.panel-heading{color: #fff; background-color: #a65858; border-color: #a65858} .panel-red{border-color: #a90329} .panel-red>.panel-heading{color: #fff; background-color: #a90329; border-color: #a90329} .panel-teal{border-color: #568a89} .panel-teal>.panel-heading{color: #fff; background-color: #568a89; border-color: #568a89} .panel-orange{border-color: #c79121} .panel-orange>.panel-heading{color: #fff; background-color: #c79121; border-color: #c79121} .panel-blueDark{border-color: #4c4f53} .panel-blueDark>.panel-heading{color: #fff; background-color: #4c4f53; border-color: #4c4f53} .panel-magenta{border-color: #6e3671} .panel-magenta>.panel-heading{color: #fff; background-color: #6e3671; border-color: #6e3671} .panel-blue{border-color: #57889c} .panel-blue>.panel-heading{color: #fff; background-color: #57889c; border-color: #57889c} .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} .notification-body *, .notification-body:before *, .notification-body:after * { box-sizing:border-box!important; -webkit-box-sizing:border-box!important; -moz-box-sizing:border-box!important} .notification-body{padding: 0 0 0 3px; margin: 0; list-style: none} .notification-body>li{border-bottom: 1px solid #E9E9E9; position: relative} .notification-body>li>span{background: #fff; display: block; min-height: 25px; overflow: hidden; padding: 8px 10px 13px; white-space: normal} .notification-body>li>span:hover{background: #F0F4F7; color: #667F8F} .notification-body>li a.msg{padding-left: 50px!important} .notification-body>li a, .notification-body>li a:hover{text-decoration: none} .notification-body>li a, .notification-body>li a span{display: block; position: relative; overflow: hidden} .notification-body>li a, .notification-body>li a:hover{text-decoration: none} .notification-body>li:hover .progress{background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,0), 0 0 0 1px #a7a7a7 inset; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0), 0 0 0 1px #ccc inset; -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #fff inset} .notification-body>li:hover .text-muted{color: #333} .notification-body .from{font-size: 14px; line-height: normal; color: #333; font-weight: 400; margin-right: 60px; margin-bottom: 6px; height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden} .notification-body .unread .from{font-weight: 700} .notification-body .unread{background: #FFFFE0} .notification-body time{position: absolute; top: 3px; right: 0; font-size: 11px; font-weight: 400; color: #058dc7} .notification-body .msg-body, .notification-body .subject{font-size: 13px; color: #A0A0A0; max-height: 35px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden} .notification-body .subject{font-size: 13px; color: #333; max-height: 22px} .wizard-actions{display: block; list-style: none; padding: 0; position: relative; width: 100%} .wizard-actions li{display: inline} .tab-content.transparent{background-color: transparent} .fuelux .wizard{position: relative; overflow: hidden; background-color: #f9f9f9; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom:1; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); box-shadow: 0 1px 4px rgba(0,0,0,.065); margin-bottom:20px} .fuelux .wizard:before, .fuelux .wizard:after{display: table; line-height: 0; content: ""} .fuelux .wizard:after{clear: both} .fuelux .wizard ul{width: 4000px; padding: 0; margin: 0; list-style: none outside none} .fuelux .wizard ul.previous-disabled li.complete{cursor: default} .fuelux .wizard ul.previous-disabled li.complete:hover{color: #356e35; cursor: default; background: #f3f4f5} .fuelux .wizard ul.previous-disabled li.complete:hover .chevron:before{border-left-color: #f3f4f5} .fuelux .wizard ul li{position: relative; float: left; height: 46px; padding: 0 20px 0 30px; margin: 0; font-size: 16px; line-height: 46px; color: #999; cursor: default; background: #ededed} .fuelux .wizard ul li .chevron{position: absolute; top: 0; right: -14px; z-index: 1; display: block; border: 24px solid transparent; border-right: 0; border-left: 14px solid #d4d4d4} .fuelux .wizard ul li .chevron:before{position: absolute; top: -24px; right: 1px; display: block; border: 24px solid transparent; border-right: 0; border-left: 14px solid #ededed; content: ""} .fuelux .wizard ul li.complete{color: #468847; background: #f3f4f5} .fuelux .wizard ul li.complete:hover{cursor: pointer; background: #e7eff8} .fuelux .wizard ul li.complete:hover .chevron:before{border-left: 14px solid #e7eff8} .fuelux .wizard ul li.complete .chevron:before{border-left: 14px solid #f3f4f5} .fuelux .wizard ul li.active{color: #3a87ad; background: #f1f6fc} .fuelux .wizard ul li.active .chevron:before{border-left: 14px solid #f1f6fc} .fuelux .wizard ul li .badge{margin-right: 8px} .fuelux .wizard ul li:first-child{padding-left: 20px; border-radius: 4px 0 0 4px} .fuelux .wizard .actions{position: absolute; right: 0; z-index: 2; float: right; padding-right: 15px; padding-left: 15px; line-height: 46px; vertical-align: middle; background-color: #eee; border-left: 1px solid #d4d4d4} .fuelux .wizard .actions a{margin-right: 8px; font-size: 12px; line-height: 45px} .fuelux .wizard .actions .btn-prev i{margin-right: 5px} .fuelux .wizard .actions .btn-next i{margin-left: 5px} .fuelux .step-content .step-pane{display: none} .fuelux .step-content .active{display: block} .fuelux .step-content .active .btn-group .active{display: inline-block} .jarvismetro-tile{float: left; display: block; background-color: #fff; width: 100px; height: 70px; cursor: pointer; box-shadow: inset 0 0 1px #FFC; border: 1px dotted #C5C5C5; text-decoration: none; color: #fff; font-weight: 300; font-smooth: always; margin: 0 10px 20px 0; padding: 5px; position: relative} .jarvismetro-tile:hover{z-index: 10; -webkit-transform: scale(1.07); -moz-transform: scale(1.07)} .jarvismetro-tile.big-cubes{width: 120px; height: 120px} .jarvismetro-tile.double{width: 249px} .jarvismetro-tile:active{top: 1px; left: 1px} .jarvismetro-tile .iconbox{text-align: center} .jarvismetro-tile .iconbox i{display: block; margin: 15px auto 0; height: 75px} .jarvismetro-tile .iconbox span{display: block; text-align: left} .jarvismetro-tile .iconbox span>span{position: absolute; right: -3px; bottom: -3px; border-radius: 50%; padding: 5px; border: 1px solid #fff} .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} .minified #left-panel{left: 0} #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} .minified #left-panel{left: 0} #hide-menu>:first-child>a, .btn-header a{margin-top: 0px!important; width: 40px!important; /*height: 39px!important; line-height: 38px!important*/} #logo img{} .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} .minified #left-panel{left: 0} .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} .minified #left-panel{left: 0} #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} .minified #left-panel{left: 0} #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: #6ca898; border-color: #6ca898; 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{background:#F0F2F2; border:1px solid #ddd; font-size:13px; color:#7FADA4; padding:6px 12px; box-shadow:none;} .inner-btn:hover{color:#7FADA4;border-color:#ddd} .float-none{float:none !important} .greentxt{color:#6CA898} .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: #6ca898; border-color: #6ca898; float:none; border-radius:2px; color:#fff; font-size:13px; padding:8px 18px } .modal-footer .pager li > a:hover{ background-color: #6ca898; 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 #6ca898; 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_close_button {color: #424242 !important; font-size: 20px; font-weight: bold; top: 7px!important; right:1px!important; background-image:none !important} .cke_dialog_close_button:hover, .cke_dialog_close_button:focus{text-decoration:none !important} .cke_dialog_close_button:before {content: "\0274c"; font-size: 14px;} .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} a.cke_dialog_ui_button{background-color:#6ca898!important; border-color:#6ca898!important; font-weight:normal!important; text-shadow:none!important; padding:5px 0!important; background-image:none !important; box-shadow:0 -2px 0 rgba(0, 0, 0, 0.05) inset !important} a.cke_dialog_ui_button:hover{background-color:#7a9191!important; border-color:#7a9191!important; text-decoration:none!important;} a.cke_dialog_ui_button span{text-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;}