@charset "UTF-8";body.condense-menu .scrollup, body.hide-sidebar .scrollup{left: 34px}body.right-side-bar .footer-widget, body.right-side-bar .page-sidebar{right: 0}.page-sidebar, body{font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif}.favoritesList .card-info, .header, .page-sidebar{-webkit-backface-visibility: hidden}.dropdown-sub-menu, .error-container ul.footer-links, .filter-selector ul, .filter-selector > li, .modal-dropmenu li, .modal-dropmenu ul{list-style-type: none}hr.one{border: 0; height: 1px; background-image: linear-gradient(to right,transparent,rgba(0,0,0,.75),transparent)}hr.two{border: 0; height: 0; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(255,255,255,.3)}hr.three{border: 0; border-bottom: 1px dashed #ccc; background: #999}hr.four{height: 10px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0,0,0,.5)}body, html{height: 100%}hr.five{margin: 10px 0}hr.six{margin: 2px 0 5px; border-top: 1px solid #f1f1f1}hr.margin5{margin: 5px 0}hr.seven{margin: 2px 0 5px; border-top: 1px solid #e2e2e2}hr.inForm{margin: 15px -11px; border: 0; border-top: 1px solid #e0dfdf; border-bottom: 1px solid #fefefe} hr.inForm:after, hr.inForm:before{display: block; content: ""; clear: both}body.condense-menu .footer-widget, body.condense-menu .header-seperation, body.hide-sidebar .header-seperation, body.hide-sidebar .page-sidebar, body.hide-top-content-header .header-quick-nav, body.modal-open .chat-window-wrapper, body.open-menu-right-desktop .fonter-widget{display: none}.box-shadow--gray{box-shadow: 0 4px 5px 0 #aaa}.box-shadow--silver{box-shadow: 0 4px 5px 0 #ddd}html{font-size: 100%}body{background-color: #ebe7de; color: #393a3c; font-size: 1rem; padding: 0 !important; margin: 0 !important; line-height: 1.5; font-style: normal; font-weight: 400} body.condense-menu .page-content{margin-left: 50px} body.hide-top-content-header .header{width: auto} body.hide-top-content-header .page-content .content{padding-top: 25px} body.hide-top-content-header .page-sidebar.mini .page-sidebar-wrapper > ul{padding: 0} body.hide-sidebar .page-content{margin-left: 0} body.boxed-layout{background-color: #f6f7f8} body.boxed-layout .header{width: inherit; padding-right: 30px !important} body.menu-non-fixed .page-sidebar{position: absolute} body.right-side-bar .page-content{margin-right: 250px; margin-left: 0} body.right-side-bar .page-content.condensed{margin-left: 0; margin-right: 50px} body.right-side-bar .header .header-seperation{float: right} body.bottom-header .header{bottom: 0} body.bottom-header .page-content .content{padding-top: 25px; padding-bottom: 83px} body.open-menu-right-desktop .page-container{position: relative; left: -260px} body.open-menu-right-desktop .header{left: -260px} body.modal-open .page-container, body.modal-open .page-content{position: inherit}.navbar .nav > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu:before{position: absolute; display: inline-block; content: ''}.navbar, .navbar-inverse{background-color: transparent; background-image: none; border: none; border-radius: 0} .navbar .nav > li > .dropdown-menu:before{top: -7px; right: 9px; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0,0,0,.2)} .navbar .nav > li > .dropdown-menu:after{top: -6px; right: 10px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent} .navbar .notifications{background-color: #1b1e24; display: block; float: left; left: 0; margin: 0 10px 0 0; padding-top: 5px; position: relative}.header-seperation{background-color: #fff}.header{transition: transform .3s ease,left .3s ease,right .3s ease; padding: 0 !important; margin: 0 !important; position: fixed; width: 100%; z-index: 999; min-height: 60px; left: 0} .header .navbar-inner{background-image: none !important; background-color: #fff !important; width: 100%; margin: 0; border: 0; padding: 0; box-shadow: none; border-radius: 0; display: table; height: 60px} .header .navbar-inner [class*=span]{min-height: 58px !important} .header .btn-navbar{background-color: #1f1f1f !important; margin-bottom: 0; padding-right: 0; padding-top: 10px; padding-bottom: 6px; background-image: none; box-shadow: none; color: #fff; border: 0} .header .btn-navbar:hover{text-decoration: none} .header .nav{display: block} .header .nav li.dropdown .dropdown-toggle i{color: #eff4f8 !important} .header .nav li.dropdown.user .dropdown-toggle i{display: inline-block; margin: 0; font-size: 1rem; color: grey !important} .header .nav > li{margin: 0; padding: 0; text-align: center; display: inline-block; float: left} .header .nav > li.dropdown .dropdown-toggle{margin: 0} .header .nav > li.dropdown .dropdown-toggle i{font-size: .95rem; margin-left: auto; margin-right: auto} .header .nav > li.dropdown .dropdown-toggle .badge{position: absolute; font-size: .625rem !important; font-weight: 700; top: 0; right: 2px; text-align: center; background-color: #f35958; padding: 4px 6px; border-radius: 12px !important; text-shadow: none !important; color: #fff} .header .nav > li.dropdown .active{background-color: #fff} .header .nav > li.dropdown.user .dropdown-toggle{padding: 8px 4px 7px 9px} .header .nav > li.dropdown.user .dropdown-toggle:hover{text-decoration: none} .header .nav > li.quicklinks i{display: inline-block; margin: 0; font-size: .875rem; color: #656565 !important} .header .nav > li.quicklinks > a{padding: 4px 2px !important} .header .nav .h-seperate{height: 6px; width: 2px; margin: 0 10px; border-left: 1px solid #e1e1e1; display: inline; position: relative} .header .header-seperation .notifcation-center, .header .notifcation-center{margin-right: 15px !important} .header .nav .dropdown-menu{margin-top: 3px} .header .header-seperation{width: 250px; display: block; float: left; height: 60px} .header .header-quick-nav{padding-right: 10px; transition-duration: 1s; transition-timing-function: ease-in-out; transition-property: transform,opacity} .header .header-quick-nav input{height: 12px !important} .header .notifcation-center{background-color: #fff; margin-top: 12px; display: -ms-inline-flexbox; display: inline-flex; display: -ms-flexbox; direction: ltr} .header .notifcation-center li{min-width: 30px !important} .header .notifcation-center li a{padding: 10px !important; min-height: 17.5px} .header .notifcation-center li a i{font-size: .8125rem !important} .header a{text-decoration: none} .header .chat-toggler{position: relative; top: 10px; margin-right: 5px; display: inline-block; float: left; min-width: 163px} .header .chat-toggler .user-details{display: inline-block; float: left; line-height: 2.1875rem} .header .chat-toggler .user-details .username a{color: #1b1e24; font-size: .95rem} .header .chat-toggler .user-details .company a{color: #8b8f92; font-weight: 400; text-align: right; font-size: .75rem} .header .chat-toggler .iconset{display: inline-block; float: left; margin: 15px 10px} .header .chat-toggler .profile-pic{border-radius: 100px; display: inline-block; height: 35px; overflow: hidden; width: 35px; float: left} .header .chat-toggler a{color: #1b1e24; font-size: .95rem; display: inline-block; float: left} .header .chat-toggler > i{color: grey; text-align: right; font-size: 1.25rem; position: relative; padding: 8px; top: 8px} .header .chat-toggler .message-count{display: inline-block; float: left} .header .chat-toggler .message-count .badge{position: absolute; float: left; right: 0; top: 0} .header .chat-message-preview{border-left: 1px solid #e5e9ec; border-right: 1px solid #e5e9ec; padding: 4px 15px; margin-right: 12px} .header .chat-message-preview .user-details{display: inline-block; float: left} .header .chat-message-preview .user-details .username a{color: #22262e; font-weight: 600; text-align: right} .header .chat-message-preview .profile-pic{border-radius: 100px; display: inline-block; float: left; height: 35px; overflow: hidden; width: 35px; margin-left: 10px} .header .chat-message-preview a{color: #6f7b8a} .header .chat-message-preview .chat-message{color: #8b8f92; background-color: #e5e9ec; padding: 5px; font-size: .75rem; border-radius: 3px}.menu-title, .menu-title a{color: #808285}.header .quick-section{margin-left: 20px; margin-top: 16px; margin-right: 10px; display: inline-block; float: left; direction: ltr}.header .search-form{display: inline-block; float: left; margin-left: 25px !important; top: -4.5px; position: relative}.header .popover-title{border-bottom: 0; padding-top: 14px}.menu-title{font-size: .65625rem; padding-left: 31px; padding-right: 31px; padding-top: 25px; text-transform: uppercase; font-weight: 600; letter-spacing: .0125rem} .menu-title a:hover{text-decoration: none} .menu-title i{font-size: .625rem; font-weight: 400}.page-sidebar{background-color: #2a2f3a !important; height: 100%; transition: transform .3s ease} .page-sidebar .outer-tab-nav-section{display: inline-block; width: 45px; position: absolute; height: 100%; background-color: #6d5eac !important} .page-sidebar .inner-menu{display: inline-block; width: 200px} .page-sidebar .inner-menu ul{width: 200px} .page-sidebar .page-sidebar-wrapper{position: relative; overflow-y: auto} .page-sidebar.mini, .page-sidebar.mini .slimScrollDiv, .page-sidebar.mini .slimScrollDiv .page-sidebar-wrapper{overflow: visible !important} .page-sidebar .page-sidebar-wrapper > ul{list-style: none; margin: 0; padding: 0} .page-sidebar .page-sidebar-wrapper > ul > li{display: block; margin: 0; padding: 0; border: 0} .page-sidebar .page-sidebar-wrapper > ul > li > a{color: #8b91a0; display: block; position: relative; margin: 0; border: 0; padding: 11.5px 31px; text-decoration: none; font-size: .875rem; font-weight: 400} .page-sidebar .page-sidebar-wrapper > ul > li > a.open{background: #313131} .page-sidebar .page-sidebar-wrapper > ul > li > a i{font-size: .875rem; margin-right: 5px; text-shadow: none} .page-sidebar .page-sidebar-wrapper > ul > li > a > .arrow.open:before{float: right; margin-top: 1px; margin-right: 3px; display: inline; font-family: FontAwesome; height: auto; font-size: 1rem; content: "\f107"; font-weight: 300; text-shadow: none} .page-sidebar .page-sidebar-wrapper > ul > li:last-child > a{border-bottom: 1px solid transparent !important} .page-sidebar .page-sidebar-wrapper > ul > li a i{color: #8b91a0; width: 20px; text-align: center; display: inline-block} .page-sidebar .page-sidebar-wrapper > ul > li.active > a{border-top-color: transparent !important; color: #fff; border: none; text-shadow: none} .page-sidebar .page-sidebar-wrapper > ul > li.active i, .page-sidebar .page-sidebar-wrapper > ul > li.active > a i{color: #fff} .page-sidebar .page-sidebar-wrapper > ul > li.active > ul.sub-menu, .page-sidebar .page-sidebar-wrapper > ul > li.active > ul.sub-menu > li ul.sub-menu{display: block} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu{display: none; list-style: none; clear: both; margin: 0; background-color: #22262e; padding: 8px 0 10px} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li{background: 0 0; margin: 0; padding: 0; margin-top: 1px !important} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a{display: block; margin: 0; padding: 5px 0; padding-left: 53px !important; color: #e1eaf1; text-decoration: none; text-shadow: 0 1px 1px #000; font-size: .8125rem; font-weight: 300; background: 0 0} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a:hover{background: #2a2f3a !important} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li:first-child > a{border-top: 0 !important} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li ul.sub-menu{display: none; list-style: none; clear: both; margin: 0; padding-left: 0} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li ul.sub-menu li{background: 0 0; margin: 0; padding: 0} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li > ul.sub-menu > li > a{margin-left: 70px} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a{padding-left: 80px} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu li > a > .arrow:before{float: right; margin-top: 1px; margin-right: 20px; display: inline; font-size: 1rem; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu li > a > .arrow.open:before{float: right; margin-top: 1px; margin-right: 18px; display: inline; font-family: FontAwesome; height: auto; font-size: 1rem; content: "\f107"; font-weight: 300; text-shadow: none} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu li > ul.sub-menu > li > a{display: block; padding: 5px 0; color: #ccc; text-decoration: none; text-shadow: 0 1px 1px #000; font-size: .8125rem; font-weight: 300} .page-sidebar.mini .notification-alert, .page-sidebar.mini .page-sidebar-wrapper > .side-bar-widgets, .page-sidebar.mini .page-sidebar-wrapper > p, .page-sidebar.mini .status-widget, .page-sidebar.mini .user-info, .page-sidebar.mini ul li span.arrow, .page-sidebar.mini ul li span.badge, .page-sidebar.mini ul li span.title{display: none} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu li > ul.sub-menu > li > a > i{font-size: .8125rem} .page-sidebar .page-sidebar-wrapper > ul > li.start > a{border-top-color: transparent !important} .page-sidebar.mini{width: 50px; background-color: #6d5eac !important; height: 100%; margin-top: 0; position: fixed; z-index: 90} .page-sidebar.mini .page-sidebar-wrapper > ul{width: 50px; padding: 60px 0 0} .page-sidebar.mini .page-sidebar-wrapper > ul > li > ul.sub-menu{position: absolute; margin-top: -46px; margin-left: 50px; width: auto; z-index: 110; min-width: 250px}.open, .page-container{position: relative}.page-sidebar.mini .page-sidebar-wrapper > ul > li > a{padding: 13px; color: #fff}.page-sidebar.mini .page-sidebar-wrapper > ul > li a i{color: #fff}.page-sidebar.mini ul li ul li span.arrow, .page-sidebar.mini ul li ul li span.title{display: inline}.page-sidebar.mini ul.big-items span.badge, .page-sidebar.mini ul.small-items span.badge{display: inline-block}.page-sidebar.mini .footer-widget, .page-sidebar.mini .profile-wrapper{display: none}.page-sidebar ul.folders{list-style: none; margin: 0; padding: 0} .page-sidebar ul.folders > li{border: 0; display: block; margin: 0; padding: 0} .page-sidebar ul.folders > li > a{padding: 5px 31px; font-size: .8125rem; color: #fff; display: block; position: relative} .page-sidebar ul.folders > li > a:hover{text-decoration: none} .page-sidebar ul.folders > li > input{margin: 5px 31px; font-size: .8125rem; width: 150px}.page-sidebar ul > li > a > .arrow:before{float: right; margin-top: 1px; margin-right: 5px; display: inline; font-size: 1rem; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none}.chat-window-wrapper, .inner-menu, .page-content .breadcrumb{font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif}.nav-collapse.collapse{height: 100% !important}.page-sidebar .page-sidebar-wrapper > ul > li.open > a, .page-sidebar .page-sidebar-wrapper > ul > li:hover > a, .page-sidebar .page-sidebar-wrapper > ul > li > a:hover{background: #2a2f3a; color: #fff}.page-sidebar.mini .page-sidebar-wrapper > ul > li a > .label{display: none}.page-sidebar.mini .page-sidebar-wrapper > ul > li.open > a, .page-sidebar.mini .page-sidebar-wrapper > ul > li:hover > a, .page-sidebar.mini .page-sidebar-wrapper > ul > li > a:hover{background: #0b9c8f}.page-sidebar .page-sidebar-wrapper > ul > li:hover > a i, .page-sidebar.mini .page-sidebar-wrapper > ul > li.active > a i{color: #fff !important}.page-sidebar .page-sidebar-wrapper ul > li > a > .arrow:before, .page-sidebar .page-sidebar-wrapper > ul > li > a > .arrow.open:before{color: #919091 !important}.page-sidebar .page-sidebar-wrapper ul > li.active > a .arrow:before, .page-sidebar .page-sidebar-wrapper ul > li.open > a i, .page-sidebar .page-sidebar-wrapper > ul > li.active > a .arrow.open:before, .page-sidebar .page-sidebar-wrapper > ul > li.open > a i, .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu li.open > a, .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu li > ul.sub-menu > li.active > a, .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu li > ul.sub-menu > li > a:hover, .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li.active > a, .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a:hover{color: #fff !important}.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu a .arrow.open:before, .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu a .arrow:before{color: #919091 !important}.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li.active > a{font-weight: 600}.header .nav > li.dropdown, .header .nav > li.dropdown > a{text-align: center}.header .nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background-color: #fff}.navbar .nav > li.open > .dropdown-menu.pull-right, .navbar .pull-right > li.open > .dropdown-menu{margin-right: -6px; margin-top: 7px}.pace .pace-activity{top: 72px; border-top-color: #6d5eac; border-left-color: #6d5eac; right: 15px; left: auto}.pace .pace-progress{background: #6d5eac; right: auto; left: 0}.pace .pace-progress-inner{box-shadow: 0 0 10px #6d5eac,0 0 5px #6d5eac}.no-top .pace .pace-activity{top: 10px}.loading-animator{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: pace-spinner .4s linear infinite; border-color: #000 transparent transparent #000; border-color: rgba(0,0,0,.4) transparent transparent rgba(0,0,0,.4); -o-border-image: none; border-image: none; border-radius: 10px; border-right: 2px solid transparent; border-style: solid; border-width: 2px; display: block; height: 14px; margin-left: 40%; width: 14px; z-index: 2000}.page-container{transition: transform .3s ease,left .3s ease,right .3s ease; margin: 0; padding: 0; height: 100%; left: 0; z-index: 10}.chat-window-wrapper{font-size: .8125rem; position: fixed; top: 0; right: 0; width: 260px; background-color: #2a2f3a; height: 100%; z-index: 5; transition: opacity .1s ease}.footer-widget, .page-content{transition: transform .3s ease}.chat-window-wrapper .inner-content{height: 100%; overflow: hidden}.chat-window-wrapper .chat-header{height: 58px}.chat-window-wrapper .side-widget{margin-top: 15px; display: block}.chat-window-wrapper .side-widget-title{color: #808285; font-size: .65625rem; font-weight: 600; letter-spacing: .0125rem; padding-left: 31px; padding-right: 31px; text-transform: uppercase}.chat-window-wrapper .side-widget-content{display: block} .chat-window-wrapper .side-widget-content ul.groups{list-style: none; margin: 10px 0 0; padding-left: 0} .chat-window-wrapper .side-widget-content ul.groups li{line-height: 1.5625rem} .chat-window-wrapper .side-widget-content ul.groups > li > a{color: #fff; font-size: .8125rem; padding: 5px 31px} .chat-window-wrapper .side-widget-content ul.groups > li > a:hover{text-decoration: none}.chat-window-wrapper .user-details-wrapper{display: block; margin: 8px; padding: 10px; border-radius: 3px} .chat-window-wrapper .user-details-wrapper .status-icon{margin-right: 0} .chat-window-wrapper .user-details-wrapper.active{background-color: #372b32} .chat-window-wrapper .user-details-wrapper.active:hover{background-color: #482f36; cursor: pointer} .chat-window-wrapper .user-details-wrapper:hover{background-color: #22262e; cursor: pointer} .chat-window-wrapper .user-details-wrapper > .user-profile{display: inline-block; float: left; border-radius: 100px; height: 35px; overflow: hidden; width: 35px; margin-right: 13px} .chat-window-wrapper .user-details-wrapper > .user-details{display: inline-block; float: left} .chat-window-wrapper .user-details-wrapper > .user-details > .user-name{display: block; color: #fff} .chat-window-wrapper .user-details-wrapper > .user-details > .user-more{display: block; color: #747b89; font-size: .6875rem; width: 120px}.chat-window-wrapper .chat-messages{position: relative; overflow: auto; height: calc(100% - 155px)} .chat-window-wrapper .chat-messages .user-details-wrapper{padding: 6px} .chat-window-wrapper .chat-messages .user-details-wrapper:hover{background-color: #22262e; cursor: auto}.chat-window-wrapper .user-details-status-wrapper{display: inline-block; float: left; min-width: 32px; margin-top: 8px}.chat-window-wrapper .user-details-count-wrapper{display: inline-block; float: left; margin-top: 8px}.sidr{background-color: #2a2f3a; box-shadow: none} .sidr ul.chat-window li{border: 0} .sidr ul.chat-window li:nth-child(odd){background-color: #fff} .sidr ul.chat-window li:nth-child(even){background-color: #f5f6f8} .sidr ul.chat-window li.active > a, .sidr ul.chat-window li.active > span, .sidr ul.chat-window li.sidr-class-active > a, .sidr ul.chat-window li.sidr-class-active > span, .sidr ul.chat-window li:hover > a, .sidr ul.chat-window li:hover > span{box-shadow: none; background-color: #fed8db; line-height: 1rem}.scrollup{background: url(/Content/images/pullup.png) no-repeat; width: 27px; height: 27px; position: fixed; bottom: 92px; left: 235px; display: none; text-indent: -9999px; z-index: 101} .scrollup:hover{background-position: -30px 0} .scrollup.to-edge{left: 35px}.footer-widget{position: fixed; bottom: 0; display: block; padding: 11px 21px; background-color: #232830; width: 250px; clear: both} .footer-widget .progress{position: relative; top: 15px; width: 70%} .footer-widget a{color: #8b91a0} .footer-widget i{font-size: .875rem; color: #5e646d} .footer-widget .details-status{background-color: #2d3139; border-radius: 3px; color: #8b91a0; display: inline-block; font-size: .6875rem; padding: 6px; left: -22px; position: relative} .footer-widget a:hover, .footer-widget a:hover i{color: #8b91a0; text-decoration: none}.chat-window-wrapper input[type=date], .chat-window-wrapper input[type=datetime], .chat-window-wrapper input[type=email], .chat-window-wrapper input[type=number], .chat-window-wrapper input[type=password], .chat-window-wrapper input[type=search], .chat-window-wrapper input[type=tel], .chat-window-wrapper input[type=text], .chat-window-wrapper input[type=time], .chat-window-wrapper input[type=url], .chat-window-wrapper select, .chat-window-wrapper textarea{background-color: #0d0f12; height: 28px}.chat-header input[type=text]{margin: 15px 0 15px 14px; width: 195px; border: transparent}.chat-header .iconset{margin: 20px 15px}.chat-messages-header{background-color: #1b1e24; color: #4c5264; padding: 8px 8px 8px 21px} .chat-messages-header .status{height: 10px; width: 10px; border-radius: 8px; background-color: #e5e9ec; display: inline-block; margin-right: 12px} .chat-messages-header .status.online{background-color: #6d5eac} .chat-messages-header .status.busy{background-color: #f35958} .chat-messages-header .status.away{background-color: #6d5eac} .chat-messages-header a > i{color: #4c5264; font-size: .625rem; float: right; margin-top: 5px; margin-right: 5px}.chat-footer{position: absolute; bottom: 0; background-color: #e5e9ec; padding: 10px 10px 0; width: 92.6%}.bubble{position: relative; width: 165px; min-height: 40px; background: #e5e9ec; border-radius: 3px; color: #22262e; padding: 10px; cursor: pointer} .bubble.old{background: #0d0f12; color: #4c5264} .bubble.old:after{border-color: transparent #0d0f12} .bubble.sender{background: #0ba195; color: #fff} .bubble.sender:after{border-color: transparent #0ba195; border-width: 9px 0 9px 7px; right: -7px !important; left: auto} .bubble:after{content: ''; position: absolute; border-style: solid; border-width: 9px 7px 9px 0; border-color: transparent #e5e9ec; display: block; width: 0; z-index: 1; left: -7px; top: 12px}.chat-messages .sent_time{width: 100%; color: #4c5264; text-align: center; margin-top: 10px; font-weight: 600} .chat-messages .sent_time.off{display: none}.chat-input-wrapper{position: absolute; bottom: 0; background-color: #1b1e24; width: 256px; padding: 7px; z-index: 110} .chat-input-wrapper textarea{background-color: #fff; padding: 0; margin: 0}.user-chat-wrapper{display: block; padding: 10px 15px} .user-chat-wrapper .profile-wrapper{float: left; border-radius: 100px; display: inline-block; height: 35px; overflow: hidden; width: 35px; margin: 0 10px 0 0} .user-chat-wrapper .user-chat{display: inline-block; float: left} .user-chat-wrapper .user-chat .user-name{color: #22262e; font-size: .75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .user-chat-wrapper .user-chat .user-chat-preview{display: block; float: left} .user-chat-wrapper .user-chat .more-details{display: inline-block; float: left; color: #8b8f92; margin-right: 10px; font-size: .75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}.ie8 .page-sidebar{position: absolute; width: 225px} .ie8 .page-sidebar ul{width: 225px}.ie8 .page-content{margin-left: 225px; margin-top: 0}.page-content{margin-top: 0; padding: 0; background-color: #e5e9ec; overflow: auto; position: relative; min-height: 100%; z-index: 6} .page-content.condensed{margin-left: 50px} .page-content.condensed .admin-bar-inner{margin-right: 50px !important} .page-content.condensed-layout{margin-left: 50px !important} .page-content .admin-bar{-moz-box-sizing: border-box; bottom: -115px; position: fixed; width: 100%; transition: all .5s ease-in-out} .page-content .admin-bar .admin-bar-inner{background: padding-box #fff; border-top: 1px solid rgba(0,0,0,.15); box-shadow: 0 -1px 2px rgba(0,0,0,.08); margin-right: 250px; padding: 30px 35px 30px 40px; text-align: right} .page-content .header{padding: 20px !important} .page-content .header h3{font-size: 1.25rem; display: inline} .page-content .header i{font-size: 1.125rem} .page-content .breadcrumb{border-radius: 0; box-shadow: none; background-color: transparent; padding: 0 !important; border: none !important; margin-bottom: 0} .page-content .breadcrumb a{margin-left: 10px} .page-content .breadcrumb li p{font-size: .78125rem !important; font-weight: 400; color: #7b7d82} .page-content .breadcrumb li .active{font-weight: 600; font-size: .875rem} .page-content .content{padding-left: 26px; padding-right: 26px; padding-top: 83px}.inner-menu{display: inline-block; position: absolute; width: 200px; background-color: #2a2f3a; height: 100%} .inner-menu ul.big-items li.active, .inner-menu ul.big-items li.active a, .inner-menu ul.big-items li:hover, .inner-menu ul.small-items li.active, .inner-menu ul.small-items li:hover{background-color: #22262e} .inner-menu .inner-wrapper{padding: 20px 20px 0} .inner-menu .inner-wrapper .menu-title{padding-left: 0} .inner-menu .inner-wrapper .menu-title i{padding-right: 0} .inner-menu .inner-menu-content{margin-top: 50px} .inner-menu .menu-title{padding-right: 23px} .inner-menu ul.big-items{list-style: none; margin: 0 0 20px; padding: 0} .inner-menu ul.big-items li{text-align: right; padding: 8px 25px} .inner-menu ul.big-items li a{color: #8b91a0; font-size: 1.125rem} .inner-menu ul.big-items li a:hover{text-decoration: none; color: #e5e9ec} .inner-menu ul.big-items li.active a{color: #e5e9ec} .inner-menu ul.big-items li .badge{position: relative; top: -2px} .inner-menu ul.small-items{list-style: none; margin: 0 0 20px; padding: 0} .inner-menu ul.small-items li{text-align: right; padding: 8px 25px} .inner-menu ul.small-items li a{color: #8b91a0; font-size: .875rem} .inner-menu ul.small-items li a:hover{text-decoration: none; color: #e5e9ec} .inner-menu ul.small-items li.active a{background-color: #22262e; color: #e5e9ec} .inner-menu ul.small-items li .badge{position: relative; top: -1px}.user-info-wrapper{display: block; margin: 20px 31px 0} .user-info-wrapper .profile-wrapper{height: 65px; width: 65px; border-radius: 100px; overflow: hidden; display: inline-block; margin-right: 11px; margin-top: 9px; float: left} .user-info-wrapper .user-info{color: #fff; display: inline-block} .user-info-wrapper .user-info .status{color: #929fa5; font-size: .8125rem; margin-bottom: 10px; margin-top: 2px; font-weight: 400} .user-info-wrapper .user-info .profile{float: right; display: inline} .user-info-wrapper .user-info .btn-set{margin-top: 10px} .user-info-wrapper .user-info .username{font-size: 1.1875rem} .user-info-wrapper .user-info .greeting{font-size: 1.1875rem; font-weight: 600; position: relative; top: 1.5px} .user-info-wrapper .user-info a{color: #fff} .user-info-wrapper .user-info a:hover{text-decoration: none} .user-info-wrapper .user-info .status-icon{margin: 0 5px} .user-info-wrapper .user-info .collapse{width: 18px; height: 18px; background-color: #50545c; position: absolute; right: 15px; margin-top: 10px} .user-info-wrapper .user-info .collapse i{position: relative; margin-top: -8px; top: -2px; left: 3px} .user-info-wrapper .user-info .collapse:hover{background-color: #000}.side-panel{display: block; max-height: none; min-height: 100%; position: fixed; top: 0; width: 17em; background: linear-gradient(#f9f9f9,#eee) #f9f9f9; border: 1px solid #aaa; color: #333; text-shadow: 0 1px 0 #fff; float: right; right: 0; z-index: 1200}.status-icon, .user-info .details{display: inline-block}.status-widget{margin-bottom: 9px; padding: 0 31px; animation-duration: .3s !important} .status-widget .title{color: #fff; font-size: .8125rem} .status-widget .title i{float: right; font-size: .4375rem; margin-top: 6px; margin-right: 6px; color: #8b8f92} .status-widget p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 95%; color: #808285} .status-widget .progress{height: 10px; background-color: #2a2e36; background-image: linear-gradient(to bottom,#2a2e36,#2a2e36); background-repeat: repeat-x; margin-bottom: 5px; transition: width 30s ease !important}.status-widget-wrapper{font-size: .8125rem}.status-widget .title a:active, .status-widget .title a:hover{text-decoration: none}.status-icon{background: url(/Content/images/icon/status.png) no-repeat; position: relative; margin-right: 10px; top: 2px} .status-icon.green{background-position: -1px -1px; width: 14px; height: 14px} .status-icon.red{background-position: -17px -1px; width: 14px; height: 14px} .status-icon.blue{background-position: -33px -1px; width: 14px; height: 14px} .status-icon.yellow{background-position: -48px -1px; width: 15px; height: 14px} .status-icon.grey{background-position: -64px -1px; width: 14px; height: 14px}.user-info img{float: left; margin-right: 5px}.user-info .label{font-weight: 300; font-size: .6875rem}.mini .page-sidebar-wrapper{overflow: visible !important}.container{height: 100%}.pull-left{float: left !important}.pull-right{float: right !important}.horizontal-menu .bar-inner > ul > li{font-family: 'Open Sans'}.page-title, .page-title .actions, h1, h2, h3, h3 small, h4, h4 small, h5, h5 small, h6{font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif}.horizontal-menu .bar-inner > ul > li > a > .arrow:before{opacity: .5}@media (min-width:980px){.horizontal-menu .page-content{margin-left: 0} .horizontal-menu .page-content .content{padding-top: 123px}}.h-ribbon{width: 100%; height: 4px; background-color: #f35958} .h-ribbon .red{background-color: #f35958 !important}.notification-alert{width: 29px; height: 29px; background-image: url(/Content/images/notification-alert.png); position: absolute; float: right; right: -15px; z-index: 9999}h1, h2, h3, h4, h5, h6{margin: 10px 0; font-weight: 300; color: #505458}h1{line-height: 2.6875rem}h2{line-height: 2.1875rem}h3{line-height: 1.875rem}h4{line-height: 1.375rem} h3 small, h4 small, h5 small{font-weight: 300; color: #444} h1.block, h2.block, h3.block, h4.block, h5.block, h6.block{padding-bottom: 10px}a{text-shadow: none !important; color: #0d638f; transition: color .1s linear 0s,background-color .1s linear 0s !important} a.icon:hover{text-decoration: none; transition: all .1s ease-in-out; opacity: .4} a, a:active, a:focus, a:hover{outline: 0; text-decoration: none}i{font-size: .875rem}label{display: block; margin-bottom: 5px} label.inline{display: inline-block; position: relative; top: 0; font-size: .8125rem} label.done{color: #0090d9 !important; text-decoration: line-through}ul > li{padding-left: 6px; line-height: 1.25rem}ul.progress-list{list-style: none; margin: 10px 5px 23px 0; padding: 0} ul.progress-list li .details-wrapper{display: inline-block; float: left} ul.progress-list li .details-wrapper .name{display: block; color: #000; font-size: .8125rem} ul.progress-list li .details-wrapper .description{display: block; color: #9a9a9a; font-size: .75rem} ul.progress-list li .details-status{display: inline-block; background-color: #e5e9ec; color: #5c6370; font-size: .6875rem; padding: 6px; border-radius: 3px} ul.progress-list li .progress{margin-top: 10px}ul.my-friends{margin: 16px 0 0; padding: 0} ul.my-friends li{float: left; display: inline; margin-right: 5px; margin-bottom: 8px} ul.my-friends li .profile-pic{border-radius: 100px; display: inline-block; float: left; height: 35px; overflow: hidden; width: 35px}address{margin-bottom: 0}blockquote{padding: 0 0 0 18px; border-left: 5px solid #eee} blockquote p{font-size: 1rem} blockquote small{line-height: 1.8125rem; color: #8b91a0} blockquote small:before, blockquote.pull-right small:after{content: ""}.logo{margin: 18px 14px}.normal{font-weight: 400}.semi-bold{font-weight: 600}.bold{font-weight: 700}.all-caps{text-transform: uppercase}.light{font-weight: 300 !important}.text-extra-small{font-size: .65625rem !important}.small-text{font-size: .75rem !important}.normal-text{font-size: .8125rem !important}.large-text{font-size: .9375rem !important}.center-text{text-align: center !important}.muted{color: #b6bfc5}.bg-blue{background-color: #00acec !important}.bg-red{background-color: #f65854 !important}.bg-yellow, .bg-yellow.select2-choice{background-color: #f7cf5e !important}.bg-green{background-color: #27cebc !important}.bg-purple{color: #6d5eac !important}.bg-grey{color: #dce0e8 !important}.text-black{color: #1b1e24 !important}.text-purple{color: #6d5eac !important}.text-white{color: #fff !important}.text-grey{color: #dce0e8 !important}.text-success{color: #6d5eac !important}.text-info{color: #1976d2 !important}.text-warning{color: #f7cf5e !important}.text-error{color: #f35958 !important}.text-white-opacity{color: #fff; opacity: .6}.text-right{text-align: right !important}.text-left{text-align: left !important}.text-center{text-align: center !important}.color-bands{display: inline-block; width: 80px; height: 4px; margin-right: 2px; margin-bottom: 8px} .color-bands.green{background-color: #27cebc} .color-bands.purple{background-color: #6d5eac} .color-bands.red{background-color: #f65854} .color-bands.blue{background-color: #00acec}hr{margin: 20px 0; border: 0; border-top: 1px solid #e0dfdf; border-bottom: 1px solid #fefefe}.icon-custom-2x{font-size: .9em}.fa-5x{font-size: 5em}.fa-6x{font-size: 6em}.fa-7x{font-size: 7em}[class*=" icon-"], [class*=" icon-"]:hover, [class^=icon-], [class^=icon-]:hover{background: 0 0 !important}.page-title{padding: 0; letter-spacing: -.0625rem; display: block; color: #666; margin: 0 0 10px; font-weight: 300} .page-title h3, .page-title i{display: inline-block; position: relative} .page-title h3{top: -5px; width: 83%} .page-title p{color: #63696d; letter-spacing: .03125rem} .page-title i{color: #73777c; font-size: 1.875rem; margin-right: 12px; top: 7px; float: left} .page-title small{font-size: .875rem; letter-spacing: 0; font-weight: 300; color: #888}.page-content .breadcrumb a, .page-content .breadcrumb i, .page-content .breadcrumb li, .page-content .breadcrumb span{color: #515050; font-weight: 300; text-shadow: none}.breadcrumb > li + li:before{padding: 0 5px; color: #515050; font-family: FontAwesome; content: "\f105"}.well{background-color: #dce0e8; border-radius: 3px; box-shadow: none !important; border: none; background-image: none} .well.well-large{padding: 24px; width: auto} .well.well-small{padding: 13px; width: auto} .well.green{background-color: #27cebc; color: #fff; border: none}span.iconset{display: block}.iconset{background: url(/Content/images/icon/top-tray-b.png) no-repeat; position: relative; top: 1px} .iconset.top-home{background-position: -6px -7px; width: 16px; height: 14px; top: -1px} .iconset.top-settings{background-position: -35px -6px; width: 16px; height: 16px; top: 1px} .iconset.top-messages{background-position: -63px -8px; width: 16px; height: 12px; top: 1px} .iconset.top-back{background-position: -92px -8px; width: 15px; height: 14px} .iconset.top-forward{background-position: -121px -8px; width: 15px; height: 14px} .iconset.top-reload{background-position: -147px -6px; width: 18px; height: 16px} .iconset.top-settings-dark{background-position: -176px -6px; width: 17px; height: 16px} .iconset.top-tiles{background-position: -206px -7px; width: 14px; height: 14px; top: 1.5px} .iconset.top-down-arrow{background-position: -238px -12px; width: 7px; height: 5px} .iconset.top-search{background-position: -261px -6px; width: 16px; height: 16px; top: 5px} .iconset.top-menu-toggle-dark{background-position: -288px -7px; width: 18px; height: 15px} .iconset.top-menu-toggle-white{background-position: -315px -7px; width: 18px; height: 15px} .iconset.top-chat-dark{background-position: -341px -6px; width: 21px; height: 16px} .iconset.top-chat-white{background-position: -369px -6px; width: 21px; height: 16px} .iconset .badge{top: -12px; right: -10px; position: relative; padding: 4px 6px; font-size: .625rem}.iconplaceholder{width: 20px; height: 20px; border-radius: 99px; background-color: #e5e9ec; padding: 3px; display: inline-block; margin-right: 5px; direction: ltr}.inherit-height, .inherit-size{height: inherit}.iconplaceholder i{font-size: .625rem; color: #656c78; position: relative; left: 4px; top: -3px}.blog-bar{border-top: 1px solid #d7dbe0; margin-top: 18px; padding: 10px} .blog-bar a{color: #8b91a0; margin-right: 8px; text-decoration: none} .blog-bar a:hover{color: #d7dbe0}.no-padding{padding: 0 !important}.no-margin{margin: 0 !important}.spacing-bottom{margin-bottom: 30px}.inherit-size{width: inherit}.v-align-bottom{vertical-align: bottom; display: table-cell}.v-align-top{vertical-align: top; display: table-cell}.v-align-middle{vertical-align: middle; display: table-cell}.h-align-middle{margin-left: auto; margin-right: auto; display: table}.padding-10{padding: 10px}.padding-20{padding: 20px}.p-t-1{padding-top: 1px}.p-r-1{padding-right: 1px}.p-l-1{padding-left: 1px}.p-b-1{padding-bottom: 1px}.p-t-2{padding-top: 2px}.p-r-2{padding-right: 2px}.p-l-2{padding-left: 2px}.p-b-2{padding-bottom: 2px}.p-t-3{padding-top: 3px}.p-r-3{padding-right: 3px}.p-l-3{padding-left: 3px}.p-b-3{padding-bottom: 3px}.p-t-4{padding-top: 4px}.p-r-4{padding-right: 4px}.p-l-4{padding-left: 4px}.p-b-4{padding-bottom: 4px}.p-t-5{padding-top: 5px}.p-r-5{padding-right: 5px}.p-l-5{padding-left: 5px}.p-b-5{padding-bottom: 5px}.p-t-6{padding-top: 6px}.p-r-6{padding-right: 6px}.p-l-6{padding-left: 6px}.p-b-6{padding-bottom: 6px}.p-t-7{padding-top: 7px}.p-r-7{padding-right: 7px}.p-l-7{padding-left: 7px}.p-b-7{padding-bottom: 7px}.p-t-8{padding-top: 8px}.p-r-8{padding-right: 8px}.p-l-8{padding-left: 8px}.p-b-8{padding-bottom: 8px}.p-t-9{padding-top: 9px}.p-r-9{padding-right: 9px}.p-l-9{padding-left: 9px}.p-b-9{padding-bottom: 9px}.p-t-10{padding-top: 10px}.p-r-10{padding-right: 10px}.p-l-10{padding-left: 10px}.p-b-10{padding-bottom: 10px}.p-t-11{padding-top: 11px}.p-r-11{padding-right: 11px}.p-l-11{padding-left: 11px}.p-b-11{padding-bottom: 11px}.p-t-12{padding-top: 12px}.p-r-12{padding-right: 12px}.p-l-12{padding-left: 12px}.p-b-12{padding-bottom: 12px}.p-t-13{padding-top: 13px}.p-r-13{padding-right: 13px}.p-l-13{padding-left: 13px}.p-b-13{padding-bottom: 13px}.p-t-14{padding-top: 14px}.p-r-14{padding-right: 14px}.p-l-14{padding-left: 14px}.p-b-14{padding-bottom: 14px}.p-t-15{padding-top: 15px}.p-r-15{padding-right: 15px}.p-l-15{padding-left: 15px}.p-b-15{padding-bottom: 15px}.p-t-16{padding-top: 16px}.p-r-16{padding-right: 16px}.p-l-16{padding-left: 16px}.p-b-16{padding-bottom: 16px}.p-t-17{padding-top: 17px}.p-r-17{padding-right: 17px}.p-l-17{padding-left: 17px}.p-b-17{padding-bottom: 17px}.p-t-18{padding-top: 18px}.p-r-18{padding-right: 18px}.p-l-18{padding-left: 18px}.p-b-18{padding-bottom: 18px}.p-t-19{padding-top: 19px}.p-r-19{padding-right: 19px}.p-l-19{padding-left: 19px}.p-b-19{padding-bottom: 19px}.m-t-1{margin-top: 1px}.m-r-1{margin-right: 1px}.m-l-1{margin-left: 1px}.m-b-1{margin-bottom: 1px}.m-t-2{margin-top: 2px}.m-r-2{margin-right: 2px}.m-l-2{margin-left: 2px}.m-b-2{margin-bottom: 2px}.m-t-3{margin-top: 3px}.m-r-3{margin-right: 3px}.m-l-3{margin-left: 3px}.m-b-3{margin-bottom: 3px}.m-t-4{margin-top: 4px}.m-r-4{margin-right: 4px}.m-l-4{margin-left: 4px}.m-b-4{margin-bottom: 4px}.m-t-5{margin-top: 5px}.m-r-5{margin-right: 5px}.m-l-5{margin-left: 5px}.m-b-5{margin-bottom: 5px}.m-t-6{margin-top: 6px}.m-r-6{margin-right: 6px}.m-l-6{margin-left: 6px}.m-b-6{margin-bottom: 6px}.m-t-7{margin-top: 7px}.m-r-7{margin-right: 7px}.m-l-7{margin-left: 7px}.m-b-7{margin-bottom: 7px}.m-t-8{margin-top: 8px}.m-r-8{margin-right: 8px}.m-l-8{margin-left: 8px}.m-b-8{margin-bottom: 8px}.m-t-9{margin-top: 9px}.m-r-9{margin-right: 9px}.m-l-9{margin-left: 9px}.m-b-9{margin-bottom: 9px}.m-t-10{margin-top: 10px}.m-r-10{margin-right: 10px}.m-l-10{margin-left: 10px}.m-b-10{margin-bottom: 10px}.m-t-11{margin-top: 11px}.m-r-11{margin-right: 11px}.m-l-11{margin-left: 11px}.m-b-11{margin-bottom: 11px}.m-t-12{margin-top: 12px}.m-r-12{margin-right: 12px}.m-l-12{margin-left: 12px}.m-b-12{margin-bottom: 12px}.m-t-13{margin-top: 13px}.m-r-13{margin-right: 13px}.m-l-13{margin-left: 13px}.m-b-13{margin-bottom: 13px}.m-t-14{margin-top: 14px}.m-r-14{margin-right: 14px}.m-l-14{margin-left: 14px}.m-b-14{margin-bottom: 14px}.m-t-15{margin-top: 15px}.m-r-15{margin-right: 15px}.m-l-15{margin-left: 15px}.m-b-15{margin-bottom: 15px}.m-t-16{margin-top: 16px}.m-r-16{margin-right: 16px}.m-l-16{margin-left: 16px}.m-b-16{margin-bottom: 16px}.m-t-17{margin-top: 17px}.m-r-17{margin-right: 17px}.m-l-17{margin-left: 17px}.m-b-17{margin-bottom: 17px}.m-t-18{margin-top: 18px}.m-r-18{margin-right: 18px}.m-l-18{margin-left: 18px}.m-b-18{margin-bottom: 18px}.m-t-19{margin-top: 19px}.m-r-19{margin-right: 19px}.m-l-19{margin-left: 19px}.m-b-19{margin-bottom: 19px}.hide{display: none}.margin-top-10{margin-top: 10px}.margin-top-20{margin-top: 20px}.margin-bottom-10{margin-bottom: 10px}.margin-bottom-20{margin-bottom: 20px}.inline{display: inline-block !important}.b-blank{border-color: #000}.b-r{border-right: 1px solid}.b-l{border-left: 1px solid}.b-t{border-top: 1px solid}.b-b{border-bottom: 1px solid}.b-a{border-width: 1px solid}.b-transparent{border-color: #000; border-color: rgba(0,0,0,.4)}.b-grey{border-color: #e5e9ec}.visible-xlg{display: none}.hidden-xlg, .overlayer{display: block}.image-responsive-width{width: 100%}.box-250{width: 250px; height: 250px}.demo-map, .overlayer.fullwidth{width: 100%}.overlayer{position: absolute; z-index: 80}.overlayer-wrapper{position: relative; display: block; z-index: 9999}.demo-map{min-height: 960px}.overlay-fixed{position: fixed !important; top: auto !important}.bottom-left, .bottom-right, .top-left, .top-right{position: absolute}.top-left{top: 0; left: 0}.top-right{top: 1px; right: 0}.bottom-left{bottom: 1px; left: 0}.bottom-right{bottom: 0; right: 0}.full-height{height: 100%}.scroller{padding: 0 !important; margin: 0 !important}.popover-content{font-size: .8125rem} .popover-content .scroller{padding-right: 0 !important}.toggle-button, .toggle-button label{margin-top: 3px; background-image: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border: 1px solid #eee !important; border-radius: 0 !important} .toggle-button span.danger, .toggle-button span.info, .toggle-button span.labelLeft, .toggle-button span.labelRight, .toggle-button span.primary, .toggle-button span.success, .toggle-button span.warning{font-size: .8125rem !important; font-weight: 300 !important; background-image: none !important; border-radius: 0 !important} .toggle-button span.labelRight{background-color: #eee}.dataTable{clear: both; margin-top: 5px}.dataTables_filter label{line-height: 2rem !important}.DTTT_dropdown li{position: relative}div.DTTT_print_info.modal{height: 150px; margin-top: 150px; text-align: center; border: 0; z-index: 999}.bordered-circle .owl-controls, .lockscreen-wrapper .user{text-align: left}div.DTTT_print_info h6{font-weight: 400; font-size: 1.75rem; line-height: 1.75rem; margin: 1em}div.DTTT_print_info p{font-size: .875rem; line-height: 1.25rem}.invoice-button-action-set{position: fixed}.login-container{margin-top: 13%}.lockscreen-wrapper{position: relative; margin-top: 20%} .lockscreen-wrapper .profile-wrapper{border-radius: 100px; float: left; height: 65px; margin-right: 11px; margin-top: 9px; overflow: hidden; width: 65px; display: inline-block} .lockscreen-wrapper .user-form{margin-top: -10px; display: inline-block; float: left; min-width: 320px} .lockscreen-wrapper .user-form button, .lockscreen-wrapper .user-form input{float: left; margin-right: 10px}.calender-options-wrapper{padding: 20px} .calender-options-wrapper .events-wrapper{margin-top: 50px} .calender-options-wrapper .events-heading{font-size: .8125rem; color: #fff; border-bottom: 1px solid rgba(255,255,255,.25); padding-bottom: 14px; margin-bottom: 20px} .calender-options-wrapper .external-event{font-size: .75rem; color: #fff; background-color: #d44443; display: block; padding: 5px 8px; border-radius: 3px; width: 100%; margin-bottom: 8px; cursor: move}.bordered-circle .owl-controls .owl-page span{width: 9px; height: 9px; border: 1px solid #333; opacity: 1; background-color: transparent}.bordered-circle .owl-theme .owl-controls .owl-page.active span, .bordered-circle .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: #333}.hashtags{display: inline-block; border: 2px solid #e5e9ec; background-color: transparent; color: #b9bec2; padding: 2px 8px; border-radius: 15px; font-weight: 700; font-size: .75rem} .hashtags:hover{border: 2px solid #000; border: 2px solid rgba(0,0,0,.2); color: #000; color: rgba(0,0,0,.4)} .hashtags.transparent{border: 2px solid #fff; background-color: transparent; color: #fff} .hashtags.transparent:hover{border: 2px solid #fff; border: 2px solid rgba(255,255,255,.1); background-color: #fff; background-color: rgba(255,255,255,.8); color: #000}.user-profile img{border-radius: 100px}.sm-gutter [class*=col-], .sm-gutter [class^=col-]{padding-right: 5px; padding-left: 5px}.sm-gutter .row{margin-right: -5px; margin-left: -5px}.rickshaw_graph{overflow: hidden}.dark .dd-handle{background: #dce0e8}.carousel{height: 100%; width: 100%}.demo-center-logo{left: 0; display: block; position: absolute; text-align: center; right: 0}button, input, label, select, textarea{font-weight: 400; line-height: 1.25rem}button, input, select, textarea{font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif} .uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-appearance: none !important; color: #282323; outline: 0; height: 16px; padding: 6px 11px !important; line-height: 1rem; font-size: 1rem; font-weight: 400; vertical-align: top; background-color: #fff; min-height: 37px; box-shadow: none !important; border-radius: 2px; border: 1px solid #ccc; transition: background .2s linear 0s,box-shadow .2s linear 0s}.radio input[type=radio]:checked + label, .radio label{color: #4d5056}input{border: 1px solid #cecece} input.dark, input.no-boarder{border: none} input.dark{background-color: #e5e9ec} input.error{border: 1px solid #f35958}textarea{height: auto; padding-left: 12px !important; padding-top: 10px !important} .m-uneditable-input:focus, .uneditable-input.focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus{border-color: #80d4f5; background-color: #f4f5f7; outline: 0 !important; box-shadow: none}input[type=checkbox], input[type=radio]{margin: 1px 0 0; line-height: normal; cursor: pointer; box-sizing: border-box}input[type=file], select{height: 34px !important; line-height: 1.875rem}select{width: 220px; background-color: #fff; background-image: none !important; border: 1px solid #e5e5e5; outline: 0; min-height: 35px; padding-left: 5px} select.xsmall{width: 64px !important} select.small{width: 134px !important} select.medium{width: 220px !important} select.large{width: 334px !important} select[multiple], select[size]{height: auto !important} input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus, select:focus{outline: #333 dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; box-shadow: none !important}.DeleteBtnCircle:active, .DeleteBtnCircle:focus, .JLeftPannel .searchBtn #s, .btn-circle-Pink600:active, .btn-circle-Pink600:focus, .btn:focus, .parking-space input[type=text]:focus, .plusBtn:active, .plusBtn:focus, .tgl + .tgl-btn{outline: 0}input[class*=span]{float: none; height: 34px !important; margin-left: 0}select[class*=span], textarea[class*=span]{float: none; margin-left: 0}.input-lg{border-radius: 3px !important; font-size: 1.125rem !important; height: 45px !important; line-height: 1.33 !important}.input-sm{font-size: .8125rem !important; min-height: 29px !important}.input-append, .input-prepend{border: 0; display: inline-block} .input-append .add-on, .input-prepend .add-on{display: inline-block; width: auto; padding: 4px 5px; font-size: .875rem; font-weight: 400; line-height: 1.5rem; text-align: center} .input-append .add-on > .halflings-icon, .input-prepend .add-on > .fa, .input-prepend .add-on > i{margin-top: 5px; margin-left: 3px} .input-append .add-on > .fa, .input-append .add-on > .halflings-icon .input-append .add-on > i{margin-top: 5px; margin-left: 0} .input-append, .input-append:focus{border-right: 0 !important} .input-append input, .input-append input[class*=span], .input-prepend input, .input-prepend input[class*=span]{display: inline-block !important; width: 100%; float: left}.xsmall{width: 50px !important}.small{width: 120px !important}.medium{width: 206px !important}.large{width: 320px !important}.huge{width: 480px !important; font-size: 1.5rem !important; height: 36px !important; line-height: 2.25rem !important; padding: 22px 8px !important}.checkbox, .radio{margin-bottom: 0; margin-top: 0; padding-left: 0} .radio label{display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; margin-bottom: 6px} .radio label:after, .radio label:before{display: inline-block; position: absolute; content: ""; width: 17px; height: 17px; left: 0} .radio label:before{margin-right: 10px; top: .5px; background-color: #fff; border: 1px solid #4d5056; border-radius: 99px} .radio label:after{font-size: .8125rem; text-align: center; transform: scale(0); border-radius: 99px; top: 1px; background-color: #6f7b8a; border: 1px solid #6f7b8a} .radio input[type=radio]{opacity: 0} .radio input[type=radio][disabled] + label{opacity: .65} .radio.radio-success label:after{background-color: #1976d2; border: 1px solid #1976d2} .radio.radio-success input[type=radio]:checked + label:before{border: 1px solid #1976d2} .radio.radio-primary label:after{background-color: #6d5eac; border: 1px solid #6d5eac} .radio.radio-primary input[type=radio]:checked + label:before{border: 1px solid #6d5eac} .radio.radio-info label:after{background-color: #0097a7; border: 1px solid #0097a7} .radio.radio-info label input[type=radio]:checked + :before{border: 1px solid #0097a7} .radio.radio-warning label:after{background-color: #f7cf5e; border: 1px solid #f7cf5e} .radio.radio-warning input[type=radio]:checked + label:before{border: 1px solid #f7cf5e} .radio.radio-danger label:after{background-color: #f35958; border: 1px solid #f35958} .radio.radio-danger input[type=radio]:checked + label:before{border: 1px solid #f35958}@media screen and (min-width:0) and (min-resolution:0.001dpcm){.radio{padding-left: 0; margin-top: 0; margin-bottom: 0} .radio label:after{-ms-transform: scale(0)}}.checkbox label, .star label{margin-bottom: 10px; cursor: pointer}.radio-success.radio label:after{border: 1px solid #0090d9; background-color: #0090d9}.radio-success.radio input[type=radio]:checked + label:before{border: 1px solid #0090d9}.radio-primary.radio label:after{border: 1px solid #0aa699; background-color: #0aa699}.radio-primary.radio input[type=radio]:checked + label:before{border: 1px solid #0aa699}.radio-info.radio label:after{border: 1px solid #1f3853; background-color: #1f3853}.radio-info.radio label input[type=radio]:checked + :before{border: 1px solid #1f3853}.radio-warning.radio label:after{border: 1px solid #fbb05e; background-color: #fbb05e}.radio-warning.radio input[type=radio]:checked + label:before{border: 1px solid #fbb05e}.radio-danger.radio label:after{border: 1px solid #f35958; background-color: #f35958}.radio-danger.radio input[type=radio]:checked + label:before{border: 1px solid #f35958}.radio input[type=radio]:checked + label:before{border: 1px solid #8e9095}.radio input[type=radio]:checked + label:after{line-height: 1.125rem; -ms-transform: scale(.63); transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33); transform: scale(.63); -moz-transform: scale(.63); -o-transform: scale(.63); -moz-transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33); -o-transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33); -ms-transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33)}.checkbox label, .checkbox label:before{transition: border .2s linear 0s,color .2s linear 0s; display: inline-block}.checkbox input[type=radio][disabled] + label:after{background-color: #eceff3}.checkbox label{position: relative; padding-left: 25px; margin-right: 15px; color: #4d5056; direction: ltr}.wysihtml5-toolbar li, table td .checkbox label, table th .checkbox label{padding-left: 0}.checkbox label:before{content: ""; width: 17px; height: 17px; margin-right: 10px; position: absolute; left: 0; top: 1.4px; background-color: #fff; border: 1px solid #4d5056; border-radius: 3px}.checkbox label:after{display: inline-block; width: 16px; height: 16px; position: absolute; left: 3.2px; top: 0; font-size: .6875rem; transition: border .2s linear 0s,color .2s linear 0s; border-radius: 3px}.star label, .star label:before{display: inline-block; font-size: 1.125rem; transition: border .2s linear 0s,color .2s linear 0s}.checkbox input[type=checkbox]{opacity: 0} .checkbox input[type=checkbox][disabled] + label, .datepicker table tr td.day:hover, .datepicker-bg .datepicker table tr td.day:hover{opacity: .65}.checkbox.checkbox-circle label:after, .checkbox.checkbox-circle label:before{border-radius: 99px}.checkbox input[type=checkbox]:checked + label{color: #35363a}.checkbox.check-danger input[type=checkbox]:checked + label:after, .checkbox.check-info input[type=checkbox]:checked + label:after, .checkbox.check-primary input[type=checkbox]:checked + label:after, .checkbox.check-success input[type=checkbox]:checked + label:after, .checkbox.check-warning input[type=checkbox]:checked + label:after{color: #fff}.checkbox input[type=checkbox]:checked + label:after{font-family: FontAwesome; content: "\F00C"}.checkbox input[type=checkbox][disabled] + label:before{background-color: #eceff3}.checkbox.check-success input[type=checkbox]:checked + label:before{background-color: #1976d2; border: 1px solid #1976d2}.checkbox.check-primary input[type=checkbox]:checked + label:before{background-color: #6d5eac; border: 1px solid #6d5eac}.checkbox.check-info input[type=checkbox]:checked + label:before{background-color: #0097a7; border: 1px solid #0097a7}.checkbox.check-warning input[type=checkbox]:checked + label:before{background-color: #f7cf5e; border: 1px solid #f7cf5e}.checkbox.check-danger input[type=checkbox]:checked + label:before{background-color: #f35958; border: 1px solid #f35958}table.fc-border-separate{margin-top: 20px}.star label{position: relative} .star label:before{font-family: FontAwesome; content: "\F005"; margin-right: 10px; position: absolute; left: 0; top: -4px; color: #97a3b3}.star input[type=checkbox]{display: none} .star input[type=checkbox]:checked + label:before{color: #ffd200}.bootstrap-tagsinput{border: 1px solid #e5e9ec; border-radius: 3px; box-shadow: none; width: 100%; transition: background .2s linear 0s} .bootstrap-tagsinput.active-element{background-color: #f4f5f7} .bootstrap-tagsinput input{border: none; margin-bottom: 0; min-height: 25px} .bootstrap-tagsinput .tag{vertical-align: middle; padding: 4px 9px; margin-top: 3px; display: inline-block} .bootstrap-tagsinput .tag [data-role=remove]:hover, .bootstrap-tagsinput .tag [data-role=remove]:hover:active{box-shadow: none}form{margin: 0} form legend{margin: 15px 0 10px !important}.column-seperation > div[class*=col-]{border-right: 1px solid #ddd} .column-seperation > div[class*=col-]:last-child{border-right: 0}.form-no-horizontal-spacing .row-fluid .side-label{border-right: 1px solid #ddd}.form-no-horizontal-spacing .error{margin-bottom: 10px}input.placeholder, textarea.placeholder{color: #aaa !important}.help-block{margin-top: 10px}.form-inline input{margin-bottom: 0 !important}.form-label{margin-top: 2px} .form-label .required{color: #e02222; font-size: .75rem; padding-left: 2px}.help-inline{margin-top: 6px}.help-small{font-size: .75rem; padding-top: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 0}.success .help-inline.ok:before{content: "\f00c"; font-size: 1rem; font-family: FontAwesome; font-weight: 400; font-style: normal; display: inline-block}.form-view legend, form legend{margin-bottom: 15px !important}.controls > .checkbox .checker, .controls > .radio .checker{margin-right: 2px !important}.controls > .checkbox, .controls > .radio{display: inline-block; padding: 0 !important; margin: 8px 15px 0 0 !important} .controls > .checkbox.line, .controls > .radio.line{display: block; padding: 0 !important; margin: 5px 0 0 !important}.controls .inline{margin-top: 8px}.form-view .control-group{margin-top: 0; margin-bottom: 5px}.uploader{margin-top: 2px !important}.hint{padding: 5px 0 0 10px}.form form{margin: 0 !important; padding: 0 !important}.form .form-actions{background-color: #f6f7f8 !important; margin-top: 0 !important; padding-left: 190px}.form-actions{background-color: #f6f7f8; border: 0; margin-bottom: 20px; margin-top: 20px; padding: 19px 20px 20px} .form-actions:after{clear: both} .form-actions:after, .form-actions:before{content: ""; display: table; line-height: 0}.form-horizontal{display: inline-block; margin-right: 10px; position: relative; top: -4px} .form-horizontal.form-bordered .control-group{margin: 0; padding: 0; border-bottom: 1px solid #eee} .form-horizontal.form-bordered .control-group:first-child{border-bottom: 1px solid #eee !important} .form-horizontal.form-bordered .control-group.last{border-bottom: 0} .form-horizontal.form-bordered .control-group .controls{padding: 10px; position: relative; border-left: 1px solid #eee} .form-horizontal.form-bordered .control-group .controls .chosen-container{min-height: 32px} .form-horizontal.form-bordered .control-group .controls .chosen-container .help-block{clear: both; padding-top: 10px !important} .form-horizontal.form-bordered .control-group .control-label{margin-top: 10px} .form-horizontal.form-bordered.form-row-stripped .control-group:nth-child(even){background-color: #fcfcfc} .form-horizontal.form-bordered.form-row-stripped .m-wrap{background: #fff !important} .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even){background-color: #fcfcfc} .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls{background-color: #fff} .form-horizontal.form-bordered .help-block, .form-horizontal.form-bordered .help-inline{padding-left: 0}.grid.box .form .form-actions, .grid.solid .form .form-actions{margin-left: -10px !important; margin-right: -10px !important; margin-bottom: -10px !important}.wizard-steps{display: block; list-style: none; padding: 0; position: relative; width: 100%} .wizard-steps li{display: block; float: left; max-width: 25%; min-width: 25%; text-align: center; padding-left: 0} .wizard-steps li:before{border-top: 6px solid #55606e; content: ""; display: block; font-size: 0; overflow: hidden; position: relative; top: 13px; right: 1px; width: 100%; z-index: 1} .wizard-steps li:first-child:before{left: 50%; max-width: 50%} .wizard-steps li:last-child:before{max-width: 50%; width: 50%} .wizard-steps li.complete .step{background-color: #6d5eac; padding: 1px 6px; border: 4px solid #55606e} .wizard-steps li .step{background-color: #dce0e8; border-radius: 32px; color: #fff; display: inline; font-size: .95rem; font-weight: 700; line-height: .75rem; padding: 4px 9px; position: relative; text-align: center; z-index: 2; transition: all .2s linear 0s} .wizard-steps li .step i{font-size: .625rem; font-weight: 400; position: relative; top: -1.5px} .wizard-steps li .title{color: #b1bcc5; display: block; font-size: .8125rem; line-height: .9375rem; max-width: 100%; position: relative; table-layout: fixed; text-align: center; top: 20px; word-wrap: break-word; z-index: 104} .wizard-steps a:active, .wizard-steps a:focus, .wizard-steps a:hover{text-decoration: none} .wizard-steps li.active .step, .wizard-steps li.active.complete .step{background-color: #1976d2; color: #fff; font-weight: 700; padding: 10px 15px; border: none; font-size: 1rem} .wizard-steps li.active .title, .wizard-steps li.complete .title{color: #2b3d53}.step-content{margin-left: 60px; margin-top: 40px} .step-content .step-pane{display: none; min-height: 267px} .step-content .active{display: block}.wizard-actions{display: block; list-style: none; padding: 0; position: relative; width: 100%} .wizard-actions li{display: inline}.form-group .form-label, .input-append .form-control, .slide-primary, .slide-success{display: inline-block}.tab-content{position: relative; z-index: 10; background-color: #fff; overflow: hidden; margin-bottom: 18px} .tab-content.transparent{background-color: transparent}.form-group{margin-bottom: 20px} .form-group .form-label{color: #55606e; margin-right: 8px} .form-group .help{color: #a7abb1; font-size: .75rem} .form-group .controls{margin-top: 8px}.form-control{border: 1px solid #ccc}.form-row input, .form-row select, .form-row select2, .form-row textarea{margin-bottom: 10px}.form-row .radio{margin-bottom: 7px}.form-row:last-child{margin-bottom: 0}.slide-primary .ios-switch .on-background{background-image: none; background-color: #6d5eac}.slide-success .ios-switch .on-background{background-image: none; background-color: #1976d2}.select2-container .select2-choice{background-image: none; border-radius: 2px; padding: 3px 9px; transition: border .2s linear 0s; height: 35px}.input-group-addon, .input-prepend .btn:first-child, .input-prepend.inside .add-on:first-child{transition: border .2s linear 0s,box-shadow .2s linear 0s,color .2s linear 0s,box-shadow .2s linear 0s,background .2s linear 0s}.select2-container .select2-choice .select2-arrow{background: 0 0; border-left: 0} .select2-container .select2-choice .select2-arrow b{background: 0 0} .select2-container .select2-choice .select2-arrow b:before{font-family: FontAwesome; content: "\f0d7"; position: relative; top: 2px; right: 5px; font-size: .75rem}.select2-container.select2-drop-above .select2-choice{-webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px}.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices{border: 1px solid #e5e9ec; background: #f4f5f7}.select2-dropdown-open .select2-choice .select2-arrow b{transform: scale(1,-1)}.error-control.input-with-icon .select2-container .select2-choice .select2-arrow b, .success-control.input-with-icon .select2-container .select2-choice .select2-arrow b{transform: scale(1,1)}.select2-drop.select2-drop-above{-webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: none} .select2-drop.select2-drop-above.select2-drop-active{border: 1px solid #e5e9ec; border-bottom: none; border-radius: 2px; padding-top: 0}.select2-container-active .select2-choice, .select2-container-active .select2-choices{box-shadow: none; border: 1px solid #e5e9ec; background: #f4f5f7; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px}.select2-search{padding-left: 8px; padding-right: 8px; padding-top: 3px} .select2-search input{background: #fff !important; vertical-align: baseline; line-height: 1.75rem; border-radius: 2px; border: 1px solid #999}.select2-results{margin: 3px 10px 10px 3px} .select2-results li{color: #6f7b8a} .select2-results li.select2-result-with-children > .select2-result-label{color: #282323} .select2-results .select2-highlighted{background: #1976d2; border-radius: 3px} .select2-results .select2-highlighted .select2-result-label{color: #fff} .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit{background: 0 0; color: #6f7b8a; font-size: .75rem; padding-left: 8px; padding-top: 0; position: relative; top: -5px}.select2-drop-active{border: 1px solid #e5e9ec; border-bottom: none; border-top: none; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; padding-top: 5px}.select2-container-multi .select2-choices{background-image: none; border: 1px solid #dae0e4; border-radius: 2px} .select2-container-multi .select2-choices .select2-search-choice{background-color: #e8edf1; background-image: none; border: none; box-shadow: none; color: inherit; border-radius: 8px; margin: 8px -5px 7px 10px; padding: 4px 8px 4px 21px; direction: ltr}.select2-container-multi.select2-container-active .select2-choices{border: 1px solid #dae0e4; box-shadow: none}.select2-container-multi.select2-container-active .select2-search-choice{background-color: #fff !important}.select2-container-multi .select2-search-choice-close{left: 6px}.select2-search-choice-close{background: 0 0; top: 4px; right: 0} .select2-search-choice-close:hover{text-decoration: none} .select2-search-choice-close:before{font-family: FontAwesome; content: "\f00d"; font-size: .75rem; color: #94a1b2}.select2-drop-multi .select2-results .select2-no-results, .select2-drop-multi .select2-results .select2-searching, .select2-drop-multi .select2-results .select2-selection-limit{top: 0}.select2.form-control{padding: 0; box-shadow: none; border: 0}.input-append .add-on:last-child, .input-append .btn-group:last-child > .dropdown-toggle, .input-append .btn:last-child{border-radius: 0 2px 2px 0}.input-prepend .btn:first-child, .input-prepend.inside .add-on:first-child{background-color: #fff; border: 1px solid #e5e9ec; position: relative; left: 3px; border-radius: 2px; padding-left: 8px; padding-right: 4px; padding-top: 4px; top: 0; color: #9ea9b2}.input-prepend.inside.no-boarder .add-on:first-child, .input-prepend.no-boarder .btn:first-child{border: none}.input-append .add-on, .input-prepend .add-on{position: absolute; background-color: #dce0e8; color: #5e5e5e; text-shadow: none; border: #dce0e8; border-radius: 0 2px 2px 0; height: 37px; min-width: 34px; padding-right: 10px; padding-left: 10px; padding-top: 6px} .input-append .add-on .arrow:before{font-family: FontAwesome; content: "\f0d9 "}.input-append.primary .add-on .arrow{color: #6d5eac}.input-append.success .add-on .arrow{color: #1976d2}.input-append.info .add-on .arrow{color: #0097a7}.input-append.warning .add-on .arrow{color: #f7cf5e}.input-append.danger .add-on .arrow{color: #f35958}.input-append input[class*=span]{padding-left: 16px; border-right: 0; -webkit-border-radius: 2px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-radius: 2px 0 0 2px}.input-append.primary .add-on, .input-prepend .add-on{background-color: #6d5eac; color: #fff}.input-append.success .add-on, .input-prepend .add-on{background-color: #1976d2; color: #fff; display: inline-block; float: left}.input-append.info .add-on, .input-prepend .add-on{background-color: #0097a7; color: #fff}.input-append.warning .add-on, .input-prepend .add-on{background-color: #f7cf5e; color: #fff}.input-append.danger .add-on, .input-prepend .add-on{background-color: #f35958; color: #fff}.input-focus{background-color: #f4f5f7 !important; color: #56646e !important}.no-boarder .input-focus{border: none !important}.input-prepend input[class*=span]{padding-left: 16px; border-left: 0; -webkit-border-radius: 2px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 2px; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-radius: 0 2px 2px 0}.input-with-icon{position: relative} .input-with-icon input{padding-left: 32px !important} .input-with-icon i{color: #e5e9ec; display: block; position: absolute; margin: 9px 2px 4px 10px; width: 16px; height: 16px; font-size: 1rem; text-align: center}.datepicker-bg .datepicker-inline, .datepicker-inline{width: auto}.input-with-icon.right input{padding-left: 12px !important; padding-right: 33px !important}.input-with-icon.right i{right: 8px; float: right}.input-group-addon{color: #9ea9b2; font-size: .875rem; padding: 6px 10px; border-radius: 3px} .input-group-addon i{position: relative; top: 1px} .input-group-addon.primary{background-color: #6d5eac; border: 1px solid #6d5eac; color: #fff} .input-group-addon.primary .arrow{color: #6d5eac} .input-group-addon.success{background-color: #1976d2; color: #fff} .input-group-addon.success .arrow{color: #1976d2} .input-group-addon.info{background-color: #42a5f5; color: #fff} .input-group-addon.info .arrow{color: #1f3853} .input-group-addon.warning{background-color: #fbb05e; color: #fff} .input-group-addon.warning .arrow{color: #fbb05e} .input-group-addon.danger{background-color: #f35958; color: #fff} .input-group-addon.danger .arrow{color: #f35958} .input-group-addon .arrow{position: relative; right: -6px; color: #dce0e8; z-index: 100} .input-group-addon .arrow:before, .input-group-addon:last-child .arrow:before{font-size: 1.4375rem; position: absolute; top: -2px; font-family: FontAwesome} .input-group-addon .arrow:before{content: "\f0da"; left: 17px} .input-group-addon:last-child .arrow:before{content: "\f0d9"; left: -23px} .input-group-addon:last-child input{border-left: 0}.transparent .input-group-addon{background-color: #fff; padding: 8px 1px 10px 9px} .transparent .input-group .form-control:last-child, .transparent .input-group-addon:last-child, .transparent .input-group-btn:first-child > .btn:not(:first-child), .transparent .input-group-btn:last-child > .btn, .transparent .input-group-btn:last-child > .dropdown-toggle{padding: 6px 10px}.datepicker{padding: 10px 16px; border-radius: 2px; font-size: .75rem} .datepicker thead tr .datepicker-switch{color: #6f7b8a; font-size: .8125rem} .datepicker thead tr .prev{color: #1976d2; content: ''; font-size: 0} .datepicker thead tr .prev:before{color: #1976d2; font-family: FontAwesome; content: "\f053"; font-size: .8125rem} .datepicker thead tr .next{color: #1976d2; content: ''; font-size: 0} .datepicker thead tr .next:before{color: #1976d2; font-family: FontAwesome; content: "\f054"; font-size: .8125rem} .datepicker thead tr .dow{color: #1976d2; text-transform: uppercase; font-size: .6875rem} .datepicker table tr td.new, .datepicker table tr td.old, .datepicker tbody tr .odd{color: #d0d3d8} .datepicker table tr td.day:hover{background: #eee} .datepicker table tr td span{border-radius: 4px} .datepicker td, .datepicker th{padding: 5.5px !important} .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover{background-image: none; text-shadow: none; font-weight: 600} .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{background-color: #e5e9ec; background-image: none; color: #fff} .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover{background-color: #1976d2}.error, .error-control i{color: #f35958}.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover{background-image: none; border: none; text-shadow: none}.error{font-size: .75rem; display: block}.error-control .select2-container .select2-choice, .error-control input, .error-control select, .error-control textarea{border: 1px solid #f35958}.error-control.input-with-icon .select2-container .select2-choice .select2-arrow b:before{content: "\f12a"; color: #f35958}.success-control .select2-container .select2-choice, .success-control input, .success-control select, .success-control textarea{border: 1px solid #27cebc}.success-control.input-with-icon .select2-container .select2-choice .select2-arrow b:before{content: "\f00c"; color: #27cebc}.success-control i{color: #27cebc}.datepicker-bg .datepicker{padding: 10px 16px; border-radius: 2px; font-size: .95rem} .datepicker-bg .datepicker thead tr .datepicker-switch{color: #6f7b8a; font-size: 1rem} .datepicker-bg .datepicker thead tr .prev{color: #1976d2; content: ''; font-size: 0} .datepicker-bg .datepicker thead tr .prev:before{color: #1976d2; font-family: FontAwesome; content: "\f053"; font-size: 1rem} .datepicker-bg .datepicker thead tr .next{color: #1976d2; content: ''; font-size: 0} .datepicker-bg .datepicker thead tr .next:before{color: #1976d2; font-family: FontAwesome; content: "\f054"; font-size: 1rem} .datepicker-bg .datepicker thead tr .dow{color: #1976d2; text-transform: uppercase; font-size: .95rem} .datepicker-bg .datepicker table tr td.new, .datepicker-bg .datepicker table tr td.old, .datepicker-bg .datepicker tbody tr .odd{color: #d0d3d8} .datepicker-bg .datepicker table tr td.day:hover{background: #eee} .datepicker-bg .datepicker table tr td span{border-radius: 4px} .datepicker-bg .datepicker td, .datepicker-bg .datepicker th{padding: 5.5px !important} .datepicker-bg .datepicker table tr td.active, .datepicker-bg .datepicker table tr td.active.disabled, .datepicker-bg .datepicker table tr td.active.disabled:hover, .datepicker-bg .datepicker table tr td.active:hover{background-image: none; text-shadow: none; font-weight: 600} .datepicker-bg .datepicker table tr td.today, .datepicker-bg .datepicker table tr td.today.disabled, .datepicker-bg .datepicker table tr td.today.disabled:hover, .datepicker-bg .datepicker table tr td.today:hover{background-color: #e5e9ec; background-image: none; color: #fff} .datepicker-bg .datepicker table tr td span.active.active, .datepicker-bg .datepicker table tr td span.active.active:hover, .datepicker-bg .datepicker table tr td span.active.disabled, .datepicker-bg .datepicker table tr td span.active.disabled.active, .datepicker-bg .datepicker table tr td span.active.disabled.active:hover, .datepicker-bg .datepicker table tr td span.active.disabled.disabled, .datepicker-bg .datepicker table tr td span.active.disabled.disabled:hover, .datepicker-bg .datepicker table tr td span.active.disabled:active, .datepicker-bg .datepicker table tr td span.active.disabled:hover, .datepicker-bg .datepicker table tr td span.active.disabled:hover:active, .datepicker-bg .datepicker table tr td span.active.disabled:hover:hover, .datepicker-bg .datepicker table tr td span.active.disabled[disabled], .datepicker-bg .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker-bg .datepicker table tr td span.active:active, .datepicker-bg .datepicker table tr td span.active:hover, .datepicker-bg .datepicker table tr td span.active:hover:active, .datepicker-bg .datepicker table tr td span.active:hover:hover, .datepicker-bg .datepicker table tr td span.active[disabled], .datepicker-bg .datepicker table tr td span.active[disabled]:hover, .datepicker-bg .datepicker table tr td.active.active, .datepicker-bg .datepicker table tr td.active.active:hover, .datepicker-bg .datepicker table tr td.active.disabled, .datepicker-bg .datepicker table tr td.active.disabled.active, .datepicker-bg .datepicker table tr td.active.disabled.active:hover, .datepicker-bg .datepicker table tr td.active.disabled.disabled, .datepicker-bg .datepicker table tr td.active.disabled.disabled:hover, .datepicker-bg .datepicker table tr td.active.disabled:active, .datepicker-bg .datepicker table tr td.active.disabled:hover, .datepicker-bg .datepicker table tr td.active.disabled:hover:active, .datepicker-bg .datepicker table tr td.active.disabled:hover:hover, .datepicker-bg .datepicker table tr td.active.disabled[disabled], .datepicker-bg .datepicker table tr td.active.disabled[disabled]:hover, .datepicker-bg .datepicker table tr td.active:active, .datepicker-bg .datepicker table tr td.active:hover, .datepicker-bg .datepicker table tr td.active:hover:active, .datepicker-bg .datepicker table tr td.active:hover:hover, .datepicker-bg .datepicker table tr td.active[disabled], .datepicker-bg .datepicker table tr td.active[disabled]:hover{background-color: #1976d2} .datepicker-bg .datepicker table tr td span.active, .datepicker-bg .datepicker table tr td span.active.disabled, .datepicker-bg .datepicker table tr td span.active.disabled:hover, .datepicker-bg .datepicker table tr td span.active:hover{background-image: none; border: none; text-shadow: none}.grid{clear: both; margin-top: 0; padding: 0} .grid.closed .grid-body{display: none; overflow: hidden} .grid.box{padding: 0 !important} .grid.box .form-horizontal.form-bordered .control-group{margin-left: -10px; margin-right: -10px} .grid.box .form-horizontal.form-bordered .control-group:first-child{margin-top: -10px} .grid.box .grid-title{padding: 8px 10px 2px; border-bottom: 1px solid #eee; color: #fff !important; margin-bottom: 0} .grid.box .grid-title > .actions > .btn > i{color: #fff !important} .grid.box .grid-title .tools{margin-top: 3px} .grid.box .grid-title .tools a{background: url(/Content/images/icon/portlet-tray.png) no-repeat; width: 23px; height: 23px}.grid-title h4, .grid-title.descriptive p{width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}.grid.box .grid-body{background-color: #fff; padding: 10px}.grid.box.blue{border: 1px solid #b4cef8; border-top: 0} .grid.box.blue .grid-title{background-color: #58acf3}.grid.box.red{border: 1px solid #f35958; border-top: 0} .grid.box.red .grid-title{background-color: #f35958}.grid.box.yellow{border: 1px solid #fccb7e; border-top: 0} .grid.box.yellow .grid-title{background-color: #ffb848}.grid.box.green{border: 1px solid #27cebc; border-top: 0} .grid.box.green .grid-title{background-color: #27cebc}.grid.box.purple{border: 1px solid #af5cc1; border-top: 0} .grid.box.purple .grid-title{background-color: #852b99}.grid.box.grey{border: 1px solid #9d9c9c; border-top: 0} .grid.box.grey .grid-title{background-color: #555}.grid.box.light-grey{border: 1px solid #eee; border-top: 0} .grid.box.light-grey .grid-title{background-color: #aaa}.grid .simple .form-actions{margin-left: 20px !important; margin-right: 20px !important; margin-bottom: 20px !important}.grid .solid .grid-title{color: #fff !important; border-bottom: 1px solid #fff} .grid.solid .grid-body h3, .grid.solid .grid-title h4{color: #fff}.grid.solid .grid-title{margin-bottom: 5px; border: 0; padding: 13px 15px 6px; border-bottom: 1px solid rgba(255,255,255,.35) !important} .grid.solid .grid-title .tools{margin-top: 2px; border: 0}.grid.solid .grid-body{color: #fff; padding: 20px}.grid.simple{padding: 0 !important} .grid.simple .grid-title{padding: 14px 15px 7px; color: #282323 !important; background-color: #fff; margin-bottom: 0; border: 1px solid #ddd; border-bottom: 0} .grid.simple .grid-title > .actions > .btn > i{color: #fff !important} .grid.simple .grid-title .tools{margin-top: 0; position: relative} .grid.simple .grid-title.no-border{border: 0; border-bottom: 0} .grid.simple .form-actions{margin-right: -26px !important; margin-left: -26px !important; margin-bottom: -26px !important} .grid.simple.transparent .grid-body{background-color: transparent !important; border: none} .grid.simple.transparent .grid-title{border: none; border-bottom: 1px solid #d7dbe0; background-color: transparent} .grid.simple .grid-body{background-color: #fff; padding: 26px; border: 1px solid #ddd} .grid.simple .grid-body.no-padding{padding: 0} .grid.simple .grid-body .wrap-body{padding: 10px 26px 0} .grid.simple .grid-body.no-border{border: 0; padding-top: 1px} .grid.simple .grid-body h3, .grid.simple .grid-body h4{color: #282323} .grid.simple .grid-body.invoice-body{padding: 30px} .grid.simple .grid-body.invoice-body .invoice-logo{margin-bottom: 18px} .grid.simple.vertical.green{border-left: 4px solid #27cebc; border-top: none !important} .grid.simple.vertical.red{border-left: 4px solid #f35958; border-top: none !important} .grid.simple.vertical.purple{border-left: 4px solid #736086; border-top: none !important} .grid.simple.vertical.blue{border-left: 4px solid #0090d9; border-top: none !important} .grid.simple.horizontal.red .grid-title{border-top: 4px solid #f35958} .grid.simple.horizontal.yellow .grid-title{border-top: 4px solid #ffb848} .grid.simple.horizontal.green .grid-title{border-top: 4px solid #27cebc} .grid.simple.horizontal.purple .grid-title{border-top: 4px solid #852b99} .grid.simple.horizontal.grey .grid-title{border-top: 4px solid #555} .grid.simple.horizontal.light-grey .grid-title{border-top: 4px solid #aaa}.grid:after, .grid:before{display: table}.grid-title{margin-bottom: 15px; border-bottom: 1px solid #eee} .grid-title h4{display: inline-block; font-size: 1rem; font-weight: 400; margin: 0 0 7px; padding: 0} .grid-title h4 i{font-size: .875rem; margin-right: 5px; color: #666} .grid-title.descriptive{padding-left: 23px !important; padding-top: 20px !important} .grid-title.descriptive .actions{margin-right: 14px; margin-top: -16px} .grid-title.descriptive .actions a{color: #4c5264} .grid-title.descriptive .actions a:hover{opacity: .5} .grid-title.descriptive .actions i{font-size: 1.375rem; margin-right: 10px} .grid-title.descriptive p{display: inline-block; line-height: 1.4375rem; color: #7a7d82; font-size: .75rem} .grid-title.clickable{cursor: pointer} .grid-title .tools > a{display: inline-block; height: 16px; margin-left: 5px} .grid-title .tools > a:hover{text-decoration: none; transition: all .1s ease-in-out; opacity: .6} .grid-title .dropdown-menu i{color: #000} .grid-title .actions > .btn-group{margin-top: -12px} .grid-title .actions > .btn-group > .btn{padding: 4px 10px; margin-top: -1px} .grid-title .actions > .btn{padding: 4px 10px; margin-top: -13px} .grid-title .actions > .btn.mini{margin-top: -12px; padding: 4px 10px} .grid-title .pagination.pagination-small{display: inline-block !important; margin: -2px 0 0}.survey-form .grid-title h4, .survey-form .grid-title.descriptive p{white-space: normal; width: 100%}.grid-title .actions, .grid-title .tools{display: inline-block; padding: 0; margin: 6px 0 0; float: right}.grid-body{clear: both; padding: 0} .grid-body .btn-toolbar{margin: 0 !important; padding: 0 !important} .grid-body .slimScrollBar{margin-right: 0 !important} .grid-body.light-blue, .grid.light-blue{background-color: #bfd5fa !important} .grid-body.blue, .grid.blue{background-color: #58acf3 !important} .grid-body.red, .grid.red{background-color: #f35958 !important} .grid-body.yellow, .grid.yellow{background-color: #ffb848 !important} .grid-body.green, .grid.green{background-color: #27cebc !important} .grid-body.purple, .grid.purple{background-color: #852b99 !important} .grid-body.light-grey, .grid.light-grey{background-color: #fafafa !important} .grid-body.dark-grey, .grid.dark-grey{background-color: #555 !important}.sortable .grid .grid-title{cursor: move}.ui-sortable{min-height: 10px !important}.ui-sortable-placeholder{border: 1px dotted #000; visibility: visible !important; height: 100% !important} .sortable-box-placeholder *, .ui-sortable-placeholder *{visibility: hidden}.sortable-box-placeholder{background-color: #f5f5f5; border: 1px dashed #ddd; display: block; margin-top: 0 !important; margin-bottom: 24px !important}.grid.simple .grid-title .tools a, .grid.solid .grid-title .tools a{position: relative; background: url(/Content/images/icon/portlet-tray.png) no-repeat; transition: all .1s linear 0s}.grid.simple .grid-title .tools > a.remove, .grid.solid .grid-title .tools > a.remove{background-position: -66px -38px; width: 10px; height: 10px; top: -5px}.grid.simple .grid-title .tools > a.config, .grid.solid .grid-title .tools > a.config{background-position: -3px -32px; width: 22px; height: 22px}.grid.simple .grid-title .tools > a.reload, .grid.solid .grid-title .tools > a.reload{background-position: -37px -38px; width: 12px; height: 10px; top: -5px}.grid.simple .grid-title .tools > a.expand, .grid.solid .grid-title .tools > a.expand{background-position: -123px -40px; width: 10px; height: 6px; top: -5px}.grid.simple .grid-title .tools > a.collapse, .grid.solid .grid-title .tools > a.collapse{background-position: -95px -40px; width: 9px; height: 7px; top: -5px}.alert{color: #ce8f22; background-color: #fffcee; background-image: none; box-shadow: none; text-shadow: none; padding: 9px 19px 9px 15px; border-radius: 3px; border: 1px solid #f0dbb4; transition: all .2s linear 0s} .alert .link{color: #ce8f22; font-weight: 700} .alert .alert-heading{color: #ce8f22 !important; margin-bottom: 5px; font-weight: 600} .alert .btn-small{position: relative; top: -3.5px} .alert .button-set .btn{position: relative; top: 8px} .alert .close{background: url(/Content/images/icon/noti-cross.png) -9px -10px no-repeat; width: 10px; height: 9px; position: relative; opacity: .8; top: 4.5px; float: right; margin-left: 20px} .alert .close:hover{opacity: 1}.alert-success{color: #438a85; background-color: #f3faf8; border-color: #bfd1cf} .alert-success .link{color: #438a85} .alert-success .alert-heading{color: #438a85 !important}.alert-info, .alert-info .link{color: #246a8e}.alert-success .close{background-position: -38px -10px !important}.alert-info{background-color: #ebf6fb; border-color: #bfd4de} .alert-info .alert-heading{color: #246a8e !important} .alert-info .close{background-position: -67px -10px !important}.alert-danger, .alert-error{color: #e76e70; background-color: #fff6f4; border-color: #f8cdcd}.notification-messages, .notification-messages.success{background-color: #eef9f8}.alert-danger .link, .alert-error .link{color: #e76e70}.alert-danger .alert-heading, .alert-error .alert-heading{color: #e76e70 !important}.alert .alert-danger .close, .alert-error .close{background-position: -95px -10px !important}.alert-block{padding: 15px 19px 15px 17px}.popover-content .notification-messages{padding: 15px 18px}.notification-messages{font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif; padding: 15px 18px 10px; display: block; color: #8b91a0; margin-bottom: 10px; border-radius: 3px} .notification-messages.danger .iconholder i, .notification-messages.info .iconholder i, .notification-messages.success .iconholder i{color: #f35958} .notification-messages.success:hover{background-color: #d9edf1; cursor: pointer} .notification-messages.danger{background-color: #fef2f2} .notification-messages.danger:hover{background-color: #fae1e1; cursor: pointer} .notification-messages.info{background-color: #edf7fc} .notification-messages.info:hover{background-color: #d8ebf4; cursor: pointer} .notification-messages .message-wrapper{display: inline-block; width: 70%; height: 43px; float: left} .notification-messages .message-wrapper .description, .notification-messages .message-wrapper .heading{display: block; text-align: left; font-size: .95rem; width: 100%; line-height: 1.1875rem; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all} .notification-messages .message-wrapper .heading{color: #1b1e24; margin: 0; font-weight: 600}.modal-header, .popover-title{text-align: center}.notification-messages .date{display: inline-block; font-size: .875rem; line-height: .9375rem; font-style: italic; opacity: .4}.tiles.white .controller a.config:hover, .tiles.white .controller a.expand:hover, .tiles.white .controller a.reload:hover, .tiles.white .controller a.remove:hover, .widget-item.white .controller a.config:hover, .widget-item.white .controller a.reload:hover, .widget-item.white .controller a.remove:hover{opacity: .6}.notification-messages .user-profile{border-radius: 100px; display: inline-block; float: left; height: 35px; overflow: hidden; width: 35px; margin-right: 10px; margin-top: 2px}.notification-messages .iconholder{display: inline-block; float: left; margin-right: 10px; margin-top: 5px} .notification-messages .iconholder i{font-size: 1.75rem}.tooltip-inner{padding: 6px 9px}.progress{height: 12px; background-color: #e9ecee; background-image: none; box-shadow: none} .progress.no-radius, .progress.no-radius .progress-bar{border-radius: 0} .progress.transparent{background-color: #000; background-color: rgba(0,0,0,.28)} .progress.progress-small{height: 4px} .progress.progress-large{height: 20px}.progress-bar{box-shadow: none; border-radius: 3px; background-color: #0090d9; background-image: none; transition-timing-function: cubic-bezier(.785,.135,.15,.86); float: left}.progress-bar-success{background-color: #6d5eac; background-image: none}.progress-bar-info{background-color: #1976d2; background-image: none}.progress-bar-warning{background-color: #fdd01c; background-image: none}.progress-bar-danger{background-color: #f35958; background-image: none}.progress-bar-white{background-color: #fff; background-image: none}.progress-bar-black{background-color: #1b1e24; background-image: none}.progress .bar-info, .progress-info .bar{background-color: #0097a7; background-image: none}.progress .bar-warning, .progress-warning .bar{background-color: #fdd01c; background-image: none}.progress .bar-danger, .progress-danger .bar{background-color: #f35958; background-image: none}.progress .bar-white, .progress-white .bar{background-color: #fff; background-image: none}.progress-striped .bar-success, .progress-success.progress-striped .bar{background-color: #1976d2}.progress-info.progress-striped .bar, .progress-striped .bar-info{background-color: #0097a7}.details-status-single{display: inline-block; background-color: #e5e9ec; color: #5c6370; font-size: .875rem; padding: 6px; border-radius: 3px}.badge, .label{font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif; font-weight: 600; background-color: #dce0e8; font-size: .6875rem; color: #5e5e5e; text-shadow: none}.label{padding: 3px 9px}.badge{padding-left: 6px; padding-right: 6px; padding-bottom: 4px}.badge-primary, .label-primary{background-color: #1976d2; color: #fff}.badge-success, .label-success{background-color: #6d5eac; color: #fff}.badge-warning, .label-warning{background-color: #fdd01c; color: #fff}.badge-danger, .badge-important, .label-danger, .label-important{background-color: #f35958; color: #fff}.badge-info, .label-info{background-color: #1976d2; color: #fff}.badge-inverse, .label-inverse{background-color: #1f3853; color: #fff}.badge-white, .label-white{background-color: #fff; color: #5e5e5e}.badge-disable, .label-white{background-color: #2a2e36; color: #8b91a0}.popover{border-radius: 3px; border: none; box-shadow: 0 0 5px rgba(86,96,117,.15); max-width: 350px} .popover.left .arrow, .popover.right .arrow, .popover.top .arrow{border-right-color: rgba(0,0,0,.08)} .popover.bottom .arrow:after{top: 0; margin-left: -11px} .popover .arrow:after{border-width: 11px}.popover-title{background-color: #fff; margin: 0 5px; font-weight: 700; color: #505458 !important}.tiles .heading, .tiles .tiles-title{font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif; font-weight: 600}.modal{border-radius: 3px}.modal-header p{color: #8b91a0}.modal-body{background-color: #f9f9f9}.modal-footer{border-top: none; box-shadow: none; background-color: #f3f5f6; margin-top: 0; text-align: right}.dropdown-menu.pull-right{right: 0; left: auto}::-webkit-input-placeholder{font-size: .95rem; color: #555}:-moz-placeholder{font-size: .95rem; color: #555}::-moz-placeholder{font-size: .95rem; color: #555}:-ms-input-placeholder{font-size: .95rem; color: #555}.tiles-container{margin-left: 0; margin-right: 0}.tiles{background-color: #bcbcbc; color: #fff; position: relative} .tiles.overflow-hidden{overflow: hidden} .tiles.full-height{height: 100%} .tiles.added-margin{margin-right: -10px} .tiles.no-margin{margin-right: 0} .tiles.margin-reset{margin-left: 37px} .tiles .tiles-title{font-size: .65625rem; letter-spacing: .03125rem} .tiles .tiles-body{padding: 19px 18px 15px 24px} .tiles .controller{position: relative; display: inline-block; float: right} .tiles .controller a{position: relative; background: url(/Content/images/icon/portlet-tray.png) no-repeat; transition: all .1s linear 0s; display: inline-block} .tiles .controller a.remove{background-position: -66px -38px; height: 10px; top: -5px; width: 10px} .tiles .controller a.config{background-position: -3px -32px; height: 22px; width: 22px} .tiles .controller a.reload{background-position: -37px -38px; height: 10px; top: -5px; width: 12px} .tiles .controller a.expand{background-position: -123px -11px; width: 10px; height: 6px; top: -5px} .tiles .controller a:hover.collapse{background-position: -95px -40px; height: 7px; top: -5px; width: 9px} .tiles .controller a:hover.remove{background-position: -66px -9px; height: 10px; top: -5px; width: 10px} .tiles .controller a:hover.config{background-position: -3px -32px; height: 22px; width: 22px} .tiles .controller a:hover.reload{background-position: -38px -9px; height: 10px; top: -5px; width: 12px} .tiles .controller a:hover.expand{background-position: -123px -11px; width: 10px; height: 6px; top: -5px} .tiles.white{background-color: #fff; color: #8b91a0} .tiles.white .controller a.remove:hover{background-position: -66px -38px; height: 10px; top: -5px; width: 10px} .tiles.white .controller a.config:hover{background-position: -3px -32px; height: 22px; width: 22px} .tiles.white .controller a.reload:hover{background-position: -37px -38px; height: 10px; top: -5px; width: 12px} .tiles.white .controller a.expand:hover{background-position: -123px -11px; width: 10px; height: 6px; top: -5px} .tiles.white > .tile-footer{background-color: #eceff1; color: #d1d3d9; font-size: .8125rem; padding: 8px 15px} .tiles.white.borderall{border: 1px solid #e5e9ec} .tiles.white.border-left{border-left: 1px solid #e5e9ec} .tiles.white.border-right{border-right: 1px solid #e5e9ec} .tiles.white.border-top{border-top: 1px solid #e5e9ec} .tiles.white.border-bottom{border-bottom: 1px solid #e5e9ec} .tiles.white hr{margin: 10px 0; height: 1px; border: none; background-color: #f2f3f5} .tiles.white label{color: #9aa0ad} .tiles.white > .tiles-body > .heading{color: #000} .tiles.white .tiles-body > .description{color: #8b91a0} .tiles .description i, .tiles .iconplaceholder i, .tiles label{color: #fff} .tiles .settings-box{border-radius: 3px; padding: 1px 4px} .tiles .heading{font-size: 1.5625rem; display: block; margin: 4px 0} .tiles .heading .icon-grid{top: 1px; font-size: 1.9375rem; position: relative} .tiles p{margin: 0 0 5px} .tiles hr{margin: 10px 0; height: 1px; border: none; background-color: #2b3038} .tiles .tiles-body-overlay{position: absolute; z-index: 100; padding: 19px 18px 17px 24px; width: auto} .tiles .progress{width: 70%; margin-bottom: 15px} .tiles .iconplaceholder{background-color: #000; background-color: rgba(0,0,0,.28)} .tiles > .tiles-body > .description{font-size: .75rem; color: #fff; display: table-cell; vertical-align: middle; -webkit-font-smoothing: antialiased} .tiles .description i{font-size: 1.3125rem} .tiles .description .mini-description{position: relative; top: -5px} .tiles.red{background-color: #f65854} .tiles.purple{background-color: #6d5eac} .tiles.purple .button{background: #736086; color: #d7d5d7} .tiles.blue{background-color: #00acec} .tiles.green{background-color: #27cebc} .tiles.black{background-color: #22262e} .tiles.black .blend{color: #8b91a0} .tiles.black input{background-color: #000; background-color: rgba(0,0,0,.35); border: 0} .tiles.dark-blue{background-color: #365d98} .tiles.light-blue{background-color: #00abea} .tiles.light-red{background-color: #f96773} .tiles.grey{background-color: #e9ecee} .tiles.gradient-grey{background: linear-gradient(to bottom,transparent 0,rgba(131,131,131,.65) 100%)} .tiles.gradient-black{background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.65) 100%)} .tiles .blend{color: #000; color: rgba(0,0,0,.42)} .tiles .button{border-radius: 3px; padding: 3px 12px}.tile-more-content{background-color: #fff} .tile-more-content .tiles-body{padding: 19px 18px 17px 24px}.row-fluid .tile-content, .row-fluid.side-content .tiles{margin: 0}.widget, .widget-item.narrow-margin{margin-right: -10px}.tile-footer{background-color: #000; background-color: rgba(0,0,0,.28); color: #fff; font-size: .8125rem; padding: 8px 15px}.chart-wrapper{padding-top: 40px}.tiles.red .button, .tiles.red .settings-box{background: #bf3938; color: #f35958}.tiles.purple .settings-box, .tiles.red .button{background: #08897e; color: transparent}.tiles-chart{position: relative} .tiles-chart .tiles-body{position: absolute; z-index: 100; padding: 19px 18px 17px 24px} .tiles-chart .tiles-body .heading{color: #6d5eac} .tiles-chart .controller{position: absolute; right: 15px; top: 15px; z-index: 100}.tiles-overlay{width: 100%; height: 100%} .tiles-overlay.auto{width: auto; height: auto} .tiles-overlay.green{background-color: #27cebc; background-color: rgba(39,206,188,.8)} .tiles-overlay.blue{background-color: #00acec; background-color: rgba(0,172,236,.8)}.widget-item{position: relative} .widget-item .controller{position: absolute; display: block; z-index: 100} .widget-item .controller.right{right: 20px; top: 20px} .widget-item .controller.left{left: 10px; top: 10px} .widget-item .controller a{position: relative; background: url(/Content/images/icon/portlet-tray.png) no-repeat; transition: all .1s linear 0s; display: inline-block} .widget-item .controller a.remove{background-position: -66px -38px; height: 10px; top: -5px; width: 10px} .widget-item .controller a.config{background-position: -3px -32px; height: 22px; width: 22px} .widget-item .controller a.reload{background-position: -37px -38px; height: 10px; top: -5px; width: 12px} .widget-item .controller a.expand{background-position: -123px -11px; width: 10px; height: 6px; top: -5px} .widget-item .controller a:hover.collapse{background-position: -95px -40px; height: 7px; top: -5px; width: 9px} .widget-item.white .controller a.remove:hover{background-position: -66px -38px; height: 10px; top: -5px; width: 10px} .widget-item.white .controller a.config:hover{background-position: -3px -32px; height: 22px; width: 22px} .widget-item.white .controller a.reload:hover{background-position: -37px -38px; height: 10px; top: -5px; width: 12px} .widget .widget-title.dark .controller a.reload:hover, .widget .widget-title.dark .controller a.remove:hover, .widget-item .controller a:hover.collapse, .widget-item .controller a:hover.config, .widget-item .controller a:hover.expand, .widget-item .controller a:hover.reload, .widget-item .controller a:hover.remove{opacity: .5}.widget{display: block} .widget .widget-title{display: block; padding: 10px 10px 14px; background-color: #fff; color: #e5e9ec; text-align: center; font-weight: 700} .widget .widget-title.dark{background-color: #1b1e24; color: #fff} .widget .widget-title.dark .controller a.remove{background-position: -66px -9px; height: 10px; top: -5px; width: 10px} .widget .widget-title.dark .controller a.config{background-position: -3px -32px; height: 22px; width: 22px} .widget .widget-title.dark .controller a.reload{background-position: -38px -9px; height: 10px; top: -5px; width: 12px} .widget .widget-title.blue{background-color: #0090d9; color: #fff} .widget .widget-title.red{background-color: #f35958; color: #fff} .widget .widget-title.green{background-color: #27cebc; color: #fff} .widget .widget-title.purple{background-color: #736086; color: #fff} .widget .widget-body{display: block; background-color: #fff; padding: 15px 18px} .widget .controller{position: relative; display: inline-block; float: right; top: 6px; margin-right: 8px} .widget .controller a{position: relative; background: url(/Content/images/icon/portlet-tray.png) no-repeat; transition: all .1s linear 0s; display: inline-block} .widget .controller a.remove{background-position: -66px -38px; height: 10px; top: -5px; width: 10px} .widget .controller a.config{background-position: -3px -32px; height: 22px; width: 22px} .widget .controller a.reload{background-position: -37px -38px; height: 10px; top: -5px; width: 12px} .widget .controller a.expand{background-position: -123px -11px; width: 10px; height: 6px; top: -5px} .widget .controller a:hover.collapse{background-position: -95px -40px; height: 7px; top: -5px; width: 9px} .widget .controller a:hover.remove{background-position: -66px -9px; height: 10px; top: -5px; width: 10px} .widget .controller a:hover.config{background-position: -3px -32px; height: 22px; width: 22px} .widget .controller a:hover.reload{background-position: -38px -9px; height: 10px; top: -5px; width: 12px} .widget .controller a:hover.expand{background-position: -123px -11px; width: 10px; height: 6px; top: -5px}.weather-widget{overflow: hidden} .weather-widget .big-icon{width: 120px; margin: 23px auto 8px} .weather-widget .small-text-description{position: relative; top: -9px}.weather-widget-big-text{font-size: 3.375rem !important}.widget-stats{padding-left: 0; display: inline-block} .widget-stats .wrapper{margin: 5px 7px 5px 0; border-right: 1px solid #363a41; padding-right: 7px} .widget-stats .wrapper.transparent{border-right: 1px solid rgba(0,0,0,.2)} .widget-stats .wrapper.last{border: 0} .widget-stats .item-title{font-size: .75rem} .widget-stats .item-count{font-size: .95rem; color: #fff; display: block; font-weight: 700}.market-share-widget-innerscroller{height: calc(100% - 110px)}.sales-graph-heading{padding-left: 45px; padding-top: 35px}.copy-tile, .list-tile, .live-tile{height: 100%}.copy-tile, .list-tile, .live-tile, .tile-strip .flip-list > li{margin: 0; width: 100%} .copy-tile p, .list-tile p, .live-tile p{padding: 0}.custom-line-height{line-height: 1.5625rem}.hover-effect-img{transition: all .2s linear}.btn, .ver_icon_controller{transition: all .12s linear 0s !important}.tiles:hover .hover-effect-img{transform: scale(1.1,1.1); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.3" intercept="-0.15000000000000002" /><feFuncG type="linear" slope="1.3" intercept="-0.15000000000000002" /><feFuncB type="linear" slope="1.3" intercept="-0.15000000000000002" /></feComponentTransfer></filter></svg>#filter'); filter: contrast(130%); -webkit-filter: contrast(130%)}@media (min-width:768px) and (max-width:1024px){.tiles.adjust-text p{font-size: .625rem} .tiles.adjust-text h3{font-size: 1.25rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.tiles.adjust-text p{font-size: .875rem}}.btn{display: inline-block; padding: 7px 12px 9px; margin-bottom: 0; line-height: 1.25rem; color: #5e5e5e; text-align: center; vertical-align: middle; cursor: pointer; background-color: #dce0e8; -webkit-border-radius: 3px; background-image: none !important; border: none; text-shadow: none; box-shadow: none; font: .875rem/1.25rem}.cbp_tmtimeline > li .cbp_tmicon, [data-icon]:before{font-variant: normal; -webkit-font-smoothing: antialiased}.btn .caret{margin-left: 3px} .btn .caret.single{margin-left: 0}.btn.active, .btn.disabled, .btn:active, .btn:focus, .btn:hover, .btn[disabled]{background-color: #989d9f}.btn-cons{margin-right: 5px; min-width: 120px; margin-bottom: 8px}.demo-placeholder{width: 100%; height: 250px}.btn-social{font-size: 1.25rem; margin: 10px} .btn-social.active, .btn-social.disabled, .btn-social:active, .btn-social:focus, .btn-social:hover, .btn-social[disabled]{color: #2d8ebf; text-decoration: none}.btn-primary{color: #fff; background-color: #6d5eac} .btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary[disabled]{background-color: #6e678e}.btn-success{color: #fff; background-color: #1976d2} .btn-success.active, .btn-success.disabled, .btn-success:active, .btn-success:focus, .btn-success:hover, .btn-success[disabled]{background-color: #4473a1}.btn-info{color: #fff; background-color: #0097a7} .btn-info.active, .btn-info.disabled, .btn-info:active, .btn-info:focus, .btn-info:hover, .btn-info[disabled]{background-color: #38838b}.btn-warning{color: #fff; background-color: #f7cf5e} .btn-warning.active, .btn-warning.disabled, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .btn-warning[disabled]{background-color: #b39f67}.btn-danger{color: #fff; background-color: #f35958} .btn-danger.active, .btn-danger.disabled, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger[disabled]{background-color: #b16464}.btn-danger-dark{color: #fff; background-color: #b94141} .btn-danger-dark.active, .btn-danger-dark.disabled, .btn-danger-dark:active, .btn-danger-dark:focus, .btn-danger-dark:hover, .btn-danger-dark[disabled]{background-color: #e94847; color: #fff}.btn-dark{color: #fff; background-color: #1b1e24}.btn-white{color: #5e5e5e; background-color: #fff; border: 1px solid #e5e9ec} .btn-white.active, .btn-white.disabled, .btn-white:active, .btn-white:focus, .btn-white:hover, .btn-white[disabled]{background-color: #fbfcfd; border: 1px solid #b4b9be}.btn-link, .btn-link.active, .btn-link.disabled, .btn-link:active, .btn-link:focus, .btn-link:hover, .btn-link[disabled]{background-color: transparent}.btn-link{color: #5e5e5e; border: none}.btn-large{padding: 11px 19px; font-size: 1rem; border-radius: 4px} .btn-large [class*=" icon-"], .btn-large [class^=icon-]{margin-top: 4px}.btn-small{padding: 3px 12px; font-size: .74375rem; border-radius: 3px} .btn-small [class*=" icon-"], .btn-small [class^=icon-]{margin-top: 0}.btn-mini [class*=" icon-"], .btn-mini [class^=icon-]{margin-top: -1px}.btn-mini{padding: 2px 9px; font-size: .65625rem; border-radius: 3px}.btn-group > .dropdown-menu li, .dropdown-menu li{padding-left: 0}.btn-group.open .btn.dropdown-toggle{background-color: #e6e6e6}.btn-group.open .btn-primary.dropdown-toggle{background-color: #6d5eac}.btn-group.open .btn-warning.dropdown-toggle{background-color: #f7cf5e}.btn-group.open .btn-danger.dropdown-toggle{background-color: #f35958}.btn-group.open .btn-success.dropdown-toggle{background-color: #1976d2}.btn-group.open .btn-info.dropdown-toggle{background-color: #0097a7}.btn-group.open .btn-inverse.dropdown-toggle{background-color: #222}.btn-group.open .btn-white.dropdown-toggle{background-color: #fbfcfd}.btn-group > .btn + .dropdown-toggle{box-shadow: none; padding-right: 10px; border-left: 1px solid #e5e9ec}.btn-group > .btn.btn-mini + .dropdown-toggle{padding-right: 8px}.btn-block + .btn-block{margin-top: 8px}.dropdown-menu{position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; list-style: none; text-shadow: none; box-shadow: 0 0 5px rgba(86,96,117,.2); border: none; border-radius: 3px; padding: 0; font-size: .8125rem} .dropdown-menu .divider{background-color: #eaedf0; height: 1px; margin: 3px 0; border-bottom: 0} .dropdown-menu > li > a{line-height: 1.5625rem; color: #2a2e36; margin: 4px; border-radius: 3px; text-align: left} .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-submenu:focus > a, .dropdown-submenu:hover > a{color: #1b1e24; text-decoration: none; background-color: #eff2f3; background-image: none} .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover{color: #999} .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover{text-decoration: none; cursor: default; background-color: transparent; background-image: none}.btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover{z-index: 0}.btn-group > .btn.btn-white.active, .btn-group > .btn.btn-white:active, .btn-group > .btn.btn-white:focus, .btn-group > .btn.btn-white:hover{border: 1px solid #e5e9ec}code, pre{border: none}code{background-color: #f3f6f9} code:hover{background-color: #e8edf3}.single-colored-widget{height: auto} .single-colored-widget h3{font-size: 1.375rem; line-height: 2.03125rem} .single-colored-widget .heading{padding: 8px 15px 4px; background-color: #fff} .single-colored-widget .heading h4{margin-bottom: 5px; margin-top: 5px} .single-colored-widget .content-wrapper{padding: 15px 27px 20px} .single-colored-widget .content-wrapper i{color: #fff} .single-colored-widget .content-wrapper.red{background-color: #f35958} .single-colored-widget .content-wrapper.red p{color: #832929} .single-colored-widget .content-wrapper.green{background-color: #27cebc} .single-colored-widget .content-wrapper.green p{color: #505458} .single-colored-widget .content-wrapper.blue{background-color: #0090d9} .single-colored-widget .content-wrapper.blue p{color: #0a5174}.the-icons a, .the-icons i{color: #505458; font-size: .875rem}.single-colored-widget .content-wrapper .h3, .single-colored-widget .content-wrapper .mini-logo{margin-bottom: 15px}.the-icons{padding-top: 17px} .the-icons i{width: 32px; display: inline-block; text-align: right; margin-right: 10px} .the-icons a{cursor: pointer; display: block; height: 32px; line-height: 2rem} .the-icons a:hover{text-decoration: none} .the-icons [class*=span]:first-child{margin-left: 2.5641%} .the-icons a:hover .fa, .the-icons a:hover [class*=fa]{font-size: 1.75rem; vertical-align: -5px}.tabbable:after{clear: both}.tabbable:after, .tabbable:before{content: ""; display: table; line-height: 0}.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs{border-bottom: 0 none}.pill-content > .pill-pane, .tab-content > .tab-pane{display: none; padding: 15px}.pill-content > .active, .tab-content > .active{display: block; padding: 19px}.tabs-below > .nav-tabs{border-top: 1px solid #ddd} .tabs-below > .nav-tabs > li{margin-bottom: 0; margin-top: -1px} .tabs-below > .nav-tabs > li > a{border-radius: 0 0 4px 4px} .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:focus, .tabs-below > .nav-tabs > .active > a:hover{border-color: transparent #ddd #ddd}.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li{float: none} .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a{margin-bottom: 3px; margin-right: 0; min-width: 74px}.tabs-left > .nav-tabs{border-right: 1px solid #ddd; float: left; margin-right: 0} .tabs-left > .nav-tabs > li > a{border-radius: 3px 0 0 3px; margin-right: -1px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px} .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover{border-color: #eee #ddd #eee #eee}.tabs-right > .nav-tabs{border-left: 1px solid #ddd; float: right; margin-left: 0} .tabs-right > .nav-tabs > li > a{border-radius: 0 3px 3px 0; margin-left: -1px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px} .tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:hover{border-color: #eee #eee #eee #ddd}.nav > .disabled > a{color: #999}.nav .tools{float: right; position: relative; right: 10px; top: 10px}.accordion-heading .collapsed i, .accordion-heading i{top: 4px; font-family: FontAwesome; float: right; position: relative}.nav .tools a{position: relative; background: url(/Content/images/icon/portlet-tray.png) no-repeat; transition: all .1s linear 0s}.nav > .disabled > a:focus, .nav > .disabled > a:hover{background-color: transparent; cursor: default; text-decoration: none}.nav-tabs{margin-bottom: 0; background-color: #dce0e8; padding: 0} .nav-tabs > li{margin-bottom: -3px; padding-left: 0} .nav-tabs > li > a{border-radius: 0; border: 0; padding: 15px 20px; color: #8e9aa2; min-width: 70px} .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{border-width: 0} .nav-tabs > .active > a, .nav-tabs > .active > a:focus, .nav-tabs > .active > a:hover{border: 0; color: #505458; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 1px 1px 2px rgba(0,0,0,.1)}.nav > li > a:focus, .nav > li > a:hover{background-color: transparent; color: #505458}.nav .tools > a.remove{background-position: -66px -38px; width: 10px; height: 10px}.nav .tools > a.config, .nav.tools > a.config{background-position: -3px -32px; width: 22px; height: 22px}.nav .tools > a.reload{background-position: -37px -38px; width: 12px; height: 10px}.nav .tools > a.expand{background-position: -123px -40px; width: 10px; height: 6px}.nav .tools > a.collapse, .nav.tools > a.collapse{background-position: -95px -40px; width: 9px; height: 7px}.nav-pills{margin-bottom: 10px} .nav-pills > li > a{padding: 8px 12px} .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{background-color: #1976d2} .nav-pills > li > a, .nav-tabs > li > a{margin-right: 0} .nav-pills .open .dropdown-toggle, .nav-tabs .open .dropdown-toggle, .nav > li.dropdown.open.active > a:focus, .nav > li.dropdown.open.active > a:hover{background-color: #c1cace}.accordion-group{border: 0}.accordion-heading{background-color: #dce0e8; border-radius: 3px; min-height: 35px} .accordion-heading a{color: #505458} .accordion-heading a.collapsed{color: #8e9aa2} .accordion-heading a:hover.collapsed{color: #505458} .accordion-heading .collapsed{background-color: #d9e0e4; border-radius: 3px} .accordion-heading .collapsed i:before{content: "\f055"} .accordion-heading i:before{content: "\f056"} .accordion-heading .accordion-toggle{padding: 12px 18px}.panel{background-color: transparent; box-shadow: none}.panel-default{border: 0} .panel-default > .panel-heading{background-image: none; background-color: #dce0e8; border-radius: 2px; box-shadow: none}.panel-group{margin-bottom: 18px} .panel-group .panel-heading.collapsed{background-color: #dce0e8} .panel-group .panel-heading + .panel-collapse .panel-body{border: 0} .panel-group .panel-heading .panel-title > a{color: #505458; font-weight: 400; display: block} .panel-group .panel-heading .panel-title > a:hover, .panel-group .panel-heading .panel-title > a:hover:after{color: #505458 !important} .panel-group .panel-heading .panel-title > a:after{font-family: FontAwesome; content: "\f056"; float: right; color: #505458}.cbp_tmtimeline > li .cbp_tmtime, .error-body, .error-container{font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif}.panel-group .panel-heading .panel-title > a.collapsed:after{content: "\f055"}.panel-group .panel + .panel{margin-top: 2px}.pannel-border .panel-collapse{border: 1px solid #eee}.table td, .table th{border-top: 1px solid #e8edf1; padding: 10px 12px}.slider{display: block; margin: 5px 0; direction: ltr} .slider.primary .slider-track{background: #6d5eac} .slider.sucess .slider-track{background: #1976d2} .slider.info .slider-track{background-color: #0097a7; background-image: none} .slider.warning .slider-track{background: #f7cf5e} .slider.danger .slider-track{background: #f35958} .slider.white .slider-track{background: #fff} .slider.slider-vertical{margin: 0 10px} .slider.slider-vertical .slider-handle{margin-left: -10px !important} .slider.slider-vertical .slider-track{width: 5px !important} .slider.slider-horizontal .slider-handle{margin-top: -10px !important} .slider.slider-horizontal .slider-track{height: 5px !important; border-radius: 8px !important; box-shadow: inset 0 0 1px 1px rgba(107,170,165,.33) !important}.slider-handle.round{opacity: 1; background: #f8f9fa; background: linear-gradient(to bottom,#f8f9fa 13%,#fff 97%); box-shadow: inset 0 2px 1px -1px #fff,0 1px 3px rgba(0,0,0,.39); width: 26px; height: 26px}.slider-selection{border-radius: 8px !important; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.11) !important}.blue .slider-selection{background-image: none !important; background-color: #0a6ea0 !important}.red .slider-selection{background-image: none !important; background-color: #000 !important}.green .slider-selection{background-image: none !important; background-color: #27cebc !important; cursor: point2}#Parks.list .list_header .meta span, .LandClickable a, .MT-contacts-list .floder-icon, .form-collapse-title a, .simple-chat-popup, .table td.clickable, a, a.landClickLink{cursor: pointer}.table > thead > tr > th{border-bottom: 0}.table th.medium-cell{width: 112px}.table th.big-cell{width: 200px}.table tr.row_selected .progress{background-color: #fff}.table td{vertical-align: top; color: #576475} .table td.no-border{border: none} .table td:first-child, .table td:last-child{border-radius: 3px} .table td .progress{margin-bottom: 0} .table td .muted{color: #95989a}.table .checkbox, .table .star{margin-left: 3px}th{text-align: left}.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{padding: 12px}.table td input[type=radio], .table th input[type=radio], input[type=checkbox]{margin-top: -2px}.table td.small-cell, .table th.small-cell{width: 40px}.table-fixed-layout{table-layout: fixed} .table-fixed-layout td{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th{padding: 9px}.table-condensed th .checkbox{margin-left: 4px}.table > tbody > tr > td, .table > tfoot > tr > td{border-top: 1px solid #e8edf1}.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th{background-color: #ecf0f2; border: none}.table-striped tbody > tr > td{border: 0}.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th{background-color: #e2e8eb}.table-hover tbody tr.row_selected:hover > td{background-color: #fef8ae !important}.table-hover tbody tr:hover > td .progress{background-color: #fff}.table-condensed td, .table-condensed th{padding: 10px 5px}.table-tools-actions{margin: 0 5px}.inner-table td{background-color: transparent !important}.table-bordered{border-color: #e8edf1 !important} .table-bordered th{background-color: #ecf0f2; border: 0 !important} .table-bordered td{border: 1px solid #e8edf1 !important} .table-bordered td:first-child, .table-bordered td:last-child{border-radius: 0}.dataTables_wrapper .dataTables_jumpPage{font-size: .75em; padding-top: 3px; padding-bottom: 3px} .dataTables_wrapper .dataTables_jumpPage .dataTables_jumpPage_input{width: 30px; padding: 2px !important; height: 12px; line-height: .75rem !important; min-height: 27px; margin-top: -5px; font-size: .8125rem}.dataTables_wrapper .pagination ul{box-shadow: none; font-size: .75rem; padding: 0; margin:0;} .dataTables_wrapper .pagination ul > li{display: inline-block; padding-left: 0} .dataTables_wrapper .pagination ul > li > a{padding: 5px 10px} .dataTables_wrapper .pagination ul > li.next > a:hover{background-color: #fff; color: #000} .dataTables_wrapper .pagination ul > li.next.disabled > a:hover{color: #c2c6cb; opacity: .65; background-color: #fff} .dataTables_wrapper .pagination ul > li.prev > a:hover{background-color: #fff; color: #000} .dataTables_wrapper .pagination ul > li.prev.disabled > a:hover{color: #c2c6cb; opacity: .65; background-color: #fff} .dataTables_wrapper .pagination ul > li:last-child > a, .dataTables_wrapper .pagination ul > li:last-child > span{margin-left: -8px} .dataTables_wrapper .pagination ul > li > a, .pagination ul > li > span{border: none; box-shadow: none; border-radius: 3px; color: #6f7b8a} .dataTables_wrapper .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:focus, .pagination ul > .disabled > a:hover{color: #c2c6cb !important; opacity: .65 !important; background-color: #fff !important}.blog-post-control, .mapplic-element.mapplic-loading{opacity: .7}.dataTables_wrapper .pagination ul > .active > a, .pagination ul > .active > span{background-color: #f3f6f9; font-weight: 600}.dataTables_wrapper .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span, .pagination ul > li > a:focus{background-color: #e8edf3}.easy-pie-custom{position: relative; display: inline-block; width: 110px; height: 110px; text-align: center} .easy-pie-custom canvas{position: absolute; top: 0; left: 0}.easy-pie-percent{display: inline-block; line-height: 6.875rem; z-index: 2} .easy-pie-percent :after{content: '%'; margin-left: .1em; font-size: .8em}.mini-chart-wrapper{display: block; width: 100%; padding: 19px 9px 0} .mini-chart-wrapper .chart-details-wrapper{display: inline-block; margin: 8px} .mini-chart-wrapper .chart-details-wrapper .chartname{display: block; font-size: .65625rem; text-transform: uppercase; color: #9a9a9a} .mini-chart-wrapper .chart-details-wrapper .chart-value{display: block; font-size: .875rem; color: #000} .mini-chart-wrapper .mini-chart{display: inline-block; position: relative; top: -10px} .mini-chart-wrapper.donut .chart-details-wrapper{float: left; margin-top: 0} .mini-chart-wrapper.donut .mini-chart{float: left}.legendColorBox > div{border: 0 !important}.legendLabel{line-height: 1.25rem !important}.rickshaw_legend{display: block; border-radius: 0; background-color: transparent} .rickshaw_legend .line{margin-bottom: 10px} .rickshaw_legend .line .swatch{margin: 0 8px} .rickshaw_legend .label{color: #6f7b8a} .rickshaw_legend ul{margin: 15px 16px}.profile-img-wrapper{float: left; border-radius: 100px; display: inline-block; height: 35px; overflow: hidden; width: 35px; -moz-flex: 1; -ms-flex: 1; flex: 1} .profile-img-wrapper.big{height: 68px; width: 68px} .profile-img-wrapper.with-left-space-custom{margin-left: 7px}.user-comment-wrapper{display: block; margin-bottom: 9px; padding: 0 14px} .user-comment-wrapper .profile-wrapper{float: left; border-radius: 100px; display: inline-block; height: 35px; overflow: hidden; width: 35px; margin: 6px 8px 0 0; -moz-flex: 1; -ms-flex: 1; flex: 1} .user-comment-wrapper .comment{display: inline-block; float: left} .user-comment-wrapper .comment .user-name{color: #0090d9; font-size: .95rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .user-comment-wrapper .comment .more-details-wrapper{float: left; display: -moz-flex; display: -ms-flexbox; display: flex} .user-comment-wrapper .comment .preview-wrapper{display: block; color: #71798a; font-size: .75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0} .user-comment-wrapper .comment .more-details{display: inline-block; float: left; color: #bfbfbf; margin-right: 10px; font-size: .75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}.user-status{width: 14px; height: 14px; position: relative; border-radius: 14px; background-color: #c5c8cb; display: inline-block; float: left; margin-right: 3px; top: 3px} .user-status.busy{background-color: #fb3c4a} .user-status.away{background-color: #c5c8cb} .user-status.available{background-color: #6d5eac} .user-status:before{width: 5px; height: 5px; position: relative; border-radius: 10px; background-color: #fff; display: inline-block}.blog-post-controls-wrapper{display: block; margin-top: 4px; margin-bottom: 15px}.blog-post-control{display: inline-block; float: left; margin-right: 8px; color: #fff; font-size: .6875rem; font-weight: 600}.content-loading-wrapper{position: relative; display: block; width: 100%}.content-loading{position: relative; left: 45%; top: 45%}.simple-chat-popup{margin-top: 3px; padding: 5px 0; left: -77.5px; top: 25px; position: absolute; z-index: 10000} .simple-chat-popup .simple-chat-popup-arrow{border-bottom-color: #292b2e; border-width: 0 5px 5px; left: 74%; margin-left: -5px; top: 0}.jvectormap-zoomin, .jvectormap-zoomout{bottom: 15px; top: auto}.simple-chat-popup-arrow{border-color: transparent; border-style: solid; height: 0; position: absolute; width: 0}.simple-chat-popup-inner{border-radius: 4px; color: #fff; padding: 8px; text-align: right; text-decoration: none; background-color: #292b2e; font-size: .75rem} .simple-chat-popup-inner .message{color: #bfc0c1; font-size: .6875rem; margin-top: -4px}.side-bar-widgets{position: relative; display: block}.cover-pic-wrapper{max-height: 250px; position: relative; overflow: hidden}.user-profile-pic{width: 100%; text-align: right; margin-top: -40px; position: relative; z-index: 200} .user-profile-pic img{border-radius: 100px; display: inline-block; height: 68px; overflow: hidden; width: 68px; border: 5px solid #fff; background-color: #e5e9ec}.user-mini-description{margin-right: 10px} .user-mini-description h3{margin: 5px 0 0; text-align: right} .user-mini-description h5{margin: 0; font-size: .8125rem; color: #8b91a0; text-align: right}.user-description-box{background-color: #f2f4f6; margin: 10px 15px; padding: 20px} .user-description-box p{margin: 0 0 10px; font-size: .75rem} .user-description-box p i{width: 25px; font-size: .875rem} .user-description-box p:last-child{margin: 0}.friend-list{color: #414243; margin: 15px 0} .friend-list .friend-details-wrapper{display: inline-block; float: left} .friend-list .friend-profile-pic{display: inline-block; float: left; margin-right: 10px} .friend-list .friend-name{display: block; font-size: .8125rem} .friend-list .friend-description{display: block; font-size: .75rem; color: #767e84} .friend-list .action-bar{display: inline-block; margin-left: 10px; margin-top: 8px; float: left}.user-profile-pic-normal{border-radius: 100px; height: 35px; overflow: hidden; width: 35px}.user-profile-pic-2x{border-radius: 100px; height: 50px; overflow: hidden; width: 50px} .user-profile-pic-2x.white-border{border: 5px solid #fff}.user-status-box{border: none; border-radius: 0; margin: 0}.post{display: block} .post .info-wrapper{display: inline-block; float: left; width: 80%} .post .info-wrapper.small-width{width: 70%} .post .username{display: block; font-size: .875rem; margin-bottom: 5px} .post .info{display: block} .post .user-profile-pic-wrapper{display: inline-block; float: left; margin-right: 16px} .post .more-details{display: block; float: left} .post .post-links{margin: 4px 0 0; list-style: none; font-size: .6875rem; padding: 0} .post .post-links li{display: inline; float: left; position: relative; padding-left: 0; padding-right: 8px} .post .post-links li :after{color: #999; content: "."; padding-left: 8px} .post .post-links li :last-child :after{content: ""} .post .dark-text{color: #2a2e36} .post .action-bar{display: block; list-style: none; margin: 13px 0 37px; font-size: .75rem; padding: 0} .post .action-bar li{display: inline; float: left; position: relative; padding-right: 8px}.post-input{padding-left: 14px !important; padding-top: 18px !important; font-size: .875rem}.comments-section{margin-top: 12px}.jvectormap-zoomout{left: 35px}.jvectormap-zoomin, .jvectormap-zoomout{background-color: #0090d9; padding: 8px 10px; height: auto; width: auto}#wrap, .error-wrapper{min-height: 100%; padding: 0 0 60px}.craft-map-container{width: 100%; height: 100%; overflow: hidden; border: 0}.overlap-left-10{position: relative; left: -10px}.mapplic-container{background-color: transparent}.mapplic-element.mapplic-loading{background-image: none}.img_wrapper img, .img_wrapper.loaded img{opacity: 1}.mapplic-element.mapplic-loading:after{content: ''; display: block; position: absolute; z-index: 2000; top: 50%; left: 50%; width: 14px; height: 14px; border: 2px solid transparent; border-top-color: #000; border-left-color: #000; border-radius: 10px; animation: pace-spinner .4s linear infinite}#wrap{height: auto; margin: 0 auto -60px}.error-body{background-color: #e5e9ec !important; height: 100%}.error-wrapper{margin: 0 auto -130px; height: 624px} .error-wrapper:after{content: ""; display: block}.wrappers{display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; vertical-align: text-top; width: inherit; height: inherit}.error-container .error-number{color: #22262e; font-size: 7.5rem; text-align: center; font-weight: 600; line-height: 8.125rem}.error-container .error-description{color: #22262e; font-size: 2rem; text-align: center; font-weight: 300}.error-container .error-description-mini{color: #22262e; font-size: 1.125rem; text-align: center; font-weight: 300}.error-container .input-prepend.inside .add-on{background-color: #fff; padding-top: 6px; color: #a1a1a1}.error-container ul.footer-links{margin: 0; padding: 0; text-align: center} .error-container ul.footer-links li{display: inline; border-right: 1px solid #000; padding: 0 10px} .error-container ul.footer-links li a{color: #22262e; font-size: .75rem} .error-container ul.footer-links li:last-child{display: inline; border-right: none; padding: 0 10px} .error-container ul.footer-links.small-links li{border-right: 1px solid #616a7b} .error-container ul.footer-links.small-links li a{color: #616a7b; font-size: .6875rem} .error-container ul.footer-links.small-links li:last-child{border-right: none}.error-container .copyright{font-size: .75rem; text-align: center}.error-main{text-align: center; position: absolute; margin-top: 18%}.cbp_tmtimeline, .cbp_tmtimeline li{position: relative}#footer{height: 130px}#gmaps_context_menu{text-align: center} #gmaps_context_menu a{color: #8b91a0} #gmaps_context_menu a:hover{color: #1b1e24; text-decoration: none}.cbp_tmtimeline{margin: 30px 0 0; padding: 0; list-style: none} .cbp_tmtimeline:before{content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #f2f4f6; left: 20%; margin-left: -10px} .cbp_tmtimeline > li .cbp_tmtime{display: block; width: 25%; padding-right: 100px; position: absolute; text-align: right} .cbp_tmtimeline > li .cbp_tmtime .date{font-size: 1.2em; color: #505458; margin-bottom: 5px; display: block} .cbp_tmtimeline > li .cbp_tmtime .time{font-size: 1.5em; color: #505458; display: block} .cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child{color: #505458} .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel{background: #fff} .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after{border-right-color: #fff} .cbp_tmtimeline > li .cbp_tmlabel{margin: 0 0 15px 25%; background: #fff; font-size: .8125rem; line-height: 1.4; position: relative} .cbp_tmtimeline > li .cbp_tmlabel h2{margin-top: 0; padding: 0 0 10px; border-bottom: 1px solid rgba(255,255,255,.4)} .cbp_tmtimeline > li .cbp_tmlabel:after{right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-right-color: #fff; border-width: 10px; top: 10px} .cbp_tmtimeline > li .cbp_tmicon{width: 40px; height: 40px; speak: none; font-style: normal; font-weight: 400; -moz-font-feature-settings: normal; font-feature-settings: normal; text-transform: none; line-height: 2.3125rem; position: absolute; color: #7c8694; background: #fff; border-radius: 50%; box-shadow: 0 0 0 8px #fff; text-align: center; left: 20%; top: 0; margin: 0 0 0 -25px; font-size: 1.3em} .cbp_tmtimeline > li .cbp_tmicon.success{background: #1976d2; box-shadow: 0 0 0 8px #2ba3df; color: #fff} .cbp_tmtimeline > li .cbp_tmicon.primary{background: #6d5eac; box-shadow: 0 0 0 8px #33b5aa; color: #fff} .cbp_tmtimeline > li .cbp_tmicon.warning{background: #f7cf5e; box-shadow: 0 0 0 8px #fcbd79; color: #fff} .cbp_tmtimeline > li .cbp_tmicon.danger{background: #f35958; box-shadow: 0 0 0 8px #455a70; color: #fff} .cbp_tmtimeline > li .cbp_tmicon.info{background: #0097a7; box-shadow: 0 0 0 8px #455a70; color: #fff} .cbp_tmtimeline .action-links{margin: 4px 0 0; list-style: none; font-size: .8125rem; padding: 0; float: left} .cbp_tmtimeline .action-links li{display: inline; float: left; position: relative; padding-left: 0; padding-right: 8px; color: #8b91a0} .cbp_tmtimeline .action-links li:after{color: #999; content: "."; padding-left: 8px} .cbp_tmtimeline .action-links li:last-child:after{content: ""}@media screen and (max-width:47.2em){.cbp_tmtimeline > li .cbp_tmlabel:after, .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after{border-right-color: transparent; border-bottom-color: #fff} .cbp_tmtimeline:before{display: none} .cbp_tmtimeline > li .cbp_tmtime{width: 100%; position: relative; padding: 0 0 20px; text-align: left} .cbp_tmtimeline > li .cbp_tmlabel{margin: 0 0 30px; padding: 1em; font-weight: 400; font-size: 95%} .cbp_tmtimeline > li .cbp_tmlabel:after{right: auto; left: 20px; top: -20px} .cbp_tmtimeline > li .cbp_tmicon{position: relative; float: right; left: auto; margin: -55px 5px 0 0}}.img_wrapper{position: relative; background: #d1dade; overflow: hidden; float: left; direction: ltr} .img_wrapper img{position: absolute; width: 100%; height: auto; top: 0; transition: opacity 150ms}#Parks{position: relative; margin: 0}.fail_element{position: absolute; opacity: 0; top: 100px; text-align: center; width: 50%; left: 25%; line-height: 1.4; font-size: 1.875rem; font-weight: 300}.fail .fail_element{opacity: 1}#Parks.grid .mix, #Parks.list .mix{opacity: 0}#Parks.list .list_header{height: 38px; line-height: 2.375rem; background: #dce0e8; text-align: right; color: #59514c; border-radius: 3px}#Parks.grid .titles h2, #Parks.list .titles h2{font-size: 1.0625rem; text-transform: uppercase; color: #47a497; letter-spacing: .125rem}#Parks.list .meta{display: inline-block; width: 205px; text-align: center; line-height: 6.1875rem; border-left: 1px solid #d7dbe0; height: 100%; vertical-align: top}#Parks.list .list_header .meta{line-height: 2.375rem; border: 0; margin-top: -8px; vertical-align: inherit}#Parks.list .meta.name{float: left; text-align: left; width: auto; border-left: 0 none}#Parks.list .list_header .meta.name{padding-left: 15px}#Parks.list .list_header .meta span{position: relative; display: inline-block; width: 24px; height: 24px; margin: 7px 0 0; top: 6px; border-radius: 3px} #Parks.list .list_header .meta span:after{content: ''; position: absolute; top: 9px; left: 7px; border: 5px solid transparent} #Parks.list .list_header .meta span.asc:after{border-top: 7px solid #8e9aa2} #Parks.list .list_header .meta span.desc:after{top: 4px; border-bottom: 7px solid #8e9aa2} #Parks.list .list_header .meta span:hover{background: #b8bbbe} #Parks.list .list_header .meta span.asc:hover:after{border-top-color: #e5e9ec} #Parks.list .list_header .meta span.desc:hover:after{border-bottom-color: #e5e9ec} #Parks.list .list_header .meta span.active.asc:after{border-top-color: #505458} #Parks.list .list_header .meta span.active.desc:after{border-bottom-color: #505458}#Parks.list .mix{display: none; padding: 18px 0 14px; border-bottom: 1px solid #d7dbe0; text-align: right; height: 135px; width: 100%; line-height: 6.1875rem; vertical-align: top; font-weight: 300} #Parks.list .mix .meta *{line-height: 1} #Parks.list .mix .meta p, #Parks.list .mix .meta ul{display: inline-block; vertical-align: middle; list-style: none} #Parks.list .mix .meta li{margin-bottom: 5px}#Parks.list .img_wrapper{display: inline-block; width: 177px; height: 95px; vertical-align: top; margin-right: 30px}#Parks.list .titles{display: inline-block; vertical-align: middle} #Parks.list .titles h2{font-weight: 700; margin-bottom: 3px; line-height: 1.2 !important} #Parks.list .titles p{text-indent: -2px}#Parks.grid{text-align: justify} #Parks.grid .list_header, #Parks.grid .meta{display: none} #Parks.grid .meta.name{position: absolute; width: 100%; height: 100%; top: 0; display: block} #Parks.grid .mix{display: none; position: relative; width: 48.5%; padding-top: 26%; margin-bottom: 3%} #Parks.grid .img_wrapper{position: absolute; width: 100%; height: 100%; background: #000} #Parks.grid .titles{position: relative; width: 90%; max-width: 400px; height: auto; margin: 53.5% auto 0; top: -80px; z-index: 1; padding: 10px 0; background: #fff; background: rgba(255,255,255,.8); text-align: center} #Parks.grid .titles h2{font-weight: 700; margin-bottom: 3px} #Parks.grid .titles p{font-weight: 300; text-indent: -2px}.horizontal-menu.noBar .header{box-shadow: 0 2px 1px rgba(170,170,170,.25); border: 0 solid #fff; border: 0 solid rgba(255,255,255,0)}.horizontal-menu .header-seperation{display: none}.horizontal-menu .bar{width: 100%; background-color: #0c73bc; position: fixed; margin-top: 56px; display: table; z-index: 50}.horizontal-menu .bar2{margin-top: 0}.horizontal-menu .bar-inner{display: table-cell; width: 100%} .horizontal-menu .bar-inner > ul{margin: 0; padding: 0} .horizontal-menu .bar-inner > ul > li{display: inline-block; padding: 8px 10px; vertical-align: middle} .horizontal-menu .bar-inner > ul > li.classic{position: relative} .horizontal-menu .bar-inner > ul > li.open > a{opacity: 1; color: #1b1e24} .horizontal-menu .bar-inner > ul > li.horizontal.open, .horizontal-menu .bar-inner > ul > li.mega.open{position: inherit} .horizontal-menu .bar-inner > ul > li > a{color: #fff} .horizontal-menu .bar-inner > ul > li > a > .arrow{display: inline-block} .horizontal-menu .bar-inner > ul > li > a > .arrow:before{float: right; display: inline; font-size: 1rem; font-family: FontAwesome; height: auto; content: "\f107"; font-weight: 300; text-shadow: none; margin-left: 8px; position: relative; top: 6px} .horizontal-menu .bar-inner > ul > li > .classic, .horizontal-menu .bar-inner > ul > li > .horizontal, .horizontal-menu .bar-inner > ul > li > .mega{top: 40px; position: absolute; background-color: #fff; left: 0; right: 0; list-style: none} .horizontal-menu .bar-inner > ul > li a{opacity: .8} .horizontal-menu .bar-inner > ul > li a .description{opacity: .7; transition: opacity .1s linear 0s} .horizontal-menu .bar-inner > ul > li a:hover, .horizontal-menu .bar-inner > ul > li a:hover .description, .horizontal-menu .bar-inner > ul > li.open > .classic > li{opacity: 1} .horizontal-menu .bar-inner > ul > li.open{background: #fff} .horizontal-menu .bar-inner > ul > li.open > .classic{max-height: 999px} .horizontal-menu .bar-inner > ul > li.open > .horizontal, .horizontal-menu .bar-inner > ul > li.open > .mega{display: block} .horizontal-menu .bar-inner > ul > li > .classic{margin: 0; padding: 0; min-width: 220px; max-height: 0; overflow: hidden; transition: all .3s linear 0s} .horizontal-menu .bar-inner > ul > li > .classic > li{margin: 15px; padding-bottom: 10px; border-bottom: 1px solid #e5e9ec; color: #22262e; opacity: 0; transition: all .1s linear .1s} .horizontal-menu .bar-inner > ul > li > .classic > li a{color: #1b1e24} .horizontal-menu .bar-inner > ul > li > .classic > li a .description{display: block; font-size: .75rem; color: #393a3c} .horizontal-menu .bar-inner > ul > li > .classic > li:last-child{border-bottom: 0} .horizontal-menu .bar-inner > ul > li > .horizontal{margin: 0; padding: 0; display: none; width: 100%; border-bottom: 1px solid #e5e9ec} .horizontal-menu .bar-inner > ul > li > .horizontal li{margin: 15px; color: #1b1e24; display: inline-block} .horizontal-menu .bar-inner > ul > li > .horizontal li a{color: #1b1e24} .horizontal-menu .bar-inner > ul > li > .horizontal li a .description{display: block; font-size: .75rem; color: #393a3c} .horizontal-menu .bar-inner > ul > li > .mega .sub-menu > li > a, .horizontal-menu .bar-inner > ul > li > .mega > li a{color: #1b1e24} .horizontal-menu .bar-inner > ul > li > .mega{margin: 0; padding: 0 0 20px; display: none; border-bottom: 1px solid #e5e9ec} .horizontal-menu .bar-inner > ul > li > .mega > li{margin: 15px; padding-bottom: 10px; border-bottom: 1px solid #e5e9ec; color: #1b1e24} .horizontal-menu .bar-inner > ul > li > .mega .sub-menu-heading{font-size: .875rem; margin-bottom: 10px; margin-top: 20px} .horizontal-menu .bar-inner > ul > li > .mega .sub-menu{list-style: none; margin: 0 0 10px; padding: 0} .horizontal-menu .bar-inner > ul > li > .mega .sub-menu .whithLock{font-size: 1.0625rem; height: auto; font-weight: 300; margin-right: 6px; float: right; position: relative; top: 3px} .horizontal-menu .bar-inner > ul > li > .mega .sub-menu > li{padding-left: 0; padding-bottom: 5px} .horizontal-menu .bar-inner > ul > li > .mega .sub-menu.onpenNewWeb li > a:before, .horizontal-menu .bar-inner > ul > li > .mega .sub-menu > li > a.onpenNewWeb:before{font-size: 1rem; font-family: FontAwesome; height: auto; content: "\f08e"; font-weight: 300; margin-right: 6px; float: right; position: relative; top: 2px}@media (min-width:980px){.horizontal-menu .page-content, .horizontal-menu.noBar .page-content{margin-left: 0} .horizontal-menu .page-content .content{padding-top: 115px} .horizontal-menu.noBar .page-content .content{padding-top: 75px}}@media (max-width:768px){.horizontal-menu .bar-inner > ul > li > a{position: relative; display: block; padding: 13px 16px; z-index: 2; overflow: hidden; color: #0052a6; background: #313131; background: rgba(49,49,49,.07); border-bottom: 2px solid #fff} .horizontal-menu .bar .bar-inner > ul > li{padding: 0 7px 2px}}.sub-menu-heading{font-size: 1rem !important; border-bottom: 1px dotted; padding: 0 0 5px 5px; font-weight: 600; font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif}ul.sub-menu li{margin-bottom: 4px} ul.sub-menu li a{background-color: #dbdbdb; padding: 5px 5px 5px 10px; color: #002750; font-size: .95rem; border: none; display: block; font-weight: 400} ul.sub-menu li a:hover{background: #ff9720; color: #fff !important; font-size: .95rem; font-weight: 400}.horizontal-menu .bar-inner > ul > li > .mega .sub-menu-heading{color: #095992} .horizontal-menu .bar-inner > ul > li > .mega .sub-menu-heading:before{content: "\f13a"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; padding-right: 7px}a{font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif}.horizontal-menu .bar-inner > ul > li > .mega .sub-menu-heading-noIcon{border-bottom: 1px dotted; padding: 0 0 5px 5px; margin-bottom: 10px; color: #1b1e24}@media (min-width:768px){.horizontal-menu .bar-inner > ul > li > .mega .sub-menu-heading-noIcon{margin-top: 40px}}@media (min-width:992px){.horizontal-menu .bar-inner > ul > li > .mega .sub-menu-heading-noIcon{margin-top: 40px}}@media (min-width:1200px){.horizontal-menu .bar-inner > ul > li > .mega .sub-menu-heading-noIcon{margin-top: 40px}}@font-face{font-family: icomoon; src: url(/Content/fonts/custom-set.eot); src: url(/Content/fonts/custom-set.eot?#iefix) format("embedded-opentype"),url(/Content/fonts/custom-set.woff) format("woff"),url(/Content/fonts/custom-set.ttf) format("truetype"),url(/Content/fonts/custom-set.svg) format("svg"); font-weight: 400; font-style: normal}[data-icon]:before{font-family: icomoon; content: attr(data-icon); speak: none; font-weight: 400; -moz-font-feature-settings: normal; font-feature-settings: normal; text-transform: none; line-height: 1}.icon-custom-alert, .icon-custom-chart, .icon-custom-cross, .icon-custom-down, .icon-custom-downloads, .icon-custom-extra, .icon-custom-feedbacks, .icon-custom-form, .icon-custom-gallery, .icon-custom-home, .icon-custom-left, .icon-custom-map, .icon-custom-message, .icon-custom-new, .icon-custom-newpage, .icon-custom-next, .icon-custom-portlets, .icon-custom-previous, .icon-custom-refresh, .icon-custom-right, .icon-custom-settings, .icon-custom-thumb, .icon-custom-ui, .icon-custom-up{font-family: icomoon; speak: none; font-style: normal; font-weight: 400; -moz-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased} .icon-custom-refresh:before{content: "\e000"} .icon-custom-up:before{content: "\e001"} .icon-custom-ui:before{content: "\e002"} .icon-custom-thumb:before{content: "\e003"} .icon-custom-settings:before{content: "\e004"} .icon-custom-right:before{content: "\e005"} .icon-custom-previous:before{content: "\e006"} .icon-custom-portlets:before{content: "\e007"} .icon-custom-next:before{content: "\e008"} .icon-custom-newpage:before{content: "\e009"} .icon-custom-new:before{content: "\e00a"} .icon-custom-message:before{content: "\e00b"} .icon-custom-map:before{content: "\e00c"} .icon-custom-left:before{content: "\e00d"} .icon-custom-home:before{content: "\e00e"} .icon-custom-gallery:before{content: "\e00f"} .icon-custom-form:before{content: "\e010"} .icon-custom-feedbacks:before{content: "\e011"} .icon-custom-extra:before{content: "\e012"} .icon-custom-downloads:before{content: "\e013"} .icon-custom-down:before{content: "\e014"} .icon-custom-cross:before{content: "\e015"} .icon-custom-chart:before{content: "\e016"} .icon-custom-alert:before{content: "\e017"}@media only screen and (min-width:1824px){.page-container, body{height: 100%} .footer-widget{position: fixed} .table td, .table th{font-size: .95rem} .table td.small-cell, .table th.small-cell{width: 42px} .checkbox label:before{top: .5px} .tiles.margin-reset{margin-left: 51px} .demo-map{min-height: 100%} .error-main{margin-top: 40%} .visible-xlg{display: block !important} .hidden-xlg{display: none !important} .cbp_tmtimeline > li .cbp_tmtime{width: 24%}}@media (min-width:1600px){.visible-xlg{display: block !important} .hidden-xlg{display: none !important}}@media (max-width:1400px){.sales-graph-heading{padding-left: 17px; padding-top: 30px}}@media (min-width:980px){.page-sidebar, .page-sidebar.fixed{position: fixed} body.bottom-header .page-sidebar{margin-top: 0; margin-bottom: 58px} .menu-non-fixed .page-sidebar{margin-top: 0; padding-top: 58px} .page-sidebar{display: inline-block; float: left; width: 250px; margin-top: 58px; padding-bottom: 105px} .menu-non-fixed .footer-widget{z-index: 100} .page-sidebar .page-sidebar-wrapper{display: inline-block; float: left; height: 100%} .page-sidebar ul{width: 250px} .page-content{margin-left: 250px; min-height: 100%} .page-content.no-min-height{min-height: auto} .full-width-page .page-content{margin-left: 0 !important} .inner-menu{padding-top: 60px} .btn-cons-md{min-width: 120px} .boxed-layout{background-color: #f6f7f8} .boxed-layout .container{position: relative} .boxed-layout .chat-window-wrapper{position: absolute} .boxed-layout .chat-window-wrapper .inner-content .chat-window-wrapper{margin-right: 0} .horizontal-menu .header-seperation{display: none !important}}@media (max-width:979px){body{margin: 0 !important} .horizontal-menu .page-content{margin-left: 0} .header, .page-container{margin: 0 !important} .header .nav li.dropdown i{display: inline-block; position: relative; top: 1px; right: 0} .header .nav{margin-bottom: 0 !important} .page-container{padding: 0 !important} .fixed-top .page-container{margin-top: 0 !important} .page-content{margin-top: 0} .chat-messages, .chat-window-wrapper{-webkit-overflow-scrolling: touch} .page-content .admin-bar .admin-bar-inner, .tiles, .tiles.added-margin{margin-right: 0} .scrollup{left: 235px} body.condense-menu .page-content{margin-left: 0}}@media (min-width:768px) and (max-width:1024px){body{padding-top: 0} .horizontal-menu .page-content{margin-left: 0} .horizontal-menu .page-content .content{margin-top: 26px} .page-sidebar.opened{background-color: #1b1e24 !important; height: auto; font-family: 'Open Sans'; width: 250px; margin-top: 60px} .page-sidebar.opened .outer-tab-nav-section{display: inline-block; width: 45px; position: absolute; height: 100%; background-color: #0aa699 !important} .page-sidebar.opened .inner-menu{display: inline-block; width: 200px} .page-sidebar.opened .page-sidebar-wrapper > ul > li > a{color: #8b91a0} .page-sidebar.opened .page-sidebar-wrapper > ul > li:last-child > a{border-bottom: 1px solid transparent !important} .page-sidebar.opened .page-sidebar-wrapper > ul > li a i{color: #8b91a0; width: 20px; text-align: center; display: inline-block; margin-right: 10px} .page-sidebar.opened .page-sidebar-wrapper > ul > li.open > a, .page-sidebar.opened .page-sidebar-wrapper > ul > li:hover > a, .page-sidebar.opened .page-sidebar-wrapper > ul > li > a:hover{background: #1b1e24; color: #fff} .page-sidebar.opened .page-sidebar-wrapper > ul > li.open > a i, .page-sidebar.opened .page-sidebar-wrapper > ul > li:hover > a i, .page-sidebar.opened .page-sidebar-wrapper > ul > li > a:hover i{color: #fff} .page-sidebar.opened .page-sidebar-wrapper > ul > li.active > a{border-top-color: transparent !important; color: #fff} .page-sidebar.opened .page-sidebar-wrapper > ul > li.active i{color: #fff} .page-sidebar.opened .page-sidebar-wrapper > ul > li > a.open{background: #313131} .page-sidebar.opened .page-sidebar-wrapper ul > li > a > .arrow:before, .page-sidebar.opened .page-sidebar-wrapper > ul > li > a > .arrow.open:before{color: #919091 !important} .page-sidebar.opened .page-sidebar-wrapper ul > li.active > a .arrow:before, .page-sidebar.opened .page-sidebar-wrapper > ul > li.active > a .arrow.open:before, .page-sidebar.opened .page-sidebar-wrapper > ul > li > ul.sub-menu li.open > a, .page-sidebar.opened .page-sidebar-wrapper > ul > li > ul.sub-menu li > ul.sub-menu > li.active > a, .page-sidebar.opened .page-sidebar-wrapper > ul > li > ul.sub-menu li > ul.sub-menu > li > a:hover{color: #fff !important} .page-sidebar.opened .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a{margin-left: 0; padding-left: 5px} .page-sidebar.opened .page-sidebar-wrapper > ul > li > ul.sub-menu > li:first-child > a{border-top: 0 !important} .page-sidebar.opened .page-sidebar-wrapper > ul > li > ul.sub-menu > li.active > a{font-weight: 600} .page-sidebar.opened .page-sidebar-wrapper > ul > li > ul.sub-menu > li > a:hover{background: #1b1e24 !important} .page-sidebar.opened .page-sidebar-wrapper > ul > li > ul.sub-menu a .arrow.open:before, .page-sidebar.opened .page-sidebar-wrapper > ul > li > ul.sub-menu a .arrow:before{color: #919091 !important} .page-sidebar.opened ul.folders{list-style: none; margin: 0; padding: 0} .page-sidebar.opened ul.folders > li{border: 0; display: block; margin: 0; padding: 0} .page-sidebar.opened ul.folders > li > a{padding: 5px 31px; font-size: .95rem; color: #fff; display: block; position: relative} .page-sidebar.opened ul.folders > li > a:hover{text-decoration: none} .page-sidebar.opened ul.folders > li > input{margin: 5px 31px; font-size: .95rem; width: 150px} .page-sidebar.opened .page-sidebar-wrapper > ul{width: 250px; padding-top: 0} .page-sidebar.opened .page-sidebar-wrapper > ul > li.open > a, .page-sidebar.opened .page-sidebar-wrapper > ul > li:hover > a, .page-sidebar.opened .page-sidebar-wrapper > ul > li > a, .page-sidebar.opened .page-sidebar-wrapper > ul > li > a:hover{padding: 10px 25px 10px 21px} .page-sidebar.opened .page-sidebar-wrapper > .status-widget, .page-sidebar.opened .page-sidebar-wrapper > p, .page-sidebar.opened .user-info{display: block} .page-sidebar.opened .page-sidebar-wrapper > .notification-alert, .page-sidebar.opened .page-sidebar-wrapper > ul li span.title{display: inline-block} .page-sidebar.opened .page-sidebar-wrapper > ul li span.arrow, .page-sidebar.opened .page-sidebar-wrapper > ul li ul li span.arrow, .page-sidebar.opened .page-sidebar-wrapper > ul li ul li span.title{display: inline} .page-sidebar.opened .page-sidebar-wrapper ul li span.label, .page-sidebar.opened .page-sidebar-wrapper > ul li span.badge{display: inline-block} .page-sidebar.opened .profile-wrapper{display: block} .page-sidebar.opened .slimScrollDiv, .page-sidebar.opened .slimScrollDiv .page-sidebar-wrapper{overflow: hidden !important} .page-sidebar, .page-sidebar .slimScrollDiv, .page-sidebar .slimScrollDiv .page-sidebar-wrapper{overflow: visible !important} .page-sidebar.opened .page-sidebar-wrapper > ul > li > ul.sub-menu{position: relative; margin-top: 0; margin-left: 0; width: auto; z-index: 10} .page-sidebar .btn-navbar.collapsed .arrow{display: none} .page-sidebar .btn-navbar .arrow{position: absolute; right: 25px; width: 0; height: 0; top: 50px; border-bottom: 15px solid #5f646b; border-left: 15px solid transparent; border-right: 15px solid transparent} .header-seperation{display: none !important} .page-sidebar{position: absolute; width: 50px; margin: 0; z-index: 90; background-color: #6d5eac !important} .page-sidebar .page-sidebar-wrapper > ul{width: 50px; margin: 0; padding-top: 60px} .page-sidebar .page-sidebar-wrapper > ul > li > a{padding: 13px; color: #fff} .page-sidebar .page-sidebar-wrapper > ul > li a i{color: #fff} .page-sidebar .page-sidebar-wrapper > .notification-alert, .page-sidebar .page-sidebar-wrapper > .status-widget, .page-sidebar .page-sidebar-wrapper > p, .page-sidebar .page-sidebar-wrapper > ul li span.arrow, .page-sidebar .page-sidebar-wrapper > ul li span.title, .page-sidebar .user-info{display: none} .page-sidebar .page-sidebar-wrapper > ul li ul li span.arrow, .page-sidebar .page-sidebar-wrapper > ul li ul li span.title{display: inline} .page-sidebar .page-sidebar-wrapper ul li span.label, .page-sidebar .page-sidebar-wrapper > .side-bar-widgets, .page-sidebar .page-sidebar-wrapper > ul li span.badge, .page-sidebar .profile-wrapper{display: none} .page-sidebar .page-sidebar-wrapper > ul > li:hover > a, .page-sidebar .page-sidebar-wrapper > ul > li > a:hover{background: #0b9c8f} .page-sidebar .page-sidebar-wrapper > ul > li.open > a, .page-sidebar .page-sidebar-wrapper > ul > li:hover > a, .page-sidebar .page-sidebar-wrapper > ul > li > a:hover{padding: 13px} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu{position: absolute; margin-top: -46px; margin-left: 50px; width: auto; z-index: 100; min-width: 250px} .footer-widget{display: none !important} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper{display: inline-block; float: left; width: 50px; height: 100%} .inner-menu-always-open .inner-menu{display: inline-block; float: left; margin-top: 20px; margin-left: 0} .inner-menu-always-open .page-content{margin-left: 250px} .page-content{margin-left: 50px; margin-top: 0; min-height: 911px} .page-content .content{padding-top: 95px} .inner-menu-layout .page-content{margin-left: 250px} .inner-menu{margin-left: 50px} .visible-tablet{display: block !important} .scrollup{left: 36px} .table td.small-cell, .table th.small-cell{width: 40px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){body{background-color: #1b1e24} body.hide-top-content-header .header{width: 100%} body.hide-top-content-header .page-content .content{padding-top: 93px} .page-sidebar .page-sidebar-wrapper{display: inline-block; float: left; width: 250px; height: 100%} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper{background-color: #6d5eac !important} .inner-menu-always-open .page-sidebar .slimScrollDiv, .inner-menu-always-open .page-sidebar .slimScrollDiv .page-sidebar-wrapper{overflow: visible !important} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul{width: 50px; margin: 0; padding-top: 60px} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a{padding: 13px !important; color: #fff} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li a i{color: #fff} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .notification-alert, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .status-widget, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > p, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.arrow, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.title, .inner-menu-always-open .page-sidebar .user-info{display: none} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li ul li span.arrow, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li ul li span.title{display: inline} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper ul li span.label, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .side-bar-widgets, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.badge, .inner-menu-always-open .page-sidebar .profile-wrapper{display: none} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover > a, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a:hover{background: #0b9c8f} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li.open > a, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover > a, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a:hover{padding: 13px} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu{position: absolute; margin-top: -46px; margin-left: 50px; width: auto; z-index: 100; min-width: 250px} .inner-menu-always-open .inner-menu{margin-top: 15px} .inner-menu-always-open .page-content{margin-left: 0} .header-seperation{width: 100% !important; display: block !important; position: fixed; z-index: 999; text-align: center} .logo{margin-right: auto; margin-left: auto; margin-top: 18px} .header-quick-nav{display: none} .header .notifcation-center{margin-left: 15px} .page-content .content{padding-top: 95px} .page-sidebar{position: fixed; width: 260px; background-color: #2a2f3a !important; overflow: scroll !important; -webkit-overflow-scrolling: touch} .page-sidebar .user-info{display: inline-block} .page-sidebar > .status-widget, .page-sidebar > p{display: block} .page-sidebar .page-sidebar-wrapper ul li span.label, .page-sidebar .page-sidebar-wrapper > ul li span.badge, .page-sidebar .page-sidebar-wrapper > ul li span.title, .page-sidebar .profile-wrapper, .page-sidebar > .notification-alert{display: inline-block} .page-sidebar .page-sidebar-wrapper > ul li span.arrow{display: inline-block; float: right} .page-sidebar .page-sidebar-wrapper > ul{width: 260px; padding-top: 0 !important} .page-sidebar .page-sidebar-wrapper > .side-bar-widgets{display: block; width: 250px} .footer-widget{display: block} .page-sidebar .page-sidebar-wrapper > ul > li > a{padding: 11.5px 31px; color: #8b91a0} .page-sidebar .page-sidebar-wrapper > ul > li:hover > a, .page-sidebar .page-sidebar-wrapper > ul > li > a:hover{background: #2a2f3a} .page-sidebar .page-sidebar-wrapper > ul > li.open > a, .page-sidebar .page-sidebar-wrapper > ul > li:hover > a, .page-sidebar .page-sidebar-wrapper > ul > li > a:hover{padding: 11.5px 31px} .page-sidebar .page-sidebar-wrapper > ul > li > a i{color: #8b91a0} .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu{position: relative; margin: 0} .page-sidebar.mini-mobile .side-bar-widgets{display: none} .inner-menu{margin-left: 0; margin-top: 60px} .inner-menu-layout .page-content{margin-left: 200px} .scrollup{left: 244px} .chat-window-wrapper{visibility: hidden; opacity: 0; transition: visibility 0s linear .5s,opacity .5s linear; overflow-y: hidden} .page-content{margin: 0} .page-content .content{padding: 95px 25px 25px} .widget{margin-right: 0} .column-seperation > div[class*=col-]{border-right: none} .user-mini-description h3, .user-mini-description h5, .user-profile-pic{text-align: center} .login-container{padding: 0 10px} .spacing-bottom-sm{margin-bottom: 20px} .error-wrapper{margin-bottom: 0; padding: auto} .widget-item.narrow-margin{margin-right: auto} .page-content.condensed{margin-left: 0} body.boxed-layout .header{width: 100%; padding: 0 !important} body.boxed-layout .container{padding-left: 0; padding-right: 0; margin: 0; width: 100%}}@media (max-width:767px){.chat-window-wrapper, .page-sidebar{visibility: hidden; opacity: 0; transition: visibility 0s linear .5s,opacity .5s linear} body.hide-top-content-header .header{width: 100%} body.hide-top-content-header .page-content .content{padding-top: 93px} .page-sidebar .page-sidebar-wrapper{display: inline-block; float: left; width: 260px; height: 100%} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper{width: 50px} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper ul{background-color: #6d5eac} .inner-menu-always-open .page-sidebar .slimScrollDiv, .inner-menu-always-open .page-sidebar .slimScrollDiv .page-sidebar-wrapper{overflow: visible !important} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul{width: 50px; margin: 0; padding-top: 17px; height: 100%} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a{padding: 13px !important; color: #fff} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li a i{color: #fff} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .notification-alert, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .status-widget, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > p, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.arrow, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.title, .inner-menu-always-open .page-sidebar .user-info{display: none} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li ul li span.arrow, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li ul li span.title{display: inline} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper ul li span.label, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > .side-bar-widgets, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul li span.badge, .inner-menu-always-open .page-sidebar .profile-wrapper{display: none} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover > a, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a:hover{background: #0b9c8f} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li.open > a, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover > a, .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > a:hover{padding: 13px} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu{position: absolute; margin-top: -46px; margin-left: 50px; width: auto; z-index: 100; min-width: 250px} .inner-menu-always-open .inner-menu{display: inline-block; float: left; margin-top: 20px} .inner-menu-always-open .page-content{margin-left: 0} .inner-menu{display: none} .page-sidebar.mini-mobile{width: 260px} .header .navbar-inner .container-fluid{margin-left: 10px !important; margin-right: 10px !important} .header .top-nav .nav{margin-top: 0; margin-right: 5px} .header .nav > li > .dropdown-menu.notification:after, .header .nav > li > .dropdown-menu.notification:before{margin-right: 180px} .header .nav > li > .dropdown-menu.notification{margin-right: -180px} .header .nav > li > .dropdown-menu.inbox:after, .header .nav > li > .dropdown-menu.inbox:before{margin-right: 140px} .header .nav > li > .dropdown-menu.inbox{margin-right: -140px} .header .nav > li > .dropdown-menu.tasks:after, .header .nav > li > .dropdown-menu.tasks:before{margin-right: 90px} .header .nav > li > .dropdown-menu.tasks{margin-right: -90px} .header-seperation{width: 100% !important; z-index: 999; text-align: center; min-height: 60px; display: block !important} .footer-widget, .header-quick-nav, .inner-menu-always-open .user-info-wrapper{display: none} .header .notifcation-center{margin-left: 15px} .logo{margin-right: auto; margin-left: auto; margin-top: 16px} .page-sidebar{position: fixed; z-index: auto; overflow: scroll; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden} .page-content .content{padding: 75px 8px 8px} .page-title{margin-bottom: 20px} .portlet-body.form .form-actions{padding-left: 15px} .form-horizontal .form-actions{padding-left: 180px} .no-margin-grid .row-fluid [class*=span]{width: 100% !important; margin: 0 0 10px} .page-content.condensed, .tiles.margin-reset{margin-left: 0} .user-mini-description h3, .user-mini-description h5, .user-profile-pic{text-align: center} .email-body{padding: 8px !important} .login-container{padding: 0 10px} .table td.small-cell, .table th.small-cell{width: 42px} .error-wrapper{margin-bottom: 0; min-height: 624px; height: 624px} .widget-item.narrow-margin{margin-right: auto} .scrollup{right: 50px; left: auto; bottom: 35px} body.boxed-layout .header{width: 100%; padding: 0 !important} body.boxed-layout .container{padding: 0; width: 100%} .inner-menu-always-open .page-sidebar .page-sidebar-wrapper{height: auto} .horizontal-menu .bar{display: none; background-color: #fff} .horizontal-menu .bar .bar-inner > ul > li, .horizontal-menu .bar .bar-inner > ul > li > .horizontal li{display: block} .horizontal-menu .bar .bar-inner{display: block; max-height: 400px; overflow: scroll; -webkit-overflow-scrolling: touch} .horizontal-menu .bar .bar-inner > ul > li .classic{position: relative; background-color: transparent; top: 0} .horizontal-menu .bar .bar-inner > ul > li .mega, .horizontal-menu .bar .bar-inner > ul > li.horizontal{position: relative} .horizontal-menu .bar .bar-inner > ul > li > .horizontal{position: relative; top: 0; border-bottom: 0}}.LandClickable a:hover, a.landClickLink:hover{color: #357fbe}@media (max-width:480px){body.hide-top-content-header .header{width: 100%} body.hide-top-content-header .page-content .content{padding-top: 93px} .page-title h3{width: 80%} .page-content .content{padding: 93px 8px 8px; overflow-x: hidden} .tiles.margin-reset{margin-left: 0} .column-seperation > div[class*=span]{border-right: none} table td.unseen, table th.unseen{display: none !important} .row-fluid{margin-bottom: 10px} .small{width: 100px !important} .medium{width: 150px !important} .large{width: 200px !important} .huge{width: 246px !important; font-size: 1.5rem !important; height: 36px !important; line-height: 2.25rem !important; padding: 22px 8px !important} select.small{width: 114px !important} select.medium{width: 164px !important} select.large{width: 214px !important} .btn-cons{min-width: 110px} .btn-large{padding: 9px 15px} .no-more-tables table, .no-more-tables tbody, .no-more-tables td, .no-more-tables th, .no-more-tables thead, .no-more-tables tr{display: block} .no-more-tables thead tr{position: absolute; top: -9999px; left: -9999px} .no-more-tables.table-bordered td{border-left: 1px solid #eee; border-bottom: 1px solid #eee} .no-more-tables td{border: none; border-bottom: 1px solid #eee; position: relative; white-space: normal; text-align: left} .no-more-tables td:before{position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: 700; content: attr(data-title)} .no-more-tables .text-center, .no-more-tables .text-right{text-align: left !important} .table-flip-scroll td, .table-flip-scroll th{text-align: left; border-left: 0; border-bottom: 0; border-radius: 0 !important} .table-flip-scroll .cf:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0} .table-flip-scroll * html .cf{zoom: 1} .table-flip-scroll th{width: auto !important} .table-flip-scroll td, .table-flip-scroll th{margin: 0; vertical-align: top} .table-flip-scroll table{border-collapse: collapse; border-spacing: 0; display: block; position: relative; width: 100%} .table-flip-scroll thead{display: block; float: left} .table-flip-scroll tbody{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap} .table-flip-scroll th, .table-flip-scroll thead tr{display: block} .table-flip-scroll tbody tr{display: inline-block; vertical-align: top} .table-flip-scroll td{display: block; min-height: 1.25em; border-right: 0} .table-flip-scroll tbody tr{border-left: 1px solid #babcbf} .user-mini-description h3, .user-mini-description h5, .user-profile-pic{text-align: center} .email-body{padding: 8px !important} .lockscreen-wrapper .profile-wrapper{margin-bottom: 8px} .image-responsive-width{width: auto} .xs-image-responsive-width{width: 100%}}@media (max-width:320px){.header .nav > li.dropdown .dropdown-toggle{padding-left: 8px !important; padding-right: 8px !important}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:200 / 100),only screen and (min-device-pixel-ratio:2){.grid.simple .grid-title .tools a{background: url(/Content/images/icon/portlet-tray-2x.png); background-size: 199px 57px} .tiles .controller a, .widget-item .controller a{position: relative; background: url(/Content/images/icon/portlet-tray-2x.png); background-size: 199px 57px} .iconset{background: url(/Content/images/icon/top-tray-bx2.png) no-repeat; background-size: 394px 29px} .status-icon{background: url(/Content/images/icon/status2x.png); background-size: 79px 16px} .scrollup{background: url(/Content/images/pullup2x.png); background-size: 57px 27px} .alert .close{background: url(/Content/images/icon/noti-cross-2x.png) -9px -10px no-repeat; width: 10px; height: 9px; position: relative; opacity: .8; background-size: 114px 29px} .checkbox label:after{top: 1.5px}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){.select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice abbr, .select2-search input, .select2-search-choice-close{background-image: none; background-repeat: no-repeat !important; background-size: none !important} .select2-search input{background-position: none !important}}@media (min-width:980px){body.open-menu-right .scrollup, body.rtl.open-menu-right .scrollup{display: none !important} body.open-menu-right .page-content{position: relative; transform: translateX(-260px)} body.open-menu-right .footer-widget, body.open-menu-right .header, body.open-menu-right .page-sidebar{transform: translateX(-260px)} body.rtl.open-menu-right .page-content{position: relative; transform: translateX(260px)} body.rtl.open-menu-right .footer-widget, body.rtl.open-menu-right .header, body.rtl.open-menu-right .page-sidebar{transform: translateX(260px)}}@media (max-width:979px){body.open-menu-left .header, body.open-menu-left .page-content{transform: translate3d(260px,0,0)} body.open-menu-right .header, body.open-menu-right .page-content{transform: translate3d(-260px,0,0)} body.open-menu-right .page-content .admin-bar{display: none}}@media (min-width:768px) and (max-width:1024px){body.open-menu-right .header, body.open-menu-right .page-content{transform: translateX(-260px); left: auto} body.open-menu-right .page-content .admin-bar{display: none} body.boxed-layout{background-color: #f6f7f8} body.boxed-layout .container{position: relative} body.boxed-layout .chat-window-wrapper{position: absolute; margin-right: 15px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.chat-window-wrapper{display: none} .chat-window-wrapper.visible{display: block} .page-sidebar{display: none} .page-sidebar.visible{display: block} body.open-menu-left .page-sidebar, body.open-menu-right .chat-window-wrapper{visibility: visible; opacity: 1; transition-delay: 0s}}@media (max-width:767px){body.open-menu-left .page-sidebar, body.open-menu-right .chat-window-wrapper{visibility: visible; opacity: 1; transition-delay: 0s} .chat-window-wrapper{display: none} .chat-window-wrapper.visible{display: block} .page-sidebar{display: none} .page-sidebar.visible{display: block} body.open-menu-left .page-sidebar{-webkit-backface-visibility: hidden}}.myPagination{position: absolute; top: 17px; right: 40px}.landTitleColor td, .tableNarrow .darkBg td{color: #fff !important}.landMoreDetail{background: #eee}.landTable{border: 1px solid #eee}.tableNarrow{width: 100%} .tableNarrow tr.font15 td{font-size: .9375rem !important} .tableNarrow tr.font14 td{font-size: .875rem !important} .tableNarrow tr.font13 td{font-size: .8125rem !important} .tableNarrow tr.font12 td{font-size: .75rem !important} .tableNarrow td{padding: 5px !important; font-size: 1rem} .tableNarrow td.font15{font-size: .9375rem !important} .tableNarrow td.font14{font-size: .875rem !important} .tableNarrow td.font13{font-size: .8125rem !important} .tableNarrow td.font12{font-size: .75rem !important} .tableNarrow .darkBg{background: #518eb9; border-top: 1px solid #e4e4e4 !important}.landTable thead > tr > th{vertical-align: top; border-bottom: 2px solid #ddd !important}.landTable .landTitleColor > th{background: #5ca8de !important; color: #fff !important; border: 1px solid #65b3ea !important; border-radius: 0 !important}.landTable .lightBg{background: #f5f5f5; border-top: 1px solid #e4e4e4 !important}.landTitleColor{background: #5ca8de !important} .landTitleColor td{border: 1px solid #65b3ea !important; border-radius: 0 !important} .landTitleColor td:first-child{border-radius: 0}.font15, td.font15{font-size: .9375rem !important}.font14, td.font14{font-size: .875rem !important}.font13, td.font13{font-size: .8125rem !important}.font12, td.font12{font-size: .75rem !important}.font11, td.font11{font-size: .6875rem !important}.TM-body{padding: 0 !important} .TM-body .form-collapse-title{padding: 10px 14px; border-bottom: 2px solid #2196f3} .TM-body .form-collapse-title h4{font-size: 1.125rem !important; color: #2196f3 !important} .TM-body .form-collapse-title h4 span{margin-left: 20px; font-size: .9375rem !important; color: #6a6a6a !important} .TM-body .form-collapse-title .fa-chevron-down, .TM-body .form-collapse-title .fa-chevron-up{color: #2196f3 !important}.treeMenuMaster .search-dropdown-control .form-actions{margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 0 !important}.treeMenuMaster .tab-pane{margin-top: 10px}.MT-contacts-list{height: 60px; width: 100%; margin-bottom: 20px; border-radius: 5px; border: 1px solid #eee; box-shadow: 0 2px 0 0 rgba(0,0,0,.1); box-shadow: 0 2px 1 px rgba(170,170,170,.25)} .MT-contacts-list .floder-icon .popover.bottom:before, .MT-contacts-list .floder-icon .popover.top:before{border-right: 7px solid transparent; border-left: 7px solid transparent; content: ''; margin-left: 12px} .MT-contacts-list.end{margin-bottom: 0} .MT-contacts-list .floder-icon{float: left; width: 60px; background: #ccc; height: 60px; text-align: center} .MT-contacts-list .floder-icon i{position: relative; margin-top: 15px; font-size: 1.875rem; color: #fff} .MT-contacts-list .floder-icon .stack-text{margin-top: -4.5em; color: #ccc} .MT-contacts-list .floder-icon .stack-text i{color: #ccc; font-size: 1.125rem; margin-top: -30px} .MT-contacts-list .floder-icon .popover{background-color: #000; background-color: rgba(0,0,0,.85); border-radius: 5px; margin-top: 50px; box-shadow: 0 0 5px rgba(0,0,0,.4); color: #fff; display: none; font-size: .75rem; font-family: Helvetica,sans-serif; left: 15px; padding: 7px 10px; position: absolute; width: 200px; z-index: 400000000000000000000} .MT-contacts-list .floder-icon .popover.bottom:before{border-bottom: 7px solid rgba(0,0,0,.85); top: -7px; display: block; position: absolute} .MT-contacts-list .floder-icon .popover.top{margin-top: -40px} .MT-contacts-list .floder-icon .popover.top:before{border-top: 7px solid rgba(0,0,0,.85); bottom: -7px; display: block; position: absolute} .MT-contacts-list .floder-icon:hover .popover{display: block; -webkit-animation: fade-in .3s linear 1,move-up .3s linear 1; -moz-animation: fade-in .3s linear 1,move-up .3s linear 1; -ms-animation: fade-in .3s linear 1,move-up .3s linear 1} .MT-contacts-list .text{font-size: 1.125rem; float: left; margin-left: 20px; margin-top: 15px} .MT-contacts-list .text.textHover:hover{color: #2196f3; cursor: pointer}.marpad{margin: 0 !important; padding: 0 !important}.land-collapse-title{color: #282323 !important; font-size: 1rem; font-weight: 700}.land-content-title{color: #b0bec5}select[disabled]{cursor: not-allowed; background-color: #eee; opacity: 1}.land-inline-content{display: inline; padding-top: 10px; padding-bottom: 7px} .content-label-group .content-label-span, .land-inline-content h1, .land-inline-content h2, .land-inline-content h3, .land-inline-content h4, .land-inline-content h5, .land-inline-content p{display: inline !important} .land-inline-content h5{font-size: .95rem; margin-right: 7px; color: #00838f}.checkboxLabel16 label, .label-admin{font-size: 1rem}.land-inline-content h5:before{content: "\f0da"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; padding-right: 5px; color: #00838f}.land-inline-content.bg-white{background: #fdfdfd; border-top: 1px solid #eee; border-bottom: 1px solid #eee}.land-inline-striped .row:nth-child(odd){background: #f7f7f7}.land-inline-striped .row:nth-child(even){background: #fdfdfd; border-top: 1px solid #eee; border-bottom: 1px solid #eee}.content-label-group .content-label-addnew{display: inline !important; width: 30px; float: left}.content-label-group .content-label-span span{margin: 2px}.boxShadow{box-shadow: #d2d2d2 1px 1px 2px,#d2d2d2 2px 2px 20px}.label-admin-group{display: inline-block; margin-bottom: 7px; width: 60%}.label-admin{padding: 3px 9px; text-shadow: none; background-color: #93e3ed; font-weight: 600; color: #555; border-radius: 3px} .label-admin i{color: #555 !important}.permission-group{margin-left: 1px; margin-right: 1px}.modal-footer .btn-cons{margin-bottom: 0}.tabs-fa-group .filetype-text{color: #fff; font-size: .6875rem}.tabs-fa-group .fa-stack-1x{top: .25em}.tabs-fa-group .fa-lg, .tabs-fa-group .fa-stack-2x{font-size: 1.5625rem}.tabs-fa-group .fa-stack{font-size: .5em; vertical-align: -16%}.menu-show{display: block}.panel-blue .panel-heading{background: #2196f3; color: #fff}.panel-blue .panel-body{border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6}.contacts-modal .modal-footer .contacts-btn{text-shadow: 0 2px 2px rgba(0,0,0,.3); line-height: 3.75rem}.contactUserTex{padding-left: 15px}.modal-dropmenu{padding: 5px 0; margin: 0; font-size: .875rem; background-color: #fff; background-clip: padding-box} .modal-dropmenu > li > button{border: none} .modal-dropmenu > li > a, .modal-dropmenu > li > button{line-height: 1.5625rem; margin: 4px; border-radius: 3px; text-align: left; display: block; padding: 3px 20px; clear: both; font-weight: 400; color: #333; white-space: nowrap; font-size: 1rem} .modal-dropmenu > li > a:hover{color: #1b1e24; text-decoration: none; background-color: #eff2f3; background-image: none} .modal-dropmenu li{padding-left: 0; line-height: 1.25rem}.modal_extra_submenu .modal-content{border: none}.property-modal .modal-body{margin: 0; padding: 0; background-color: #fff} .property-modal .modal-body .img-box{overflow: hidden; height: 250px} .property-modal .modal-body .img-box img{width: 100%} .property-modal .modal-body .infomation-box ul{list-style: circle; margin: 10px auto; max-width: 550px; font-size: 1rem; color: #666; line-height: 1.25} .property-modal .modal-body .infomation-box ul li{padding: 7px 0} .property-modal .modal-body .choices-box ul{list-style: none; margin: 0; font-size: 1rem; color: #666; line-height: 1.25; padding: 0} .property-modal .modal-body .choices-box ul li{padding: 15px 25px; border-bottom: 1px solid #eee}.property-modal .modal-footer{margin-top: -15px}.photoUploadGallery .photoImgBox{width: 180px; height: 180px; background: #aaa; overflow: hidden; position: relative; z-index: 1} .photoUploadGallery .photoImgBox .photoImg{background-position: top left; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.24,1,.32,1); z-index: 2} .photoUploadGallery .photoImgBox .photoImg .overlayBG{width: 100%; height: 100%; position: absolute; background-color: #000; opacity: .4} .photoUploadGallery .photoImgBox .photoImg img{height: 100%; z-index: 2} .photoUploadGallery .photoImgBox .photoCheckbox{cursor: pointer; position: absolute; top: 0; left: 7px; padding: 0; z-index: 3} .photoUploadGallery .photoImgBox .photoCheckbox:before{margin: 0; padding: 0; content: "\f1db"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #fff; font-size: 1.75rem; opacity: 0} .photoUploadGallery .photoImgBox .photoCheckbox.photoClick:after, .photoUploadGallery .photoImgBox > .photoCheckbox:hover:after{position: absolute; right: 0; content: "\f058" !important; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; font-size: 1.75rem; color: #fff} .photoUploadGallery .photoImgBox .photoCheckbox:before:hover, .photoUploadGallery .photoImgBox:hover .photoCheckbox:before{opacity: .9} .photoUploadGallery .photoImgBox:hover .photoImg .overlay{width: 100%; height: 100%; position: absolute; background-color: #000; opacity: .4}.photoUploadGallery .photoContainer{box-shadow: rgba(0,0,0,.3) 0 1px 3px; margin-right: 15px; margin-bottom: 15px; float: left} .photoUploadGallery .photoContainer .photoTex{height: 3.5em; width: 180px; background: #fbfbfb} .photoUploadGallery .photoContainer .photoTex p{padding-top: 7px; padding-left: 13px} .photoUploadGallery .photoContainer .photoTex textarea{width: 100%; resize: none; border: none; background: #fbfbfb; height: 3.5em} .photoUploadGallery .photoContainer .photoTex textarea:focus{background: #fff}.parking-space{height: 40px; background: #b0bec5; border-radius: 3px; width: 100%; text-align: center; color: #fff; line-height: 2.5rem; font-size: 1.25rem; margin-top: 15px; position: relative} .parking-space input[type=text]{width: 100%; resize: none; border: none; background: #cfd8dc; text-align: center} .parking-space ::-webkit-input-placeholder{text-align: center} .parking-space :-moz-placeholder{text-align: center} .parking-space ::-moz-placeholder{text-align: center} .parking-space :-ms-input-placeholder{text-align: center} .parking-space .delet-container{top: -20px; right: -12px; position: absolute} .parking-space .delet-container .delete{opacity: 0; position: relative; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease} .parking-space .delet-container .delete:after, .parking-space .delet-container .delete:before{font-weight: 400; position: absolute; text-decoration: inherit; font-family: FontAwesome; font-style: normal} .parking-space .delet-container .delete:before{content: "\f00d"; font-size: 1.5rem; color: #fff; right: 6px; z-index: 111} .parking-space .delet-container .delete:after{content: "\f111"; font-size: 2.25rem; color: #d50000; color: rgba(213,0,0,.68); right: 0; text-shadow: 1px 1px rgba(33,33,33,.27)} .parking-space:hover .delete{opacity: 1; cursor: pointer}.add-car-park .center{width: 150px; margin: 40px auto}.add-car-park input[type=text]{min-height: 36px}.parking-cantainer .img-box{width: 90px; height: 50px; background: #aaa; overflow: hidden; position: relative; z-index: 1} .parking-cantainer .img-box .img{background-position: top left; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.24,1,.32,1); z-index: 2} .parking-cantainer .img-box .img img{outline: 0; max-width: 100%; height: auto; z-index: 2}.parking-info{width: auto; height: 36px; float: left; margin-left: 10px; border-radius: 3px; border: 1px solid #c7c7c7; line-height: 2.25rem; padding: 0 10px; font-weight: 700}.parking-modal .img-box{border: 2px solid #b1b1b1; width: auto; position: relative} .parking-modal .img-box .img-palceholder{position: relative; background: #e2e2e2; height: 223px} .parking-modal .img-box .img-palceholder i{font-size: 5rem; right: 38%; position: absolute; top: 60px} .parking-modal .img-box .delet-container{top: -20px; right: -12px; position: absolute} .parking-modal .img-box .delet-container .delete{opacity: 0; position: relative; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease} .parking-modal .img-box .delet-container .delete:before{content: "\f00d"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; font-size: 1.5rem; position: absolute; color: #fff; right: 6px; top: 7px; z-index: 111} .parking-modal .img-box .delet-container .delete:after{content: "\f111"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; font-size: 2.25rem; position: absolute; color: #d50000; color: rgba(213,0,0,.68); right: 0; text-shadow: 1px 1px rgba(33,33,33,.27)} .parking-modal .img-box:hover .delete{opacity: 1; cursor: pointer}.grid.simple.Jverti-list .grid-title{padding: 7px 14px} .grid.simple.Jverti-list .grid-title .circle-check-p{margin-top: 7px; margin-right: 7px; float: left} .grid.simple.Jverti-list .grid-title .circle-check-p .circle-check{background-color: #ddd; border-radius: 20px; cursor: pointer; display: inline-block; font-size: 1.25rem; height: 35px; width: 35px; line-height: 2.1875rem; position: relative; text-align: center; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-shadow: 0 2px 0 rgba(0,0,0,.1); box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)} .grid.simple.Jverti-list .grid-title .circle-check-p .circle-check:after{position: absolute; left: 7px; top: 0; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: 1.375rem; width: 22px; height: 22px} .grid.simple.Jverti-list .grid-title .circle-check-p .circle-check:hover{background: #2ba7a7} .grid.simple.Jverti-list .grid-title .circle-check-p .circle-check.click{background: #62d6d6} .grid.simple.Jverti-list .grid-title .circle-check-p .circle-check.click:hover{background: #2ba7a7} .grid.simple.Jverti-list .grid-title .circle-check-p .circle-check:checked{background: #62d6d6} .grid.simple.Jverti-list .grid-title .circle-check-p.circle-check-p-sm .circle-check{font-size: .625rem; height: 22px; width: 22px; line-height: 1.375rem} .grid.simple.Jverti-list .grid-title .circle-check-p.circle-check-p-sm .circle-check:after{position: absolute; left: 3px; top: 0; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: .95rem; width: 15px; height: 15px} .grid.simple.Jverti-list .grid-title h4{font-size: 1.125rem; font-weight: 700; padding-top: 12px} .grid.simple.Jverti-list .grid-title .pull-right{padding-top: 7px}.Jaddon-checkbox .transparent{color: #fff; color: rgba(255,255,255,0)}.parking-row{border-top: 1px solid #e0e0e0; padding-top: 10px; padding-bottom: 10px}.park-panel{margin-bottom: 20px; background-color: #fff; border: 1px solid #d6d6d6; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.05)}.panel-Amber.panelColorClick, .panel-Cyan.panelColorClick, .panel-Grey.panelColorClick, .panel-Indigo.panelColorClick, .panel-LightGrey.panelColorClick, .panel-Red.panelColorClick, .panel-Teal.panelColorClick, .panel-selector.panelHover:hover{box-shadow: 0 0 30px rgba(0,0,0,.2)}.park-panel .panel-heading{color: #333; background-color: #f5f5f5; border-color: #ddd; cursor: pointer} .park-panel .panel-heading h4{float: left; width: 30%} .park-panel .panel-heading .input-group{float: right; width: 50%}.park-panel .panel-body{background: #e8e8e8}.park-panel.panelClick{border: 1px solid #3f51b5} .park-panel.panelClick .panel-heading{background-color: #3f51b5} .park-panel.panelClick .panel-heading h4{color: #fff} .park-panel.panelClick .panel-body{background: #fff} .park-panel.panelClick .input-group-addon{cursor: pointer}.park-panel .panel-body{border-bottom-right-radius: 4px; border-bottom-left-radius: 4px}.panel-selector{border-radius: 5px; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s} .panel-selector i{width: auto} .panel-selector .panel-heading{position: relative; padding: 10px 5px} .panel-selector .panel-heading .fa{margin-top: 10px; font-size: 3.625rem} .panel-selector .panel-heading .car__choose{position: absolute; width: 60px; height: 60px; line-height: 3.75rem; color: #fff; bottom: -22px; right: 9px; border-radius: 50%} .panel-selector .panel-heading .car__choose:hover{cursor: pointer}.panel-selector__toogle{color: #fff; position: absolute; right: 10px; top: 2px; cursor: pointer} .panel-selector__toogle:focus, .panel-selector__toogle:hover{color: #d0d7d8} .panel-selector__toogle i{font-size: 1.25rem !important}.panel-selector .list-group-item{color: #777; border-bottom: 1px solid rgba(250,250,250,.5)} .panel-selector .list-group-item:last-child{border-bottom-right-radius: 0; border-bottom-left-radius: 0} .panel-selector .list-group-item:first-child{border-top-right-radius: 0; border-top-left-radius: 0}.panel-selector .panel-body{background-color: #f0f0f0; font-size: 1.25rem; color: #777; padding-top: 7px; padding-bottom: 0; margin: 0; border-bottom-right-radius: 5px; border-top-right-radius: 5px}.panel-selector .btn{font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif}.car-info-container .car-img{border: 1px solid #acb1ad}.car-info-container ul.car-info-list{list-style-type: none; padding: 0} .car-info-container ul.car-info-list li{margin-left: 1em; color: #272727; line-height: 1.5625rem; text-align: left} .car-info-container ul.car-info-list li:before{content: '\f0da'; font-family: FontAwesome; float: left; margin-left: -.8em; color: #2f2d33}.car-info-container:after, .car-info-container:before{content: " "; display: table}.car-info-container:after{clear: both}.panel-Indigo{border: 1px solid #e0e0e0} .panel-Indigo .panel-heading{background: #3f51b5; color: #fff} .panel-Indigo .panel-heading h3{color: #fff !important} .panel-Indigo .panel-heading .car__choose{background: #252f69} .panel-Indigo .panel-heading .car__choose:hover{background: #32408f; border-bottom: 6px solid #252f69} .panel-Indigo .btn{background: #3f51b5; color: #fff} .panel-Indigo .btn:hover{background: #252f69} .panel-Indigo.panelColorClick{border: 2px solid #512da8} .panel-Indigo.panelColorClick .panel-heading{background: #512da8} .panel-Indigo.panelColorClick .btn{background: #4d5ec1} .panel-Indigo.panelColorClick .btn:hover{background: #252f69}.panel-Cyan{border: 1px solid #e0e0e0} .panel-Cyan .panel-heading{background: #00bcd4; color: #fff} .panel-Cyan .panel-heading h3{color: #fff !important} .panel-Cyan .panel-heading .car__choose{background: #00626e} .panel-Cyan .panel-heading .car__choose:hover{background: #008fa1; border-bottom: 6px solid #00626e} .panel-Cyan .btn{background: #00bcd4; color: #fff} .panel-Cyan .btn:hover{background: #00626e} .panel-Cyan.panelColorClick{border: 2px solid #1976d2} .panel-Cyan.panelColorClick .panel-heading{background: #1976d2} .panel-Cyan.panelColorClick .btn{background: #00d3ee} .panel-Cyan.panelColorClick .btn:hover{background: #00626e}.panel-Amber{border: 1px solid #e0e0e0} .panel-Amber .panel-heading{background: #ffa000; color: #fff} .panel-Amber .panel-heading h3{color: #fff !important} .panel-Amber .panel-heading .car__choose{background: #996000} .panel-Amber .panel-heading .car__choose:hover{background: #cc8000; border-bottom: 6px solid #996000} .panel-Amber .btn{background: #ffa000; color: #fff} .panel-Amber .btn:hover{background: #996000} .panel-Amber.panelColorClick{border: 2px solid #f57c00} .panel-Amber.panelColorClick .panel-heading{background: #f57c00} .panel-Amber.panelColorClick .btn{background: #ffaa1a} .panel-Amber.panelColorClick .btn:hover{background: #996000}.panel-Teal{border: 1px solid #e0e0e0} .panel-Teal .panel-heading{background: #009688; color: #fff} .panel-Teal .panel-heading h3{color: #fff !important} .panel-Teal .panel-heading .car__choose{background: #00302c} .panel-Teal .panel-heading .car__choose:hover{background: #00635a; border-bottom: 6px solid #00302c} .panel-Teal .btn{background: #009688; color: #fff} .panel-Teal .btn:hover{background: #00302c} .panel-Teal.panelColorClick{border: 2px solid #689f38} .panel-Teal.panelColorClick .panel-heading{background: #689f38} .panel-Teal.panelColorClick .btn{background: #00b09f} .panel-Teal.panelColorClick .btn:hover{background: #00302c} .panel-Teal .car-info-container ul.car-info-list li, .panel-Teal .car-info-container ul.car-info-list li:before{color: #fff}.panel-Red{border: 1px solid #e0e0e0} .panel-Red .panel-heading{background: #d32f2f; color: #fff} .panel-Red .panel-heading h3{color: #fff !important} .panel-Red .panel-heading .car__choose{background: #811b1b} .panel-Red .panel-heading .car__choose:hover{background: #ab2424; border-bottom: 6px solid #811b1b} .panel-Red .btn{background: #d32f2f; color: #fff} .panel-Red .btn:hover{background: #811b1b} .panel-Red.panelColorClick{border: 2px solid #c51162} .panel-Red.panelColorClick .panel-heading{background: #c51162} .panel-Red.panelColorClick .btn{background: #d74444} .panel-Red.panelColorClick .btn:hover{background: #811b1b} .panel-Red .car-info-container ul.car-info-list li, .panel-Red .car-info-container ul.car-info-list li:before{color: #fff}.panel-Grey{border: 1px solid #e0e0e0} .panel-Grey .panel-heading{background: #bdbdbd; color: #fff} .panel-Grey .panel-heading h3{color: #fff !important} .panel-Grey .panel-heading .car__choose{background: #8a8a8a} .panel-Grey .panel-heading .car__choose:hover{background: #a4a4a4; border-bottom: 6px solid #8a8a8a} .panel-Grey .btn{background: #bdbdbd; color: #fff} .panel-Grey .btn:hover{background: #8a8a8a} .panel-Grey.panelColorClick{border: 2px solid #757575} .panel-Grey.panelColorClick .panel-heading{background: #757575} .panel-Grey.panelColorClick .btn{background: #cacaca} .panel-Grey.panelColorClick .btn:hover{background: #8a8a8a}.panel-LightGrey{border: 1px solid #e0e0e0} .panel-LightGrey .panel-heading{background: #e0e0e0; color: #fff} .panel-LightGrey .panel-heading h3{color: #fff !important} .panel-LightGrey .panel-heading .car__choose{background: #adadad} .panel-LightGrey .panel-heading .car__choose:hover{background: #c7c7c7; border-bottom: 6px solid #adadad} .panel-LightGrey .btn{background: #e0e0e0; color: #fff} .panel-LightGrey .btn:hover{background: #adadad} .panel-LightGrey.panelColorClick{border: 2px solid #42b539} .panel-LightGrey.panelColorClick .panel-heading{background: #e0e0e0} .panel-LightGrey.panelColorClick .btn{background: #ededed} .panel-LightGrey.panelColorClick .btn:hover{background: #adadad}.car__choose.choose--Amber{background: #ff9800 !important} .car__choose.choose--Amber:hover{background: #cc7a00 !important; border-bottom: 6px solid #995b00 !important}.new-parging, .original-parking{padding-top: 10px; margin-bottom: 15px; border: 1px solid #d8d8d8}.original-parking{background: #efefef}.new-parging{background: #e8eaf6}.park-apply-list{position: fixed; width: 40px; right: 10px; background: #757575; top: 50%; text-align: center; padding: 10px 5px; color: #fff}.JLeftPannel, .iconset-white{position: relative}.park-apply-well.well{padding: 0; margin: 0} .park-apply-well.well .col-sm-12{padding: 0}.park-apply-well .semi-bold{font-size: 1rem !important; color: #4c4c4c}.fullWidthHeader .breadC a, .plusBtn{color: #fff}.tableJrab tr{cursor: -moz-grab} .tableJrab tr:hover{background: #ceebef; background: rgba(206,235,239,.6); box-shadow: 0 5px 10px rgba(0,0,0,.15),0 4px 15px rgba(0,0,0,.13)}.iconset-white{background: url(/Content/images/icon/top-tray-b-white.png) no-repeat; top: 1px} .iconset-white.top-down-arrow{background-position: -238px -12px; width: 7px; height: 5px}.plusBtn{width: 45px; height: 45px; line-height: 2.8125rem; display: inline-block; border: none; font-size: 1.125rem; text-align: center; background: #d81b60; transition: .3s; border-radius: 50%; cursor: pointer; opacity: .8; box-shadow: 0 2px 5px 0 rgba(0,0,0,.11)} .plusBtn:hover{color: #fff; opacity: 1; text-decoration: none; box-shadow: 0 5px 10px rgba(0,0,0,.15),0 4px 15px rgba(0,0,0,.13)} .plusBtn + .plusBtn{margin-left: 5px}.fullWidthHeader{padding-top: 10px} .fullWidthHeader .breadC{padding-top: 5px !important} .fullWidthHeader .breadC li, .fullWidthHeader .breadC li.active{color: #fff !important} .fullWidthHeader .chat-toggler{position: relative; top: 10px; display: inline-block; min-width: 163px} .fullWidthHeader .chat-toggler a{color: #fff; font-size: .95rem; display: inline-block; float: left} .fullWidthHeader .chat-toggler .user-details{display: inline-block; float: left; line-height: 2.1875rem} .fullWidthHeader .chat-toggler .iconset-white{display: inline-block; float: left; margin: 15px 10px} .fullWidthHeader .chat-toggler .profile-pic{border-radius: 100px; display: inline-block; height: 35px; overflow: hidden; width: 35px; float: left}.MainRoad .col-sm-0{width: 0 !important; float: left; opacity: 0}.MainRoad *{transition: .5s}.JLeftPannel .toggleBtn{background: #283593; position: absolute; right: 0; top: 50%; left: auto; z-index: 40; padding: 10px 10px 7px; opacity: .5; transition: all .2s ease; cursor: pointer; color: #fff} .JLeftPannel .toggleBtn i{color: #fff; font-size: 1.25rem} .JLeftPannel .toggleBtn:hover{opacity: 1}.JLeftPannel .searchBtn{padding: 5px; width: 70%; float: left} .JLeftPannel .searchBtn input[type=text]{position: relative} .JLeftPannel .searchBtn #s{background: url(/Content/images/icon/search.png) 4px 4px no-repeat; background-size: 30px 30px; text-indent: .75em; display: inline-block; border: 0; width: 32px; height: 32px; border-radius: 3em; transition: .3s; cursor: pointer; -webkit-appearance: none; font-weight: inherit; font-size: inherit; font-family: inherit; color: #fff; vertical-align: baseline; padding-right: 20px} .JLeftPannel .searchBtn #sinput[type=search]::-webkit-search-cancel-button{-webkit-appearance: none} .JLeftPannel .searchBtn #s:focus{width: 100%; cursor: text; background: url(/Content/images/icon/search_opacity4.png) 4px 4px no-repeat #000; background: url(/Content/images/icon/search_opacity4.png) 4px 4px no-repeat rgba(0,0,0,.2); background-size: 30px 30px}.JLeftPannel .otherMenu{padding: 4px; width: 30%; float: right; text-align: center} .JLeftPannel .otherMenu .otherBtn{font-size: 1rem; color: #fff; cursor: pointer; margin: 3px; padding: 8px 5px; text-align: center; width: 45px; height: 45px; border-radius: 50%; float: right} .JLeftPannel .otherMenu .otherBtn.active, .JLeftPannel .otherMenu .otherBtn:hover{background: #1a237e} .JLeftPannel .otherMenu i{font-size: 1.6875rem} .JLeftPannel .otherMenu .button{border-radius: 50%; z-index: -1; width: 45px; height: 45px; opacity: 0; position: absolute; top: 0; margin-top: 7px; margin-right: 8px; right: 0; color: #283593; transition: all .2s ease; text-align: center} .JLeftPannel .otherMenu .button i{line-height: 1.125rem; font-size: 1.125rem; padding-top: 14px} .JLeftPannel .otherMenu .button-on{cursor: pointer; color: #fff; z-index: 51; background-color: #283593; opacity: 1} .JLeftPannel .otherMenu .button-on:hover{background-color: #4527a0} .JLeftPannel .otherMenu .button-on:nth-child(2){margin-top: 60px; transition: all .2s ease} .JLeftPannel .otherMenu .button-on:nth-child(3){margin-top: 110px; transition: all .2s ease}.JLeftPannel .plusBtn{position: absolute; width: 45px; height: 45px; line-height: 2.8125rem; top: 35px; left: -12px; z-index: 51}.JLeftPannel .transparent.input-group .form-control:first-child:focus{border-color: #ccc !important}.JLeftPannel::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #f5f5f5}.JLeftPannel ::-webkit-scrollbar{width: 8px; height: 8px}.JLeftPannel ::-webkit-scrollbar-track{background: #000; background: rgba(0,0,0,.1)}.JLeftPannel ::-webkit-scrollbar-thumb{background: #000; background: rgba(0,0,0,.5)}.JLeftPannel .toolbar{height: 60px; background: #3f51b5; border: 1px solid #3f51b5; display: block; position: relative; z-index: 2; margin: 0 auto; border-top-right-radius: 3px; border-top-left-radius: 3px}.JLeftPannel .toolbarBottom{background: #7986cb}.JLeftPannel i[class*=zmdi-]{margin: 16px; font-size: 1.5rem; cursor: pointer}.JLeftPannel .list{margin: 0 auto; list-style: none; width: 100%; background: #fff; box-shadow: inset 0 -6px 5px -5px #bfbfbf,inset 0 -5px 20px -10px #212121; overflow-y: scroll; overflow-x: hidden; padding: 0; position: relative} .JLeftPannel .list .fa-circle{font-size: .625rem !important} .JLeftPannel .list .right{padding-right: 20px; text-align: right} .JLeftPannel .list li{width: 100%; margin-left: 0; border-bottom: 1px solid #e0e0e0; padding-bottom: 12px; padding-top: 12px; position: relative; border-left: 3px solid rgba(255,255,255,0); transition: all .2s ease} .JLeftPannel .list li .writerInfo{font-size: .95rem} .JLeftPannel .list li .fLine h1{overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .JLeftPannel .list li .sLine .label{float: left} .JLeftPannel .list li .sLine .date, .JLeftPannel .list li .sLine .writerInfo{float: right; padding-right: 7px} .JLeftPannel .list li:hover{background: #fff; transition: all .3s ease-in-out; border-left: 3px solid #39cccc; box-shadow: rgba(0,0,0,.3) 0 16px 16px 0; -webkit-box-shadow: rgba(0,0,0,.3) 0 16px 16px 0; -moz-box-shadow: rgba(0,0,0,.3) 0 16px 16px 0} .JLeftPannel .list li.active{transition: all .3s ease-in-out; border-left: 5px solid #ffc107; box-shadow: rgba(0,0,0,.3) 0 8px 8px,#f5f5f5 0 -7px 8px; -webkit-box-shadow: rgba(0,0,0,.3) 0 8px 8px 0,#f5f5f5 0 -7px 8px; -moz-box-shadow: rgba(0,0,0,.3) 0 8px 8px 0,#f5f5f5 0 -7px 8px} .JLeftPannel .list li a{text-decoration: none; display: block; text-align: left} .JLeftPannel .list li a h1{font-size: 1rem; line-height: 1rem; color: #000; margin: 0 0 5px} .JLeftPannel .list li a .date{font-size: .875rem; color: #000; color: rgba(0,0,0,.54)}@keyframes slideInLeft{from{transform: translate3d(-100%,0,0); visibility: visible} to{transform: translate3d(0,0,0)}}.JLeftPannel .slideInLeft{animation-name: slideInLeft; animation-duration: 250ms; visibility: visible !important}.JLeftPannel .title{color: #000; color: rgba(0,0,0,.54); font-size: .875rem; font-weight: 500; line-height: 3rem; padding-left: 16px}.JLeftPannel hr{margin: 0; height: 1px; border: none; background-color: #e0e0e0}.JChatGroup .Accessory, .JChatGroup .Accessory a{width: 36px !important; height: 36px !important}.JRightPannel{position: relative} .JRightPannel .ToggleClickInfo i{position: absolute; right: 30px; top: 7px; font-size: 1.5625rem; cursor: pointer; color: #2196f3} .JRightPannel .ToggleClickInfo i:hover{color: #1976d2} .JRightPannel .toggleBtn{background: #283593; position: absolute; right: auto; top: 10%; left: 0; z-index: 40; padding: 10px 10px 7px; opacity: .5; transition: all .2s ease; cursor: pointer; color: #fff} .JRightPannel .toggleBtn i{color: #fff; font-size: 1.25rem} .JRightPannel .toggleBtn:hover{opacity: 1} .JRightPannel .panel-body{padding: 15px 5px} .JRightPannel .panel-group, .JRightPannel .well{margin-bottom: 0} .JRightPannel .tab-content{border: 1px solid #ddd} .JRightPannel .col-xs-12{margin-bottom: 2px}.JChatGroup{background: #f5f5f5; border: 1px solid #eaeaea; padding: 7px 10px; margin-bottom: 7px; position: relative} .JChatGroup .userInfo{color: #1976d2; font-size: .875rem; font-weight: 700} .JChatGroup .time{color: #bdbdbd; font-size: .8125rem; font-weight: 700} .JChatGroup .Accessory{float: left; margin-right: 5px} .JChatGroup .btn-float{float: left} .JChatGroup .editTool{position: absolute; right: 10px; top: 5px; transition: all .2s ease} .JChatGroup .editTool:hover{color: #1976d2; cursor: pointer}.label-pedding{color: #111; background: #bdbdbd}.label-start{color: #fff; background: #43a047}.label-pause{color: #fff; background: #607d8b}.label-stop{color: #fff; background: #d32f2f}.label-lag{color: #111; background: #fdd835}.label-delay{color: #fff; background: #ef6c00}.label-complete{color: #fff; background: #2e7d32}.cForm-control .bg-Lgrey{border: 1px solid #eee; background: #f5f5f5; border-radius: 0; border-bottom: 0}.cForm-control .form-actions{margin-top: 0; background: #eee; border: 1px solid #e0e0e0; padding: 10px 20px}.cForm-control .J-download-box{border-top: 1px solid #e0e0e0; margin: 10px -20px 0; padding: 10px 20px 0}.DeleteBtnCircle{position: absolute; bottom: 10px; right: 6px; z-index: 51; width: 45px; height: 45px; line-height: 2.8125rem; display: inline-block; border: none; font-size: 1.125rem; color: #fff; text-align: center; background: #ff1744; transition: .3s; border-radius: 50%; cursor: pointer; opacity: .8; box-shadow: 0 2px 5px 0 rgba(0,0,0,.11)} .DeleteBtnCircle:hover{color: #fff; opacity: 1; text-decoration: none; box-shadow: 0 5px 10px rgba(0,0,0,.15),0 4px 15px rgba(0,0,0,.13)} .DeleteBtnCircle + .DeleteBtnCircle{margin-left: 5px}.CallBack-icon{background: #9e9e9e; float: right; border-radius: 3px; cursor: pointer} .CallBack-icon img{width: 25px; height: 25px} .CallBack-icon:hover{background: #616161} .CallBack-icon.noanwser{background: #f44336} .CallBack-icon.anwser{background: #4caf50}.CallBack-icon-box{margin-left: auto; margin-right: auto} .CallBack-icon-box .text{float: left; margin-right: 7px} .CallBack-icon-box .CallBack-icon{float: left; text-align: center}.assign_box{position: relative} .assign_box .btn.btn-square-blue, .assign_box .btn.btn-square-green, .assign_box .btn.btn-square-lightblue, .assign_box .btn.btn-square-orange, .assign_box .btn.btn-square-red{font-size: .95rem; height: 30px; width: 30px; position: absolute; line-height: 1.875rem; right: 0; padding: 0; color: #fff; text-align: center} .assign_box .btn + .btn{margin-right: 35px} .assign_box .btn.btn-square-blue{background: #2196f3; box-shadow: 0 2px 0 #0c7cd5} .assign_box .btn.btn-square-blue:hover{background: #0c7cd5; box-shadow: 0 2px 0 #0960a5} .assign_box .btn.btn-square-lightblue{background: #03a9f4; box-shadow: 0 2px 0 #0286c2} .assign_box .btn.btn-square-lightblue:hover{background: #0286c2; box-shadow: 0 2px 0 #02638f} .assign_box .btn.btn-square-red{background: #f44336; box-shadow: 0 2px 0 #ea1c0d} .assign_box .btn.btn-square-red:hover{background: #ea1c0d; box-shadow: 0 2px 0 #ba160a} .assign_box .btn.btn-square-green{background: #4caf50; box-shadow: 0 2px 0 #3d8b40} .assign_box .btn.btn-square-green:hover{background: #3d8b40; box-shadow: 0 2px 0 #2d682f} .assign_box .btn.btn-square-orange{background: #ff6d00; box-shadow: 0 2px 0 #cc5700} .assign_box .btn.btn-square-orange:hover{background: #cc5700; box-shadow: 0 2px 0 #994100}.btn-green{background: #4caf50; color: #fff}.btn-orange{background: #ff6d00; color: #fff}.J-download-box.download-box-sm{padding: 0 10px; border-radius: 3px; margin: 5px 0; display: inline-block} .J-download-box.download-box-sm .Download-span{font-size: .75rem} .J-download-box.download-box-sm .Downloadfile-img{background-size: cover; margin-top: 4px; width: 25px; height: 25px}.assign-list{padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #e0dfdf} .assign-list:last-child{border-bottom: 0}.rCalendar .rCalendar-header{color: #505458} .rCalendar .rCalendar-header h2{font-size: 1.5625rem !important; float: left; margin-right: 5px} .rCalendar .rCalendar-header .rBtn{float: left; width: 32px; height: 32px; margin-left: 5px; margin-top: 9px; text-align: center; line-height: 2rem; border: 1px solid #c5c5c5; border-radius: 3px; color: #fff; box-shadow: inset 2px 3px 0 rgba(78,85,125,.48),inset -1px -1px 0 rgba(255,255,255,.22); background: #7a80a5; cursor: pointer} .rCalendar .rCalendar-header .rBtn:hover{background: #5f668d}.p-t-20{padding-top: 20px !important}.p-r-20{padding-right: 20px !important}.p-l-20{padding-left: 20px !important}.p-b-20{padding-bottom: 20px !important}.p-t-21{padding-top: 21px !important}.p-r-21{padding-right: 21px !important}.p-l-21{padding-left: 21px !important}.p-b-21{padding-bottom: 21px !important}.p-t-22{padding-top: 22px !important}.p-r-22{padding-right: 22px !important}.p-l-22{padding-left: 22px !important}.p-b-22{padding-bottom: 22px !important}.p-t-23{padding-top: 23px !important}.p-r-23{padding-right: 23px !important}.p-l-23{padding-left: 23px !important}.p-b-23{padding-bottom: 23px !important}.p-t-24{padding-top: 24px !important}.p-r-24{padding-right: 24px !important}.p-l-24{padding-left: 24px !important}.p-b-24{padding-bottom: 24px !important}.p-t-25{padding-top: 25px !important}.p-r-25{padding-right: 25px !important}.p-l-25{padding-left: 25px !important}.p-b-25{padding-bottom: 25px !important}.p-t-26{padding-top: 26px !important}.p-r-26{padding-right: 26px !important}.p-l-26{padding-left: 26px !important}.p-b-26{padding-bottom: 26px !important}.p-t-27{padding-top: 27px !important}.p-r-27{padding-right: 27px !important}.p-l-27{padding-left: 27px !important}.p-b-27{padding-bottom: 27px !important}.p-t-28{padding-top: 28px !important}.p-r-28{padding-right: 28px !important}.p-l-28{padding-left: 28px !important}.p-b-28{padding-bottom: 28px !important}.p-t-29{padding-top: 29px !important}.p-r-29{padding-right: 29px !important}.p-l-29{padding-left: 29px !important}.p-b-29{padding-bottom: 29px !important}.p-t-30{padding-top: 30px !important}.p-r-30{padding-right: 30px !important}.p-l-30{padding-left: 30px !important}.p-b-30{padding-bottom: 30px !important}.p-t-31{padding-top: 31px !important}.p-r-31{padding-right: 31px !important}.p-l-31{padding-left: 31px !important}.p-b-31{padding-bottom: 31px !important}.p-t-32{padding-top: 32px !important}.p-r-32{padding-right: 32px !important}.p-l-32{padding-left: 32px !important}.p-b-32{padding-bottom: 32px !important}.p-t-33{padding-top: 33px !important}.p-r-33{padding-right: 33px !important}.p-l-33{padding-left: 33px !important}.p-b-33{padding-bottom: 33px !important}.p-t-34{padding-top: 34px !important}.p-r-34{padding-right: 34px !important}.p-l-34{padding-left: 34px !important}.p-b-34{padding-bottom: 34px !important}.p-t-35{padding-top: 35px !important}.p-r-35{padding-right: 35px !important}.p-l-35{padding-left: 35px !important}.p-b-35{padding-bottom: 35px !important}.p-t-36{padding-top: 36px !important}.p-r-36{padding-right: 36px !important}.p-l-36{padding-left: 36px !important}.p-b-36{padding-bottom: 36px !important}.p-t-37{padding-top: 37px !important}.p-r-37{padding-right: 37px !important}.p-l-37{padding-left: 37px !important}.p-b-37{padding-bottom: 37px !important}.p-t-38{padding-top: 38px !important}.p-r-38{padding-right: 38px !important}.p-l-38{padding-left: 38px !important}.p-b-38{padding-bottom: 38px !important}.p-t-39{padding-top: 39px !important}.p-r-39{padding-right: 39px !important}.p-l-39{padding-left: 39px !important}.p-b-39{padding-bottom: 39px !important}.p-t-40{padding-top: 40px !important}.p-r-40{padding-right: 40px !important}.p-l-40{padding-left: 40px !important}.p-b-40{padding-bottom: 40px !important}.p-t-41{padding-top: 41px !important}.p-r-41{padding-right: 41px !important}.p-l-41{padding-left: 41px !important}.p-b-41{padding-bottom: 41px !important}.p-t-42{padding-top: 42px !important}.p-r-42{padding-right: 42px !important}.p-l-42{padding-left: 42px !important}.p-b-42{padding-bottom: 42px !important}.p-t-43{padding-top: 43px !important}.p-r-43{padding-right: 43px !important}.p-l-43{padding-left: 43px !important}.p-b-43{padding-bottom: 43px !important}.p-t-44{padding-top: 44px !important}.p-r-44{padding-right: 44px !important}.p-l-44{padding-left: 44px !important}.p-b-44{padding-bottom: 44px !important}.p-t-45{padding-top: 45px !important}.p-r-45{padding-right: 45px !important}.p-l-45{padding-left: 45px !important}.p-b-45{padding-bottom: 45px !important}.p-t-46{padding-top: 46px !important}.p-r-46{padding-right: 46px !important}.p-l-46{padding-left: 46px !important}.p-b-46{padding-bottom: 46px !important}.p-t-47{padding-top: 47px !important}.p-r-47{padding-right: 47px !important}.p-l-47{padding-left: 47px !important}.p-b-47{padding-bottom: 47px !important}.p-t-48{padding-top: 48px !important}.p-r-48{padding-right: 48px !important}.p-l-48{padding-left: 48px !important}.p-b-48{padding-bottom: 48px !important}.p-t-49{padding-top: 49px !important}.p-r-49{padding-right: 49px !important}.p-l-49{padding-left: 49px !important}.p-b-49{padding-bottom: 49px !important}.p-t-50{padding-top: 50px !important}.p-r-50{padding-right: 50px !important}.p-l-50{padding-left: 50px !important}.p-b-50{padding-bottom: 50px !important}.p-t-51{padding-top: 51px !important}.p-r-51{padding-right: 51px !important}.p-l-51{padding-left: 51px !important}.p-b-51{padding-bottom: 51px !important}.p-t-52{padding-top: 52px !important}.p-r-52{padding-right: 52px !important}.p-l-52{padding-left: 52px !important}.p-b-52{padding-bottom: 52px !important}.p-t-53{padding-top: 53px !important}.p-r-53{padding-right: 53px !important}.p-l-53{padding-left: 53px !important}.p-b-53{padding-bottom: 53px !important}.p-t-54{padding-top: 54px !important}.p-r-54{padding-right: 54px !important}.p-l-54{padding-left: 54px !important}.p-b-54{padding-bottom: 54px !important}.p-t-55{padding-top: 55px !important}.p-r-55{padding-right: 55px !important}.p-l-55{padding-left: 55px !important}.p-b-55{padding-bottom: 55px !important}.p-t-56{padding-top: 56px !important}.p-r-56{padding-right: 56px !important}.p-l-56{padding-left: 56px !important}.p-b-56{padding-bottom: 56px !important}.p-t-57{padding-top: 57px !important}.p-r-57{padding-right: 57px !important}.p-l-57{padding-left: 57px !important}.p-b-57{padding-bottom: 57px !important}.p-t-58{padding-top: 58px !important}.p-r-58{padding-right: 58px !important}.p-l-58{padding-left: 58px !important}.p-b-58{padding-bottom: 58px !important}.p-t-59{padding-top: 59px !important}.p-r-59{padding-right: 59px !important}.p-l-59{padding-left: 59px !important}.p-b-59{padding-bottom: 59px !important}.p-t-60{padding-top: 60px !important}.p-r-60{padding-right: 60px !important}.p-l-60{padding-left: 60px !important}.p-b-60{padding-bottom: 60px !important}.p-1{padding: 1px !important}.p-2{padding: 2px !important}.p-3{padding: 3px !important}.p-4{padding: 4px !important}.p-5{padding: 5px !important}.p-6{padding: 6px !important}.p-7{padding: 7px !important}.p-8{padding: 8px !important}.p-9{padding: 9px !important}.p-10{padding: 10px !important}.p-11{padding: 11px !important}.p-12{padding: 12px !important}.p-13{padding: 13px !important}.p-14{padding: 14px !important}.p-15{padding: 15px !important}.p-16{padding: 16px !important}.p-17{padding: 17px !important}.p-18{padding: 18px !important}.p-19{padding: 19px !important}.p-20{padding: 20px !important}.p-21{padding: 21px !important}.p-22{padding: 22px !important}.p-23{padding: 23px !important}.p-24{padding: 24px !important}.p-25{padding: 25px !important}.p-26{padding: 26px !important}.p-27{padding: 27px !important}.p-28{padding: 28px !important}.p-29{padding: 29px !important}.p-30{padding: 30px !important}.p-31{padding: 31px !important}.p-32{padding: 32px !important}.p-33{padding: 33px !important}.p-34{padding: 34px !important}.p-35{padding: 35px !important}.p-36{padding: 36px !important}.p-37{padding: 37px !important}.p-38{padding: 38px !important}.p-39{padding: 39px !important}.p-40{padding: 40px !important}.p-41{padding: 41px !important}.p-42{padding: 42px !important}.p-43{padding: 43px !important}.p-44{padding: 44px !important}.p-45{padding: 45px !important}.p-46{padding: 46px !important}.p-47{padding: 47px !important}.p-48{padding: 48px !important}.p-49{padding: 49px !important}.p-50{padding: 50px !important}.p-51{padding: 51px !important}.p-52{padding: 52px !important}.p-53{padding: 53px !important}.p-54{padding: 54px !important}.p-55{padding: 55px !important}.p-56{padding: 56px !important}.p-57{padding: 57px !important}.p-58{padding: 58px !important}.p-59{padding: 59px !important}.p-60{padding: 60px !important}.m-t-20{margin-top: 20px !important}.m-r-20{margin-right: 20px !important}.m-l-20{margin-left: 20px !important}.m-b-20{margin-bottom: 20px !important}.m-t-21{margin-top: 21px !important}.m-r-21{margin-right: 21px !important}.m-l-21{margin-left: 21px !important}.m-b-21{margin-bottom: 21px !important}.m-t-22{margin-top: 22px !important}.m-r-22{margin-right: 22px !important}.m-l-22{margin-left: 22px !important}.m-b-22{margin-bottom: 22px !important}.m-t-23{margin-top: 23px !important}.m-r-23{margin-right: 23px !important}.m-l-23{margin-left: 23px !important}.m-b-23{margin-bottom: 23px !important}.m-t-24{margin-top: 24px !important}.m-r-24{margin-right: 24px !important}.m-l-24{margin-left: 24px !important}.m-b-24{margin-bottom: 24px !important}.m-t-25{margin-top: 25px !important}.m-r-25{margin-right: 25px !important}.m-l-25{margin-left: 25px !important}.m-b-25{margin-bottom: 25px !important}.m-t-26{margin-top: 26px !important}.m-r-26{margin-right: 26px !important}.m-l-26{margin-left: 26px !important}.m-b-26{margin-bottom: 26px !important}.m-t-27{margin-top: 27px !important}.m-r-27{margin-right: 27px !important}.m-l-27{margin-left: 27px !important}.m-b-27{margin-bottom: 27px !important}.m-t-28{margin-top: 28px !important}.m-r-28{margin-right: 28px !important}.m-l-28{margin-left: 28px !important}.m-b-28{margin-bottom: 28px !important}.m-t-29{margin-top: 29px !important}.m-r-29{margin-right: 29px !important}.m-l-29{margin-left: 29px !important}.m-b-29{margin-bottom: 29px !important}.m-t-30{margin-top: 30px !important}.m-r-30{margin-right: 30px !important}.m-l-30{margin-left: 30px !important}.m-b-30{margin-bottom: 30px !important}.m-t-31{margin-top: 31px !important}.m-r-31{margin-right: 31px !important}.m-l-31{margin-left: 31px !important}.m-b-31{margin-bottom: 31px !important}.m-t-32{margin-top: 32px !important}.m-r-32{margin-right: 32px !important}.m-l-32{margin-left: 32px !important}.m-b-32{margin-bottom: 32px !important}.m-t-33{margin-top: 33px !important}.m-r-33{margin-right: 33px !important}.m-l-33{margin-left: 33px !important}.m-b-33{margin-bottom: 33px !important}.m-t-34{margin-top: 34px !important}.m-r-34{margin-right: 34px !important}.m-l-34{margin-left: 34px !important}.m-b-34{margin-bottom: 34px !important}.m-t-35{margin-top: 35px !important}.m-r-35{margin-right: 35px !important}.m-l-35{margin-left: 35px !important}.m-b-35{margin-bottom: 35px !important}.m-t-36{margin-top: 36px !important}.m-r-36{margin-right: 36px !important}.m-l-36{margin-left: 36px !important}.m-b-36{margin-bottom: 36px !important}.m-t-37{margin-top: 37px !important}.m-r-37{margin-right: 37px !important}.m-l-37{margin-left: 37px !important}.m-b-37{margin-bottom: 37px !important}.m-t-38{margin-top: 38px !important}.m-r-38{margin-right: 38px !important}.m-l-38{margin-left: 38px !important}.m-b-38{margin-bottom: 38px !important}.m-t-39{margin-top: 39px !important}.m-r-39{margin-right: 39px !important}.m-l-39{margin-left: 39px !important}.m-b-39{margin-bottom: 39px !important}.m-t-40{margin-top: 40px !important}.m-r-40{margin-right: 40px !important}.m-l-40{margin-left: 40px !important}.m-b-40{margin-bottom: 40px !important}.m-t-41{margin-top: 41px !important}.m-r-41{margin-right: 41px !important}.m-l-41{margin-left: 41px !important}.m-b-41{margin-bottom: 41px !important}.m-t-42{margin-top: 42px !important}.m-r-42{margin-right: 42px !important}.m-l-42{margin-left: 42px !important}.m-b-42{margin-bottom: 42px !important}.m-t-43{margin-top: 43px !important}.m-r-43{margin-right: 43px !important}.m-l-43{margin-left: 43px !important}.m-b-43{margin-bottom: 43px !important}.m-t-44{margin-top: 44px !important}.m-r-44{margin-right: 44px !important}.m-l-44{margin-left: 44px !important}.m-b-44{margin-bottom: 44px !important}.m-t-45{margin-top: 45px !important}.m-r-45{margin-right: 45px !important}.m-l-45{margin-left: 45px !important}.m-b-45{margin-bottom: 45px !important}.m-t-46{margin-top: 46px !important}.m-r-46{margin-right: 46px !important}.m-l-46{margin-left: 46px !important}.m-b-46{margin-bottom: 46px !important}.m-t-47{margin-top: 47px !important}.m-r-47{margin-right: 47px !important}.m-l-47{margin-left: 47px !important}.m-b-47{margin-bottom: 47px !important}.m-t-48{margin-top: 48px !important}.m-r-48{margin-right: 48px !important}.m-l-48{margin-left: 48px !important}.m-b-48{margin-bottom: 48px !important}.m-t-49{margin-top: 49px !important}.m-r-49{margin-right: 49px !important}.m-l-49{margin-left: 49px !important}.m-b-49{margin-bottom: 49px !important}.m-t-50{margin-top: 50px !important}.m-r-50{margin-right: 50px !important}.m-l-50{margin-left: 50px !important}.m-b-50{margin-bottom: 50px !important}.m-t-51{margin-top: 51px !important}.m-r-51{margin-right: 51px !important}.m-l-51{margin-left: 51px !important}.m-b-51{margin-bottom: 51px !important}.m-t-52{margin-top: 52px !important}.m-r-52{margin-right: 52px !important}.m-l-52{margin-left: 52px !important}.m-b-52{margin-bottom: 52px !important}.m-t-53{margin-top: 53px !important}.m-r-53{margin-right: 53px !important}.m-l-53{margin-left: 53px !important}.m-b-53{margin-bottom: 53px !important}.m-t-54{margin-top: 54px !important}.m-r-54{margin-right: 54px !important}.m-l-54{margin-left: 54px !important}.m-b-54{margin-bottom: 54px !important}.m-t-55{margin-top: 55px !important}.m-r-55{margin-right: 55px !important}.m-l-55{margin-left: 55px !important}.m-b-55{margin-bottom: 55px !important}.m-t-56{margin-top: 56px !important}.m-r-56{margin-right: 56px !important}.m-l-56{margin-left: 56px !important}.m-b-56{margin-bottom: 56px !important}.m-t-57{margin-top: 57px !important}.m-r-57{margin-right: 57px !important}.m-l-57{margin-left: 57px !important}.m-b-57{margin-bottom: 57px !important}.m-t-58{margin-top: 58px !important}.m-r-58{margin-right: 58px !important}.m-l-58{margin-left: 58px !important}.m-b-58{margin-bottom: 58px !important}.m-t-59{margin-top: 59px !important}.m-r-59{margin-right: 59px !important}.m-l-59{margin-left: 59px !important}.m-b-59{margin-bottom: 59px !important}.m-t-60{margin-top: 60px !important}.m-r-60{margin-right: 60px !important}.m-l-60{margin-left: 60px !important}.m-b-60{margin-bottom: 60px !important}.m-1{margin: 1px !important}.m-2{margin: 2px !important}.m-3{margin: 3px !important}.m-4{margin: 4px !important}.m-5{margin: 5px !important}.m-6{margin: 6px !important}.m-7{margin: 7px !important}.m-8{margin: 8px !important}.m-9{margin: 9px !important}.m-10{margin: 10px !important}.m-11{margin: 11px !important}.m-12{margin: 12px !important}.m-13{margin: 13px !important}.m-14{margin: 14px !important}.m-15{margin: 15px !important}.m-16{margin: 16px !important}.m-17{margin: 17px !important}.m-18{margin: 18px !important}.m-19{margin: 19px !important}.m-20{margin: 20px !important}.m-21{margin: 21px !important}.m-22{margin: 22px !important}.m-23{margin: 23px !important}.m-24{margin: 24px !important}.m-25{margin: 25px !important}.m-26{margin: 26px !important}.m-27{margin: 27px !important}.m-28{margin: 28px !important}.m-29{margin: 29px !important}.m-30{margin: 30px !important}.m-31{margin: 31px !important}.m-32{margin: 32px !important}.m-33{margin: 33px !important}.m-34{margin: 34px !important}.m-35{margin: 35px !important}.m-36{margin: 36px !important}.m-37{margin: 37px !important}.m-38{margin: 38px !important}.m-39{margin: 39px !important}.m-40{margin: 40px !important}.m-41{margin: 41px !important}.m-42{margin: 42px !important}.m-43{margin: 43px !important}.m-44{margin: 44px !important}.m-45{margin: 45px !important}.m-46{margin: 46px !important}.m-47{margin: 47px !important}.m-48{margin: 48px !important}.m-49{margin: 49px !important}.m-50{margin: 50px !important}.m-51{margin: 51px !important}.m-52{margin: 52px !important}.m-53{margin: 53px !important}.m-54{margin: 54px !important}.m-55{margin: 55px !important}.m-56{margin: 56px !important}.m-57{margin: 57px !important}.m-58{margin: 58px !important}.m-59{margin: 59px !important}.m-60{margin: 60px !important}.p-t-0{padding-top: 0 !important}.p-r-0{padding-right: 0 !important}.p-l-0{padding-left: 0 !important}.p-b-0{padding-bottom: 0 !important}.m-t-0{margin-top: 0 !important}.m-r-0{margin-right: 0 !important}.m-l-0{margin-left: 0 !important}.m-b-0{margin-bottom: 0 !important}@media (max-width:767px){.mainControl .mainControl-filter, .mainControl .mainControl-function, .text-left-xs{text-align: left !important} .text-right-xs{text-align: right !important} .text-center-xs{text-align: center !important} .show-xs{display: block !important} .hidden-xs{display: none !important} .invisible-xs{visibility: hidden !important} .dropdown-menu-right-xs{right: 0; left: auto} .dmf, .dropdown-menu-left-xs{left: 0; right: auto} .m-t-xs-5{margin-top: 5px} .m-r-xs-5{margin-right: 5px} .m-l-xs-5{margin-left: 5px} .m-b-xs-5{margin-bottom: 5px} .m-t-xs-10, .mainControl .mainControl-filter{margin-top: 10px} .m-r-xs-10{margin-right: 10px} .m-l-xs-10{margin-left: 10px} .m-b-xs-10{margin-bottom: 10px} .m-t-xs-15{margin-top: 15px} .m-r-xs-15{margin-right: 15px} .m-l-xs-15{margin-left: 15px} .m-b-xs-15{margin-bottom: 15px} .m-t-xs-20{margin-top: 20px} .m-r-xs-20{margin-right: 20px} .m-l-xs-20{margin-left: 20px} .m-b-xs-20{margin-bottom: 20px} .m-t-xs-25{margin-top: 25px} .m-r-xs-25{margin-right: 25px} .m-l-xs-25{margin-left: 25px} .m-b-xs-25{margin-bottom: 25px} .m-t-xs-30{margin-top: 30px} .m-r-xs-30{margin-right: 30px} .m-l-xs-30{margin-left: 30px} .m-b-xs-30{margin-bottom: 30px} .m-t-xs-35{margin-top: 35px} .m-r-xs-35{margin-right: 35px} .m-l-xs-35{margin-left: 35px} .m-b-xs-35{margin-bottom: 35px} .m-t-xs-40{margin-top: 40px} .m-r-xs-40{margin-right: 40px} .m-l-xs-40{margin-left: 40px} .m-b-xs-40{margin-bottom: 40px} .m-t-xs-45{margin-top: 45px} .m-r-xs-45{margin-right: 45px} .m-l-xs-45{margin-left: 45px} .m-b-xs-45{margin-bottom: 45px} .m-t-xs-50{margin-top: 50px} .m-r-xs-50{margin-right: 50px} .m-l-xs-50{margin-left: 50px} .m-b-xs-50{margin-bottom: 50px} .m-t-xs-55{margin-top: 55px} .m-r-xs-55{margin-right: 55px} .m-l-xs-55{margin-left: 55px} .m-b-xs-55{margin-bottom: 55px} .m-t-xs-60{margin-top: 60px} .m-r-xs-60{margin-right: 60px} .m-l-xs-60{margin-left: 60px} .m-b-xs-60{margin-bottom: 60px} .m-t-xs-65{margin-top: 65px} .m-r-xs-65{margin-right: 65px} .m-l-xs-65{margin-left: 65px} .m-b-xs-65{margin-bottom: 65px} .m-t-xs-70{margin-top: 70px} .m-r-xs-70{margin-right: 70px} .m-l-xs-70{margin-left: 70px} .m-b-xs-70{margin-bottom: 70px} .m-t-xs-75{margin-top: 75px} .m-r-xs-75{margin-right: 75px} .m-l-xs-75{margin-left: 75px} .m-b-xs-75{margin-bottom: 75px} .m-t-xs-80{margin-top: 80px} .m-r-xs-80{margin-right: 80px} .m-l-xs-80{margin-left: 80px} .m-b-xs-80{margin-bottom: 80px} .m-t-xs-85{margin-top: 85px} .m-r-xs-85{margin-right: 85px} .m-l-xs-85{margin-left: 85px} .m-b-xs-85{margin-bottom: 85px} .m-t-xs-90{margin-top: 90px} .m-r-xs-90{margin-right: 90px} .m-l-xs-90{margin-left: 90px} .m-b-xs-90{margin-bottom: 90px} .m-t-xs-95{margin-top: 95px} .m-r-xs-95{margin-right: 95px} .m-l-xs-95{margin-left: 95px} .m-b-xs-95{margin-bottom: 95px} .m-t-xs-100{margin-top: 100px} .m-r-xs-100{margin-right: 100px} .m-l-xs-100{margin-left: 100px} .m-b-xs-100{margin-bottom: 100px} .news-group .checkbox-nolabeltex{float: left; margin: 12px 7px 0 0} .news-group .checkbox-nolabeltex.checkbox label:after{left: 3.2px; top: -2px} .news-group .label{margin-left: 0; display: none} .news-group .status{float: left} .news-group .fa-paperclip{display: none} .news-group .info-time{margin-top: -8px} .news-group h4{width: 90%} .news-group .news-group-enpend{text-align: right} .news-group .btn-group-drop-sm, .news-group .p-l-18{padding-left: 5px} .news-group .btn-group-drop-sm .dropdown-menu{left: 0; right: 0; margin-left: 3px} .btn-group-drop-sm{display: block !important} .btn-group-drop-sm .fuctionBtn{display: block; width: 100%; padding-right: 0; padding-left: 0} .btn-group-drop-sm .dropdown-menu{left: 0; width: 100%; top: auto; bottom: 100%; margin-bottom: 1px} .btn-group-drop-sm .arrow_r_int, .btn-group-drop-sm .arrow_r_out{display: none} .rangeDTPicker .col-sm-6:nth-child(2){margin-top: 60px}}@media (min-width:768px) and (max-width:991px){.text-left-sm{text-align: left !important} .mainControl .mainControl-function, .text-right-sm{text-align: right !important} .text-center-sm{text-align: center !important} .show-sm{display: block !important} .hidden-sm{display: none !important} .invisible-sm{visibility: hidden !important} .dropdown-menu-right-sm{right: 0; left: auto} .dropdown-menu-left-sm{left: 0; right: auto} .m-t-sm-5{margin-top: 5px} .m-r-sm-5{margin-right: 5px} .m-l-sm-5{margin-left: 5px} .m-b-sm-5{margin-bottom: 5px} .m-t-sm-10, .mainControl .mainControl-filter, .mainControl .mainControl-function{margin-top: 10px} .m-r-sm-10{margin-right: 10px} .m-l-sm-10{margin-left: 10px} .m-b-sm-10{margin-bottom: 10px} .m-t-sm-15{margin-top: 15px} .m-r-sm-15{margin-right: 15px} .m-l-sm-15{margin-left: 15px} .m-b-sm-15{margin-bottom: 15px} .m-t-sm-20{margin-top: 20px} .m-r-sm-20{margin-right: 20px} .m-l-sm-20{margin-left: 20px} .m-b-sm-20{margin-bottom: 20px} .m-t-sm-25{margin-top: 25px} .m-r-sm-25{margin-right: 25px} .m-l-sm-25{margin-left: 25px} .m-b-sm-25{margin-bottom: 25px} .m-t-sm-30{margin-top: 30px} .m-r-sm-30{margin-right: 30px} .m-l-sm-30{margin-left: 30px} .m-b-sm-30{margin-bottom: 30px} .m-t-sm-35{margin-top: 35px} .m-r-sm-35{margin-right: 35px} .m-l-sm-35{margin-left: 35px} .m-b-sm-35{margin-bottom: 35px} .m-t-sm-40{margin-top: 40px} .m-r-sm-40{margin-right: 40px} .m-l-sm-40{margin-left: 40px} .m-b-sm-40{margin-bottom: 40px} .m-t-sm-45{margin-top: 45px} .m-r-sm-45{margin-right: 45px} .m-l-sm-45{margin-left: 45px} .m-b-sm-45{margin-bottom: 45px} .m-t-sm-50{margin-top: 50px} .m-r-sm-50{margin-right: 50px} .m-l-sm-50{margin-left: 50px} .m-b-sm-50{margin-bottom: 50px} .m-t-sm-55{margin-top: 55px} .m-r-sm-55{margin-right: 55px} .m-l-sm-55{margin-left: 55px} .m-b-sm-55{margin-bottom: 55px} .m-t-sm-60{margin-top: 60px} .m-r-sm-60{margin-right: 60px} .m-l-sm-60{margin-left: 60px} .m-b-sm-60{margin-bottom: 60px} .m-t-sm-65{margin-top: 65px} .m-r-sm-65{margin-right: 65px} .m-l-sm-65{margin-left: 65px} .m-b-sm-65{margin-bottom: 65px} .m-t-sm-70{margin-top: 70px} .m-r-sm-70{margin-right: 70px} .m-l-sm-70{margin-left: 70px} .m-b-sm-70{margin-bottom: 70px} .m-t-sm-75{margin-top: 75px} .m-r-sm-75{margin-right: 75px} .m-l-sm-75{margin-left: 75px} .m-b-sm-75{margin-bottom: 75px} .m-t-sm-80{margin-top: 80px} .m-r-sm-80{margin-right: 80px} .m-l-sm-80{margin-left: 80px} .m-b-sm-80{margin-bottom: 80px} .m-t-sm-85{margin-top: 85px} .m-r-sm-85{margin-right: 85px} .m-l-sm-85{margin-left: 85px} .m-b-sm-85{margin-bottom: 85px} .m-t-sm-90{margin-top: 90px} .m-r-sm-90{margin-right: 90px} .m-l-sm-90{margin-left: 90px} .m-b-sm-90{margin-bottom: 90px} .m-t-sm-95{margin-top: 95px} .m-r-sm-95{margin-right: 95px} .m-l-sm-95{margin-left: 95px} .m-b-sm-95{margin-bottom: 95px} .m-t-sm-100{margin-top: 100px} .m-r-sm-100{margin-right: 100px} .m-l-sm-100{margin-left: 100px} .m-b-sm-100{margin-bottom: 100px} .dmf{right: 0; left: auto}}@media (min-width:992px) and (max-width:1199px){.text-left-md{text-align: left !important} .mainControl .mainControl-function, .text-right-md{text-align: right !important} .text-center-md{text-align: center !important} .show-md{display: block !important} .hidden-md{display: none !important} .invisible-md{visibility: hidden !important} .dropdown-menu-right-md{right: 0; left: auto} .dropdown-menu-left-md{left: 0; right: auto} .m-t-md-5{margin-top: 5px} .m-r-md-5{margin-right: 5px} .m-l-md-5{margin-left: 5px} .m-b-md-5{margin-bottom: 5px} .m-t-md-10{margin-top: 10px} .m-r-md-10{margin-right: 10px} .m-l-md-10{margin-left: 10px} .m-b-md-10{margin-bottom: 10px} .m-t-md-15{margin-top: 15px} .m-r-md-15{margin-right: 15px} .m-l-md-15{margin-left: 15px} .m-b-md-15{margin-bottom: 15px} .m-t-md-20{margin-top: 20px} .m-r-md-20{margin-right: 20px} .m-l-md-20{margin-left: 20px} .m-b-md-20{margin-bottom: 20px} .m-t-md-25{margin-top: 25px} .m-r-md-25{margin-right: 25px} .m-l-md-25{margin-left: 25px} .m-b-md-25{margin-bottom: 25px} .m-t-md-30{margin-top: 30px} .m-r-md-30{margin-right: 30px} .m-l-md-30{margin-left: 30px} .m-b-md-30{margin-bottom: 30px} .m-t-md-35{margin-top: 35px} .m-r-md-35{margin-right: 35px} .m-l-md-35{margin-left: 35px} .m-b-md-35{margin-bottom: 35px} .m-t-md-40{margin-top: 40px} .m-r-md-40{margin-right: 40px} .m-l-md-40{margin-left: 40px} .m-b-md-40{margin-bottom: 40px} .m-t-md-45{margin-top: 45px} .m-r-md-45{margin-right: 45px} .m-l-md-45{margin-left: 45px} .m-b-md-45{margin-bottom: 45px} .m-t-md-50{margin-top: 50px} .m-r-md-50{margin-right: 50px} .m-l-md-50{margin-left: 50px} .m-b-md-50{margin-bottom: 50px} .m-t-md-55{margin-top: 55px} .m-r-md-55{margin-right: 55px} .m-l-md-55{margin-left: 55px} .m-b-md-55{margin-bottom: 55px} .m-t-md-60{margin-top: 60px} .m-r-md-60{margin-right: 60px} .m-l-md-60{margin-left: 60px} .m-b-md-60{margin-bottom: 60px} .m-t-md-65{margin-top: 65px} .m-r-md-65{margin-right: 65px} .m-l-md-65{margin-left: 65px} .m-b-md-65{margin-bottom: 65px} .m-t-md-70{margin-top: 70px} .m-r-md-70{margin-right: 70px} .m-l-md-70{margin-left: 70px} .m-b-md-70{margin-bottom: 70px} .m-t-md-75{margin-top: 75px} .m-r-md-75{margin-right: 75px} .m-l-md-75{margin-left: 75px} .m-b-md-75{margin-bottom: 75px} .m-t-md-80{margin-top: 80px} .m-r-md-80{margin-right: 80px} .m-l-md-80{margin-left: 80px} .m-b-md-80{margin-bottom: 80px} .m-t-md-85{margin-top: 85px} .m-r-md-85{margin-right: 85px} .m-l-md-85{margin-left: 85px} .m-b-md-85{margin-bottom: 85px} .m-t-md-90{margin-top: 90px} .m-r-md-90{margin-right: 90px} .m-l-md-90{margin-left: 90px} .m-b-md-90{margin-bottom: 90px} .m-t-md-95{margin-top: 95px} .m-r-md-95{margin-right: 95px} .m-l-md-95{margin-left: 95px} .m-b-md-95{margin-bottom: 95px} .m-t-md-100{margin-top: 100px} .m-r-md-100{margin-right: 100px} .m-l-md-100{margin-left: 100px} .m-b-md-100{margin-bottom: 100px} .dmf{right: 0; left: auto}}@media (min-width:1200px){.text-left-lg{text-align: left !important} .mainControl .mainControl-function, .text-right-lg{text-align: right !important} .text-center-lg{text-align: center !important} .show-lg{display: block !important} .hidden-lg{display: none !important} .invisible-lg{visibility: hidden !important} .dropdown-menu-right-lg{right: 0; left: auto} .dropdown-menu-left-lg{left: 0; right: auto} .m-t-lg-5{margin-top: 5px} .m-r-lg-5{margin-right: 5px} .m-l-lg-5{margin-left: 5px} .m-b-lg-5{margin-bottom: 5px} .m-t-lg-10{margin-top: 10px} .m-r-lg-10{margin-right: 10px} .m-l-lg-10{margin-left: 10px} .m-b-lg-10{margin-bottom: 10px} .m-t-lg-15{margin-top: 15px} .m-r-lg-15{margin-right: 15px} .m-l-lg-15{margin-left: 15px} .m-b-lg-15{margin-bottom: 15px} .m-t-lg-20{margin-top: 20px} .m-r-lg-20{margin-right: 20px} .m-l-lg-20{margin-left: 20px} .m-b-lg-20{margin-bottom: 20px} .m-t-lg-25{margin-top: 25px} .m-r-lg-25{margin-right: 25px} .m-l-lg-25{margin-left: 25px} .m-b-lg-25{margin-bottom: 25px} .m-t-lg-30{margin-top: 30px} .m-r-lg-30{margin-right: 30px} .m-l-lg-30{margin-left: 30px} .m-b-lg-30{margin-bottom: 30px} .m-t-lg-35{margin-top: 35px} .m-r-lg-35{margin-right: 35px} .m-l-lg-35{margin-left: 35px} .m-b-lg-35{margin-bottom: 35px} .m-t-lg-40{margin-top: 40px} .m-r-lg-40{margin-right: 40px} .m-l-lg-40{margin-left: 40px} .m-b-lg-40{margin-bottom: 40px} .m-t-lg-45{margin-top: 45px} .m-r-lg-45{margin-right: 45px} .m-l-lg-45{margin-left: 45px} .m-b-lg-45{margin-bottom: 45px} .m-t-lg-50{margin-top: 50px} .m-r-lg-50{margin-right: 50px} .m-l-lg-50{margin-left: 50px} .m-b-lg-50{margin-bottom: 50px} .m-t-lg-55{margin-top: 55px} .m-r-lg-55{margin-right: 55px} .m-l-lg-55{margin-left: 55px} .m-b-lg-55{margin-bottom: 55px} .m-t-lg-60{margin-top: 60px} .m-r-lg-60{margin-right: 60px} .m-l-lg-60{margin-left: 60px} .m-b-lg-60{margin-bottom: 60px} .m-t-lg-65{margin-top: 65px} .m-r-lg-65{margin-right: 65px} .m-l-lg-65{margin-left: 65px} .m-b-lg-65{margin-bottom: 65px} .m-t-lg-70{margin-top: 70px} .m-r-lg-70{margin-right: 70px} .m-l-lg-70{margin-left: 70px} .m-b-lg-70{margin-bottom: 70px} .m-t-lg-75{margin-top: 75px} .m-r-lg-75{margin-right: 75px} .m-l-lg-75{margin-left: 75px} .m-b-lg-75{margin-bottom: 75px} .m-t-lg-80{margin-top: 80px} .m-r-lg-80{margin-right: 80px} .m-l-lg-80{margin-left: 80px} .m-b-lg-80{margin-bottom: 80px} .m-t-lg-85{margin-top: 85px} .m-r-lg-85{margin-right: 85px} .m-l-lg-85{margin-left: 85px} .m-b-lg-85{margin-bottom: 85px} .m-t-lg-90{margin-top: 90px} .m-r-lg-90{margin-right: 90px} .m-l-lg-90{margin-left: 90px} .m-b-lg-90{margin-bottom: 90px} .m-t-lg-95{margin-top: 95px} .m-r-lg-95{margin-right: 95px} .m-l-lg-95{margin-left: 95px} .m-b-lg-95{margin-bottom: 95px} .m-t-lg-100{margin-top: 100px} .m-r-lg-100{margin-right: 100px} .m-l-lg-100{margin-left: 100px} .m-b-lg-100{margin-bottom: 100px} .dmf{right: 0; left: auto} .col-lg-5ths{width: 20%; float: left}}table.table-center, table.table-center tr th{text-align: center}@media (max-width:480px){.survey-wizard span{display: none} .survey-wizard li:not(:last-child):before{border-width: 21px; margin-top: -3px; margin-left: 30px; z-index: 11111} .survey-wizard li:not(:last-child):after{border-left-color: #e4e4e4; border-width: 22px; margin-top: -40px; margin-left: 31px; z-index: 1111} .survey-wizard li.active:before{border-left-color: #ddd} .survey-wizard li a{padding: 7px 0} .survey-wizard.wizard-no-arrow:after, .survey-wizard.wizard-no-arrow:before{content: none}}.col-lg-5ths, .col-md-5ths, .col-sm-5ths, .col-xs-5ths{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px}.col-xs-5ths{width: 20%; float: left}@media (min-width:768px){.col-sm-5ths{width: 20%; float: left}}@media (min-width:992px){.col-md-5ths{width: 20%; float: left}}.owl-mega .owl-theme .owl-controls{margin-top: 10px; text-align: center} .owl-mega .owl-theme .owl-controls .owl-buttons div{color: #111; display: inline-block; zoom: 1; margin: 5px; padding: 3px 10px; font-size: .75rem; border-radius: 30px; background: #fff; filter: Alpha(Opacity=50); opacity: .3; position: absolute} .owl-mega .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100); opacity: 1; text-decoration: none} .owl-mega .owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1} .owl-mega .owl-theme .owl-controls .owl-page span{display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: .5; border-radius: 20px; background: #869791}.table-striped-Amber .total-content div, .table-striped-Amber .total-content strong, .table-striped-Cyan .total-content div, .table-striped-Cyan .total-content strong, .table-striped-LightGreen .total-content div, .table-striped-LightGreen .total-content strong{display: inline-block}.owl-mega .owl-theme .owl-controls .owl-page.active span, .owl-mega .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100); opacity: 1}.owl-mega .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto; color: #fff; padding: 2px 10px; font-size: .75rem; border-radius: 30px}.owl-mega .owl-item.loading{min-height: 150px; background: url(/Content/LayoutWithoutMenu/AjaxLoader.gif) center center no-repeat}.owl-mega .wrapper-with-margin{margin: 0 50px}table.table-center, table.table-left, table.table-right{margin-left: auto; margin-right: auto}.owl-mega .owl-theme .owl-controls .owl-buttons .owl-prev{border-radius: 0; z-index: 11111; left: -45px; top: 35%}.owl-mega .owl-theme .owl-controls .owl-buttons .owl-next{border-radius: 0; z-index: 11111; right: -45px; top: 35%}.owl-gallery .owl-theme .owl-controls .owl-buttons div{position: absolute}.owl-gallery .owl-theme .owl-controls .owl-buttons .owl-prev{border-radius: 0; z-index: 11111; left: -35px !important; top: 40%}.owl-gallery .owl-theme .owl-controls .owl-buttons .owl-next{border-radius: 0; z-index: 11111; right: -37px !important; top: 40%}table.table-right, table.table-right tr th{text-align: right}table.table-left, table.table-left tr th{text-align: left}.table td, .table th{font-size: 1rem} .table td .col-divide + .col-divide{border-top: 1px solid #e0e0e0} .table td .col-divide{margin-right: -12px; margin-left: -12px; padding: 12px 10px; background: #f0fdff} .table td .col-divide:nth-child(even){background: #f9f9f9}table tbody > tr > td.vert-center, table.table-vert-center, table.table-vert-center tr td, table.table-vert-center tr th{vertical-align: middle}.table-circle-check-p .circle-check-p .circle-check{background-color: #ddd; border-radius: 20px; cursor: pointer; display: inline-block; font-size: 1.25rem; height: 30px; width: 30px; line-height: 1.875rem; position: relative; text-align: center; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-shadow: 0 2px 0 rgba(0,0,0,.1); box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)}.table-striped-Amber .treeTable_st1:not(:first-child), .table-striped-Cyan .treeTable_st1:not(:first-child), .table-striped-LightGreen .treeTable_st1:not(:first-child){box-shadow: 0 -2px 4px rgba(222,218,218,.63)}.table-circle-check-p .circle-check-p .circle-check:after{position: absolute; left: 5px; top: 0; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: 1.25rem; width: 20px; height: 20px}.table-circle-check-p .circle-check-p .circle-check:hover{background: #2ba7a7}.table-circle-check-p .circle-check-p .circle-check.click{background: #62d6d6} .table-circle-check-p .circle-check-p .circle-check.click:hover{background: #2ba7a7}.table-circle-check-p .circle-check-p .circle-check:checked{background: #62d6d6}.table th{text-transform: none}.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th{cursor: pointer; background: #fafafa}.table-th-blue th{background: #5ca8de !important; color: #fff}.table-th-cyan th{background: #00acc1 !important; color: #fff}.table-td-green td{background: #eef7f0 !important}.table-td-green-darken td{background: #cbe7d1}.table-narrow-v-xs > tbody > tr > td, .table-narrow-v-xs > tbody > tr > th, .table-narrow-v-xs > tfoot > tr > td, .table-narrow-v-xs > tfoot > tr > th, .table-narrow-v-xs > thead > tr > td, .table-narrow-v-xs > thead > tr > th{font-size: .8125rem !important; padding: 3px !important}.table-narrow-v-sm > tbody > tr > td, .table-narrow-v-sm > tbody > tr > th, .table-narrow-v-sm > tfoot > tr > td, .table-narrow-v-sm > tfoot > tr > th, .table-narrow-v-sm > thead > tr > td, .table-narrow-v-sm > thead > tr > th{font-size: .875rem !important; padding: 4px !important}.table-narrow-v-md > tbody > tr > td, .table-narrow-v-md > tbody > tr > th, .table-narrow-v-md > tfoot > tr > td, .table-narrow-v-md > tfoot > tr > th, .table-narrow-v-md > thead > tr > td, .table-narrow-v-md > thead > tr > th{font-size: .9375rem !important; padding: 8px !important}.table-narrow-v-xl > tbody > tr > td, .table-narrow-v-xl > tbody > tr > th, .table-narrow-v-xl > tfoot > tr > td, .table-narrow-v-xl > tfoot > tr > th, .table-narrow-v-xl > thead > tr > td, .table-narrow-v-xl > thead > tr > th{font-size: 1.0625rem !important; padding: 14px !important}.table-print{width: 100%; max-width: 100%} .table-print > tbody > tr > td, .table-print > tbody > tr > th, .table-print > tfoot > tr > td, .table-print > tfoot > tr > th, .table-print > thead > tr > td, .table-print > thead > tr > th{padding: .5em; line-height: 1.5em; vertical-align: top; border: 1px solid #bfc9ce} .table-print thead > tr > th{background-color: #e7ecef !important; font-size: 1.3125rem} .table-print .sub-title > td{background: #f0f8ff !important; font-weight: 700}.table-darken h5{font-size: 1.0625rem; font-weight: 700; color: #111}.table-darken.table-bordered td, .table-darken.table-bordered thead > tr > th{border: 1px solid #bfc7ce !important}.table-darken.table-bordered td{color: #111}.table-darken .sub-title > td{background: #ececec !important; font-weight: 700; padding: 8px 12px !important}.table_le2 thead > tr > th{background: #dbdee0 !important}.table .important-star{color: #f44336; font-size: 1.25rem; padding: 0 5px 0 0}.table-striped-LightGreen tbody tr:nth-of-type(odd){background: #fafcf7}.table-striped-LightGreen tbody tr:nth-of-type(2n){background: #f0f7e7}.table-striped-LightGreen thead tr td, .table-striped-LightGreen thead tr th, .table-striped-LightGreen tr.thead td{color: #fff; border-radius: 0 !important; background: #76ac39}.table-striped-LightGreen.table-hover tbody tr:hover > td, .table-striped-LightGreen.table-hover tbody tr:hover > th{background: #daecc5}.table-striped-Amber tbody tr:nth-of-type(odd){background: #fffaea}.table-striped-Amber tbody tr:nth-of-type(2n){background: #fff5d5}.table-striped-Amber thead tr td, .table-striped-Amber thead tr th, .table-striped-Amber tr.thead td{color: #fff; border-radius: 0 !important; background: #dba500}.table-striped-Amber.table-hover tbody tr:hover > td, .table-striped-Amber.table-hover tbody tr:hover > th{background: #ffe9a8}.table-striped-Cyan tbody tr:nth-of-type(odd){background: #f3fcfd}.table-striped-Cyan tbody tr:nth-of-type(2n){background: #e1f7fa}.table-striped-Cyan thead tr td, .table-striped-Cyan thead tr th, .table-striped-Cyan tr.thead td{color: #fff; border-radius: 0 !important; background: #21afc1}.table-striped-Cyan.table-hover tbody tr:hover > td, .table-striped-Cyan.table-hover tbody tr:hover > th{background: #baedf3}input.text-field-border-bottom{border: none; border-bottom: 1px solid #111}.arrow_r_int, .arrow_r_out{width: 0; height: 0; border-style: solid; position: absolute; border-width: 7px}.input-group-addon-white a:hover, .pulseT{animation-name: pulseT; -webkit-animation-name: pulseT; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite}@keyframes pulseT{0%,100%,50%{transform: scale(1.4)}}.addNewBtnColor{background: #1976d2} .addNewBtnColor:hover{background: #378fe7}.fuctionBtn{color: #fff !important; border-radius: 3px; background-color: #c5c5c5} .fuctionBtn:focus, .fuctionBtn:hover{color: #fff !important; background-color: #1976d2} .fuctionBtn.fun-stop:focus, .fuctionBtn.fun-stop:hover{background-color: #aaa} .fuctionBtn.fun-active:focus, .fuctionBtn.fun-active:hover{background-color: #4cb183}.IM-mgmt-btn-group .dropdown-menu{min-width: 60px} .IM-mgmt-btn-group .dropdown-menu > li > a{padding-left: 10px}.function-dropdown{box-shadow: 0 0 5px 1px rgba(142,142,142,.42); left: auto; right: 50px; top: -6px} .function-dropdown a{font-size: 1rem} .function-dropdown .fa-times, .function-dropdown .fa-trash{padding-right: 4px}.arrow_r_out{border-color: transparent transparent transparent #fff; top: 10px; right: -14px}.arrow_r_int{border-color: transparent transparent transparent #8e8e8e; border-color: transparent transparent transparent rgba(142,142,142,.42); top: 10px; right: -15px}.favoritesList, .newsList{border-bottom: 1px solid rgba(0,0,0,.1)}.search-dropdown-control a:not(.dropdown-toggle):not(.contacts-label-delet):not(.input-history-toggle){color: #1976d2; font-size: .95rem}.search-dropdown-control .fa-caret-down{margin-left: 0;}.search-dropdown-control .search-dropdown{width: 100%; box-shadow: 0 0 5px 1px rgba(142,142,142,.42);}.input-group-addon-white, .input-history .input-history-toggle{width: 1%; vertical-align: middle; display: table-cell; position: absolute; z-index: 100; white-space: nowrap}.search-dropdown-control .search-dropdown .row{padding: 0 20px}.search-dropdown-control .search-dropdown .form-actions{margin-bottom: 0; margin-top: 10px}.search-dropdown-control .search-dropdown .btn-cons{min-width: 100px}.input-history .input-history-toggle{top: 10px; left: 10px; font-size: .875rem; color: #909a9e}.input-history .form-control{padding-left: 26px !important}.input-group-addon-white{right: 55px; color: #b0bec5; top: 7px; cursor: pointer; transition: all .1s linear .1s} .input-group-addon-white a{transition: all .1s linear .1s; transform: scale(1); color: #b0bec5} .input-group-addon-white a:hover{color: #42a5f5}.search-button{cursor: pointer; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important} .search-button:hover{background: #64b5f6}.drop-auto-position{position: relative} .drop-auto-position.card-btn{position: absolute; top: auto !important; right: 10px; bottom: 10px} .drop-auto-position .dropdown{position: absolute; bottom: 0} .drop-auto-position .reverse{top: auto; bottom: 100%}.drop-auto-position2{position: relative} .drop-auto-position2 .dropdown{position: absolute; bottom: 0} .drop-auto-position2 .reverse{top: auto; bottom: 100%}.dropdown-multiline.row{padding: 0 !important; margin: 0 !important}.dropdown-multiline .col-xs-12, .dropdown-multiline .col-xs-3, .dropdown-multiline .col-xs-4, .dropdown-multiline .col-xs-6{padding-right: 5px; padding-left: 5px}.dropdown-multiline .drop-multilist a{line-height: 1.5625rem; color: #2a2e36; margin: 4px; border-radius: 3px; text-align: left; display: block; padding: 3px 15px; clear: both; font-weight: 400; white-space: nowrap}.newsList .newsContainer .middle .tex, .newsList .newsContainer .right .tex{max-width: 680px; height: 36px; line-height: 1.2; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis}.dropdown-multiline .drop-multilist a:focus, .dropdown-multiline .drop-multilist a:hover{color: #1b1e24; text-decoration: none; background-color: #eff2f3; background-image: none}.dropdown-multiline .active a:focus:before, .dropdown-multiline .active > a:before{content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 12px; color: #616161; font-size: .75rem}.content, .newsList{position: relative}.fa-blue, .fa-gray, .fa-green, .fa-red, .fa-yellow{font-size: .875rem}.dropdown-multiline .active > a{color: #1b1e24; text-decoration: none; background-color: #eff2f3; background-image: none}.fa-red{color: #f35958}.fa-green{color: #4cb183}.fa-yellow{color: #fbc02d}.fa-blue{color: #03a9f4}.fa-gray{color: #aaa}.news-group .Jchat-list .Jchat-box .Jchat-box-readmore:hover, .pulse{animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite}.news-group .Jinfo-box .user-photoFrom .OUbox:before, .news-group .Jinfo-box .user-photoTo .OUbox:before{content: "?"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit}.news-group .Jinfo-box .user-photoFrom .Userbox:before, .news-group .Jinfo-box .user-photoTo .Userbox:before{content: "?"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit}.newsList{overflow: hidden; padding-right: 5px} .newsList .newsContainer{padding: .5em 0} .newsList .newsContainer .left{position: absolute} .newsList .newsContainer .left .img-container{width: 95px; max-height: 82px; overflow: hidden} .newsList .newsContainer .right{padding-left: 110px} .newsList .newsContainer .right h2{overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .newsList .newsContainer .right .tex{color: #494949; display: block; display: -webkit-box; font-size: .9375rem} .newsList .newsContainer .right .date{font-size: .6875rem; color: #348fd0; font-weight: 700} .newsList .newsContainer .middle h2{overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .newsList .newsContainer .middle .tex{padding-top: 6px; color: #494949; display: block; display: -webkit-box; font-size: .9375rem} .newsList .newsContainer .middle .date{padding-top: 6px; font-size: .6875rem; color: #348fd0; font-weight: 700}.news-container .date{font-size: .8125rem; color: #2196f3}.news-container h2{color: #505458; font-size: 1.6875rem; font-weight: 700; line-height: 1.875rem}.favoritesList .listContainer .right .tex, .m-news-group .tex{max-width: 680px; line-height: 1.2; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden}.news-container h2 a{font-size: 1.125rem; color: #111} .news-container h2 a:hover{color: #ffdc00}.news-container .text-container{padding: 1em}.news-container .reporter{color: #2196f3; font-size: .95rem}.news-container .news-text{font-size: 1.125rem; padding-top: 10px}.favoritesList{position: relative; padding: 5px 0 20px 5px} .favoritesList .listContainer{padding: .5em 5px .5em 0} .favoritesList .listContainer .left .img-thumb, .favoritesList .listContainer .left .img-thumb-folder{padding-left: 0; margin-right: 0; max-height: 78px; background: #1d7cd6; text-align: center} .favoritesList .listContainer .left{position: absolute; width: 95px; overflow: hidden} .favoritesList .listContainer .left .img-thumb i{font-size: 3em; color: #fff; position: relative; top: 20px} .favoritesList .listContainer .left .img-thumb-folder i{font-size: 3em; color: #fff; position: relative; top: 20px} .favoritesList .listContainer .left .img-thumb-folder .quantity{background-color: #000; background-color: rgba(0,0,0,.5); height: 78px} .favoritesList .listContainer .left .img-thumb-folder .quantity p{color: #fff; padding: 2px 0} .favoritesList .listContainer .left .img-thumb-folder .quantity p:first-child{padding-top: 30px; font-size: 2em; font-weight: 700} .favoritesList .listContainer .left .img-thumb-folder .quantity i{font-size: 2.5em; color: #fff; position: relative; top: 0} .favoritesList .listContainer .right{padding-left: 110px} .favoritesList .listContainer .right h2{overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .favoritesList .listContainer .right .title-tex-left{position: absolute; width: 25px; top: 19px} .favoritesList .listContainer .right .title-tex-right{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; font-size: 1rem; padding-left: 25px; padding-top: 0} .favoritesList .listContainer .right .tex{color: #494949; display: block; display: -webkit-box; height: 36px; font-size: .9375rem} .favoritesList .secondlistContainer{width: 75% !important; margin-left: 25% !important} .favoritesList .card-item{cursor: default; transition: all .4s ease-in-out} .favoritesList .card-info{cursor: pointer; position: absolute; top: 0; background: #3f9393; background: rgba(63,147,147,.8); border-radius: 5px 5px 0 0; height: 82px; width: 95px; opacity: 0; transition: all .4s ease-in-out; transform: scale(0)} .favoritesList .card-item:hover .card-info, .favoritesList .card-item:hover .card-info p{opacity: 1} .favoritesList .card-info h4{color: #fff; font-size: .95rem; margin: 0 10px; padding-top: 30%; height: 82px} .favoritesList .card-item:hover{box-shadow: inset 0 0 0 1px rgba(255,255,255,.1),0 1px 2px rgba(0,0,0,.1)} .favoritesList .card-item:hover .card-info{transform: scale(1)}.m-news-group{cursor: pointer; border-left: 6px solid #1d7cd6; padding: .8em; margin-bottom: .5em; border-bottom: 1px solid #eee; box-shadow: 0 2px 1px rgba(189,189,189,.11)} .m-news-group .label{position: relative; margin-left: 10px} .m-news-group .label.label-left{margin-left: 0; margin-right: 6px} .m-news-group h4{font-size: 1.125rem; padding-bottom: 0; margin-bottom: 3px} .m-news-group .text-info{font-size: .875rem; margin: 0; padding-bottom: 7px} .m-news-group .tex{color: #494949; display: block; display: -webkit-box; height: 36px; font-size: .9375rem} .m-news-group .circle-check-p{margin-top: -5px; margin-right: -5px; float: right; z-index: 1; cursor: pointer} .m-news-group .circle-check-p .circle-check{background-color: #ddd; border-radius: 20px; display: inline-block; font-size: 1.25rem; width: 30px; height: 30px; position: relative; text-align: center; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)} .m-news-group .circle-check-p .circle-check:hover{background: #bbb} .m-news-group .circle-check-p .circle-check:after{position: absolute; left: 5px; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: 1.25rem; width: 20px; height: 20px} .m-news-group .circle-check-p .circle-check.click{background: #fff; box-shadow: 0 2px 1px rgba(170,170,170,.25); border: 2px solid #2f8be4} .m-news-group .circle-check-p .circle-check.click:hover{color: #62d6d6} .m-news-group .circle-check-p .circle-check.click:after{color: #2f8be4 !important; left: 3px} .m-news-group .circle-check-p.circle-check-p-sm .circle-check{font-size: .625rem; height: 22px; width: 22px; line-height: 1.375rem} .m-news-group .circle-check-p.circle-check-p-sm .circle-check:after{position: absolute; left: 4px; top: 1px; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: .95rem; width: 15px; height: 15px} .m-news-group .circle-check-p.circle-check-p-sm .circle-check.click:after{left: 2px; top: -1px; color: #2f8be4 !important; font-size: .95rem} .m-news-group .circle-check-p .circle-check:after{top: -3px} .m-news-group .circle-check-p .circle-check.click:after{top: -5px}.news-group{padding: 0 0 0 18px; margin-bottom: 20px; border-bottom: 1px solid #eee; box-shadow: 0 2px 1px rgba(189,189,189,.11)} .news-group .checkbox-nolabeltex{float: left; margin: 12px 7px 0 0} .news-group .checkbox-nolabeltex.checkbox label:after{left: 3.2px; top: -2px} .news-group.news-group-border{border-left: 5px solid #1976d2} .news-group.news-group-border.readGrey{border-left: 5px solid #e0e0e0} .news-group.news-group-border.readGrey h4 a, .news-group.news-group-border.readGrey p{font-weight: 400} .news-group.news-group-border-top{border-top: 5px solid #1976d2} .news-group.no-shadow{border-bottom: 1px solid rgba(255,255,255,0); box-shadow: 0 2px 1px rgba(189,189,189,0)} .news-group .Jpanel-C{position: absolute; right: 20px} .news-group .Jpanel-C i{cursor: pointer; color: #2a6496} .news-group .Jbtn-group-right{position: absolute; right: 25px} .news-group h4 a:hover{color: #448aff} .news-group .info-help{float: right; width: 23px; height: 23px; line-height: 1.4375rem; border-radius: 3px; background: #448aff; text-align: center; cursor: pointer} .news-group .info-help i{color: #fff} .news-group .info-help:hover{background: #2962ff} .news-group .fa-paperclip{margin-left: 5px; color: #888; margin-right: -5px} .news-group .img-box{float: left; overflow: hidden; padding-right: 10px} .news-group .img-box .img-sm{height: 90px; transition: .6s} .news-group .img-box .img-md{height: 140px; transition: .6s; margin-bottom: 7px} .news-group .label{top: -4px; position: relative; margin-left: 10px} .news-group .info-time, .news-group .info-to{margin: -6px 0 0; font-size: .95rem; color: #1565c0; font-weight: 700} .news-group .info-time{color: #2196f3; margin-top: 2px} .news-group .info-from{margin: 0 0 5px; padding: 0; font-size: .95rem; color: #848484; font-weight: 700} .news-group .OU, .news-group .read, .news-group .receive, .news-group .writer{margin-left: 5px} .news-group .read{color: #aaa} .news-group .read.rHover:hover{cursor: pointer; color: #0074d9} .news-group .status{color: #01579b; font-weight: 700; float: right} .news-group .OU, .news-group .writer{color: #1565c0} .news-group .receive{color: #00b8d4} .news-group .text-wrap, .news-group .text-wrap-1, .news-group .text-wrap-img{color: none; max-width: none; font-size: 1rem; overflow: hidden; text-overflow: ellipsis} .news-group .text-wrap{display: block; display: -webkit-box; height: 72px; line-height: 1.5; -webkit-line-clamp: 3} .news-group .text-wrap-1{display: block; display: -webkit-box; height: 19.2px; line-height: 1.2; -webkit-line-clamp: 1} .news-group .text-wrap-img{display: block; display: -webkit-box; height: 72px; line-height: 1.5; -webkit-line-clamp: 3} .news-group .wrap-img img{float: left; margin: 7px 7px 0 0} .news-group .wrap-img p{margin: 0} .news-group .circle-check-p{margin-top: 0; margin-right: 0; float: left; z-index: 1; cursor: pointer} .news-group .circle-check-p .circle-check{background-color: #ddd; border-radius: 20px; display: inline-block; font-size: 1.25rem; width: 30px; height: 30px; position: relative; text-align: center; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)} .news-group .circle-check-p .circle-check:after, .news-group .circle-check-p.circle-check-p-sm .circle-check:after{position: absolute; font-weight: 400; content: "\f00c"; font-style: normal; font-family: FontAwesome} .news-group .circle-check-p .circle-check:hover{background: #bbb} .news-group .circle-check-p .circle-check:after{left: 5px; top: 0; color: #fff; font-size: 1.25rem; width: 20px; height: 20px} .news-group .circle-check-p .circle-check.click{background: #fff; box-shadow: 0 2px 1px rgba(170,170,170,.25); border: 2px solid #2f8be4} .news-group .circle-check-p .circle-check.click:hover{color: #62d6d6} .news-group .circle-check-p .circle-check.click:after{color: #2f8be4 !important; left: 3px; top: -2px} .news-group .circle-check-p.circle-check-p-sm .circle-check{font-size: .625rem; height: 22px; width: 22px; line-height: 1.375rem} .news-group .circle-check-p.circle-check-p-sm .circle-check:after{left: 4px; top: 1px; color: #fff; font-size: .95rem; width: 15px; height: 15px} .news-group .circle-check-p.circle-check-p-sm .circle-check.click:after{left: 2px; top: -1px; color: #2f8be4 !important; font-size: .95rem} .news-group .Jinfo-box{margin-top: 10px; display: inline} .news-group .Jinfo-box p{margin-right: 15px; display: inline} .news-group .Jinfo-box .user-photoFrom, .news-group .Jinfo-box .user-photoTo{width: 30px; height: 30px; display: inline-block; margin-bottom: 10px; margin-top: -20px; position: relative; border-radius: 50%} .news-group .Jinfo-box .user-photoFrom .OUbox:before, .news-group .Jinfo-box .user-photoTo .OUbox:before{left: 19%} .news-group .Jinfo-box .user-photoFrom .Userbox:before, .news-group .Jinfo-box .user-photoTo .Userbox:before{left: 25%} .news-group .Jinfo-box .user-photoFrom .OUfolder .stack-text, .news-group .Jinfo-box .user-photoTo .OUfolder .stack-text{margin-top: -68px; color: #ccc; font-size: .6875rem} .news-group .Jinfo-box .user-photoFrom .OUfolder i, .news-group .Jinfo-box .user-photoTo .OUfolder i{position: relative; margin-top: 5px; font-size: 1.3125rem; color: #fff; width: auto} .news-group .Jinfo-box .user-photoFrom .OUbox, .news-group .Jinfo-box .user-photoFrom .OUfolder, .news-group .Jinfo-box .user-photoFrom .Userbox, .news-group .Jinfo-box .user-photoTo .OUbox, .news-group .Jinfo-box .user-photoTo .OUfolder, .news-group .Jinfo-box .user-photoTo .Userbox{border-radius: 50%; width: 30px; height: 30px; line-height: 1.875rem; position: absolute; top: 20px; text-align: center} .news-group .Jinfo-box .user-photoFrom .OUbox:before, .news-group .Jinfo-box .user-photoFrom .Userbox:before, .news-group .Jinfo-box .user-photoTo .OUbox:before, .news-group .Jinfo-box .user-photoTo .Userbox:before{position: absolute; color: #fff; font-size: 1.125rem} .news-group .Jinfo-box .user-photoFrom img, .news-group .Jinfo-box .user-photoTo img{border-radius: 50%; max-width: 100%; height: auto} .news-group .Jchat-list{display: inline-block; margin: 2px 0} .news-group .Jchat-list.Jchat-list-bordder{border-top: 1px solid #eee} .news-group .Jchat-list .Jinfo-box{margin: 0; position: relative; display: inline-block} .news-group .Jchat-list .Jinfo-box p{margin-right: 5px} .news-group .Jchat-list .Jinfo-box .user-photoFrom, .news-group .Jchat-list .Jinfo-box .user-photoTo{width: 37px; height: 37px; margin-right: 10px} .news-group .Jchat-list .Jinfo-box .user-photoFrom img, .news-group .Jchat-list .Jinfo-box .user-photoTo img{width: 40px; height: 40px; margin-top: -10px; position: absolute; top: 20px} .news-group .Jchat-list .info-box-de{display: inline-block} .news-group .Jchat-list .Jchat-box{background: #dbe1e6; padding: 2px 10px; border-radius: 4px} .news-group .Jchat-list .Jchat-box p{margin-top: 5px; margin-bottom: -4px; display: inline-block; line-height: 1.2} .news-group .Jchat-list .Jchat-box p.text-wrap{color: none; display: block; display: -webkit-box; max-width: none; height: 38.4px; font-size: 1rem; line-height: 1.2; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis} .news-group .Jchat-list .Jchat-box .Jchat-box-readmore{position: absolute; right: 20px; bottom: 0} .news-group .Jchat-list .Jchat-box .Jchat-box-readmore i{text-align: center} .news-group .Jchat-list .Jchat-box .Jchat-box-readmore:hover{font-size: 1.375rem; background: #0d47a1; color: #fff; border-radius: 50%; width: 40px; height: 40px} .news-group .Jchat-list .Jchat-box .Jchat-box-readmore:hover i{position: absolute; left: 25%; top: 20%} .news-group .argument{color: #2196f3; margin-top: -2px; font-size: .95rem; font-weight: 700; margin-bottom: 7px} .news-group .argument span{padding-right: 10px} .news-group .title-sm{font-size: .95rem; color: #3f51b5} .news-group .title{font-size: 1rem; font-weight: 700; color: #283593} .news-group .file-dw-panel{width: 100%; background: #f5f5f5; padding: 10px}.news-group-control{background: #fefefe; width: 100%; border: 1px solid #eee; border-left: 1px solid #eee; padding: 10px; box-shadow: 0 2px 0 0 rgba(0,0,0,.1); margin-bottom: 20px}.news-group-control-right{position: absolute; bottom: 0; top: 0}.col-height{display: table-cell; float: none; height: 100%}.board-group{position: relative; margin-bottom: 20px; border-bottom: 1px solid #eee; box-shadow: 0 2px 1px rgba(189,189,189,.11)} .board-group .board-group-top{padding: 10px 10px 0} .board-group h4{margin-top: 0; padding-top: 0; width: 90%} .board-group .read{margin-left: 5px; color: #aaa} .board-group .open-web:hover{color: #42a5f5} .board-group .img-box{float: left; margin: -10px 12px -10px -10px; overflow: hidden} .board-group .img-box .img-sm{height: 90px; transition: .6s} .board-group .img-box .img-md{height: 140px; transition: .6s; margin-bottom: 7px} .board-group .checkbox-nolabeltex{float: left; margin-top: 1px; margin-right: 5px} .board-group .checkbox-nolabeltex.checkbox label:after{left: 3.2px; top: -2px} .board-group.group-border{border-left: 5px solid #1976d2} .board-group.group-border-top{border-top: 5px solid #1976d2} .board-group .label{top: -4px; position: relative; margin-left: 10px} .board-group .info-time{color: #2196f3; margin-top: -7px; font-weight: 700; font-size: .95rem} .board-group .btn-group{right: 10px; top: 10px; position: absolute} .board-group .board-content{margin-top: -7px} .board-group .board-content.text-wrap{color: none; display: block; display: -webkit-box; max-width: none; height: 44.8px; font-size: 1rem; line-height: 1.4; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis} .board-group .file-dw-panel{width: 100%; background: #f5f5f5; padding: 10px}.grid-title.descriptive.ticket-collapse-title{margin-top: 10px} .grid-title.descriptive.ticket-collapse-title .actions{margin-top: 45px; margin-right: 0} .grid-title.descriptive.ticket-collapse-title .actions i{font-size: 1.875rem} .grid-title.descriptive.ticket-collapse-title .circle-check-p{margin-top: 0; margin-right: 0; float: left; z-index: 1; cursor: pointer; position: absolute; top: 15px; left: 20px} .grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check{background-color: #ddd; border-radius: 20px; display: inline-block; font-size: 1.25rem; width: 30px; height: 30px; position: relative; text-align: center; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)}.profileCard1 .circle-check-p .circle-check, .tgl + .tgl-btn{-webkit-user-select: none; -ms-user-select: none; -moz-user-select: none}.grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check:hover{background: #bbb}.grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check:after{position: absolute; left: 5px; top: 0; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: 1.25rem; width: 20px; height: 20px}.grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check.click{background: #fff; box-shadow: 0 2px 1px rgba(170,170,170,.25); border: 2px solid #2f8be4} .grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check.click:hover{color: #62d6d6} .grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check.click:after{color: #2f8be4 !important; left: 3px; top: -2px}.grid-title.descriptive.ticket-collapse-title .circle-check-p.circle-check-p-sm .circle-check{font-size: .625rem; height: 22px; width: 22px; line-height: 1.375rem} .grid-title.descriptive.ticket-collapse-title .circle-check-p.circle-check-p-sm .circle-check:after{position: absolute; left: 4px; top: 1px; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: .95rem; width: 15px; height: 15px}.bg-color, .modal_news .modal-body{position: relative}.grid-title.descriptive.ticket-collapse-title .circle-check-p.circle-check-p-sm .circle-check.click:after{left: 2px; top: -1px; color: #2f8be4 !important; font-size: .95rem}.FC-border-group{border: 1px solid #eee; border-top: 4px solid #1976d2; box-shadow: 0 2px 1px rgba(189,189,189,.11); margin-bottom: 25px} .FC-border-group .land-collapse-title{font-size: 1.25rem; color: #0d47a1 !important} .FC-border-group .form-collapse-title{padding: 3px 10px 0; border-bottom: 1px solid #eee} .FC-border-group .form-collapse-body{padding: 20px 10px 10px} .FC-border-group.border-top-only{border-bottom: solid 1px #eee !important; border-left: solid 1px #eee !important; border-right: solid 1px #eee !important}.modal_news .modal-body .m-left-arrow, .modal_news .modal-body .m-right-arrow{background: #283593; background: rgba(40,53,147,.5098)} .modal_news .modal-body .m-left-arrow i, .modal_news .modal-body .m-right-arrow i{color: #fff; width: 30px}.breadC a, .breadC li{color: #1976d2}.modal_news .modal-body .m-left-arrow:hover, .modal_news .modal-body .m-right-arrow:hover{background: #141a47; background: rgba(20,26,71,.5098)}.breadC{border-radius: 0; box-shadow: none; background-color: transparent; padding: 0 !important; border: none !important; margin-bottom: 0} .breadC li{display: inline-block; float: left; font-weight: 600; text-shadow: none} .breadC li.active{color: #505458 !important} .breadC > li + li:before{font-weight: 300; padding: 0 5px; color: #9e9e9e; font-family: FontAwesome; content: "\f101"}.left-nav-tab li, .right-nav-tab li{font-weight: 400; color: #999; background: #fff; border-radius: 5px 5px 0 0; padding: 0 10px 10px; bottom: auto; vertical-align: top}.right-nav-tab{float: right; margin: 0} .right-nav-tab li{margin-right: -5px; border-width: 1px 1px 0; margin-bottom: -7px} .right-nav-tab li.active{border-bottom: 3px solid #0074d9}.left-nav-tab{float: left; margin: 0} .left-nav-tab li{margin-right: -5px; border-width: 1px 1px 0; margin-bottom: -7px} .left-nav-tab li.active{border-bottom: 3px solid #0074d9}.no-padding .tab-pane{padding: 0}.news-tab{text-align: center} .news-tab > li.active > a, .news-tab > li.active > a:focus, .news-tab > li.active > a:hover{cursor: default; font-weight: 700; background: 0 0; border-bottom-color: transparent} .news-tab > li > a{padding: 7px 15px} .news-tab > li{margin-bottom: 0} .news-tab > .active > a, .news-tab > .active > a:focus, .news-tab > .active > a:hover{border: 0; color: #505458; box-shadow: none}.inputStyle, .myEamilSlect, .sendTypeSlect{border-bottom: 1px solid #eee; vertical-align: middle}@media (max-width:767px){.horizontal-menu .bar-inner > ul > li > .mega{top: 0}}.page-content{background: url(/Content/img/linedpaper.png)}.bg-color{background: #f3f2f2; box-shadow: 0 1px 5px 2px #dcdcdc; min-height: 100%; height: auto !important; height: 100%}.btn-group > .dropdown-menu{font-size: .95rem}.dropdown-sub-menu{text-align: left; font-size: .95rem} .dropdown-sub-menu li{line-height: 1.25rem} .dropdown-sub-menu li a{color: #2a2e36; margin: 4px; border-radius: 3px; text-align: left; display: block; padding: 3px 10px; clear: both; font-weight: 400; line-height: 1.42857143; white-space: nowrap} .dropdown-sub-menu li a:hover{color: #1b1e24; text-decoration: none; background-color: #eff2f3; background-image: none}.dataTables_wrapper .details{background: #e2e2e2}#owl-demo .owl-wrapper-outer{overflow: hidden; position: relative; width: 100%; transform-style: preserve-3d}.input-append .add-on .arrow{background-color: transparent !important; position: absolute; left: -6px; color: #dce0e8; z-index: 10; font-size: 1.625rem}.contacts-label{position: relative; text-align: left; padding-right: 32px; height: 100%; line-height: 1.25rem; cursor: default; white-space: initial; float: left; margin-right: 10px; margin-top: 7px; font-size: 1rem} .contacts-label .tex{float: left; margin-top: 2px; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .contacts-label .contacts-label-delet{padding-left: 7px; margin-left: 4px; color: #818181; cursor: pointer; border-left: 1px solid #c7c7c7; position: absolute; right: 8px; height: 88%; top: 50%; transform: translateY(-50%)} .contacts-label .contacts-label-delet i{position: relative; top: 45%; transform: translateY(-45%)} .contacts-label .contacts-label-delet:hover{color: #1976d2}.gridWithPaginate h4{width: 40% !important}.dmf > .active > a, .dmf > .active > a:focus, .dmf > .active > a:hover{background-color: #c8f1f6}.rangeDTPicker .datepicker-bg, .rangeDTPicker .time-info{border: 1px solid #eee; background: #fff}.dmf > .active > a:before, .dmf > .active > a:focus:before, .dmf > .active > a:hover:before{content: "\f0da"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 15px; color: #1565c0}.dmfilter > .active > a:before, .dmfilter > .active > a:focus:before, .dmfilter > .active > a:hover:before{content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 8px; color: #616161; font-size: .75rem}.fa-rotate-45{-webkit-transform: rotate(-45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -sand-transform: rotate(45deg)}.rangeDTPicker .time-info{width: 100%; padding: 10px 10px 0} .rangeDTPicker .time-info p{font-weight: 300; color: #505458} .rangeDTPicker .time-info p span{margin-left: 10px; color: #2196f3; font-size: 1rem; font-weight: 400}.rangeDTPicker .datepicker-bg table{margin: 0 auto}.rangeDTPicker .time-select{margin-top: 10px} .rangeDTPicker .time-select .left, .rangeDTPicker .time-select .middle{width: 33%; float: left} .rangeDTPicker .time-select .right{width: 33%; float: right}.sendTypeClick{cursor: pointer} .sendTypeClick i{color: #2ecc40} .sendTypeClick.blue{background: #5ca5e9; color: #fff !important} .sendTypeClick.blue i{color: #7ee289}.myEamilSlect, .sendTypeSlect{width: 100%; padding: 2px 10px; font-size: 1rem} .myEamilSlect .name, .sendTypeSlect .name{font-weight: 700} .myEamilSlect .sendType, .sendTypeSlect .sendType{height: 55px; font-weight: 700; line-height: 3.4375rem} .myEamilSlect .emailCheckbox, .sendTypeSlect .emailCheckbox{margin-top: 5px; margin-right: -20px; float: right}.inputStyle{width: 100%; padding: 10px; font-size: 1rem; display: inline-block} .inputStyle .title{padding-top: 7px; float: left; display: inline-block; color: #2a6496} .inputStyle .myEamil, .inputStyle .sendType{padding-top: 7px; float: left; display: inline-block; margin-left: 5px} .inputStyle .tool{cursor: pointer; float: right; padding-top: 7px; color: #2a6496} .inputStyle .tool i{font-size: 1.25rem} .inputStyle textarea{width: 100%; border: none; resize: none} .inputStyle .select2-choices, .inputStyle select{border: none !important} .inputStyle .select2-container, .inputStyle input{float: left; width: 75%; border: none !important} .inputStyle select{float: right; width: 90%} .inputStyle label{position: relative} .inputStyle label:after{content: "\f0d7"; font-family: FontAwesome; color: #2a6496; right: 8px; top: 2px; padding: 0 0 2px; position: absolute; pointer-events: none} .inputStyle label:before{content: ''; right: 6px; top: 0; width: 20px; height: 20px; background: #fff; position: absolute; pointer-events: none; display: block} .inputStyle .m-uneditable-input:focus, .inputStyle .uneditable-input.focus, .inputStyle input[type=color]:focus, .inputStyle input[type=date]:focus, .inputStyle input[type=datetime-local]:focus, .inputStyle input[type=datetime]:focus, .inputStyle input[type=email]:focus, .inputStyle input[type=month]:focus, .inputStyle input[type=number]:focus, .inputStyle input[type=password]:focus, .inputStyle input[type=search]:focus, .inputStyle input[type=tel]:focus, .inputStyle input[type=text]:focus, .inputStyle input[type=time]:focus, .inputStyle input[type=url]:focus, .inputStyle input[type=week]:focus, .inputStyle select:focus, .inputStyle textarea:focus{background: #fff; background: rgba(255,255,255,0)}.email-modal .modal-header{background: #0074d9; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px} .email-modal .modal-header h4, .email-modal .modal-header i{color: #fff; margin: 5px auto} .email-modal .modal-header a, .email-modal .modal-header i{font-size: 1.375rem; cursor: pointer}.fs14{font-size: .875rem !important}.fs16{font-size: 1rem !important}.fs18{font-size: 1.125rem !important}.cursor-not-allow{cursor: not-allowed !important}.cursor-pointer{cursor: pointer !important}.btn-group-function .btn.disabled{pointer-events: auto}.carSelectBox{width: 400px; position: absolute !important; z-index: 1111111111111; background: #fff; top: 203px; left: 65px; border-radius: 5px; box-shadow: 1px 1px 2px #b9b9b9}.carSelectBox--Close{position: absolute; right: 10px; top: 2px; font-size: 1.375rem; color: #797979} .carSelectBox--Close:hover{opacity: .8}.carSelectBox .events-heading{color: #8a8a8a; border-bottom: 1px solid rgba(121,121,121,.24706)}.border-less li, .border-none li{border: none} .border-less li:not(:first-child){border-top: 1px solid #ddd}.modal-inline-btn .mLeft-bnt, .modal-inline-btn .mRight-bnt{padding: 20px; width: 50%; text-align: center; font-size: 1.0625rem; color: #fff}.modal-inline-btn .mLeft-bnt{background: #ffa726; float: left; cursor: pointer} .modal-inline-btn .mLeft-bnt .tex{-webkit-transition: all .2s ease-in; -webkit-transform: scale(1); -ms-transition: all .2s ease-in; -ms-transform: scale(1); -moz-transition: all .2s ease-in; -moz-transform: scale(1); transition: all .2s ease-in; transform: scale(1)} .modal-inline-btn .mLeft-bnt:hover, .modal-inline-btn .mLeft-bnt:hover .tex{-webkit-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -moz-transition: all .2s ease-in} .modal-inline-btn .mLeft-bnt:hover{background: #f29000; -webkit-transform: .2s; -ms-transform: .2s; -moz-transform: .2s; transition: all .2s ease-in; transform: .2s} .modal-inline-btn .mLeft-bnt:hover .tex{-webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); transition: all .2s ease-in; transform: scale(1.2)}.modal-inline-btn .mRight-bnt .tex, .modal-inline-btn .mRight-bnt:hover{-webkit-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -moz-transition: all .2s ease-in}.modal-inline-btn .mRight-bnt{background: #66bb6a; float: right; cursor: pointer} .modal-inline-btn .mRight-bnt .tex{-webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transition: all .2s ease-in; transform: scale(1)} .modal-inline-btn .mRight-bnt:hover{background: #49a54e; -webkit-transform: .2s; -ms-transform: .2s; -moz-transform: .2s; transition: all .2s ease-in; transform: .2s} .modal-inline-btn .mRight-bnt:hover .tex{-webkit-transition: all .2s ease-in; -webkit-transform: scale(1.2); -ms-transition: all .2s ease-in; -ms-transform: scale(1.2); -moz-transition: all .2s ease-in; -moz-transform: scale(1.2); transition: all .2s ease-in; transform: scale(1.2)}.modal-inline-btn:after, .modal-inline-btn:before{content: " "; display: table}.modal-inline-btn:after{clear: both}legend.semi-bold{width: auto; margin: 0 !important; font-size: medium; line-height: normal; border: 0}.tab__photoImgBox__group > .nav-tabs > li.active > a, .tab__photoImgBox__group > .nav-tabs > li.active > a:focus, .tab__photoImgBox__group > .nav-tabs > li.active > a:hover{border-width: 3px; border-color: #8bc34a; border-top-left-radius: 15px; border-top-right-radius: 15px} .tab__photoImgBox__group > .nav-tabs > li.active > a:before, .tab__photoImgBox__group > .nav-tabs > li.active > a:focus:before, .tab__photoImgBox__group > .nav-tabs > li.active > a:hover:before{content: ""; position: absolute; width: 100%; background: #fff; height: 5px; bottom: -4px; z-index: 11; right: 0}.tab__photoImgBox__group > .nav-tabs.nav-tabs-tex > li > a{padding: 10px 12px}.tab__photoImgBox__group.tabs-left > .nav-tabs > li.active > a, .tab__photoImgBox__group.tabs-left > .nav-tabs > li.active > a:focus, .tab__photoImgBox__group.tabs-left > .nav-tabs > li.active > a:hover{border-radius: 15px 0 0 15px; border-right: 0} .tab__photoImgBox__group.tabs-left > .nav-tabs > li.active > a:before, .tab__photoImgBox__group.tabs-left > .nav-tabs > li.active > a:focus:before, .tab__photoImgBox__group.tabs-left > .nav-tabs > li.active > a:hover:before{width: 5px; height: 100%; top: 0; right: -4px}.tab__photoImgBox__group > .pill-content > .active, .tab__photoImgBox__group > .tab-content > .active{display: block; padding: 19px; border-top: 3px solid #8bc34a}.tab__photoImgBox__group.tabs-left .pill-content > .active, .tab__photoImgBox__group.tabs-left .tab-content > .active{border-left: 3px solid #8bc34a; border-top: 0}.tab__photoImgBox, .tab__photoImgBox .tab__photoImgBox__img img{border: 1px solid #eee}@media only screen and (max-width:768px){.tab__photoImgBox__group > .nav-tabs > li > a{padding: 10px}}.tab__photoImgBox{width: 140px; background: #fff; position: relative; z-index: 1; text-align: center; box-shadow: 1px 1px 3px #b7b9bd} .tab__photoImgBox .checkbox_custom_1{position: absolute; top: -8px; left: -8px; z-index: 1111} .tab__photoImgBox .tab__photoImgBox__img{position: relative; margin-top: 15px; height: 110px; width: 110px; margin-left: auto; margin-right: auto} .tab__photoImgBox .tab__photoImgBox__img .tab__photoImgBox__label{font-size: .75rem; padding: .5em; border-bottom-left-radius: 3px; border-top-left-radius: 3px; position: absolute; top: -5px; right: -15px} .tab__photoImgBox .tab__photoImgBox__tex{font-size: .75rem; min-height: 35px; padding-top: 10px} .tab__photoImgBox.disabled{background: #a9a9a9; color: #fff; border-color: #969494; box-shadow: 1px 1px 3px #a9a9a9} .tab__photoImgBox.disabled .tab__photoImgBox__img:before{content: ""; position: absolute; width: 100%; height: 105%; top: 0; left: 0; bottom: 0; right: 0; background: #353535; opacity: .8} .tab__photoImgBox.disabled .tab__photoImgBox__img:after{content: "不可借用"; background: #ea5151; font-size: .75rem; padding: .5em; border-bottom-left-radius: 3px; border-top-left-radius: 3px; position: absolute; top: -5px; right: -14px}@media only screen and (max-width:768px){.tab__photoImgBox .tab__photoImgBox__img .tab__photoImgBox__label, .tab__photoImgBox.disabled .tab__photoImgBox__img:after{padding: .2em; top: 0; right: 0} .tab__photoImgBox{width: 60px} .tab__photoImgBox .tab__photoImgBox__img{margin: 0; height: 60px; width: 60px} .tab__photoImgBox .tab__photoImgBox__tex{display: none}}.equipment__list{margin-bottom: 10px}.equipment__list__content, .equipment__list__title{display: inline}.equipment__list__title{color: #4caf50; font-weight: 700}.equipment__list__ol{list-style-type: cjk-ideographic}.equipment__list .well{padding: 10px; border: 1px solid #e4e4e4; background-color: #f1f1f1}.checkbox_custom_1 input{position: absolute; opacity: 0} .checkbox_custom_1 input + label{position: relative; cursor: pointer; padding: 0} .checkbox_custom_1 input + label:before{content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #bfbfbf; background: #fff}.checkbox-nolabeltex.checkbox label, .radio-nolabeltex.radio label{margin: 0; padding: 0}.checkbox_custom_1 input:focus + label:before, .checkbox_custom_1 input:hover + label:before{box-shadow: 0 0 0 2px rgba(0,0,0,.12)}.checkbox_custom_1 input:checked + label:before{background: #009688; border-color: #00796b}.checkbox_custom_1 input:disabled + label{color: #b8b8b8; cursor: auto} .checkbox_custom_1 input:disabled + label:before{box-shadow: none; background: #ddd}.checkbox_custom_1 input + label:after, .checkbox_custom_1 input:checked + label:after{content: "\f00c"; font-family: FontAwesome; position: absolute; font-style: normal; font-weight: 400; text-decoration: inherit; left: 6px; top: 6px; font-size: 1.125rem}.checkbox_custom_1 input:checked + label:after{color: #fff}.checkbox_custom_1 input + label:after{color: #d2d2d2}.radio-nolabeltex.radio label:before{top: 0; position: relative; margin-right: 0}.radio-nolabeltex.radio label:after{top: 0}.checkbox-nolabeltex.checkbox label:before{top: 0; position: relative; margin-right: 0}.checkbox-nolabeltex.checkbox label:after{left: 0; top: -2px}.checkbox-nolabeltex ~ .nolabeltex__tex, .radio-nolabeltex ~ .nolabeltex__tex{color: #777a80}.checkbox-nolabeltex ~ .nolabeltex__tex--click, .radio-nolabeltex ~ .nolabeltex__tex--click{color: #4d5056}.checkboxInline .checkGroup{float: left} .checkboxInline .checkGroup label{font-size: 1rem !important}.checkbox label, .radio label{font-size: 1rem}.btn-group a, .select2-search input{font-size: .95rem}.checkbox input:disabled + label, .radio input:disabled + label{cursor: not-allowed}.landClickLink, .tgl + .tgl-btn{cursor: pointer}.formCG > div{padding-right: 2px; padding-left: 2px} .formCG > div:first-child{padding-right: 2px; padding-left: 15px} .formCG > div:last-child{padding-right: 15px; padding-left: 2px}.select2-no-results{margin-top: 10px}.viewRow .well .row:not(:last-child){margin-bottom: 15px}.viewRow .row .semi-bold{color: #00838f}.viewRow .row > div span:not(:first-child){color: #001f3f}.viewRow .semi-bold:before{font-family: FontAwesome; height: auto; content: "\f0da" !important; font-weight: 300; padding-right: 3px}.viewRow .add-on{color: #fff !important}.well .well-sub{border: 1px solid #a9bbb9; margin: 0 10px; border-radius: 5px; background: #d5eae8}.drCheckGruop, .form-row-text-control span{margin-top: 10px}.input-group-addon.info.search-button{border: 1px solid #42a5f5 !important; background-color: #42a5f5}.news-group-broad{padding: 7px; margin-bottom: .5em; border-bottom: 1px solid #eee; box-shadow: 0 2px 1px rgba(189,189,189,.11)}.tgl{display: none} .tgl + .tgl-btn{display: block; width: 4em; height: 2em; position: relative; user-select: none} .tgl + .tgl-btn:after, .tgl + .tgl-btn:before{position: relative; display: block; content: ""; width: 50%; height: 100%} .tgl + .tgl-btn:after{left: 0} .tgl + .tgl-btn:before{display: none} .tgl:checked + .tgl-btn:after{left: 50%}.tgl-bg + .tgl-btn{background: #e0e0e0; border-radius: 2em; padding: 2px; transition: all .4s ease} .tgl-bg + .tgl-btn:after{border-radius: 50%; background: #fff; transition: all .2s ease}.tgl-bg:checked + .tgl-btn{background: #00c853}.tgl-bg:checked:disabled + .tgl-btn{background: #2c9c5a; cursor: not-allowed}.tgl-bg:disabled + .tgl-btn{background: #bfbfbf; cursor: not-allowed}.input-group-addon.success{border: 1px solid #1976d2}.JdataPicker{width: 100%; position: relative; display: table; border-collapse: separate} .JdataPicker .add-on{right: 0}.btn-group a{font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif}.drCheckGruop{border: 1px solid #e8edf1; padding: 0} .drCheckGruop .form-collapse-title{padding: 15px; background: #ecf0f2} .drCheckGruop .form-collapse-title label{color: #212121 !important; font-weight: 700; font-size: 1.125rem} .drCheckGruop .form-collapse-body{background: #fff} .drCheckGruop .checkGroup{padding: 15px 15px 5px; border-bottom: 1px solid #e8edf1}.form-row-text-control{display: inline} .form-row-text-control .form-row-text{display: inline; position: relative; top: 7px}.row-calendar-inline .calendar-inline{width: 45%}.row-calendar-inline .form-row-text{font-weight: 700; float: left; width: 10%; text-align: center; color: #263238; position: relative; top: 37px}.tools-md, .tools-sm{border-radius: 3px; float: right; text-align: center}.row-calendar-inline .form-row-text .tilde{margin-right: auto; margin-left: auto}.row-calendar-inline:after, .row-calendar-inline:before{content: " "; display: table}.row-calendar-inline:after{clear: both}.form-control[disabled]::-webkit-input-placeholder, .form-control[readonly]::-webkit-input-placeholder, fieldset[disabled] .form-control::-webkit-input-placeholder, select[disabled] .form-control::-webkit-input-placeholder{color: #282323; font-size: 1rem}.form-control[disabled]:-moz-placeholder, .form-control[readonly]:-moz-placeholder, fieldset[disabled] .form-control:-moz-placeholder, select[disabled] .form-control:-moz-placeholder{color: #282323; font-size: 1rem}.form-control[disabled]::-moz-placeholder, .form-control[readonly]::-moz-placeholder, fieldset[disabled] .form-control::-moz-placeholder, select[disabled] .form-control::-moz-placeholder{color: #282323; font-size: 1rem}.form-control[disabled]:-ms-input-placeholder, .form-control[readonly]:-ms-input-placeholder, fieldset[disabled] .form-control:-ms-input-placeholder, select[disabled] .form-control:-ms-input-placeholder{color: #282323; font-size: 1rem}.form-control::-webkit-input-placeholder{color: #717171}.form-control:-moz-placeholder{color: #717171}.form-control::-moz-placeholder{color: #717171}.form-control:-ms-input-placeholder{color: #717171}.form-control{font-size: .95rem}.form-label .important-star{color: #f44336; font-size: 1.25rem; padding: 0 5px 0 0; position: absolute; top: 4px} .form-label .important-star ~ span{margin-left: 10px}.form-row-text-control input[disabled]{cursor: not-allowed; background-color: #eee; opacity: 1}.tools-sm{width: 22px; height: 22px; background: #a9a9a9; color: #fff; font-size: .75rem} .tools-sm:hover{background: #909090} .tools-sm i{margin-top: 5px} .tools-sm a{color: #fff} .tools-sm .dropdown-menu{right: 0; left: auto; font-size: 1rem}.grid-title .tools-sm{margin-bottom: 8px}.tools-md{min-width: 44px; height: 25px; color: #fff; border: 1px solid #ccc} .tools-md .checkbox, .tools-md .fa-caret-down{float: left; display: inline-block}.form-inline-group:after, .survey-form .Questions-group:after{content: ""; display: table; clear: both}.tools-md .checkbox{padding-left: 5px; margin-top: 3px}.tools-md .fa-caret-down{padding-left: 5px; color: #828282; font-size: .75rem; margin-top: 5px}.tools-md .dropdown-menu{right: 0; left: auto; font-size: 1rem}button, input, label, select, textarea{font-size: 1rem}.grid.simple .grid-body{color: #232527}.btn-teal{color: #fff; background-color: #009688; border: 1px solid #e0f2f1} .btn-teal.active, .btn-teal.disabled, .btn-teal:active, .btn-teal:focus, .btn-teal:hover, .btn-teal[disabled]{background-color: #00796b; border: 1px solid #b4b9be; color: #fff}input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea{line-height: 1rem; font-size: 1rem; border: 1px solid #ccc}.select2-container .select2-choice{border: 1px solid #ccc}.grid{margin-bottom: 15px}.panel-group .panel-heading .panel-title > a{font-size: .95rem}.form-inline-group div, .form-inline-group input, .form-inline-group p{float: left}.form-inline-group .checkbox{margin-top: 2px}.form-inline-group p{margin-top: 7px}.form-row .form-control{border: 1px solid #ccc; border-radius: 2px}.form-row .radio{margin-top: 6px}.form-row .radio-nolabeltex{margin-top: 10px !important; padding-right: 5px}.survey-form .CfromBg{padding: 12px 26px; background: #fff; border-bottom: 1px solid #eee} .survey-form .CfromBg:first-child{border-top: none}.survey-form .form-actions{margin-top: 0}.survey-form .tab-content{margin-bottom: 0; margin-top: 10px; overflow: visible}.survey-form .Questions-group span{margin-top: 6px; font-size: 1.125rem; float: left; margin-right: 8px; color: #8c8c8c}.survey-form .Questions-group .select2 span{margin-top: 0; float: none; margin-right: 0; font-size: .95rem}.survey-form .Questions-group .Questions-btn{margin-top: 8px; margin-right: 8px; float: left}.survey-form .Questions-group .Questions-input{float: left; width: 60%} .survey-form .Questions-group .Questions-input .candCQ-input{float: left; width: 49%} .survey-form .Questions-group .Questions-input .candCQ-input:last-child{float: right}.survey-form .Questions-group .Questions-control{float: left; margin-top: 1px; margin-left: 10px; font-size: 1.5625rem}.survey-form .Questions-group .add-color{color: #66bb6a}.survey-form .Questions-group .delete-color{color: #ff1744}.survey-form .surveyQ-container .img-help-tex{color: #8c8c8c; font-weight: 700}.survey-form .surveyReturn .QContent{display: inline-block; width: 60%; margin-top: -10px}.survey-form .surveyReturn:hover{transform: translateY(-3px); box-shadow: 0 2px 20px #777}.survey-form .surveyView .QContent{display: inline-block; width: 100%; margin-top: -10px} .survey-form .surveyView .QContent .anwser{background: #f0fafe; padding: 5px 10px; border-radius: 3px; border: 1px solid #e1f5fe}.survey-wizard li:not(:first-child){margin-left: -2px}.survey-wizard li:not(:last-child):after, .survey-wizard li:not(:last-child):before{border: solid transparent; content: " "; height: 0; width: 0; border-color: transparent transparent transparent #fff; border-radius: 10px}.survey-wizard li:not(:last-child):before{border-width: 21px; z-index: 111; position: absolute; top: -3px; right: -38px}.survey-wizard li:not(:last-child):after{border-left-color: #e4e4e4; border-width: 22px; z-index: 11; position: absolute; top: -4px; right: -41px}.password_group, .survey-wizard li{position: relative} .survey-wizard li.active:before{border-left-color: #ddd} .survey-wizard li a{padding-left: 20px} .survey-wizard li a.disableLink{cursor: default} .survey-wizard li a.disableLink:hover{color: #8e9aa4 !important}.survey-wizard .nav-tabs > li.active > a, .survey-wizard .nav-tabs > li.active > a:focus, .survey-wizard .nav-tabs > li.active > a:hover{border: none; background: #ddd}.survey-wizard.ontop li:after, .survey-wizard.ontop li:before{border-left-color: #f3f2f2}.survey-wizard.ontop li:after{border-left-color: #ddd}.survey-wizard.ontop li.active:before{border-left-color: #fff}.survey-wizard.ontop li{border-top: 1px solid #ddd} .survey-wizard.ontop li:first-child{border-left: 1px solid #ddd} .survey-wizard.ontop li a{padding-left: 30px}.survey-wizard.ontop .nav-tabs > li.active > a, .survey-wizard.ontop .nav-tabs > li.active > a:focus, .survey-wizard.ontop .nav-tabs > li.active > a:hover{background: #fff}.survey-wizard.ontop .nav-tabs{border-bottom: none}.survey-wizard li:last-child{border-right: 1px solid #ddd}.survey-wizard.wizard-no-arrow li{border: 1px solid #ddd}table.new_table_style td.noline, table.new_table_style.unline td{border: none}.survey-wizard.wizard-no-arrow li a{padding-left: 20px}.survey-wizard.wizard-no-arrow li:after, .survey-wizard.wizard-no-arrow li:before{content: none}table.new_table_style th{padding: 7px 5px; font-weight: 700; background-color: #fff} table.new_table_style th a{text-decoration: none !important}.profile-description-box p.account:before, .profile-description-box p.email:before, .profile-description-box p.mobile:before, .profile-description-box p.phone:before{text-decoration: inherit; padding-right: 10px; color: #2196f3}table.new_table_style td{padding: 7px 5px} table.new_table_style td .radio{margin-left: -4px} table.new_table_style td.hand{padding: 7px 10px; background-color: #f7f7f7; color: #555; white-space: nowrap; cursor: pointer} table.new_table_style td.hand span{color: #000; background-repeat: no-repeat; background-position: center right; padding-right: 10px; font-weight: 700} table.new_table_style td.hand span.array_up{background-image: url(/Content/images/layout_020.png)} table.new_table_style td.hand span.array_down{background-image: url(/Content/images/layout_021.png)} table.new_table_style td p.Arrow{background-image: url(/Content/images/layout_001.gif); background-repeat: no-repeat; background-position: center left; padding: 0 0 0 7px; white-space: nowrap} table.new_table_style td div.project{margin: 7px 0} table.new_table_style td.UploadPhotos{padding: 10px; background-color: #f7f7f7} table.new_table_style td .date{color: #777; margin-bottom: 10px; font-weight: 700; float: right}table.new_table_style tr td{border-bottom: 1px solid #eaeaea}table.new_table_style tr.td-no-border td{border-bottom: 1px solid rgba(255,255,255,0)}.password_group{margin-bottom: 10px} .password_group .glyphicon{color: #9c9c9c}.profile_box{padding: 15px 0; box-shadow: 0 0 8px 0 rgba(50,50,50,.54); background: #fff} .profile_box .text{font-weight: 700; color: #525252} .profile_box span{font-weight: 700; color: #3f51b5}.profile-description-box p.account:before, .profile-description-box p.email:before, .profile-description-box p.mobile:before, .profile-description-box p.phone:before, .profileCard1 .circle-check-p .circle-check:after{font-family: FontAwesome; font-style: normal; font-weight: 400}.profile_box.left-info{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0REQwRTEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDk3QTciIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5NjkpIiAvPgo8L3N2Zz4=); background: linear-gradient(45deg,#4dd0e1 5%,#0097a7 99%); color: #fff} .profile_box.left-info .text{color: #fff}.profile_box .profile_bg{height: 150px; background: #3f51b5; margin-top: -15px; background-size: cover}.image-circle-profile{border-radius: 50%; width: 120px; height: 120px; border: 4px solid #fff; margin: 10px}.Jline{border-bottom: 2px solid #f32d27}.Joutter{padding: 0; border: 1px solid #fff; border: 1px solid rgba(255,255,255,.29); border-radius: 50%; width: 142px; height: 142px; margin: auto}.profile-description-box{padding: 20px 25px; color: #1565c0} .profile-description-box i{padding-right: 10px; color: #2196f3} .profile-description-box p.account:before{content: "?"; font-size: 1.4375rem} .profile-description-box p.email:before{content: "?"; font-size: 1.125rem} .profile-description-box p.phone:before{content: "?"; font-size: 1.4375rem} .profile-description-box p.mobile:before{content: "?"; font-size: 1.875rem}.profileCard1{width: 100%; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); margin-top: 55px; margin-bottom: 40px; float: left; background-color: #fff; transition: all .3s ease; border-radius: 5px} .profileCard1 .circle-check-p{padding-left: 10px; padding-top: 10px; position: absolute; margin-top: 0; margin-right: 0; float: left; z-index: 1; cursor: pointer} .profileCard1 .circle-check-p .circle-check{background-color: #ddd; border-radius: 20px; display: inline-block; font-size: 1.25rem; width: 30px; height: 30px; position: relative; text-align: center; user-select: none; box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)} .profileCard1 .circle-check-p .circle-check:hover{background: #bbb} .profileCard1 .circle-check-p .circle-check:after{position: absolute; left: 5px; top: 0; content: "\f00c"; color: #fff; font-size: 1.25rem; width: 20px; height: 20px} .profileCard1 .circle-check-p .circle-check.click{background: #fff; box-shadow: 0 2px 1px rgba(170,170,170,.25); border: 2px solid #2f8be4} .profileCard1 .circle-check-p .circle-check.click:hover{color: #62d6d6} .profileCard1 .circle-check-p .circle-check.click:after{color: #2f8be4 !important; left: 3px; top: -2px} .profileCard1 .circle-check-p.circle-check-p-sm .circle-check{font-size: .625rem; height: 22px; width: 22px; line-height: 1.375rem} .profileCard1 .circle-check-p.circle-check-p-sm .circle-check:after{position: absolute; left: 4px; top: 1px; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: .95rem; width: 15px; height: 15px} .profileCard1 .pImg, .profileCard1 .pImg img{width: 100px; height: 100px; border-radius: 5px; overflow: hidden} .profileCard1 .circle-check-p.circle-check-p-sm .circle-check.click:after{left: 2px; top: -1px; color: #2f8be4 !important; font-size: .95rem} .profileCard1 .pImg{background-color: #d9d9d9; display: table; margin: -60px auto 0; -webkit-mask-image: -webkit-radial-gradient(white,#000)} .profileCard1 .pImg.withBackgrund{background-image: url(/Content/images/profiles/bg.png); background-size: cover} .profileCard1 .pImg img{-o-object-fit: cover; object-fit: cover; transition: all .3s ease} .profileCard1 .pImg span{transition: all .3s ease; border-radius: 5px; color: #fff; display: table-cell; text-align: center; vertical-align: middle} .profileCard1 .pImg i{font-size: 2.625rem; line-height: 6.25rem; color: #fff; position: absolute; right: 44%; text-shadow: -1px -1px 2px rgba(107,107,107,.34)} .profileCard1 .pDes h2 span{font-size: .8125rem; color: #ff4081} .profileCard1 .pDes .Jicon-circle{background: #aaa; width: 25px; height: 25px; border-radius: 50%; text-align: center; line-height: 1.5625rem; vertical-align: middle; padding: 0; font-size: .8125rem} .profileCard1 .pDes .Jicon-circle.fa-female{background: #ff4081} .profileCard1 .pDes .Jicon-circle.fa-male{background: #448aff} .profileCard1 p{color: #717171; font-size: 1rem} .profileCard1 .profile-description-box p.Jtitle:before, .profileCard1 .profile-description-box p.course:before, .profileCard1 .profile-description-box p.education:before{font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #2196f3; font-size: .9375rem; padding-right: 10px; width: 25px} .profileCard1 .profile-description-box p{margin-bottom: 5px} .profileCard1 .profile-description-box p.Jtitle:before{content: "?"} .profileCard1 .profile-description-box p.education:before{content: "?"} .profileCard1 .profile-description-box p.course:before{content: "?"} .profileCard1 .profile-description-box p.JOU:before, .profileCard1 .profile-description-box p.phone-ext:before{font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #2196f3; font-size: 1.125rem} .profileCard1 .profile-description-box p.phone-ext:before{content: "?"; padding-right: 10px; width: 25px} .profileCard1 .profile-description-box p.JOU:before{content: "?"; padding-right: 8px; width: 25px} .profileCard1 .profile-description-box p.email:before, .profileCard1 .profile-description-box p.phone:before{padding-right: 10px; color: #2196f3; width: 25px; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit} .profileCard1 .profile-description-box p.email:before{content: "?"; font-size: .9375rem} .profileCard1 .profile-description-box p.phone:before{content: "?"; font-size: 1.0625rem; padding-left: 2px} .profileCard1 .profile-description-box p.mobile:before{content: "?"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #2196f3; font-size: 1.3125rem; padding-right: 13px; padding-left: 3px; width: 25px} .profileCard1 .profile-description-box p.mobile{margin-top: -5px} .profileCard1.profileCard-sm .profile-description-box{padding: 0 25px} .profileCard1 .profileCard-btn{position: absolute; top: 10px; right: 24px}.profileCard2{width: 100%; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); margin-top: 15px; margin-bottom: 15px; float: left; background-color: #fff; transition: all .3s ease; border-radius: 5px; position: relative} .profileCard2.click{border: 2px solid #26a69a; border-radius: 5px} .profileCard2.click:before{right: 5px; position: absolute; color: #009688; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit} .profileCard2 .pImg{border-radius: 5px; display: table; margin: 10px auto 0 10px; width: 60px; height: 60px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white,#000)} .profileCard2 .pImg img{-o-object-fit: cover; object-fit: cover; overflow: hidden; width: 100%; height: 100%; transition: all .3s ease; border-radius: 5px} .profileCard2 .pImg span{transition: all .3s ease; border-radius: 5px; color: #fff; display: table-cell; text-align: center; vertical-align: middle}.info-btn .info-hover img, .info-btn .info-hover p{display: inline-block; opacity: 0}.profileCard2 p{color: #717171; font-size: 1rem}.profileCard2 .profile-description-box p.Jtitle:before, .profileCard2 .profile-description-box p.course:before, .profileCard2 .profile-description-box p.education:before{font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #2196f3; font-size: .9375rem}.profileCard2 .profile-description-box{padding: 0 10px} .profileCard2 .profile-description-box p{margin-bottom: 5px} .profileCard2 .profile-description-box p.Jtitle:before{content: "?"; padding-right: 10px} .profileCard2 .profile-description-box p.education:before{content: "?"; padding-right: 10px} .profileCard2 .profile-description-box p.course:before{content: "?"; padding-right: 10px} .profileCard2 .profile-description-box p.JOU:before, .profileCard2 .profile-description-box p.phone-ext:before{font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #2196f3; font-size: 1.125rem} .profileCard2 .profile-description-box p.phone-ext:before{content: "?"; padding-right: 10px} .profileCard2 .profile-description-box p.JOU:before{content: "?"; padding-right: 8px} .profileCard2 .profile-description-box p.email:before, .profileCard2 .profile-description-box p.phone:before{padding-right: 10px; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #2196f3} .profileCard2 .profile-description-box p.email:before{content: "?"; font-size: .9375rem} .profileCard2 .profile-description-box p.phone:before{content: "?"; font-size: 1.0625rem; padding-left: 2px} .profileCard2 .profile-description-box p.mobile:before{content: "?"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #2196f3; font-size: 1.3125rem; padding-right: 13px; padding-left: 3px} .profileCard2 .profile-description-box p.mobile{margin-top: -5px} .profileCard2 .profile-description-box p.time:before{content: "?"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #2196f3; font-size: .9375rem; padding-right: 10px}.profileCard2 .profileCard-btn{position: absolute; top: 10px; right: 24px}.profileCard2 .pcBottom{margin-top: 10px; width: 100%; background: #eee; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative} .profileCard2 .pcBottom .tex{padding: 10px} .profileCard2 .pcBottom .info-help{width: 30px; height: 30px; line-height: 1.875rem; border-radius: 3px; background: #448aff; text-align: center; cursor: pointer; position: absolute; top: 7px; right: 10px} .profileCard2 .pcBottom .info-help i{color: #fff} .profileCard2 .pcBottom .info-help:hover{background: #2962ff}.JhoverE:hover{cursor: pointer; transform: scale(1.1); z-index: 1000} .JhoverE:hover .PImg span, .JhoverE:hover .pImg img{transform: scale(1.3); z-index: 1000; border-radius: 5px} .JhoverE:hover .PImg span{font-size: 1.875rem}.contacts-modal{background: 0 0} .contacts-modal .closeBtnFix{top: 15px; right: 9px} .contacts-modal .modal-body{background: #016a75} .contacts-modal .modal-footer{padding: 0; background-color: #2196f3; border-radius: 0 0 5px 5px; background: linear-gradient(180deg,#1976d2 5%,#2196f3 99%); cursor: pointer; overflow: hidden; border: none} .contacts-modal .modal-footer .funBtn3{float: left; width: 33%} .contacts-modal .modal-footer .funBtn3:last-child{float: right; width: 34%} .contacts-modal .modal-footer .col-xs-6:first-child{border-right: 1px solid #cecece} .contacts-modal .modal-footer .noHover-btn{padding: 20px; color: #999} .contacts-modal .modal-footer .contacts-btn{position: relative; color: #fff; height: 65px; transition: all .5s ease; z-index: 2} .contacts-modal .modal-footer .contacts-btn .eff{width: 100%; height: 65px; top: -65px; background: #34495e; position: absolute; transition: all .5s ease; z-index: -1} .contacts-modal .modal-footer .contacts-btn .tex{z-index: 2} .contacts-modal .modal-footer .contacts-btn .iconBlock{z-index: 2; font-size: 1.875rem} .contacts-modal .modal-footer .contacts-btn:hover{background-color: #0c7cd5} .contacts-modal .modal-footer .contacts-btn:hover .contacts-btn{color: #fff} .contacts-modal .modal-footer .contacts-btn:hover .eff{top: 0; z-index: -1} .contacts-modal .serachBox{background: #fff} .contacts-modal .serachBox .search{border: 1px solid #ddd; height: 25px; margin: 5px 0 5px 10px; padding-right: 30px; background-color: #fff; border-radius: 15px; position: relative; width: 93%} .contacts-modal .serachBox .search input{border: none; background-color: transparent; height: 25px; width: 100%; margin: 0 15px; padding: 0; color: #555}.info-btn{cursor: pointer; overflow: hidden; position: relative} .info-btn .info-hover{left: 0; top: 0; width: 0%; height: 60px; background: #5d5d5d; background: rgba(93,93,93,.79); color: #fff; font-weight: 700; position: absolute; transition: all .3s ease; z-index: 1} .info-btn .info-hover img{position: relative; margin: 8px auto 0; transition: all .3s ease} .info-btn .info-hover p{vertical-align: middle; font-size: 1rem; transition: all .3s ease; margin-top: 18px} .info-btn:hover .info-hover{width: 100%; z-index: 1} .info-btn:hover .info-hover img, .info-btn:hover .info-hover p{opacity: 1}.contactUserImg{float: left; text-align: center; border-radius: 50%; height: 40px; width: 40px; position: relative; overflow: hidden; background: #bdbdbd; -webkit-mask-image: -webkit-radial-gradient(white,#000)} .contactUserImg i{font-size: 1.375rem; line-height: 3.125rem; color: #fff; position: absolute; right: 11px; top: -5px}.ImgHover i, .ImgHover img{transition: all .2s ease-in-out}.ImgHover:hover i, .ImgHover:hover img{transform: scale(1.2)}.contactUserTex{display: inherit; position: relative; line-height: normal; vertical-align: middle; height: 40px; min-width: 58px} .contactUserTex .btn-star{position: absolute; left: 2px; top: -5px; font-size: 1.125rem}.withBorderDotted p{border-top: 1px dotted #b3b3b3; padding-top: 5px} .withBorderDotted p.JOU:before, .withBorderDotted p.Jtitle:before, .withBorderDotted p.User:before, .withBorderDotted p.course:before, .withBorderDotted p.education:before, .withBorderDotted p.email:before, .withBorderDotted p.mobile:before, .withBorderDotted p.phone:before, .withBorderDotted p.time:before{font-family: FontAwesome; text-decoration: inherit; color: #2196f3; font-size: 1.125rem; display: inline-block; width: 40px; padding: 0; text-align: center; font-style: normal; font-weight: 400} .withBorderDotted p.Jtitle:before{content: "?"} .withBorderDotted p.User:before{content: "?"} .withBorderDotted p.education:before{content: "?"} .withBorderDotted p.course:before{content: "?"} .withBorderDotted p.phone-ext:before{content: "?"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #2196f3; font-size: 1.125rem; display: inline-block; width: 40px; text-align: center; padding: 0} .withBorderDotted p.JOU:before{content: "?"} .withBorderDotted p.email:before{content: "?"} .withBorderDotted p.phone:before{content: "?"} .withBorderDotted p.mobile:before{content: "?"} .withBorderDotted p.time:before{content: "?"} .withBorderDotted p:first-child{border-top: none}.Jicon-circle{background: #aaa; width: 25px; height: 25px; border-radius: 50%; text-align: center; line-height: 1.5625rem; vertical-align: middle; padding: 0; font-size: .8125rem}#DR-Anchor, #landsystems-Anchor{transition: all .1s ease-out; margin: -60px 0 0; padding: 0; position: fixed; top: 50%; width: auto; line-height: 1.875rem; text-align: center; z-index: 100; color: #fff; list-style: none} #DR-Anchor li, #landsystems-Anchor li{text-align: left; padding: 7px 10px; cursor: pointer} #DR-Anchor li span, #landsystems-Anchor li span{padding-right: 15px; display: inline-block; float: left}.Jicon-circle.fa-female{background: #ff4081}.Jicon-circle.fa-male{background: #448aff}#DR-Anchor{right: -170px; background-color: #000; -moz-opacity: .6; opacity: .6} #DR-Anchor li a{color: #fff} #DR-Anchor li.hover, #DR-Anchor li:hover{background-color: #0074d9} #DR-Anchor li:hover a{display: inline-block} #DR-Anchor:hover{right: 0} #DR-Anchor:hover span{display: none}#landsystems-Anchor{right: -90px; background-color: #000; -moz-opacity: .6; opacity: .6}.btn-circle-Pink600, .icon_menu, .icon_menu i, .icon_menu p, .onTopLabel{text-align: center}#landsystems-Anchor li a{color: #fff}#landsystems-Anchor li.hover, #landsystems-Anchor li:hover{background-color: #0074d9} #landsystems-Anchor li:hover a{display: inline-block}#landsystems-Anchor:hover{right: 0}.Photo_list .fa-circle{animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; position: absolute; top: 27%; right: 37%; font-size: 1.625rem; color: #fff}.dotAnimation .circle, .icon_menu, .icon_menu .iconFont, .icon_menu i, .icon_menu span, .onTopLabel, .photoLoader{position: relative}.photoLoader{right: 110px; top: 10px}.dotAnimation .loader{position: relative; display: block; width: 100%; height: 10px; margin-top: 38px}.dotAnimation .circle{display: inline-block; animation: dotloader 3.5s infinite} .dotAnimation .circle + .circle{margin-left: 2px; animation: dotloader 3.5s .2s infinite} .dotAnimation .circle + .circle + .circle{margin-left: 2px; animation: dotloader 3.5s .4s infinite} .dotAnimation .circle + .circle + .circle + .circle{margin-left: 2px; animation: dotloader 3.5s .6s infinite}.MT-contacts-list_2 .floder-icon:hover .popover, .card-container-sm .img-thumb:hover .popover{-moz-animation: fade-in .3s linear 1,move-up .3s linear 1; -ms-animation: fade-in .3s linear 1,move-up .3s linear 1}@keyframes dotloader{0%,20%{width: 3px; height: 3px; border-radius: 2px; left: 0; background-color: #fff; background-color: rgba(255,255,255,0)} 30%,70%{width: 6px; height: 6px; border-radius: 4px; left: 50%; background-color: #fff; background-color: rgba(255,255,255,.7)} 100%,80%{width: 3px; height: 3px; border-radius: 2px; left: 100%; background-color: #fff; background-color: rgba(255,255,255,0)}}.icon_menu{margin: 0 auto 20px; color: #fff; cursor: pointer; border: none; background: #9e9e9e; background-image: linear-gradient(to top,#616161 0,#9e9e9e 100%); box-shadow: inset 0 1px 0 #9e9e9e,0 4px 0 0 #212121,0 5px 6px #999; border-radius: 5px; width: 105px; height: 105px} .icon_menu:active, .icon_menu:hover{background: #616161; top: 3px; box-shadow: inset 0 1px 0 #616161,0 2px 0 0 #212121,0 5px 3px #999} .icon_menu:active:before{background: #616161; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #9e9e9e,0 5px 1px #616161} .icon_menu span{color: #fff; font-size: 3.75rem; margin: 0; padding: 0} .icon_menu i{color: #fff; font-size: 3.125rem; padding-top: 20%} .icon_menu .iconFont{color: #fff; font-size: 3.625rem; text-align: center; padding-top: 10%} .icon_menu img{margin-top: 20px} .icon_menu p{padding-top: 5px; color: #fff; font-size: 1rem} .icon_menu.iconGreen{background: #4caf50; background-image: linear-gradient(to top,#388e3c 0,#4caf50 100%); box-shadow: inset 0 1px 0 #4caf50,0 4px 0 0 #1b5e20,0 5px 6px #999} .icon_menu.iconGreen:active, .icon_menu.iconGreen:hover{background: #388e3c; top: 3px; box-shadow: inset 0 1px 0 #388e3c,0 2px 0 0 #1b5e20,0 5px 3px #999} .icon_menu.iconGreen:active:before{background: #388e3c; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #4caf50,0 5px 1px #388e3c} .icon_menu.iconTeal{background: #009688; background-image: linear-gradient(to top,#00796b 0,#009688 100%); box-shadow: inset 0 1px 0 #009688,0 4px 0 0 #004d40,0 5px 6px #999} .icon_menu.iconTeal:active, .icon_menu.iconTeal:hover{background: #00796b; top: 3px; box-shadow: inset 0 1px 0 #00796b,0 2px 0 0 #004d40,0 5px 3px #999} .icon_menu.iconTeal:active:before{background: #00796b; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #009688,0 5px 1px #00796b} .icon_menu.iconCyan{background: #00bcd4; background-image: linear-gradient(to top,#0097a7 0,#00bcd4 100%); box-shadow: inset 0 1px 0 #00bcd4,0 4px 0 0 #006064,0 5px 6px #999} .icon_menu.iconCyan:active, .icon_menu.iconCyan:hover{background: #0097a7; top: 3px; box-shadow: inset 0 1px 0 #0097a7,0 2px 0 0 #006064,0 5px 3px #999} .icon_menu.iconCyan:active:before{background: #0097a7; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #00bcd4,0 5px 1px #0097a7} .icon_menu.iconBlue{background: #2196f3; background-image: linear-gradient(to top,#1976d2 0,#2196f3 100%); box-shadow: inset 0 1px 0 #2196f3,0 4px 0 0 #0d47a1,0 5px 6px #999} .icon_menu.iconBlue:active, .icon_menu.iconBlue:hover{background: #1976d2; top: 3px; box-shadow: inset 0 1px 0 #1976d2,0 2px 0 0 #0d47a1,0 5px 3px #999} .icon_menu.iconBlue:active:before{background: #1976d2; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #2196f3,0 5px 1px #1976d2} .icon_menu.iconOrange{background: #ff9800; background-image: linear-gradient(to top,#f57c00 0,#ff9800 100%); box-shadow: inset 0 1px 0 #ff9800,0 4px 0 0 #e65100,0 5px 6px #999} .icon_menu.iconOrange:active, .icon_menu.iconOrange:hover{background: #f57c00; top: 3px; box-shadow: inset 0 1px 0 #f57c00,0 2px 0 0 #e65100,0 5px 3px #999} .icon_menu.iconOrange:active:before{background: #f57c00; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #ff9800,0 5px 1px #f57c00} .icon_menu.iconPurple{background: #9c27b0; background-image: linear-gradient(to top,#7b1fa2 0,#9c27b0 100%); box-shadow: inset 0 1px 0 #9c27b0,0 4px 0 0 #4a148c,0 5px 6px #999} .icon_menu.iconPurple:active, .icon_menu.iconPurple:hover{background: #7b1fa2; top: 3px; box-shadow: inset 0 1px 0 #7b1fa2,0 2px 0 0 #4a148c,0 5px 3px #999} .icon_menu.iconPurple:active:before{background: #7b1fa2; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #9c27b0,0 5px 1px #7b1fa2} .icon_menu.iconPink{background: #e91e63; background-image: linear-gradient(to top,#c2185b 0,#e91e63 100%); box-shadow: inset 0 1px 0 #e91e63,0 4px 0 0 #880e4f,0 5px 6px #999} .icon_menu.iconPink:active, .icon_menu.iconPink:hover{background: #c2185b; top: 3px; box-shadow: inset 0 1px 0 #c2185b,0 2px 0 0 #880e4f,0 5px 3px #999} .icon_menu.iconPink:active:before{background: #c2185b; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #e91e63,0 5px 1px #c2185b} .icon_menu.iconLightGreen{background: #9ccc65; background-image: linear-gradient(to top,#689f38 0,#9ccc65 100%); box-shadow: inset 0 1px 0 #9ccc65,0 4px 0 0 #33691e,0 5px 6px #999} .icon_menu.iconLightGreen:active, .icon_menu.iconLightGreen:hover{background: #689f38; top: 3px; box-shadow: inset 0 1px 0 #689f38,0 2px 0 0 #33691e,0 5px 3px #999} .icon_menu.iconLightGreen:active:before{background: #689f38; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #9ccc65,0 5px 1px #689f38} .icon_menu.iconDeepPurple{background: #7e57c2; background-image: linear-gradient(to top,#512da8 0,#7e57c2 100%); box-shadow: inset 0 1px 0 #7e57c2,0 4px 0 0 #311b92,0 5px 6px #999} .icon_menu.iconDeepPurple:active, .icon_menu.iconDeepPurple:hover{background: #512da8; top: 3px; box-shadow: inset 0 1px 0 #512da8,0 2px 0 0 #311b92,0 5px 3px #999} .icon_menu.iconDeepPurple:active:before{background: #512da8; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #7e57c2,0 5px 1px #512da8} .icon_menu.iconRed{background: #ef5350; background-image: linear-gradient(to top,#d32f2f 0,#ef5350 100%); box-shadow: inset 0 1px 0 #ef5350,0 4px 0 0 #b71c1c,0 5px 6px #999} .icon_menu.iconRed:active, .icon_menu.iconRed:hover{background: #d32f2f; top: 3px; box-shadow: inset 0 1px 0 #d32f2f,0 2px 0 0 #b71c1c,0 5px 3px #999} .icon_menu.iconRed:active:before{background: #d32f2f; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #ef5350,0 5px 1px #d32f2f} .icon_menu.iconIndigo{background: #5c6bc0; background-image: linear-gradient(to top,#303f9f 0,#5c6bc0 100%); box-shadow: inset 0 1px 0 #5c6bc0,0 4px 0 0 #1a237e,0 5px 6px #999} .icon_menu.iconIndigo:active, .icon_menu.iconIndigo:hover{background: #303f9f; top: 3px; box-shadow: inset 0 1px 0 #303f9f,0 2px 0 0 #1a237e,0 5px 3px #999} .icon_menu.iconIndigo:active:before{background: #303f9f; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #5c6bc0,0 5px 1px #303f9f} .icon_menu.iconLightBlue{background: #29b6f6; background-image: linear-gradient(to top,#0288d1 0,#29b6f6 100%); box-shadow: inset 0 1px 0 #29b6f6,0 4px 0 0 #01579b,0 5px 6px #999} .icon_menu.iconLightBlue:active, .icon_menu.iconLightBlue:hover{background: #0288d1; top: 3px; box-shadow: inset 0 1px 0 #0288d1,0 2px 0 0 #01579b,0 5px 3px #999} .icon_menu.iconLightBlue:active:before{background: #0288d1; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #29b6f6,0 5px 1px #0288d1} .icon_menu.iconLime{background: #d4e157; background-image: linear-gradient(to top,#afb42b 0,#d4e157 100%); box-shadow: inset 0 1px 0 #d4e157,0 4px 0 0 #827717,0 5px 6px #999} .icon_menu.iconLime:active, .icon_menu.iconLime:hover{background: #afb42b; top: 3px; box-shadow: inset 0 1px 0 #afb42b,0 2px 0 0 #827717,0 5px 3px #999} .icon_menu.iconLime:active:before{background: #afb42b; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #d4e157,0 5px 1px #afb42b} .icon_menu.iconYellow{background: #ffeb3b; background-image: linear-gradient(to top,#f9a825 0,#ffeb3b 100%); box-shadow: inset 0 1px 0 #ffeb3b,0 4px 0 0 #f57f17,0 5px 6px #999} .icon_menu.iconYellow:active, .icon_menu.iconYellow:hover{background: #f9a825; top: 3px; box-shadow: inset 0 1px 0 #f9a825,0 2px 0 0 #f57f17,0 5px 3px #999} .icon_menu.iconYellow:active:before{background: #f9a825; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #ffeb3b,0 5px 1px #f9a825} .icon_menu.iconAmber{background: #ffca28; background-image: linear-gradient(to top,#ffa000 0,#ffca28 100%); box-shadow: inset 0 1px 0 #ffca28,0 4px 0 0 #ff6f00,0 5px 6px #999} .icon_menu.iconAmber:active, .icon_menu.iconAmber:hover{background: #ffa000; top: 3px; box-shadow: inset 0 1px 0 #ffa000,0 2px 0 0 #ff6f00,0 5px 3px #999} .icon_menu.iconAmber:active:before{background: #ffa000; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #ffca28,0 5px 1px #ffa000} .icon_menu.iconDeepOrange{background: #ff7043; background-image: linear-gradient(to top,#e64a19 0,#ff7043 100%); box-shadow: inset 0 1px 0 #ff7043,0 4px 0 0 #bf360c,0 5px 6px #999} .icon_menu.iconDeepOrange:active, .icon_menu.iconDeepOrange:hover{background: #e64a19; top: 3px; box-shadow: inset 0 1px 0 #e64a19,0 2px 0 0 #bf360c,0 5px 3px #999} .icon_menu.iconDeepOrange:active:before{background: #e64a19; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #ff7043,0 5px 1px #e64a19} .icon_menu.iconBrown{background: #8d6e63; background-image: linear-gradient(to top,#5d4037 0,#8d6e63 100%); box-shadow: inset 0 1px 0 #8d6e63,0 4px 0 0 #3e2723,0 5px 6px #999} .icon_menu.iconBrown:active, .icon_menu.iconBrown:hover{background: #5d4037; top: 3px; box-shadow: inset 0 1px 0 #5d4037,0 2px 0 0 #3e2723,0 5px 3px #999} .icon_menu.iconBrown:active:before{background: #5d4037; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #8d6e63,0 5px 1px #5d4037} .icon_menu.iconBlueA{background: #448aff; background-image: linear-gradient(to top,#2962ff 0,#448aff 100%); box-shadow: inset 0 1px 0 #448aff,0 4px 0 0 #0d47a1,0 5px 6px #999} .icon_menu.iconBlueA:active, .icon_menu.iconBlueA:hover{background: #2962ff; top: 3px; box-shadow: inset 0 1px 0 #2962ff,0 2px 0 0 #0d47a1,0 5px 3px #999} .icon_menu.iconBlueA:active:before{background: #2962ff; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #448aff,0 5px 1px #2962ff} .icon_menu.iconIndigoA{background: #536dfe; background-image: linear-gradient(to top,#304ffe 0,#536dfe 100%); box-shadow: inset 0 1px 0 #536dfe,0 4px 0 0 #303f9f,0 5px 6px #999} .icon_menu.iconIndigoA:active, .icon_menu.iconIndigoA:hover{background: #304ffe; top: 3px; box-shadow: inset 0 1px 0 #304ffe,0 2px 0 0 #303f9f,0 5px 3px #999} .icon_menu.iconIndigoA:active:before{background: #304ffe; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #536dfe,0 5px 1px #304ffe} .icon_menu.iconLightBlueA{background: #40c4ff; background-image: linear-gradient(to top,#0091ea 0,#40c4ff 100%); box-shadow: inset 0 1px 0 #40c4ff,0 4px 0 0 #0288d1,0 5px 6px #999} .icon_menu.iconLightBlueA:active, .icon_menu.iconLightBlueA:hover{background: #0091ea; top: 3px; box-shadow: inset 0 1px 0 #0091ea,0 2px 0 0 #0288d1,0 5px 3px #999} .icon_menu.iconLightBlueA:active:before{background: #0091ea; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #40c4ff,0 5px 1px #0091ea} .icon_menu.iconOrangeA{background: #ffab40; background-image: linear-gradient(to top,#ff6d00 0,#ffab40 100%); box-shadow: inset 0 1px 0 #ffab40,0 4px 0 0 #e65100,0 5px 6px #999} .icon_menu.iconOrangeA:active, .icon_menu.iconOrangeA:hover{background: #ff6d00; top: 3px; box-shadow: inset 0 1px 0 #ff6d00,0 2px 0 0 #e65100,0 5px 3px #999} .icon_menu.iconOrangeA:active:before{background: #ff6d00; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #ffab40,0 5px 1px #ff6d00} .icon_menu.iconDeepPurpleA{background: #7c4dff; background-image: linear-gradient(to top,#6200ea 0,#7c4dff 100%); box-shadow: inset 0 1px 0 #7c4dff,0 4px 0 0 #512da8,0 5px 6px #999} .icon_menu.iconDeepPurpleA:active, .icon_menu.iconDeepPurpleA:hover{background: #6200ea; top: 3px; box-shadow: inset 0 1px 0 #6200ea,0 2px 0 0 #512da8,0 5px 3px #999} .icon_menu.iconDeepPurpleA:active:before{background: #6200ea; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #7c4dff,0 5px 1px #6200ea} .icon_menu.iconTealA{background: #1de9b6; background-image: linear-gradient(to top,#00bfa5 0,#1de9b6 100%); box-shadow: inset 0 1px 0 #1de9b6,0 4px 0 0 #00796b,0 5px 6px #999} .icon_menu.iconTealA:active, .icon_menu.iconTealA:hover{background: #00bfa5; top: 3px; box-shadow: inset 0 1px 0 #00bfa5,0 2px 0 0 #00796b,0 5px 3px #999} .icon_menu.iconTealA:active:before{background: #00bfa5; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #1de9b6,0 5px 1px #00bfa5} .icon_menu.iconGreenA{background: #00e676; background-image: linear-gradient(to top,#00c853 0,#00e676 100%); box-shadow: inset 0 1px 0 #00e676,0 4px 0 0 #388e3c,0 5px 6px #999} .icon_menu.iconGreenA:active, .icon_menu.iconGreenA:hover{background: #00c853; top: 3px; box-shadow: inset 0 1px 0 #00c853,0 2px 0 0 #388e3c,0 5px 3px #999} .icon_menu.iconGreenA:active:before{background: #00c853; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #00e676,0 5px 1px #00c853} .icon_menu.iconPurple400{background: #ab47bc; background-image: linear-gradient(to top,#3949ab 0,#ab47bc 100%); box-shadow: inset 0 1px 0 #ab47bc,0 4px 0 0 #4a148c,0 5px 6px #999} .icon_menu.iconPurple400:active, .icon_menu.iconPurple400:hover{background: #3949ab; top: 3px; box-shadow: inset 0 1px 0 #3949ab,0 2px 0 0 #4a148c,0 5px 3px #999} .icon_menu.iconPurple400:active:before{background: #3949ab; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #ab47bc,0 5px 1px #3949ab} .icon_menu.iconIndigo900{background: #1976d2; background-image: linear-gradient(to top,#0d47a1 0,#1976d2 100%); box-shadow: inset 0 1px 0 #1976d2,0 4px 0 0 #1a237e,0 5px 6px #999} .icon_menu.iconIndigo900:active, .icon_menu.iconIndigo900:hover{background: #0d47a1; top: 3px; box-shadow: inset 0 1px 0 #0d47a1,0 2px 0 0 #1a237e,0 5px 3px #999} .icon_menu.iconIndigo900:active:before{background: #0d47a1; top: 7px; font-size: 3.125rem; text-shadow: 0 3px 0 #1976d2,0 5px 1px #0d47a1}@font-face{font-family: iconMenu; src: url(/Content/fonts/iconMenu.eot?9f3yke); src: url(/Content/fonts/iconMenu.eot?9f3yke#iefix) format("embedded-opentype"),url(/Content/fonts/iconMenu.ttf?9f3yke) format("truetype"),url(/Content/fonts/iconMenu.woff?9f3yke) format("woff"),url(/Content/fonts/iconMenu.svg?9f3yke) format("svg"); font-weight: 400; font-style: normal}[class*=" icon-"], [class^=icon-]{font-family: iconMenu !important; speak: none; font-style: normal; font-weight: 400; -moz-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}.menu-one, .sizes .size{text-transform: uppercase}.icon-write:before{content: "\e90e"; color: #fff}.icon-ebook:before{content: "\e917"; color: #fff}.icon-HR:before{content: "\e900"; color: #fff}.icon-bData:before{content: "\e901"; color: #fff}.icon-board:before{content: "\e902"; color: #fff}.icon-bReport:before{content: "\e903"; color: #fff}.icon-calendar:before{content: "\e904"; color: #fff}.icon-carbook:before{content: "\e905"; color: #fff}.icon-chat:before{content: "\e906"; color: #fff}.icon-cloud:before{content: "\e907"; color: #fff}.icon-contact:before{content: "\e908"; color: #fff}.icon-eCenter:before{content: "\e909"; color: #fff}.icon-eFile:before{content: "\e90a"; color: #fff}.icon-email:before{content: "\e90b"; color: #fff}.icon-enroll:before{content: "\e90c"; color: #fff}.icon-file:before{content: "\e90d"; color: #fff}.icon-law:before{content: "\e90f"; color: #fff}.icon-learning:before{content: "\e910"; color: #fff}.icon-metting:before{content: "\e911"; color: #fff}.icon-property:before{content: "\e912"; color: #fff}.icon-survey:before{content: "\e913"; color: #fff}.icon-time:before{content: "\e914"; color: #fff}.icon-tool:before{content: "\e915"; color: #fff}.icon-usd:before{content: "\e916"; color: #fff}.onTopLabel{padding: 3px; margin-left: 5px; background: #ff851b; color: #fff; display: inline; font-weight: 700; line-height: 1; white-space: nowrap; vertical-align: baseline; border-radius: .25em; font-size: .6875rem; top: -4px}.label-level4{background-color: #3f51b5; color: #fff !important}.label-level5{background-color: #673ab7; color: #fff !important}.panel-triangle{background: 0 0; box-shadow: none} .panel-triangle .nav-tabs.tab-Indigo{margin-bottom: 0; background-color: transparent; padding: 0} .panel-triangle .nav-tabs.tab-Indigo > li > a{color: #fff} .panel-triangle .nav-tabs.tab-Indigo li a{padding: 10px 12px; min-width: 45px} .panel-triangle .nav-tabs.tab-Indigo li a:before{border-top-color: rgba(0,0,0,.2); border-width: 11px; margin-left: -11px} .panel-triangle .nav-tabs.tab-Indigo li a:after{border-top-color: #5c6bc0; border-width: 10px; margin-left: -10px} .panel-triangle .nav-tabs.tab-Indigo li.active a, .panel-triangle .nav-tabs.tab-Indigo li.active a:focus, .panel-triangle .nav-tabs.tab-Indigo li.active a:hover{color: #fff; background-color: #5c6bc0}.nav-tabs-triangle > li.active > a:after, .nav-tabs-triangle > li.active > a:before{border: solid transparent; content: ""; height: 0; left: 50%; pointer-events: none; position: absolute; width: 0; z-index: 11; top: 94%}.CustomCalendar .calendar-title .prev{color: #1b1e24; content: ''; font-size: 0} .CustomCalendar .calendar-title .prev:before{color: #fff; font-family: FontAwesome; content: "\f053"; font-size: 1rem} .CustomCalendar .calendar-title .prev:before:hover{color: #1b1e24}.CustomCalendar .calendar-title .next{color: #1976d2; content: ''; font-size: 0} .CustomCalendar .calendar-title .next:before{color: #fff; font-family: FontAwesome; content: "\f054"; font-size: 1rem} .CustomCalendar .calendar-title .next:before:hover{color: #1b1e24}.CustomCalendar .datepicker{padding: 10px 16px; border-radius: 2px} .CustomCalendar .datepicker thead tr .datepicker-switch{color: #1b1e24; font-size: 1.4375rem; font-weight: 700} .CustomCalendar .datepicker thead tr .prev{color: #1b1e24; content: ''; font-size: 0} .CustomCalendar .datepicker thead tr .prev:before{color: #1b1e24; font-family: FontAwesome; content: "\f053"; font-size: .8125rem} .CustomCalendar .datepicker thead tr .next{color: #1976d2; content: ''; font-size: 0} .CustomCalendar .datepicker thead tr .next:before{color: #1b1e24; font-family: FontAwesome; content: "\f054"; font-size: .8125rem} .CustomCalendar .datepicker thead tr .dow{color: #1b1e24; text-transform: uppercase; font-size: 1rem} .CustomCalendar .datepicker tbody tr .odd{color: #d0d3d8} .CustomCalendar .datepicker table tr td span{border-radius: 4px}.CustomCalendar .datepicker{font-size: 1rem} .CustomCalendar .datepicker table.table-condensed{width: 100%} .CustomCalendar .datepicker table tr td.new, .CustomCalendar .datepicker table tr td.old{color: #47968e} .CustomCalendar .datepicker table tr td.day:hover, .CustomCalendar .datepicker tfoot tr th:hover, .CustomCalendar .datepicker thead tr:first-child th:hover{opacity: .7; color: #1b1e24} .CustomCalendar .datepicker table tr td.active.active, .CustomCalendar .datepicker table tr td.active.active:hover, .CustomCalendar .datepicker table tr td.active.disabled, .CustomCalendar .datepicker table tr td.active.disabled.active, .CustomCalendar .datepicker table tr td.active.disabled.active:hover, .CustomCalendar .datepicker table tr td.active.disabled.disabled, .CustomCalendar .datepicker table tr td.active.disabled.disabled:hover, .CustomCalendar .datepicker table tr td.active.disabled:active, .CustomCalendar .datepicker table tr td.active.disabled:hover, .CustomCalendar .datepicker table tr td.active.disabled:hover:active, .CustomCalendar .datepicker table tr td.active.disabled:hover:hover, .CustomCalendar .datepicker table tr td.active.disabled[disabled], .CustomCalendar .datepicker table tr td.active.disabled[disabled]:hover, .CustomCalendar .datepicker table tr td.active:active, .CustomCalendar .datepicker table tr td.active:hover, .CustomCalendar .datepicker table tr td.active:hover:active, .CustomCalendar .datepicker table tr td.active:hover:hover, .CustomCalendar .datepicker table tr td.active[disabled], .CustomCalendar .datepicker table tr td.active[disabled]:hover{background-color: #1b1e24; color: #fff} .CustomCalendar .datepicker .event{cursor: pointer; position: relative} .CustomCalendar .datepicker .event-blue:after, .CustomCalendar .datepicker .event:after{border-radius: 50%; top: 7px; display: block; content: ''; height: .4em; left: 90%; margin: -.25em 0 0 -.25em; position: absolute; width: .4em} .CustomCalendar .datepicker .event:after{background: #ec8363} .CustomCalendar .datepicker .event-blue:after{background: #4b77bb} .CustomCalendar .datepicker .popover-content{color: #111}.btn-circle-Pink600{width: 45px; height: 45px; line-height: 2.8125rem; display: inline-block; border: none; font-size: 1.125rem; color: #fff; background: #d81b60; transition: .3s; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 5px 0 rgba(0,0,0,.11)} .btn-circle-Pink600:hover{text-decoration: none; box-shadow: 0 5px 10px rgba(0,0,0,.15),0 4px 15px rgba(0,0,0,.13)} .btn-circle-Pink600 + .btn-circle-Pink600{margin-left: 5px}.btn-on-tab{padding: 5px 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0}.btn-Pink600{color: #fff; background-color: #d81b60}.btn-buttercup{color: #fff; background-color: #ecb311}.btn-Pink600.active, .btn-Pink600.disabled, .btn-Pink600:active, .btn-Pink600:focus, .btn-Pink600:hover, .btn-Pink600[disabled]{background-color: #a44568; color: #fff}.btn-buttercup.active, .btn-buttercup.disabled, .btn-buttercup:active, .btn-buttercup:focus, .btn-buttercup:hover, .btn-buttercup[disabled]{background-color: #ae9140; color: #fff}.Accessory{position: relative; width: 40px; height: 40px; float: left; margin: 0 5px 5px 0; background-color: #f7f7f7; border: 1px solid #ccc; border-radius: 3px} .Accessory a{position: absolute; width: 40px; height: 40px; display: block; -moz-opacity: .4; opacity: .4; background-repeat: no-repeat; background-position: center} .Accessory:hover a{-moz-opacity: .9; opacity: .9; cursor: pointer} .Accessory a.S1{background-image: url(/Content/images/layout_033.png)} .Accessory a.S2{background-image: url(/Content/images/layout_034.png)}.btn-more-filter{padding: 7px 15px; background: #00b8d4; color: #fff; border: 1px solid #00a2bb} .btn-more-filter.active, .btn-more-filter.disabled, .btn-more-filter:active, .btn-more-filter:focus, .btn-more-filter:hover, .btn-more-filter[disabled]{background-color: #3894a2; color: #fff}.btn-star{cursor: pointer} .btn-star .fa-star-o{opacity: 0} .btn-star:hover .fa-star-o{opacity: 1}.breadcrumb-dropdown_box{float: left; padding: 7px 5px 0; background: #fff; border: 1px solid #e4e4e4; border-radius: 5px; width: 80px; position: relative} .breadcrumb-dropdown_box .fa-stack i{font-size: 1.875rem; color: #a0a0a0} .breadcrumb-dropdown_box .stack-text{margin-top: -5.6em; color: #a0a0a0; font-size: .8125rem; right: -4px} .breadcrumb-dropdown_box .fa-caret-down{color: #a0a0a0; margin-top: 6px; float: right}.breadcrumb-dropdown .angle-right{float: left; margin: 9px 0 0 15px}.breadcrumb-dropdown-current{float: left; font-size: 1.125rem; margin: 8px 0 0 15px; font-weight: 700; color: #676767}.all_check_box .card-chack{left: 5px; top: -10px; position: absolute; color: #fff; font-weight: bolder; text-decoration: inherit; z-index: 99; background: #e1e1e1; padding: 2px 5px; border-radius: 50%; font-size: .95rem; cursor: pointer; box-shadow: 1px 2px 2px 0 #9e9e9e}.selectionBG{background-color: #fff; border: 1px solid #e0e0e0}.filter-selector{padding: 5px 0; margin: 0; font-size: .875rem; background-color: #fff; background-clip: padding-box} .filter-selector > li > a{line-height: 1.5625rem; margin: 4px; border-radius: 3px; text-align: left; display: block; padding: 3px 20px; clear: both; font-weight: 400; color: #333; white-space: nowrap; font-size: 1rem} .filter-selector > li > a:hover{color: #1b1e24; text-decoration: none; background-color: #eff2f3; background-image: none} .filter-selector > li{padding-left: 0; line-height: 1.25rem}.dropdown-menu-fixed{position: fixed}.dropdown-toggle-fixed .fa-caret-down{margin-left: 7px}.dropdown-toggle-fixed .dropdown-menu-fixed{box-shadow: 0 0 5px 1px rgba(142,142,142,.42)}.dropdown-toggle-fixed .dropdown-menu-fixed-body{height: 170px; overflow-y: scroll; overflow-x: hidden} .dropdown-toggle-fixed .dropdown-menu-fixed-body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #f5f5f5} .dropdown-toggle-fixed .dropdown-menu-fixed-body ::-webkit-scrollbar{width: 8px; height: 8px} .dropdown-toggle-fixed .dropdown-menu-fixed-body ::-webkit-scrollbar-track{background: #000; background: rgba(0,0,0,.1)} .dropdown-toggle-fixed .dropdown-menu-fixed-body ::-webkit-scrollbar-thumb{background: #000; background: rgba(0,0,0,.5)}.dropdown-toggle-fixed .dropdown-menu-fixed .dmf_title{font-size: 1.0625rem; color: #4c4c4c; font-weight: 700}.label-critical, .label-high, .label-informational, .label-level1, .label-level2, .label-level3, .label-low, .label-medium{color: #fff !important}.dropdown-toggle-fixed .dropdown-menu-fixed .filter-selector > li > a{line-height: 1.25rem; margin: 4px; padding: 3px 10px; word-wrap: break-word; white-space: pre-wrap}.dropdown-toggle-fixed .dropdown-menu-fixed .row{padding: 0 12px}.dropdown-toggle-fixed .dropdown-menu-fixed .dropdown-actions{border-top: 1px solid #eee; background: #fdfdfd; padding: 15px 10px}.overflow_hidden{overflow: hidden}.bg-concrete{background-color: #f3f3f3}.bg-navy{background-color: #001f3f}.bg-aqua{background-color: #7fdbff}.bg-teal{background-color: #39cccc}.bg-olive{background-color: #3d9970}.bg-lime{background-color: #01ff70}.bg-orange{background-color: #ff851b}.bg-fuchsia{background-color: #f012be}.bg-purple{background-color: #b10dc9}.bg-maroon{background-color: #85144b}.bg-white{background-color: #fff}.bg-gray{background-color: #aaa}.bg-silver, .bg-silver .select2-choice{background-color: #ddd !important}.bg-black{background-color: #111}.bg-porcelain, .bg-porcelain.select2-choice{background: #ecf0f2 !important}.bg-Lgreen, .bg-Lgreen.select2-choice{background: #e4f3e5 !important}.bg-Lcyan, .bg-Lcyan.select2-choice{background: #d5f4f8 !important}.bg-Lteal, .bg-Lteal.select2-choice{background: #ddf1ef !important}.bg-Lgrey, .bg-Lgrey.select2-choice{background: #fafafa !important}.bg-Lbrown, .bg-Lbrown.select2-choice{background: #e3dbd9 !important}.bg-brown, .bg-brown.select2-choice{background: #c7b8b3 !important}.bg-yellow, .bg-yellow.select2-choice{background: #fffded !important}.bg-Lpurple, .bg-Lpurple.select2-choice{background: #f6ebf8 !important}.bg-geyser, .bg-geyser.select2-choice{background: #dce0e8 !important}.label-level1{background-color: #00bfa5}.label-level2{background-color: #00b8d4}.label-level3{background-color: #0091ea}.label-critical{background-color: #d50000}.label-high{background-color: #ff6d00}.label-medium{background-color: #ffab00}.label-low{background-color: #64dd17}.label-informational{background-color: #2962ff}.grey-purple{color: #96a4c3}.grey-purpleb{background-color: #96a4c3}.navy{color: #001f3f}.blue{color: #0074d9 !important}.aqua{color: #7fdbff}.teal{color: #39cccc !important}.olive{color: #3d9970}.green{color: #2ecc40}.lime{color: #01ff70}.yellow{color: #ffdc00}.orange{color: #ff851b}.red{color: #ff4136}.fuchsia{color: #f012be}.purple{color: #b10dc9}.maroon{color: #85144b}.white{color: #fff}.silver{color: #ddd}.gray{color: #aaa}.black{color: #111}.border--navy{border-color: #001f3f !important}.border--blue{border-color: #0074d9 !important}.border--aqua{border-color: #7fdbff !important}.border--teal{border-color: #39cccc !important}.border--olive{border-color: #3d9970 !important}.border--green{border-color: #2ecc40 !important}.border--lime{border-color: #01ff70 !important}.border--yellow{border-color: #ffdc00 !important}.border--orange{border-color: #ff851b !important}.border--red{border-color: #ff4136 !important}.border--fuchsia{border-color: #f012be !important}.border--purple{border-color: #b10dc9 !important}.border--maroon{border-color: #85144b !important}.border--white{border-color: #fff !important}.border--gray{border-color: #aaa !important}.border--silver{border-color: #ddd !important}.border--black{border-color: #111 !important}.fill-navy{fill: #001f3f}.fill-blue{fill: #0074d9}.fill-aqua{fill: #7fdbff}.fill-teal{fill: #39cccc}.fill-olive{fill: #3d9970}.fill-green{fill: #2ecc40}.fill-lime{fill: #01ff70}.fill-yellow{fill: #ffdc00}.fill-orange{fill: #ff851b}.fill-red{fill: #ff4136}.fill-fuchsia{fill: #f012be}.fill-purple{fill: #b10dc9}.fill-maroon{fill: #85144b}.fill-white{fill: #fff}.fill-gray{fill: #aaa}.fill-silver{fill: #ddd}.fill-black{fill: #111}.stroke-navy{stroke: #001f3f}.stroke-blue{stroke: #0074d9}.stroke-aqua{stroke: #7fdbff}.stroke-teal{stroke: #39cccc}.stroke-olive{stroke: #3d9970}.stroke-green{stroke: #2ecc40}.stroke-lime{stroke: #01ff70}.stroke-yellow{stroke: #ffdc00}.stroke-orange{stroke: #ff851b}.stroke-red{stroke: #ff4136}.stroke-fuchsia{stroke: #f012be}.stroke-purple{stroke: #b10dc9}.stroke-maroon{stroke: #85144b}.stroke-white{stroke: #fff}.stroke-gray{stroke: #aaa}.stroke-silver{stroke: #ddd}.stroke-black{stroke: #111}.hover-Blue700:hover{color: #1976d2 !important}.hover-Grey400:hover{color: #bdbdbd !important}.Red50b{background-color: #ffebee !important}.Red100b{background-color: #ffcdd2 !important}.Red200b{background-color: #ef9a9a !important}.Red300b{background-color: #e57373 !important}.Red400b{background-color: #ef5350 !important}.Red500b{background-color: #f44336 !important}.Red600b{background-color: #e53935 !important}.Red700b{background-color: #d32f2f !important}.Red800b{background-color: #c62828 !important}.Red900b{background-color: #b71c1c !important}.RedA100b{background-color: #ff8a80 !important}.RedA200b{background-color: #ff5252 !important}.RedA400b{background-color: #ff1744 !important}.RedA700b{background-color: #d50000 !important}.Pink50b{background-color: #fce4ec !important}.Pink100b{background-color: #f8bbd0 !important}.Pink200b{background-color: #f48fb1 !important}.Pink300b{background-color: #f06292 !important}.Pink400b{background-color: #ec407a !important}.Pink500b{background-color: #e91e63 !important}.Pink600b{background-color: #d81b60 !important}.Pink700b{background-color: #c2185b !important}.Pink800b{background-color: #ad1457 !important}.Pink900b{background-color: #880e4f !important}.PinkA100b{background-color: #ff80ab !important}.PinkA200b{background-color: #ff4081 !important}.PinkA400b{background-color: #f50057 !important}.PinkA700b{background-color: #c51162 !important}.Purple50b{background-color: #f3e5f5 !important}.Purple200b{background-color: #ce93d8 !important}.Purple300b{background-color: #ba68c8 !important}.Purple400b{background-color: #ab47bc !important}.Purple500b{background-color: #9c27b0 !important}.Purple600b{background-color: #8e24aa !important}.Purple700b{background-color: #7b1fa2 !important}.Purple800b{background-color: #6a1b9a !important}.Purple900b{background-color: #4a148c !important}.PurpleA100b{background-color: #ea80fc !important}.PurpleA200b{background-color: #e040fb !important}.PurpleA400b{background-color: #d500f9 !important}.PurpleA700b{background-color: #a0f !important}.DeepPurple50b{background-color: #ede7f6 !important}.DeepPurple100b{background-color: #d1c4e9 !important}.DeepPurple200b{background-color: #b39ddb !important}.DeepPurple300b{background-color: #9575cd !important}.DeepPurple400b{background-color: #7e57c2 !important}.DeepPurple500b{background-color: #673ab7 !important}.DeepPurple600b{background-color: #5e35b1 !important}.DeepPurple700b{background-color: #512da8 !important}.DeepPurple800b{background-color: #4527a0 !important}.DeepPurple900b{background-color: #311b92 !important}.DeepPurpleA100b{background-color: #b388ff !important}.DeepPurpleA200b{background-color: #7c4dff !important}.DeepPurpleA400b{background-color: #651fff !important}.DeepPurpleA700b{background-color: #6200ea !important}.Indigo50b{background-color: #e8eaf6 !important}.Indigo100b{background-color: #c5cae9 !important}.Indigo200b{background-color: #9fa8da !important}.Indigo300b{background-color: #7986cb !important}.Indigo400b{background-color: #5c6bc0 !important}.Indigo500b{background-color: #3f51b5 !important}.Indigo600b{background-color: #3949ab !important}.Indigo700b{background-color: #303f9f !important}.Indigo800b{background-color: #283593 !important}.Indigo900b{background-color: #1a237e !important}.IndigoA100b{background-color: #8c9eff !important}.IndigoA200b{background-color: #536dfe !important}.IndigoA400b{background-color: #3d5afe !important}.IndigoA700b{background-color: #304ffe !important}.Blue50b{background-color: #e3f2fd !important}.Blue100b{background-color: #bbdefb !important}.Blue200b{background-color: #90caf9 !important}.Blue300b{background-color: #64b5f6 !important}.Blue400b{background-color: #42a5f5 !important}.Blue500b{background-color: #2196f3 !important}.Blue600b{background-color: #1e88e5 !important}.Blue700b{background-color: #1976d2 !important}.Blue800b{background-color: #1565c0 !important}.Blue900b{background-color: #0d47a1 !important}.BlueA100b{background-color: #82b1ff !important}.BlueA200b{background-color: #448aff !important}.BlueA400b{background-color: #2979ff !important}.BlueA700b{background-color: #2962ff !important}.LightBlue50b{background-color: #e1f5fe !important}.LightBlue100b{background-color: #b3e5fc !important}.LightBlue200b{background-color: #81d4fa !important}.LightBlue300b{background-color: #4fc3f7 !important}.LightBlue400b{background-color: #29b6f6 !important}.LightBlue500b{background-color: #03a9f4 !important}.LightBlue600b{background-color: #039be5 !important}.LightBlue700b{background-color: #0288d1 !important}.LightBlue800b{background-color: #0277bd !important}.LightBlue900b{background-color: #01579b !important}.LightBlueA100b{background-color: #80d8ff !important}.LightBlueA200b{background-color: #40c4ff !important}.LightBlueA400b{background-color: #00b0ff !important}.LightBlueA700b{background-color: #0091ea !important}.Cyan50b{background-color: #e0f7fa !important}.Cyan100b{background-color: #b2ebf2 !important}.Cyan200b{background-color: #80deea !important}.Cyan300b{background-color: #4dd0e1 !important}.Cyan400b{background-color: #26c6da !important}.Cyan500b{background-color: #00bcd4 !important}.Cyan600b{background-color: #00acc1 !important}.Cyan700b{background-color: #0097a7 !important}.Cyan800b{background-color: #00838f !important}.Cyan900b{background-color: #006064 !important}.CyanA100b{background-color: #84ffff !important}.CyanA200b{background-color: #18ffff !important}.CyanA400b{background-color: #00e5ff !important}.CyanA700b{background-color: #00b8d4 !important}.Teal50b{background-color: #e0f2f1 !important}.Teal100b{background-color: #b2dfdb !important}.Teal200b{background-color: #80cbc4 !important}.Teal300b{background-color: #4db6ac !important}.Teal400b{background-color: #26a69a !important}.Teal500b{background-color: #009688 !important}.Teal600b{background-color: #00897b !important}.Teal700b{background-color: #00796b !important}.Teal800b{background-color: #00695c !important}.Teal900b{background-color: #004d40 !important}.TealA100b{background-color: #a7ffeb !important}.TealA200b{background-color: #64ffda !important}.TealA400b{background-color: #1de9b6 !important}.TealA700b{background-color: #00bfa5 !important}.Green50b{background-color: #e8f5e9 !important}.Green100b{background-color: #c8e6c9 !important}.Green200b{background-color: #a5d6a7 !important}.Green300b{background-color: #81c784 !important}.Green400b{background-color: #66bb6a !important}.Green500b{background-color: #4caf50 !important}.Green600b{background-color: #43a047 !important}.Green700b{background-color: #388e3c !important}.Green800b{background-color: #2e7d32 !important}.Green900b{background-color: #1b5e20 !important}.GreenA100b{background-color: #b9f6ca !important}.GreenA200b{background-color: #69f0ae !important}.GreenA400b{background-color: #00e676 !important}.GreenA700b{background-color: #00c853 !important}.LightGreen50b{background-color: #f1f8e9 !important}.LightGreen100b{background-color: #dcedc8 !important}.LightGreen200b{background-color: #c5e1a5 !important}.LightGreen300b{background-color: #aed581 !important}.LightGreen400b{background-color: #9ccc65 !important}.LightGreen500b{background-color: #8bc34a !important}.LightGreen600b{background-color: #7cb342 !important}.LightGreen700b{background-color: #689f38 !important}.LightGreen800b{background-color: #558b2f !important}.LightGreen900b{background-color: #33691e !important}.LightGreenA100b{background-color: #ccff90 !important}.LightGreenA200b{background-color: #b2ff59 !important}.LightGreenA400b{background-color: #76ff03 !important}.LightGreenA700b{background-color: #64dd17 !important}.Lime50b{background-color: #f9fbe7 !important}.Lime100b{background-color: #f0f4c3 !important}.Lime200b{background-color: #e6ee9c !important}.Lime300b{background-color: #dce775 !important}.Lime400b{background-color: #d4e157 !important}.Lime500b{background-color: #cddc39 !important}.Lime600b{background-color: #c0ca33 !important}.Lime700b{background-color: #afb42b !important}.Lime800b{background-color: #9e9d24 !important}.Lime900b{background-color: #827717 !important}.LimeA100b{background-color: #f4ff81 !important}.LimeA200b{background-color: #eeff41 !important}.LimeA400b{background-color: #c6ff00 !important}.LimeA700b{background-color: #aeea00 !important}.Yellow50b{background-color: #fffde7 !important}.Yellow100b{background-color: #fff9c4 !important}.Yellow200b{background-color: #fff59d !important}.Yellow300b{background-color: #fff176 !important}.Yellow400b{background-color: #ffee58 !important}.Yellow500b{background-color: #ffeb3b !important}.Yellow600b{background-color: #fdd835 !important}.Yellow700b{background-color: #fbc02d !important}.Yellow800b{background-color: #f9a825 !important}.Yellow900b{background-color: #f57f17 !important}.YellowA100b{background-color: #ffff8d !important}.YellowA200b{background-color: #ff0 !important}.YellowA400b{background-color: #ffea00 !important}.YellowA700b{background-color: #ffd600 !important}.Amber50b{background-color: #fff8e1 !important}.Amber100b{color: #576475 !important; background-color: #ffecb3 !important}.Amber200b{background-color: #ffe082 !important}.Amber300b{background-color: #ffd54f !important}.Amber400b{background-color: #ffca28 !important}.Amber500b{background-color: #ffc107 !important}.Amber600b{background-color: #ffb300 !important}.Amber700b{background-color: #ffa000 !important}.Amber800b{background-color: #ff8f00 !important}.Amber900b{background-color: #ff6f00 !important}.AmberA100b{background-color: #ffe57f !important}.AmberA200b{background-color: #ffd740 !important}.AmberA400b{background-color: #ffc400 !important}.AmberA700b{background-color: #ffab00 !important}.Orange50b{background-color: #fff3e0 !important}.Orange100b{background-color: #ffe0b2 !important}.Orange200b{background-color: #ffcc80 !important}.Orange300b{background-color: #ffb74d !important}.Orange400b{background-color: #ffa726 !important}.Orange500b{background-color: #ff9800 !important}.Orange600b{background-color: #fb8c00 !important}.Orange700b{background-color: #f57c00 !important}.Orange800b{background-color: #ef6c00 !important}.Orange900b{background-color: #e65100 !important}.OrangeA100b{background-color: #ffd180 !important}.OrangeA200b{background-color: #ffab40 !important}.OrangeA400b{background-color: #ff9100 !important}.OrangeA700b{background-color: #ff6d00 !important}.DeepOrange50b{background-color: #fbe9e7 !important}.DeepOrange100b{background-color: #ffccbc !important}.DeepOrange200b{background-color: #ffab91 !important}.DeepOrange300b{background-color: #ff8a65 !important}.DeepOrange400b{background-color: #ff7043 !important}.DeepOrange500b{background-color: #ff5722 !important}.DeepOrange600b{background-color: #f4511e !important}.DeepOrange700b{background-color: #e64a19 !important}.DeepOrange800b{background-color: #d84315 !important}.DeepOrange900b{background-color: #bf360c !important}.DeepOrangeA100b{background-color: #ff9e80 !important}.DeepOrangeA200b{background-color: #ff6e40 !important}.DeepOrangeA400b{background-color: #ff3d00 !important}.DeepOrangeA700b{background-color: #dd2c00 !important}.Brown50b{background-color: #efebe9 !important}.Brown100b{background-color: #d7ccc8 !important}.Brown200b{background-color: #bcaaa4 !important}.Brown300b{background-color: #a1887f !important}.Brown400b{background-color: #8d6e63 !important}.Brown500b{background-color: #795548 !important}.Brown600b{background-color: #6d4c41 !important}.Brown700b{background-color: #5d4037 !important}.Brown800b{background-color: #4e342e !important}.Brown900b{background-color: #3e2723 !important}.Grey50b{background-color: #fafafa !important}.Grey100b{background-color: #f5f5f5 !important}.Grey200b{background-color: #eee !important}.Grey300b{background-color: #e0e0e0 !important}.Grey400b{background-color: #bdbdbd !important}.Grey500b{background-color: #9e9e9e !important}.Grey600b{background-color: #757575 !important}.Grey700b{background-color: #616161 !important}.Grey800b{background-color: #424242 !important}.Grey900b{background-color: #212121 !important}.BlueGrey50b{background-color: #eceff1 !important}.BlueGrey100b{background-color: #cfd8dc !important}.BlueGrey200b{background-color: #b0bec5 !important}.BlueGrey300b{background-color: #90a4ae !important}.BlueGrey400b{background-color: #78909c !important}.BlueGrey500b{background-color: #607d8b !important}.BlueGrey600b{background-color: #546e7a !important}.BlueGrey700b{background-color: #455a64 !important}.BlueGrey800b{background-color: #37474f !important}.BlueGrey900b{background-color: #263238 !important}.Whiteb{background-color: #fff !important}.White{color: #fff !important}.Red50{color: #ffebee !important}.Red100{color: #ffcdd2 !important}.Red200{color: #ef9a9a !important}.Red300{color: #e57373 !important}.Red400{color: #ef5350 !important}.Red500{color: #f44336 !important}.Red600{color: #e53935 !important}.Red700{color: #d32f2f !important}.Red800{color: #c62828 !important}.Red900{color: #b71c1c !important}.RedA100{color: #ff8a80 !important}.RedA200{color: #ff5252 !important}.RedA400{color: #ff1744 !important}.RedA700{color: #d50000 !important}.Pink50{color: #fce4ec !important}.Pink100{color: #f8bbd0 !important}.Pink200{color: #f48fb1 !important}.Pink300{color: #f06292 !important}.Pink400{color: #ec407a !important}.Pink500{color: #e91e63 !important}.Pink600{color: #d81b60 !important}.Pink700{color: #c2185b !important}.Pink800{color: #ad1457 !important}.Pink900{color: #880e4f !important}.PinkA100{color: #ff80ab !important}.PinkA200{color: #ff4081 !important}.PinkA400{color: #f50057 !important}.PinkA700{color: #c51162 !important}.Purple50{color: #f3e5f5 !important}.Purple200{color: #ce93d8 !important}.Purple300{color: #ba68c8 !important}.Purple400{color: #ab47bc !important}.Purple500{color: #9c27b0 !important}.Purple600{color: #8e24aa !important}.Purple700{color: #7b1fa2 !important}.Purple800{color: #6a1b9a !important}.Purple900{color: #4a148c !important}.PurpleA100{color: #ea80fc !important}.PurpleA200{color: #e040fb !important}.PurpleA400{color: #d500f9 !important}.PurpleA700{color: #a0f !important}.DeepPurple50{color: #ede7f6 !important}.DeepPurple100{color: #d1c4e9 !important}.DeepPurple200{color: #b39ddb !important}.DeepPurple300{color: #9575cd !important}.DeepPurple400{color: #7e57c2 !important}.DeepPurple500{color: #673ab7 !important}.DeepPurple600{color: #5e35b1 !important}.DeepPurple700{color: #512da8 !important}.DeepPurple800{color: #4527a0 !important}.DeepPurple900{color: #311b92 !important}.DeepPurpleA100{color: #b388ff !important}.DeepPurpleA200{color: #7c4dff !important}.DeepPurpleA400{color: #651fff !important}.DeepPurpleA700{color: #6200ea !important}.Indigo50{color: #e8eaf6 !important}.Indigo100{color: #c5cae9 !important}.Indigo200{color: #9fa8da !important}.Indigo300{color: #7986cb !important}.Indigo400{color: #5c6bc0 !important}.Indigo500{color: #3f51b5 !important}.Indigo600{color: #3949ab !important}.Indigo700{color: #303f9f !important}.Indigo800{color: #283593 !important}.Indigo900{color: #1a237e !important}.IndigoA100{color: #8c9eff !important}.IndigoA200{color: #536dfe !important}.IndigoA400{color: #3d5afe !important}.IndigoA700{color: #304ffe !important}.Blue50{color: #e3f2fd !important}.Blue100{color: #bbdefb !important}.Blue200{color: #90caf9 !important}.Blue300{color: #64b5f6 !important}.Blue400{color: #42a5f5 !important}.Blue500{color: #2196f3 !important}.Blue600{color: #1e88e5 !important}.Blue700{color: #1976d2 !important}.Blue800{color: #1565c0 !important}.Blue900{color: #0d47a1 !important}.BlueA100{color: #82b1ff !important}.BlueA200{color: #448aff !important}.BlueA400{color: #2979ff !important}.BlueA700{color: #2962ff !important}.LightBlue50{color: #e1f5fe !important}.LightBlue100{color: #b3e5fc !important}.LightBlue200{color: #81d4fa !important}.LightBlue300{color: #4fc3f7 !important}.LightBlue400{color: #29b6f6 !important}.LightBlue500{color: #03a9f4 !important}.LightBlue600{color: #039be5 !important}.LightBlue700{color: #0288d1 !important}.LightBlue800{color: #0277bd !important}.LightBlue900{color: #01579b !important}.LightBlueA100{color: #80d8ff !important}.LightBlueA200{color: #40c4ff !important}.LightBlueA400{color: #00b0ff !important}.LightBlueA700{color: #0091ea !important}.Cyan50{color: #e0f7fa !important}.Cyan100{color: #b2ebf2 !important}.Cyan200{color: #80deea !important}.Cyan300{color: #4dd0e1 !important}.Cyan400{color: #26c6da !important}.Cyan500{color: #00bcd4 !important}.Cyan600{color: #00acc1 !important}.Cyan700{color: #0097a7 !important}.Cyan800{color: #00838f !important}.Cyan900{color: #006064 !important}.CyanA100{color: #84ffff !important}.CyanA200{color: #18ffff !important}.CyanA400{color: #00e5ff !important}.CyanA700{color: #00b8d4 !important}.Teal50{color: #e0f2f1 !important}.Teal100{color: #b2dfdb !important}.Teal200{color: #80cbc4 !important}.Teal300{color: #4db6ac !important}.Teal400{color: #26a69a !important}.Teal500{color: #009688 !important}.Teal600{color: #00897b !important}.Teal700{color: #00796b !important}.Teal800{color: #00695c !important}.Teal900{color: #004d40 !important}.TealA100{color: #a7ffeb !important}.TealA200{color: #64ffda !important}.TealA400{color: #1de9b6 !important}.TealA700{color: #00bfa5 !important}.Green50{color: #e8f5e9 !important}.Green100{color: #c8e6c9 !important}.Green200{color: #a5d6a7 !important}.Green300{color: #81c784 !important}.Green400{color: #66bb6a !important}.Green500{color: #4caf50 !important}.Green600{color: #43a047 !important}.Green700{color: #388e3c !important}.Green800{color: #2e7d32 !important}.Green900{color: #1b5e20 !important}.GreenA100{color: #b9f6ca !important}.GreenA200{color: #69f0ae !important}.GreenA400{color: #00e676 !important}.GreenA700{color: #00c853 !important}.LightGreen50{color: #f1f8e9 !important}.LightGreen100{color: #dcedc8 !important}.LightGreen200{color: #c5e1a5 !important}.LightGreen300{color: #aed581 !important}.LightGreen400{color: #9ccc65 !important}.LightGreen500{color: #8bc34a !important}.LightGreen600{color: #7cb342 !important}.LightGreen700{color: #689f38 !important}.LightGreen800{color: #558b2f !important}.LightGreen900{color: #33691e !important}.LightGreenA100{color: #ccff90 !important}.LightGreenA200{color: #b2ff59 !important}.LightGreenA400{color: #76ff03 !important}.LightGreenA700{color: #64dd17 !important}.Lime50{color: #f9fbe7 !important}.Lime100{color: #f0f4c3 !important}.Lime200{color: #e6ee9c !important}.Lime300{color: #dce775 !important}.Lime400{color: #d4e157 !important}.Lime500{color: #cddc39 !important}.Lime600{color: #c0ca33 !important}.Lime700{color: #afb42b !important}.Lime800{color: #9e9d24 !important}.Lime900{color: #827717 !important}.LimeA100{color: #f4ff81 !important}.LimeA200{color: #eeff41 !important}.LimeA400{color: #c6ff00 !important}.LimeA700{color: #aeea00 !important}.Yellow50{color: #fffde7 !important}.Yellow100{color: #fff9c4 !important}.Yellow200{color: #fff59d !important}.Yellow300{color: #fff176 !important}.Yellow400{color: #ffee58 !important}.Yellow500{color: #ffeb3b !important}.Yellow600{color: #fdd835 !important}.Yellow700{color: #fbc02d !important}.Yellow800{color: #f9a825 !important}.Yellow900{color: #f57f17 !important}.YellowA100{color: #ffff8d !important}.YellowA200{color: #ff0 !important}.YellowA400{color: #ffea00 !important}.YellowA700{color: #ffd600 !important}.Amber50{color: #fff8e1 !important}.Amber100{color: #ffecb3 !important}.Amber200{color: #ffe082 !important}.Amber300{color: #ffd54f !important}.Amber400{color: #ffca28 !important}.Amber500{color: #ffc107 !important}.Amber600{color: #ffb300 !important}.Amber700{color: #ffa000 !important}.Amber800{color: #ff8f00 !important}.Amber900{color: #ff6f00 !important}.AmberA100{color: #ffe57f !important}.AmberA200{color: #ffd740 !important}.AmberA400{color: #ffc400 !important}.AmberA700{color: #ffab00 !important}.Orange50{color: #fff3e0 !important}.Orange100{color: #ffe0b2 !important}.Orange200{color: #ffcc80 !important}.Orange300{color: #ffb74d !important}.Orange400{color: #ffa726 !important}.Orange500{color: #ff9800 !important}.Orange600{color: #fb8c00 !important}.Orange700{color: #f57c00 !important}.Orange800{color: #ef6c00 !important}.Orange900{color: #e65100 !important}.OrangeA100{color: #ffd180 !important}.OrangeA200{color: #ffab40 !important}.OrangeA400{color: #ff9100 !important}.OrangeA700{color: #ff6d00 !important}.DeepOrange50{color: #fbe9e7 !important}.DeepOrange100{color: #ffccbc !important}.DeepOrange200{color: #ffab91 !important}.DeepOrange300{color: #ff8a65 !important}.DeepOrange400{color: #ff7043 !important}.DeepOrange500{color: #ff5722 !important}.DeepOrange600{color: #f4511e !important}.DeepOrange700{color: #e64a19 !important}.DeepOrange800{color: #d84315 !important}.DeepOrange900{color: #bf360c !important}.DeepOrangeA100{color: #ff9e80 !important}.DeepOrangeA200{color: #ff6e40 !important}.DeepOrangeA400{color: #ff3d00 !important}.DeepOrangeA700{color: #dd2c00 !important}.Brown50{color: #efebe9 !important}.Brown100{color: #d7ccc8 !important}.Brown200{color: #bcaaa4 !important}.Brown300{color: #a1887f !important}.Brown400{color: #8d6e63 !important}.Brown500{color: #795548 !important}.Brown600{color: #6d4c41 !important}.Brown700{color: #5d4037 !important}.Brown800{color: #4e342e !important}.Brown900{color: #3e2723 !important}.Grey50{color: #fafafa !important}.Grey100{color: #f5f5f5 !important}.Grey200{color: #eee !important}.Grey300{color: #e0e0e0 !important}.Grey400{color: #bdbdbd !important}.Grey500{color: #9e9e9e !important}.Grey600{color: #757575 !important}.Grey700{color: #616161 !important}.Grey800{color: #424242 !important}.Grey900{color: #212121 !important}.BlueGrey50{color: #eceff1 !important}.BlueGrey100{color: #cfd8dc !important}.BlueGrey200{color: #b0bec5 !important}.BlueGrey300{color: #90a4ae !important}.BlueGrey400{color: #78909c !important}.BlueGrey500{color: #607d8b !important}.BlueGrey600{color: #546e7a !important}.BlueGrey700{color: #455a64 !important}.BlueGrey800{color: #37474f !important}.BlueGrey900{color: #263238 !important}.narrow_layout .tableNarrow td{font-size: .9375rem}.narrow_layout .back-btn .back-btn-tex, .narrow_layout .close-btn .back-btn-tex, .narrow_layout .list-card .list-card-container .right .muted{font-size: .89063rem}.narrow_layout .accordionPart li.qa_list .qa_content, .narrow_layout .email-list-menu a > .arrow.open:before, .narrow_layout .email-list-menu a > .arrow:before{font-size: .9375rem}.narrow_layout .card-container-sm .card-chack, .narrow_layout .card-container-sm.card-xs .text, .narrow_layout .colorBlock__list .colorBlock_listicon{font-size: .89063rem}.narrow_layout .horizontal-menu .bar-inner > ul > li > .mega .sub-menu.onpenNewWeb li > a:before, .narrow_layout .horizontal-menu .bar-inner > ul > li > .mega .sub-menu > li > a.onpenNewWeb:before, .narrow_layout .horizontal-menu .bar-inner > ul > li > a > .arrow:before, .narrow_layout .list_card_container .inside .infomation-box ul{font-size: .9375rem}.narrow_layout .all_check_box .card-chack, .narrow_layout ul.sub-menu li a, .narrow_layout ul.sub-menu li a:hover{font-size: .89063rem}@media only screen and (min-width:1824px){.narrow_layout .table td, .narrow_layout .table th{font-size: 1rem}}@media (min-width:768px) and (max-width:1024px){.narrow_layout .page-sidebar.opened ul.folders > li > a, .narrow_layout .page-sidebar.opened ul.folders > li > input{font-size: .89063rem}}.narrow_layout .CustomCalendar .calendar-title .next:before, .narrow_layout .CustomCalendar .calendar-title .prev:before, .narrow_layout .CustomCalendar .datepicker, .narrow_layout .CustomCalendar .datepicker thead tr .dow, .narrow_layout .filter-selector > li > a, .narrow_layout .function-dropdown a{font-size: .9375rem}.narrow_layout .search-dropdown-control a:not(.dropdown-toggle):not(.contacts-label-delet):not(.input-history-toggle){font-size: .89063rem}.narrow_layout .icon_menu p{font-size: .9375rem}.narrow_layout .btn-group > .dropdown-menu, .narrow_layout .dropdown-sub-menu{font-size: .89063rem}.narrow_layout .contacts-label, .narrow_layout .rangeDTPicker .time-info p span{font-size: .9375rem}.narrow_layout .FC-border-group .form-collapse-body{padding: 10px}.narrow_layout .well{padding: 8px 19px}.narrow_layout .form-actions{margin-top: 10px; padding: 10px 20px}.narrow_layout .pill-content > .active, .narrow_layout .tab-content > .active{padding: 10px 19px}.narrow_layout .J-download-box{padding: 5px; margin: 5px 0}.narrow_layout .checkbox label, .narrow_layout .star label{margin-bottom: 5px}.narrow_layout .nav-tabs > li > a{padding: 10px 20px}.narrow_layout .FC-border-group h4.land-collapse-title{margin: 5px 0}.narrow_layout #personailze_box .nav-tabs .add_tab_btn .btn{margin-top: 9px}.narrow_layout .table td, .narrow_layout .table th{padding: 8px 10px}.narrow_layout .table > tbody > tr > td, .narrow_layout .table > tbody > tr > th, .narrow_layout .table > tfoot > tr > td, .narrow_layout .table > tfoot > tr > th, .narrow_layout .table > thead > tr > td, .narrow_layout .table > thead > tr > th{padding: 8px}.narrow_layout .btn{padding: 7px 10px}.narrow_layout .grid .simple .form-actions{margin-left: 20px !important; margin-right: 20px !important; margin-bottom: 20px !important}.narrow_layout .grid.simple .grid-title{padding: 10px 15px 0}.narrow_layout .grid.simple .grid-body{padding: 14px}.narrow_layout .grid.simple .form-actions{margin-right: -14px !important; margin-left: -14px !important; margin-bottom: -14px !important}.narrow_layout .horizontal-menu .bar-inner > ul > li{padding: 8px 10px}.narrow_layout .header .navbar-inner{height: 50px}@media (min-width:980px){.narrow_layout .horizontal-menu .page-content .content{padding-top: 100px}}@media (min-width:768px) and (max-width:1024px){.narrow_layout .horizontal-menu .page-content .content{margin-top: 0}}.narrow_layout .page-content .content{padding-left: 13px; padding-right: 13px}.circle-check-p{margin-top: 0; margin-right: 0; float: none; z-index: 1; cursor: pointer} .circle-check-p .circle-check{background-color: #ddd; border-radius: 20px; display: inline-block; font-size: 1.25rem; width: 30px; height: 30px; position: relative; text-align: center; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)} .circle-check-p .circle-check:after, .circle-check-p.circle-check-p-sm .circle-check:after{position: absolute; content: "\f00c"; font-weight: 400; font-family: FontAwesome; font-style: normal} .circle-check-p .circle-check:hover{background: #bbb} .circle-check-p .circle-check:after{left: 5px; top: 0; color: #fff; font-size: 1.25rem; width: 20px; height: 20px} .circle-check-p .circle-check.click{background: #fff; box-shadow: 0 2px 1px rgba(170,170,170,.25); border: 2px solid #2f8be4} .circle-check-p .circle-check.click:hover{color: #62d6d6} .circle-check-p .circle-check.click:after{color: #2f8be4 !important; left: 3px; top: -2px} .circle-check-p.circle-check-p-sm .circle-check{font-size: .625rem; height: 22px; width: 22px; line-height: 1.375rem} .circle-check-p.circle-check-p-sm .circle-check:after{left: 4px; top: 1px; color: #fff; font-size: .95rem; width: 15px; height: 15px}.well .info-help, table .info-help{width: 23px; height: 23px; line-height: 1.4375rem; border-radius: 3px; text-align: center; cursor: pointer}.circle-check-p.circle-check-p-sm .circle-check.click:after{left: 2px; top: -1px; color: #2f8be4 !important; font-size: .95rem}.well .info-help i, table .info-help i{color: #fff}table .info-help{background: #448aff} table .info-help:hover{background: #2962ff}.well .info-help{background: #448aff} .well .info-help:hover{background: #2962ff}.input-group-addon{border: 1px solid #ccc} .input-group-addon:focus{border-color: #80d4f5}.transparent .input-group-addon:first-child, .transparent .input-group-btn:first-child > .btn, .transparent .input-group-btn:first-child > .dropdown-toggle, .transparent .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .transparent.input-group .form-control:first-child{border-right: 0; border-left: 1px solid #ccc} .transparent .input-group-addon:first-child:focus, .transparent .input-group-btn:first-child > .btn:focus, .transparent .input-group-btn:first-child > .dropdown-toggle:focus, .transparent .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle):focus, .transparent.input-group .form-control:first-child:focus{border-color: #80d4f5}a[href="#selectModal"]{float: left; margin-top: 10px; margin-right: 10px}.panel-group .panel-heading .panel-title > a.collapsed, .panel-group .panel-heading .panel-title > a.collapsed:after{color: #011b27}.header .nav .h-seperate{top: 5px}.modal-header .close{margin-top: -9px !important; font-size: 1.875rem !important; opacity: .5 !important}.panel-heading.collapsed .check-default{float: left; margin-top: -6px}.btn-group .btn-info.active{box-shadow: inset -3px 4px 5px #00474a; background: #00585c; color: #fff94a}.card-container-sm{height: 60px; width: 100%; margin-bottom: 20px; border-radius: 5px; border: 1px solid #eee; box-shadow: 0 2px 0 0 rgba(0,0,0,.1); box-shadow: 0 2px 1 px rgba(170,170,170,.25); cursor: pointer} .card-container-sm .img-thumb .popover.bottom:before, .card-container-sm .img-thumb .popover.top:before{border-right: 7px solid transparent; border-left: 7px solid transparent; content: ''; margin-left: 12px} .card-container-sm.end{margin-bottom: 0} .card-container-sm:after{content: ''; display: block; clear: both} .card-container-sm .img-thumb{float: left; position: relative; width: 60px; height: 60px; border-radius: 5px 0 0 5px; text-align: center; background: #aaa; cursor: pointer; box-shadow: rgba(84,84,84,.2) 0 0 0 1px inset} .card-container-sm .img-thumb.blue-bg{background: #0074d9} .card-container-sm .img-thumb i{position: relative; margin-top: 15px; font-size: 1.875rem; color: #fff; width: auto} .card-container-sm .img-thumb .stack-text{margin-top: -4.5em; color: #ccc} .card-container-sm .img-thumb .stack-text i{color: #ccc; font-size: 1.125rem; margin-top: -30px} .card-container-sm .img-thumb .popover{background-color: #000; background-color: rgba(0,0,0,.85); border-radius: 5px; margin-top: 50px; box-shadow: 0 0 5px rgba(0,0,0,.4); color: #fff; display: none; font-size: .75rem; left: 0; padding: 7px 10px; position: absolute; width: 200px; z-index: 400000000000000000000} .card-container-sm .img-thumb .popover.bottom:before{border-bottom: 7px solid rgba(0,0,0,.85); top: -7px; display: block; position: absolute} .card-container-sm .img-thumb .popover.top{margin-top: -40px} .card-container-sm .img-thumb .popover.top:before{border-top: 7px solid rgba(0,0,0,.85); bottom: -7px; display: block; position: absolute} .card-container-sm .img-thumb:hover .popover{display: block; -webkit-animation: fade-in .3s linear 1,move-up .3s linear 1} .card-container-sm .circle-check-p .circle-check, .card-container3 .circle-check-p .circle-check{display: inline-block; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; text-align: center} .card-container-sm .text{font-size: 1.125rem; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .card-container-sm .text.textHover:hover{color: #2196f3; cursor: pointer} .card-container-sm .circle-check-p{margin-top: 13px; margin-right: 10px; float: right} .card-container-sm .circle-check-p .circle-check{background-color: #ddd; border-radius: 20px; cursor: pointer; font-size: 1.25rem; height: 35px; width: 35px; line-height: 2.1875rem; position: relative; user-select: none; box-shadow: 0 2px 0 rgba(0,0,0,.1); box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)} .card-container-sm .circle-check-p .circle-check:after{position: absolute; left: 7px; top: 0; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: 1.375rem; width: 22px; height: 22px} .card-container-sm .circle-check-p .circle-check:hover{background: #2ba7a7} .card-container-sm .circle-check-p .circle-check.click{background: #62d6d6} .card-container-sm .circle-check-p .circle-check.click:hover{background: #2ba7a7} .card-container-sm .circle-check-p .circle-check:checked{background: #62d6d6} .card-container-sm.click{border: 2px solid #26a69a; border-radius: 5px} .card-container-sm.click .img-thumb{height: 56px; border-radius: 0} .card-container-sm .card-chack{left: 5px; top: -10px; position: absolute; color: #fff; font-weight: bolder; text-decoration: inherit; z-index: 99; background: #e1e1e1; padding: 2px 5px; border-radius: 50%; font-size: .89063rem; cursor: pointer; box-shadow: 1px 2px 2px 0 #9e9e9e} .card-container-sm.click .card-chack{background: #26a69a} .card-container-sm.card-xs{height: 45px} .card-container-sm.card-xs .img-thumb{width: 45px; height: 45px} .card-container-sm.card-xs .img-thumb i{margin-top: 12px; font-size: 1.5625rem} .card-container-sm.card-xs .text{margin-top: 14px; font-size: .89063rem} .card-container-sm.card-xs.click{overflow: hidden}.ban_style.card-container-sm .img-thumb{box-shadow: rgba(165,165,165,.2) 0 0 0 1px inset; background: #e2e2e2} .ban_style.card-container-sm .img-thumb:hover{box-shadow: none}.ban_style.card-container-sm .text{opacity: .3}.card-container3 .img-gallery:hover{animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite}.card-container3{width: 100%; background-color: #fff; padding: 0; border-radius: 6px; border: 1px solid #eee; box-shadow: 0 2px 0 0 rgba(0,0,0,.1); box-shadow: 0 2px 1 px rgba(170,170,170,.25); margin: 0 20px 20px 0; position: relative} .card-container3 i{width: auto !important} .card-container3 .card-btn{position: absolute; top: 22px; right: 15px} .card-container3 .opacity6{-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter'); filter: grayscale(100%); filter: gray; opacity: .6} .card-container3 .img-gallery{position: absolute; margin-top: 5px; right: 10px; color: #fff; font-size: 1.75rem} .card-container3 .img-gallery a, .card-container3 .img-gallery a:hover{color: #fff} .card-container3 .circle-check-p{margin-top: 5px; margin-right: 5px; float: left; cursor: pointer; margin-left: 5px; position: absolute; z-index: 1} .card-container3 .circle-check-p .circle-check{background-color: #ddd; border-radius: 20px; font-size: 1.25rem; width: 30px; height: 30px; position: relative; user-select: none; box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)} .card-container3 .circle-check-p .circle-check:hover{background: #bbb} .card-container3 .circle-check-p .circle-check:after{position: absolute; left: 5px; top: 0; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: 1.25rem; width: 20px; height: 20px} .card-container3 .circle-check-p .circle-check.click{background: #fff; box-shadow: 0 2px 1px rgba(170,170,170,.25); border: 2px solid #2f8be4} .card-container3 .circle-check-p .circle-check.click:hover{color: #62d6d6} .card-container3 .circle-check-p .circle-check.click:after{color: #2f8be4 !important; left: 3px; top: -2px} .card-container3 .circle-check-p.circle-check-p-sm .circle-check{font-size: .625rem; height: 22px; width: 22px; line-height: 1.375rem} .card-container3 .circle-check-p.circle-check-p-sm .circle-check:after{position: absolute; left: 4px; top: 1px; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: .89063rem; width: 15px; height: 15px} .card-container3 .circle-check-p.circle-check-p-sm .circle-check.click:after{left: 2px; top: -1px; color: #2f8be4 !important; font-size: .89063rem} .card-container3.noBorder{border: none} .card-container3 .img-thumb{position: relative; border-radius: 5px 5px 0 0; height: 100px; text-align: center; background: #aaa; cursor: pointer; transition: all 150ms cubic-bezier(.39,.5,.15,1.36); box-shadow: rgba(84,84,84,.2) 0 0 0 1px inset} .card-container3 .img-thumb .dotAnimation{position: absolute; left: 48%; transform: translate(-48%,0)} .card-container3 .img-thumb:hover{box-shadow: rgba(84,84,84,.6) 0 150px 0 2px inset} .card-container3 .img-thumb .imgH100 img{width: auto; height: 100px; border: 1px solid #9fa8a3} .card-container3 .img-thumb .imgCover img{max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover} .card-container3 .img-thumb .category-fa{text-shadow: 2px 2px 2px #858e83,3px 2px 1px #fff; font-size: 4.6875rem; top: 15px} .card-container3 .img-thumb.noHover{box-shadow: rgba(84,84,84,0) 0 150px 0 2px inset} .card-container3 .img-thumb.img-thunb-gradient{position: relative; background-color: #9fa8a3; background-image: linear-gradient(70deg,transparent 67%,rgba(255,255,255,.05) 67%,rgba(255,255,255,.025)),linear-gradient(rgba(255,255,255,0) 11px,transparent 11px),linear-gradient(#c5d5cb,#9fa8a3 1%,#e3e0cf)} .card-container3 .img-thumb.img-thunb-gradient:hover{box-shadow: none; -moz-filter: contrast(80%); -ms-filter: contrast(80%); -o-filter: contrast(80%); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" intercept="0.09999999999999998" /><feFuncG type="linear" slope="0.8" intercept="0.09999999999999998" /><feFuncB type="linear" slope="0.8" intercept="0.09999999999999998" /></feComponentTransfer></filter></svg>#filter'); filter: contrast(80%); filter: contrast} .card-container3 .img-thumb i{font-size: 3em; color: #fff; position: relative; top: 30px} .card-container3 .img-thumb .filetype-text{font-size: 1.25rem; font-weight: 700; margin-left: 5px} .card-container3 .img-thumb .fa-stack-1x{top: 40px; right: 5px} .card-container3 .img-thumb .fa-stack-2x{font-size: 3em} .card-container3 .img-thumb-folder{border-radius: 5px 5px 0 0; height: 120px; background: #1d7cd6; text-align: center; cursor: pointer} .card-container3 .img-thumb-folder .quantity{border-radius: 0 5px 0 0; background-color: #000; background-color: rgba(0,0,0,.5); height: 120px} .card-container3 .img-thumb-folder .quantity p{color: #fff; padding: 2px 0; font-size: .89063rem} .card-container3 .img-thumb-folder .quantity p:first-child{padding-top: 17px; font-size: 1.625rem; font-weight: 700} .card-container3 .img-thumb-folder .quantity i{font-size: 2.5rem; color: #fff; position: relative; top: 0} .card-container3 .mybg-orange{background: #f97a12} .card-container3 .permissions-icon{color: #616161; margin-top: 12px} .card-container3 .permissions-icon .icon-list-item{float: left; padding-right: 10px} .card-container3 .permissions-icon .time-container{float: left; color: #616161; font-size: .89063rem; width: 80%; margin-top: -4px} .card-container3 .inside{position: relative; padding: 10px 7px} .card-container3 .inside .col-xs-2, .card-container3 .inside .col-xs-4{position: static !important} .card-container3 .inside .btn-fixed{position: absolute; right: -8px; bottom: 70px} .card-container3 .inside .jq-dropdown{top: 20px !important; left: 80px !important} .card-container3 .inside .jq-dropdown ul{text-align: left !important} .card-container3 .inside .jq-dropdown ul li a{font-size: .89063rem; border-radius: 3px; text-align: left; display: block; padding: 4px 10px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; text-decoration: none} .card-container3 .inside .jq-dropdown ul li a:hover{color: #1b1e24; text-decoration: none; background-color: #eff2f3; background-image: none} .card-container3 .inside .jq-dropdown ul li a .fa{float: left; font-size: 1.25rem; color: #0074d9} .card-container3 .inside .jq-dropdown ul li a span{float: right; color: #444} .card-container3 .inside .jq-dropdown .jq-dropdown-panel{min-width: 90px} .card-container3 .inside h4{font-size: .89063rem; margin-top: 5px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .card-container3 .inside .surveyTexGroup{font-size: .89063rem; margin-top: 5px; margin-bottom: 5px; width: 80%} .card-container3 .inside .mainText{color: #494949; display: block; display: -webkit-box; max-width: 680px; height: 68.4px; font-size: .89063rem; line-height: 1.6; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis} .card-container3 .control-panel{position: relative; border-top: 1px solid #eee; padding-top: 7px; height: 50px; padding-right: 7px; padding-left: 7px} .card-container3 .control-panel .toggle-open-close{position: absolute} .card-container3 .control-panel .JchangeTex{position: absolute; left: 80px; top: 12px; display: none}.menu-one, .menu-one .ken_header > span{display: block}.card-container3 .control-panel .btn-group{position: absolute; bottom: 6px}.card-container3 .cropImg{overflow: hidden; height: 120px}.card-container3 .cropImg100{overflow: hidden; height: 100px} .card-container3 .cropImg100 img{width: 100%}.card-container3 .infomation-box ul{margin-top: 10px; list-style: none; padding: 0 10px; font-size: .9375rem; max-width: 90%; color: #666; line-height: 1.25} .card-container3 .infomation-box ul li{padding: 7px 0}.card-container3 .overlay{background: #000; background: rgba(0,0,0,.34); position: absolute; top: 0; width: 100%; height: 100px; right: 0; left: 0; border-top-right-radius: 5px; border-top-left-radius: 5px}.card-container3 .parking-number{position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); font-weight: 900; letter-spacing: .1em; padding: .2em 0 .25em; font-size: 2.1875rem; color: #fff; z-index: 7; text-shadow: 2px 2px 2px rgba(138,140,138,.82),3px 2px 1px} .card-container3 .parking-number p{max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .card-container3 .parking-number i{font-size: 2.1875rem; top: 10px} .card-container3 .parking-number.PN-left{font-size: 1.25rem; left: 80%; width: 80px}.icon_menu.img-thumb-blue, .img-thumb.img-thumb-blue{background: #0074d9 !important} .icon_menu.img-thumb-blue:hover, .img-thumb.img-thumb-blue:hover{background: #0059a6} .icon_menu.img-thumb-blue .filetype-text, .icon_menu.img-thumb-blue .stack-text, .img-thumb.img-thumb-blue .filetype-text, .img-thumb.img-thumb-blue .stack-text{color: #0074d9}.icon_menu.img-thumb-teal, .img-thumb.img-thumb-teal{background: #39cccc !important} .icon_menu.img-thumb-teal:hover, .img-thumb.img-thumb-teal:hover{background: #2ba7a7} .icon_menu.img-thumb-teal .filetype-text, .icon_menu.img-thumb-teal .stack-text, .img-thumb.img-thumb-teal .filetype-text, .img-thumb.img-thumb-teal .stack-text{color: #39cccc}.icon_menu.img-thumb-orange, .img-thumb.img-thumb-orange{background: #ff851b !important} .icon_menu.img-thumb-orange:hover, .img-thumb.img-thumb-orange:hover{background: #e76b00} .icon_menu.img-thumb-orange .filetype-text, .icon_menu.img-thumb-orange .stack-text, .img-thumb.img-thumb-orange .filetype-text, .img-thumb.img-thumb-orange .stack-text{color: #ff851b}.icon_menu.img-thumb-pink, .img-thumb.img-thumb-pink{background: #e91e63 !important} .icon_menu.img-thumb-pink:hover, .img-thumb.img-thumb-pink:hover{background: #c1134e} .icon_menu.img-thumb-pink .filetype-text, .icon_menu.img-thumb-pink .stack-text, .img-thumb.img-thumb-pink .filetype-text, .img-thumb.img-thumb-pink .stack-text{color: #e91e63}.icon_menu.img-thumb-purple, .img-thumb.img-thumb-purple{background: #9c27b0 !important} .icon_menu.img-thumb-purple:hover, .img-thumb.img-thumb-purple:hover{background: #771e86} .icon_menu.img-thumb-purple .filetype-text, .icon_menu.img-thumb-purple .stack-text, .img-thumb.img-thumb-purple .filetype-text, .img-thumb.img-thumb-purple .stack-text{color: #9c27b0}.icon_menu.img-thumb-green, .img-thumb.img-thumb-green{background: #4caf50 !important} .icon_menu.img-thumb-green:hover, .img-thumb.img-thumb-green:hover{background: #3d8b40} .icon_menu.img-thumb-green .filetype-text, .icon_menu.img-thumb-green .stack-text, .img-thumb.img-thumb-green .filetype-text, .img-thumb.img-thumb-green .stack-text{color: #4caf50}.icon_menu.img-thumb-yellow, .img-thumb.img-thumb-yellow{background: #ffdc00 !important} .icon_menu.img-thumb-yellow:hover, .img-thumb.img-thumb-yellow:hover{background: #ccb000} .icon_menu.img-thumb-yellow .filetype-text, .icon_menu.img-thumb-yellow .stack-text, .img-thumb.img-thumb-yellow .filetype-text, .img-thumb.img-thumb-yellow .stack-text{color: #ffdc00}.icon_menu.img-thumb-dark, .img-thumb.img-thumb-dark{background: #4c4c4c !important} .icon_menu.img-thumb-dark:hover, .img-thumb.img-thumb-dark:hover{background: #333} .icon_menu.img-thumb-dark .filetype-text, .icon_menu.img-thumb-dark .stack-text, .img-thumb.img-thumb-dark .filetype-text, .img-thumb.img-thumb-dark .stack-text{color: #4c4c4c}.icon_menu.img-thumb-red, .img-thumb.img-thumb-red{background: #ec5e56 !important} .icon_menu.img-thumb-red:hover, .img-thumb.img-thumb-red:hover{background: #e73228} .icon_menu.img-thumb-red .filetype-text, .icon_menu.img-thumb-red .stack-text, .img-thumb.img-thumb-red .filetype-text, .img-thumb.img-thumb-red .stack-text{color: #ec5e56}.icon_menu.img-thumb-grey-purple, .img-thumb.img-thumb-grey-purple{background: #96a4c3 !important} .icon_menu.img-thumb-grey-purple:hover, .img-thumb.img-thumb-grey-purple:hover{background: #7688b0} .icon_menu.img-thumb-grey-purple .filetype-text, .icon_menu.img-thumb-grey-purple .stack-text, .img-thumb.img-thumb-grey-purple .filetype-text, .img-thumb.img-thumb-grey-purple .stack-text{color: #96a4c3}.img-thumb-gradien-Green{background: #4caf50 !important; background-image: linear-gradient(to top,#388e3c 0,#4caf50 100%) !important} .img-thumb-gradien-Green:hover{background: #3d8b40} .img-thumb-gradien-Green .filetype-text, .img-thumb-gradien-Green .stack-text{color: #4caf50}.img-thumb-gradien-Teal{background: #009688 !important; background-image: linear-gradient(to top,#00796b 0,#009688 100%) !important} .img-thumb-gradien-Teal:hover{background: #00635a} .img-thumb-gradien-Teal .filetype-text, .img-thumb-gradien-Teal .stack-text{color: #009688}.img-thumb-gradien-Cyan{background: #00bcd4 !important; background-image: linear-gradient(to top,#0097a7 0,#00bcd4 100%) !important} .img-thumb-gradien-Cyan:hover{background: #008fa1} .img-thumb-gradien-Cyan .filetype-text, .img-thumb-gradien-Cyan .stack-text{color: #00bcd4}.img-thumb-gradien-Blue{background: #2196f3 !important; background-image: linear-gradient(to top,#1976d2 0,#2196f3 100%) !important} .img-thumb-gradien-Blue:hover{background: #0c7cd5} .img-thumb-gradien-Blue .filetype-text, .img-thumb-gradien-Blue .stack-text{color: #2196f3}.img-thumb-gradien-Orange{background: #ff9800 !important; background-image: linear-gradient(to top,#f57c00 0,#ff9800 100%) !important} .img-thumb-gradien-Orange:hover{background: #cc7a00} .img-thumb-gradien-Orange .filetype-text, .img-thumb-gradien-Orange .stack-text{color: #ff9800}.img-thumb-gradien-Purple{background: #9c27b0 !important; background-image: linear-gradient(to top,#7b1fa2 0,#9c27b0 100%) !important} .img-thumb-gradien-Purple:hover{background: #771e86} .img-thumb-gradien-Purple .filetype-text, .img-thumb-gradien-Purple .stack-text{color: #9c27b0}.img-thumb-gradien-Pink{background: #e91e63 !important; background-image: linear-gradient(to top,#c2185b 0,#e91e63 100%) !important} .img-thumb-gradien-Pink:hover{background: #c1134e} .img-thumb-gradien-Pink .filetype-text, .img-thumb-gradien-Pink .stack-text{color: #e91e63}.img-thumb-gradien-GreenA{background: #00e676 !important; background-image: linear-gradient(to top,#00c853 0,#00e676 100%) !important} .img-thumb-gradien-GreenA:hover{background: #00b35c} .img-thumb-gradien-GreenA .filetype-text, .img-thumb-gradien-GreenA .stack-text{color: #00e676}.img-thumb-gradien-LightGreen{background: #9ccc65 !important; background-image: linear-gradient(to top,#689f38 0,#9ccc65 100%) !important} .img-thumb-gradien-LightGreen:hover{background: #83bf3f} .img-thumb-gradien-LightGreen .filetype-text, .img-thumb-gradien-LightGreen .stack-text{color: #9ccc65}.img-thumb-gradien-DeepPurple{background: #7e57c2 !important; background-image: linear-gradient(to top,#512da8 0,#7e57c2 100%) !important} .img-thumb-gradien-DeepPurple:hover{background: #643da9} .img-thumb-gradien-DeepPurple .filetype-text, .img-thumb-gradien-DeepPurple .stack-text{color: #7e57c2}.img-thumb-gradien-Red{background: #ef5350 !important; background-image: linear-gradient(to top,#d32f2f 0,#ef5350 100%) !important} .img-thumb-gradien-Red:hover{background: #eb2521} .img-thumb-gradien-Red .filetype-text, .img-thumb-gradien-Red .stack-text{color: #ef5350}.img-thumb-gradien-Indigo{background: #5c6bc0 !important; background-image: linear-gradient(to top,#303f9f 0,#5c6bc0 100%) !important} .img-thumb-gradien-Indigo:hover{background: #4150a8} .img-thumb-gradien-Indigo .filetype-text, .img-thumb-gradien-Indigo .stack-text{color: #5c6bc0}.img-thumb-gradien-LightBlue{background: #29b6f6 !important; background-image: linear-gradient(to top,#0288d1 0,#29b6f6 100%) !important} .img-thumb-gradien-LightBlue:hover{background: #0a9fe2} .img-thumb-gradien-LightBlue .filetype-text, .img-thumb-gradien-LightBlue .stack-text{color: #29b6f6}.img-thumb-gradien-Lime{background: #d4e157 !important; background-image: linear-gradient(to top,#afb42b 0,#d4e157 100%) !important} .img-thumb-gradien-Lime:hover{background: #c9d92c} .img-thumb-gradien-Lime .filetype-text, .img-thumb-gradien-Lime .stack-text{color: #d4e157}.img-thumb-gradien-Yellow{background: #ffeb3b !important; background-image: linear-gradient(to top,#f9a825 0,#ffeb3b 100%) !important} .img-thumb-gradien-Yellow:hover{background: #ffe608} .img-thumb-gradien-Yellow .filetype-text, .img-thumb-gradien-Yellow .stack-text{color: #ffeb3b}.img-thumb-gradien-Amber{background: #ffca28 !important; background-image: linear-gradient(to top,#ffa000 0,#ffca28 100%) !important} .img-thumb-gradien-Amber:hover{background: #f4b800} .img-thumb-gradien-Amber .filetype-text, .img-thumb-gradien-Amber .stack-text{color: #ffca28}.img-thumb-gradien-DeepOrange{background: #ff7043 !important; background-image: linear-gradient(to top,#e64a19 0,#ff7043 100%) !important} .img-thumb-gradien-DeepOrange:hover{background: #ff4910} .img-thumb-gradien-DeepOrange .filetype-text, .img-thumb-gradien-DeepOrange .stack-text{color: #ff7043}.img-thumb-gradien-Brown{background: #8d6e63 !important; background-image: linear-gradient(to top,#5d4037 0,#8d6e63 100%) !important} .img-thumb-gradien-Brown:hover{background: #6f574e} .img-thumb-gradien-Brown .filetype-text, .img-thumb-gradien-Brown .stack-text{color: #8d6e63}.img-thumb-gradien-BlueA{background: #448aff !important; background-image: linear-gradient(to top,#2962ff 0,#448aff 100%) !important} .img-thumb-gradien-BlueA:hover{background: #116aff} .img-thumb-gradien-BlueA .filetype-text, .img-thumb-gradien-BlueA .stack-text{color: #448aff}.project_m-cloud_warp .project--warp__share{background-image: url(/Content/images/cloudicon/img_005.png)}.project_m-cloud_warp .project--warp__download{background-image: url(/Content/images/cloudicon/img_021.png)}.project_m-cloud_warp .project--warp__info{background-image: url(/Content/images/cloudicon/img_024.png)}.project_m-cloud_warp .project--warp__del{background-image: url(/Content/images/cloudicon/img_006.png)}.project_m-cloud_warp .project--warp__edit{background-image: url(/Content/images/cloudicon/img_007.png)}.project_m-cloud_warp .project--warp__more{background-image: url(/Content/images/cloudicon/img_017.png)}.index_projcet_schedule .btn{margin: 11px 11px 11px 0}.index_projcet_schedule .file-list li{padding: 10px 0; border-bottom: 1px solid #eee; margin-bottom: 7px; cursor: pointer}.project_m-cloud_warp .grid-body{max-height: 550px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; padding: 0 11px; margin: -15px 0 0}.menu-one{position: relative; cursor: pointer; color: #81c784; font-weight: 700; padding: 1em; margin-bottom: .125em; list-style: none; border-bottom: 1px solid #eee; box-shadow: 0 2px 1px rgba(189,189,189,.11); border-left: 6px solid #4caf50} .menu-one.one{border-left: 6px solid #d9d9d9} .menu-one .ken_header .txt{margin: 0 50px} .menu-one .ken_header .txt .h1, .menu-one .ken_header .txt .h2{display: block; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: 700} .menu-one .ken_header .txt .h1{color: #444; font-size: 1.1em; -webkit-margin-before: .67em; -webkit-margin-after: .67em; margin-bottom: 0 !important; margin-top: 0 !important} .menu-one .ken_header .txt .h2{color: #888; font-size: 1.5em; font-size: 80%; -webkit-margin-before: .83em; -webkit-margin-after: .83em; margin-bottom: 0; margin-top: 0} .menu-one .ken_header .type{background-repeat: no-repeat; background-position: center; width: 34px; height: 48px; float: left; background-size: 40px} .menu-one .ken_header .type.doc{background-image: url(/Content/images/file/DOC.png)} .menu-one .ken_header .type.zip{background-image: url(/Content/images/file/ZIP.png)}.ken_header .kfile{position: absolute; top: 24px; left: 16px; color: #81c784}.tool_link{background-color: #fff; border: 1px solid #ccc; border-radius: 0 0 3px 3px; z-index: 1000; box-shadow: 0 5px 14px -5px #555; position: absolute; width: 100%; padding: 0; margin: 0} .tool_link label{margin-bottom: 10px} .tool_link .row{margin: 0; padding: 22px}.ken_header .arrow, .ken_header .download{position: absolute; right: 20px; top: 50%; margin-top: -15px; width: 30px; height: 30px; border-radius: 15px; background-size: 66%; background-repeat: no-repeat; background-position: center center; background-color: #ddd}.ken_header ul{list-style: none; padding: 0}.ken_header .arrow{background-image: url(/Content/images/cloudicon/ellipsis-v.png)}.ken_header .download{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACsUlEQVR4Xu2b4XGTMQyG33cC2IBuQDsBZQLoBMAElAmACYAJYAPKBMAEbScANoAJxOnOufsI/XKSJTvJnfwnf2zZfiLJrxyHGNhE5BTARwD62dO+AXhF8qZnsGUMLZ16+4jIDwAnvePbuBuSZ0Ebq8OHARAR3bgCCDeSw9Y5zLCInAP4Gt49gAJQHlAhMCxUhxmuHFBJsE6BOgZLB5QQKiVYUrhqgQQCVQwdaTGkt0DXCQ5wnOWwblxEpAAkEDjKHFAeUCFQOaCSYJ0CdQyWDighlKCDSgqXEjzSajDtVhjAY5L6ViC9jfxl6DOAp0krviJ5kWTrHzMuAO3FxxPDQnTjva9C1szrK5Erw9xfPC9KvADUDR8ZFrHPLt9JaviZmhdAZlybFtjRyZUvXABajf8ewMuOhc0Y8oHkpWciN4AGQePxoWeiCX1vSbrzTi+AtAvPRDBnnuS3mbcLQPOCNwBeJ24gYkrfEmpouls3gAbhEE4FV9bfJhQFoG8BNR/cc6PPGfBH9QbJn73mQgCaFzxvz2F71xAZ94Lkp4iBMIAGQRWaRSFG1ro9VhVfWGpnAbgPQN1wViio65+Q/B0lmgKgecFMlehSe7sgpQGYqBLdam8mAA0FPRUeRF1zZfwtgPMM1w8LobUNtpI55WfxO+boUnvTPGAzkYiMUIlvSard1JaaA5YrE5HMgqmr0LGQGgkgSyWG1d70EFiEgtbm7yzfxI4+3YWOZd5hHrCAEFGJKWpvbx7QtEGvSkxTe3sF0CCoZtdrck+7IGm5BfbY/K/v8BBYhIJWbc+Mq01Ve3v3gEUoWFTir1bjhwsdC+xpHtAgWAqmtELn4AA0CLtU4hC1dxAhYFCJw9TeIQLQa3W9UN1coOiRp1XesH+Jr0GYmgO2vECPxs1V9uWMI+8uCH8BxlwsUMJzr5gAAAAASUVORK5CYII=)}.widget-item .Brown, .widget-item .Cyan, .widget-item .DeepOrange, .widget-item .Green, .widget-item .Green-Box, .widget-item .Indigo, .widget-item .LightBlue, .widget-item .LightGreen, .widget-item .Orange, .widget-item .Pink, .widget-item .Purple, .widget-item .Teal{border-radius: 5px 5px 0 0}.ken_header .menu-two{display: none; height: 60px; background: #999; margin-top: 0; padding-top: 6px; box-shadow: inset 0 0 5px 0 #777} .ken_header .menu-two li{width: 25%; height: 60px; float: left; text-align: center; background-repeat: no-repeat; background-position: center} .ken_header .menu-two li:hover{background: 0 0} .ken_header .menu-two li div{height: 30px; background-repeat: no-repeat; background-position: center; background-size: 32px} .ken_header .menu-two li p{font-size: 60%; color: #fff}.tab_grounp_warp .grid-title{margin-bottom: 0}.tab_grounp_warp .grid-body{padding: 0 0 21px}.widget-item .Purple{background-color: #9c27b0 !important; transition: background-color 1s ease 0s; cursor: pointer; color: #fff} .widget-item .Purple:hover{background-color: #6a1b9a !important}.widget-item .Pink{background-color: #e91e63 !important; transition: background-color 1s ease 0s; cursor: pointer} .widget-item .Pink:hover{background-color: #ad1457 !important}.widget-item .Indigo{background-color: #3f51b5 !important; transition: background-color 1s ease 0s; cursor: pointer} .widget-item .Indigo:hover{background-color: #283593 !important}.widget-item .Orange{background-color: #ff9800 !important; transition: background-color 1s ease 0s; cursor: pointer} .widget-item .Orange:hover{background-color: #ef6c00 !important}.widget-item .DeepOrange{background-color: #ff5722 !important; transition: background-color 1s ease 0s; cursor: pointer} .widget-item .DeepOrange:hover{background-color: #d84315 !important}.widget-item .Brown{background-color: #795548 !important; transition: background-color 1s ease 0s; cursor: pointer} .widget-item .Brown:hover{background-color: #4e342e !important}.widget-item .Grey{background-color: #757575 !important; border-radius: 5px 5px 0 0; transition: background-color 1s ease 0s; cursor: pointer} .widget-item .Grey:hover{background-color: #5d5d5d !important}.widget-item .Cyan{background-color: #26c6da !important; transition: background-color 1s ease 0s; cursor: pointer} .widget-item .Cyan:hover{background-color: #118b9a !important}.widget-item .LightGreen{background-color: #9ccc65 !important; transition: background-color 1s ease 0s; cursor: pointer} .widget-item .LightGreen:hover{background-color: #6ca42c !important}.widget-item .Green{background-color: #66bb6a !important; transition: background-color 1s ease 0s; cursor: pointer} .widget-item .Green:hover{background-color: #2e7d32 !important}.widget-item .Teal{background-color: #26a69a !important; transition: background-color 1s ease 0s; cursor: pointer} .widget-item .Teal:hover{background-color: #00695c !important}.widget-item .LightBlue{background-color: #29b6f6 !important; transition: background-color 1s ease 0s; cursor: pointer} .widget-item .LightBlue:hover{background-color: #0277bd !important}.widget-item .user-name h4{letter-spacing: .0625rem; text-align: center}.widget-item .date-body{padding: 10px 20px !important}.widget-item .Green-Box{background-color: #bcbcbc; color: #fff; position: relative}.tiles .tree-date-box i{font-size: 4.125rem; padding-top: 17px; padding-bottom: 17px}.widget-item .tree-date-box{text-align: center} .widget-item .tree-date-box img{width: 100px; height: 100px}.dateLabl-container{list-style: none; width: 97%; text-align: center; margin: 0 auto} .dateLabl-container td{padding-bottom: 10px} .dateLabl-container td .checkbox{height: 35px} .dateLabl-container .item{list-style: none; border: 1px solid #ccc; font-size: .9375rem; color: #5d7588; border-radius: 6px; background: #f1f1f1; display: -webkit-inline-box; padding: 6px 9px} .dateLabl-container .text{background: #f1f1f1; border-radius: 6px; text-align: left; color: #404040; padding: 6px 10px} .dateLabl-container .item span.delete_icon{text-align: right; color: #525252; padding-left: 5px; border-left: solid 1px #b1b1b1; cursor: pointer} .dateLabl-container .item span.week_icon{font-weight: 700; color: #525252} .dateLabl-container td .checkbox label:after{left: .2px}@keyframes pulse{0%,100%{transform: scale(.9); opacity: .7} 50%{transform: scale(1); opacity: 1}}.list_card_container{padding: 10px; border-radius: 4px; box-shadow: 0 1px 25px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.06); border-bottom: 1px solid #d2d2d2; border-left: 1px solid #dadada; background: #fff; position: relative; width: 100%; margin-bottom: 10px} .list_card_container .img-thumb{width: 18%; float: left; top: 0; left: 0; right: 0; bottom: 0; border-right: 1px solid #e6e6e6; border-top-left-radius: 4px; border-bottom-left-radius: 4px} .list_card_container .img-thumb img{width: 100%; max-width: 300px; margin: 0 auto} .list_card_container .inside{width: 81%; float: right} .list_card_container .inside .app_name, .list_card_container .inside .app_title{display: block} .list_card_container .inside .infomation-box .title{font-size: 1.125rem; font-weight: 700; margin-bottom: 5px; border-bottom: 1px dashed #aaa} .list_card_container .inside .infomation-box .title label{font-size: 1.125rem; font-weight: 700} .list_card_container .inside .infomation-box ul{margin-bottom: 0; list-style: none; padding: 0 10px; font-size: .9375rem; width: 100%; color: #666; line-height: 1.25} .list_card_container .inside .infomation-box ul li{padding: 7px 0} .list_card_container .inside .infomation-box ul .li-inline-md{display: inline-block; position: relative; padding-right: 15px} .list_card_container .inside .infomation-box ul .li-inline-md:after{content: ""; position: absolute; right: 5px; top: 8px; height: 15px; width: 1px; background: #afafaf} .list_card_container .inside .infomation-box ul .li-inline-md.p-t-0:after{top: 3px} .list_card_container .inside .infomation-box ul .li-inline-md.li-inline-title{color: #3b6b71; font-weight: 700; display: block; padding-bottom: 2px; padding-right: 2px} .list_card_container .inside .infomation-box ul .li-inline-md.li-inline-title:after, .list_card_container .inside .infomation-box ul .li-inline-md:last-child:after{width: 0} .list_card_container .inside .infomation-box ul:last-child{margin-bottom: 0} .list_card_container .inside .infomation-box ul + ul{margin-top: 0} .list_card_container:after, .list_card_container:before{content: " "; display: table} .list_card_container:after{clear: both} .list_card_container .list_card_bottom{padding: 0 10px; margin-top: 22px; border-top: 1px solid #eee} .list_card_container .list_card_bottom .fa-chevron-down, .list_card_container .list_card_bottom .fa-chevron-up{color: #8b91a0} .list_card_container .list_card_bottom .well-small{padding: 13px 0; margin: 0 6px 12px; background: #f3f3f3} .list_card_container .list_card_bottom .well-small:after{content: ""; display: table; clear: both}@media only screen and (max-width:1200px){.list_card_container .inside .infomation-box ul .li-inline-md{display: inline-block}}@media only screen and (max-width:480px){.list_card_container .img-thumb, .list_card_container .inside{width: 100%} .list_card_container .inside .infomation-box ul .li-inline-md{display: block; padding-right: 0} .list_card_container .inside .infomation-box ul .li-inline-md:after{width: 0}}.member--box .visibility--hidden{visibility: hidden; display: none}.member--box.user-comment-wrapper{border-radius: 5px; padding: 7px; background: #f3f3f3} .member--box.user-comment-wrapper .comment{display: inline-block; float: left; width: 63%} .member--box.user-comment-wrapper .comment .user-name{color: #2f2f2f; padding-top: 2px; padding-left: 0; padding-right: 0; white-space: normal; text-overflow: clip}.ImgBoxFile div.Removal_p p, .colorBlock__list h3, .hot_icon_box .icon_menu p{text-overflow: ellipsis; white-space: nowrap}.member--box.user-comment-wrapper:hover{background: #e6e6e6}.member--box .member_ckeck_box{padding: 0; float: left; margin-right: 0; margin-left: 0; width: 25px}.member--box .principal_box{float: right; color: #a5a5a5; cursor: pointer; font-size: .8125rem; border-radius: 5px; border: 1px solid #a7a7a7; text-align: center; padding: 0 6px} .member--box .principal_box:hover{color: #f1b10e}.member--box .profile_textbox{padding-left: 15px; padding-top: 10px; padding-bottom: 10px} .member--box .profile_conbox:after, .member--box .profile_textbox:after, .member--box.user-comment-wrapper:after{clear: both; display: block; content: ""} .member--box .profile_conbox:before, .member--box .profile_textbox:before{content: ""; display: inline-block; vertical-align: middle} .member--box .profile_textbox:before{height: 100%}.member--box.user-comment-wrapper .profile-wrapper{width: 45px; height: 45px; padding-top: 0; margin-top: 0}.member--box .profile_conbox:before{height: 100%}.member--box.user-comment-wrapper .profile-wrapper img{width: 45px; height: 45px}.member--box .principal_box.active{color: #fff; background: #f1b10e; border: 1px solid #f1b10e}.DCbox__item{cursor: pointer; text-align: center}.Downloadfile-img.disabled, .Downloadfile-img.disabled + .Download-span{opacity: .5; cursor: not-allowed}.DCbox__item .DCbox__box{width: 80%; height: 110px; margin: auto; border-radius: 9px; border: 3px dashed #a0a0a0; background: #e2e2e2} .DCbox__item .DCbox__box .fa{font-size: 2.75rem; line-height: 6.1875rem; color: #afafaf; text-shadow: 1px 1px 1px #424242}.DCbox__item .DCbox__tex{padding: 5px; font-size: .875rem}.DCbox__item.unregistered .DCbox__box{background: #9f9f9f; background: rgba(159,159,159,.83137); border: none; box-shadow: 1px 1px 2px rgba(115,115,115,.83137)} .DCbox__item.unregistered .DCbox__box .fa{color: #d6d6d6; text-shadow: 1px 1px 1px #3e4645}.DCbox__item.registered .DCbox__box{background: #2196f3; border: none; box-shadow: 1px 1px 2px rgba(95,95,95,.83137)} .DCbox__item.registered .DCbox__box .fa{color: #c2dfff; text-shadow: 1px 1px 1px #1a237e}.DCbox__item.inactive .DCbox__box{background: #ffca2b; border: none; box-shadow: 1px 1px 2px rgba(148,148,148,.83137)} .DCbox__item.inactive .DCbox__box .fa{color: #fff59d; text-shadow: 1px 1px 1px #caa025}.DCbox__item.active .DCbox__box{background: #90cc4b; border: none; box-shadow: 1px 1px 2px rgba(148,148,148,.83137)} .DCbox__item.active .DCbox__box .fa{color: #c6ffc9; text-shadow: 1px 1px 1px #358c84}.DCbox__item.cancel .DCbox__box{background: #373737; background: rgba(55,55,55,.83137); border: none; box-shadow: 1px 1px 2px rgba(82,82,82,.83137)} .DCbox__item.cancel .DCbox__box .fa{color: #bbb; text-shadow: 1px 1px 1px #a7a7a7}.circle-order-list{list-style: none; counter-reset: mylist; padding: 0} .circle-order-list li{margin: 10px} .circle-order-list li:before{counter-increment: mylist; content: counter(mylist); background: #90cc4b; color: #fff; padding: 5px 10px; margin-right: 10px; border-radius: 50%}.admin_pass_box .password_text p:after, .category_color_box:after, .category_icon_box:after, .img_Menu-checkbox label:before, .wifiapplication .password_text p:after{content: ""}.circle-order-list li:nth-of-type(1):before{background: #d32f2f}.circle-order-list li:nth-of-type(2):before{background: #ff8f00}.circle-order-list li:nth-of-type(3):before{background: #e65100}.circle-order-list li:nth-of-type(4):before{background: #00796b}.circle-order-list li:nth-of-type(5):before{background: #43a047}.circle-order-list li:nth-of-type(6):before{background: #0277bd}.circle-order-list li:nth-of-type(7):before{background: #9c27b0}.border-left-md{border-left: 1px solid #eaeaea}.password-strength{height: 37px; background: #dadada; margin-left: 20px; text-align: center; line-height: 2.3125rem}.password_group .glyphicon{position: absolute; right: 28px; top: 12px; font-size: .875rem}.QRcode{border: 1px solid #e6e5e5; box-shadow: 1px 1px 1px #eee; margin-top: 17px; margin-bottom: 27px; width: 80%}@media only screen and (max-width:1200px){.DCbox__item .DCbox__box{width: 100%; height: 100px} .DCbox__item .DCbox__box:before{line-height: 6.25rem}}@media only screen and (max-width:992px){.DCbox__item .DCbox__box{width: 80%; height: 100px} .DCbox__item .DCbox__box:before{line-height: 6.25rem}}@media only screen and (max-width:768px){.border-left-md{border-left: none}}.Downloadfile-img{width: 35px; height: 35px; float: left; margin-right: 6px; margin-left: -4px; background-repeat: no-repeat} .Downloadfile-img.Downloadfile-PDF{background: url(/img/fileType/PDF.png)} .Downloadfile-img.Downloadfile-MP4{background: url(/img/fileType/MP4.png)} .Downloadfile-img.Downloadfile-PNG{background: url(/img/fileType/PNG.png)} .Downloadfile-img.Downloadfile-DOC{background: url(/img/fileType/DOC.png)} .Downloadfile-img.Downloadfile-PHP{background: url(/img/fileType/PHP.png)} .Downloadfile-img.Downloadfile-JPG{background: url(/img/fileType/JPG.png)} .Downloadfile-img.Downloadfile-RB{background: url(/img/fileType/RB.png)} .Downloadfile-img.Downloadfile-RAR{background: url(/img/fileType/RAR.png)} .Downloadfile-img.Downloadfile-TXT{background: url(/img/fileType/TXT.png)} .Downloadfile-img.Downloadfile-FILE{background: url(/img/fileType/file.png)} .Downloadfile-img.Downloadfile-GIF{background: url(/img/fileType/GIF.png)} .Downloadfile-img.Downloadfile-FLA{background: url(/img/fileType/FLA.png)} .Downloadfile-img.Downloadfile-PPT{background: url(/img/fileType/PPT.png)} .Downloadfile-img.Downloadfile-PSD{background: url(/img/fileType/PSD.png)} .Downloadfile-img.Downloadfile-ZIP{background: url(/img/fileType/ZIP.png)} .Downloadfile-img.Downloadfile-TIF{background: url(/img/fileType/TIF.png)} .Downloadfile-img.Downloadfile-ODS{background: url(/img/fileType/ODS.png)} .Downloadfile-img.Downloadfile-ODF{background: url(/img/fileType/ODF.png)} .Downloadfile-img.Downloadfile-ODP{background: url(/img/fileType/ODP.png)} .Downloadfile-img.Downloadfile-XLS{background: url(/img/fileType/XLS.png)} .Downloadfile-img.Downloadfile-C1{background: url(/img/fileType/C++.png)} .Downloadfile-img.Downloadfile-HTML{background: url(/img/fileType/HTML.png)} .Downloadfile-img.Downloadfile-C2{background: url(/img/fileType/Csharp.png)} .Downloadfile-img.Downloadfile-JAVA{background: url(/img/fileType/JAVA.png)} .Downloadfile-img.Downloadfile-MUSIC{background: url(/img/fileType/music.png)} .Downloadfile-img.Downloadfile-ODT{background: url(/img/fileType/ODT.png)}.Download-span{height: 35px; line-height: 2.1875rem; text-decoration: underline; color: #989898; word-break: break-all}.dropzone{min-height: 150px} .dropzone .dz-default.dz-message{margin-top: -73.5px}.color_boxArr{margin-top: 10px; cursor: pointer} .color_boxArr .color_box{width: 25px; height: 25px; margin-right: 5px; margin-bottom: 5px; float: left} .color_boxArr .color_box.active, .color_boxArr .color_box:hover{border: 2px solid #000}.Large_file_box{width: 80px; height: 133px; background-size: 100%; background-repeat: no-repeat; margin: 0 auto; position: relative; background-position-y: 0} .Large_file_box.Large_file_PDF{background-image: url(/Content/images/Large_file_icon/PDF.gif)} .Large_file_box.Large_file_DOC{background-image: url(/Content/images/Large_file_icon/DOC.gif)} .Large_file_box.Large_file_AI{background-image: url(/Content/images/Large_file_icon/AI.gif)} .Large_file_box.Large_file_PHP{background-image: url(/Content/images/Large_file_icon/PHP.gif)} .Large_file_box.Large_file_PNG{background-image: url(/Content/images/Large_file_icon/PNG.gif)} .Large_file_box.Large_file_PPT{background-image: url(/Content/images/Large_file_icon/PPT.gif)} .Large_file_box.Large_file_PSD{background-image: url(/Content/images/Large_file_icon/PSD.gif)} .Large_file_box.Large_file_PY{background-image: url(/Content/images/Large_file_icon/PY.gif)} .Large_file_box.Large_file_RAR{background-image: url(/Content/images/Large_file_icon/RAR.gif)} .Large_file_box.Large_file_TIF{background-image: url(/Content/images/Large_file_icon/TIF.gif)} .Large_file_box.Large_file_TXT{background-image: url(/Content/images/Large_file_icon/TXT.gif)} .Large_file_box.Large_file_XLS{background-image: url(/Content/images/Large_file_icon/XLS.gif)} .Large_file_box.Large_file_FLA{background-image: url(/Content/images/Large_file_icon/FLA.gif)} .Large_file_box.Large_file_C1{background-image: url(/Content/images/Large_file_icon/C1.gif)} .Large_file_box.Large_file_C2{background-image: url(/Content/images/Large_file_icon/C2.gif)} .Large_file_box.Large_file_blank{background-image: url(/Content/images/Large_file_icon/blank.gif)} .Large_file_box.Large_file_GIF{background-image: url(/Content/images/Large_file_icon/GIF.gif)} .Large_file_box.Large_file_H{background-image: url(/Content/images/Large_file_icon/H.gif)} .Large_file_box.Large_file_JAVA{background-image: url(/Content/images/Large_file_icon/JAVA.gif)} .Large_file_box.Large_file_HTML{background-image: url(/Content/images/Large_file_icon/HTML.gif)} .Large_file_box.Large_file_JSf{background-image: url(/Content/images/Large_file_icon/JS.gif)} .Large_file_box.Large_file_MP4{background-image: url(/Content/images/Large_file_icon/MP4.gif)} .Large_file_box.Large_file_MUSIC{background-image: url(/Content/images/Large_file_icon/Music.png)} .Large_file_box.Large_file_ODS{background-image: url(/Content/images/Large_file_icon/ODS.gif)} .Large_file_box.Large_file_ODP{background-image: url(/Content/images/Large_file_icon/ODP.gif)} .Large_file_box.Large_file_Preset{background-image: url(/Content/images/Large_file_icon/Preset.gif)} .Large_file_box.Large_file_RB{background-image: url(/Content/images/Large_file_icon/RB.gif)} .Large_file_box.Large_file_JPG{background-image: url(/Content/images/Large_file_icon/JPG.gif)} .Large_file_box.Large_file_ARTICLE{background-image: url(/Content/images/Large_file_icon/ARTICLE.gif)} .Large_file_box.Large_file_BLANK{background-image: url(/Content/images/Large_file_icon/BLANK.gif)} .Large_file_box.Large_file_PRESET{background-image: url(/Content/images/Large_file_icon/PRESET.gif)} .Large_file_box.Large_file_ZIP{background-image: url(/Content/images/Large_file_icon/ZIP.gif)} .Large_file_box.Large_file_ODT{background-image: url(/Content/images/Large_file_icon/ODT.gif)} .Large_file_box.Large_file_CVS{background-image: url(/Content/images/Large_file_icon/CVS.gif)} .Large_file_box.Large_file_CSV{background-image: url(/Content/images/Large_file_icon/CSV.gif)}div.imgBox .Large_file_box{background-position-y: 22px}.back_file_Edit{border: 1px solid #e0e0e0} .back_file_Edit p{padding-right: 35px; padding-top: 7px; padding-left: 10px; background-color: #eee; margin-bottom: 0; word-break: break-all}div.BoxNewImg, div.BoxNewImgAlbum{background-color: #f7f3f7; text-align: center}.back_file_Edit .kpl{padding-left: 35px}.btn-group.btn-float-right.Kbtnfloat{top: 120px; right: 21px} .btn-group.btn-float-right.Kbtnfloat .btn{padding: 4px 6px}.back_file_Edit .Kimg-download{top: 118px}a.other-btn{padding: 6px 20px 6px 11px; margin-bottom: 0}div.div-img-body{position: relative; min-height: 40px; color: #fff; border-radius: 0 0 5px 5px}.edit-checkbox label, .img_Menu-checkbox label{font-size: .8125rem; color: #777a80; direction: ltr; cursor: pointer}div.div-img-body .btn{padding: 4px 6px}div.btn-float-right{position: absolute; top: 7px; right: 7px}.edit-checkbox{margin-top: 10px !important; margin-left: 10px !important; display: inherit !important; position: absolute}div.img-border-radius img{border-radius: 5px 5px 0 0}.edit-checkbox label:before{border-radius: 10px}.edit-checkbox label{display: inline-block; position: absolute; padding-left: 25px; margin-right: 15px; transition: border .2s linear 0s,color .2s linear 0s; margin-bottom: 10px}div.BoxNewImg{width: 100%; height: 300px; border: 1px solid #efebef; border-radius: 2px; line-height: 18.75rem}div.BoxNewImgAlbum{height: 380px; border: 1px solid #ccc; line-height: 23.75rem; border-radius: 5px; box-shadow: 0 0 10px 1px rgba(204,204,204,.6)}div.back_img_txet_Edit, div.back_img_txet_view{border: 1px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset; background-color: #fff}div.BoxNewImgAlbum img{width: 80%}div.edit-img_Menu-checkbox{top: 155px; left: 17px}div.div-img-btn{top: 157px; right: 24px; position: absolute}div.back_img_txet_Edit{padding: 2px; margin: 0 auto} div.back_img_txet_Edit p{margin: 4px 2px 0; line-height: 1.875rem; padding: 0 26px}div.back_img_txet_view{padding: 2px; margin: 0 auto} div.back_img_txet_view p{margin: 4px 2px 0; line-height: 1.875rem; padding: 0 26px 0 0}.img_Menu-checkbox{display: inline-block; margin-left: 6px; margin-top: 6px; padding-left: 0; position: absolute} .img_Menu-checkbox input[type=checkbox]{display: none} .img_Menu-checkbox label, .img_Menu-checkbox label:after, .img_Menu-checkbox label:before{display: inline-block; transition: border .2s linear 0s,color .2s linear 0s; position: absolute} .img_Menu-checkbox label{padding-left: 25px; margin-right: 15px; margin-bottom: 10px} .img_Menu-checkbox label:before{width: 17px; height: 17px; margin-right: 10px; left: 0; top: 1.4px; background-color: #fff; border: 1px solid #c2c6cb; border-radius: 10px} .img_Menu-checkbox label:after{border-radius: 50%; width: 16px; height: 16px; left: 3.2px; top: 0; font-size: .6875rem}.back_img_txet p, .back_img_txet_Edit p, .back_img_txet_view p{max-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}.card-container-sm .img-thumb img{width: 34px; margin-top: 12px; margin-left: 0}.card-container-sm .btn-group{float: right; margin-top: 12px; margin-right: 10px}.card-container-sm .text{margin-top: 18px; margin-left: 10px; width: 55%} .card-container-sm .text a{color: #666869}.btn-group.color.open .btn.dropdown-toggle{background-color: #ffe082}.btn-group.color a{background-color: #ffb300}.btn-group.color .dropdown-menu.paint-brush{min-width: 106px; padding: 5px; margin-top: 10px} .btn-group.color .dropdown-menu.paint-brush li{width: 20px; height: 20px; float: left; margin: 2px} .btn-group.color .dropdown-menu.paint-brush li.active, .btn-group.color .dropdown-menu.paint-brush li:hover{border: 1px solid #000} .btn-group.color .dropdown-menu.paint-brush .arrow_t_out{width: 0; height: 0; border-style: solid; border-color: transparent transparent #fff; position: absolute; border-width: 7px; top: -13px; left: 10px} .btn-group.color .dropdown-menu.paint-brush .arrow_t_int{width: 0; height: 0; border-style: solid; border-color: transparent transparent #8e8e8e; border-color: transparent transparent rgba(142,142,142,.42); position: absolute; border-width: 7px; top: -14px; left: 10px}.btn-group.color .Blackb{background-color: #000 !important}.ImgBoxFile .back_img_txet_Edit .row{margin-right: 0; margin-left: 0}.ImgBoxFile .back_img_txet_Edit .imgBox{min-height: 140px; position: relative}.ImgBoxFile .back_img_txet_Edit .checkbox label:before{border-radius: 50%}.ImgBoxFile .back_img_txet_Edit .Removal_p label{position: relative; top: 2px; left: 4px}.ImgBoxFile .back_img_txet_Edit ul.function-dropdown{top: -12px}.ImgBoxFile .back_img_txet_Edit .w10{float: left; width: 10%}.ImgBoxFile .back_img_txet_Edit .w80{float: left; width: 75%}.ImgBoxFile .back_img_txet_Edit .w20{float: right; right: 4px; position: relative} .ImgBoxFile .back_img_txet_Edit .w20 .btn-group{position: relative; top: 4px} .ImgBoxFile .back_img_txet_Edit .w20 .btn-group button{padding: 4px 6px} .ImgBoxFile .back_img_txet_Edit .w20 a.FileDownload{padding: 4px 6px; position: relative; top: 4px; background-color: #c5c5c5} .ImgBoxFile .back_img_txet_Edit .w20 a.FileDownload:hover{background-color: #1976d2}.ImgBoxFile div.div-img-btn{top: 0; right: 0; position: absolute}.ImgBoxFile div.Removal_p p{margin: 4px 2px 0; line-height: 1.875rem; padding: 0}.Upload-steps-3 li{max-width: 33.33333%; min-width: 33.33333%}.wizard-steps li.active .Blue-300-b, .wizard-steps li.active.complete .Blue-300-b{background-color: #64b5f6}.wizard-steps li.active .Blue-500-b, .wizard-steps li.active.complete .Blue-500-b{background-color: #2196f3}i.cursor-pointer{cursor: pointer}div.File_Type-Box{height: 216px; border: 1px solid #dee3de; background-color: #f2f2f2; text-align: center; vertical-align: middle; margin-bottom: 10px; cursor: pointer} div.File_Type-Box .fa{margin-top: 60px} div.File_Type-Box .p{font-size: 1.125rem} div.File_Type-Box b{font-size: 1.3125rem} div.File_Type-Box .Large_file_box{top: 42px} div.File_Type-Box .File_p{top: 20px; position: relative}div.tree-date-box{text-align: center} div.tree-date-box img{width: 100px; height: 100px}.descriptive .drag_and_drop{padding: 6px 13px; background-color: #f0f8ff; width: 40px} .descriptive .drag_and_drop:hover{background-color: #ababab; color: #fff; position: relative; top: -1px; border-radius: 6px} .descriptive .drag_and_drop:hover .fa{font-size: 1.5rem; position: relative; left: -5px; top: 2px}.PNG-export p{color: #ff8708}.PNG-export:hover{border-color: #dc760a}.CVS-export:hover, .XLS-export:hover{border-color: #479b4a}.PNG-export:hover p{color: #dc760a}.XLS-export p{color: #75b578}.XLS-export:hover p{color: #479b4a}.CVS-export p{color: #75b578}.MP4-export:hover, .TXT-export:hover{border-color: #7e7d7d}.CVS-export:hover p{color: #479b4a}.TXT-export p{color: #919191}.TXT-export:hover p{color: #7e7d7d}.MP4-export p{color: #919191}.MP4-export:hover p{color: #7e7d7d}.MUSIC-export p{color: #8a6fcb}.MUSIC-export:hover{border-color: #643b9d} .MUSIC-export:hover p{color: #643b9d}.ODP-export p{color: #d85353}.ODP-export:hover{border-color: #bb1f1f} .ODP-export:hover p{color: #bb1f1f}.DOC-export p{color: #0d68c5}.DOC-export:hover{border-color: #07417c} .DOC-export:hover p{color: #07417c}.PHP-export p{color: #5c52c5}.PHP-export:hover{border-color: #342d82} .PHP-export:hover p{color: #342d82}.JPG-export p{color: #1fa125}.JPG-export:hover{border-color: #16791a} .JPG-export:hover p{color: #16791a}.RB-export p{color: #d85353}.RB-export:hover{border-color: #bb1f1f} .RB-export:hover p{color: #bb1f1f}.RAR-export p{color: #b0364c}.RAR-export:hover{border-color: #881615} .RAR-export:hover p{color: #881615}.GIF-export p{color: #5cc09e}.GIF-export:hover{border-color: #419c7f} .GIF-export:hover p{color: #419c7f}.FLA-export p{color: #f93f44}.FLA-export:hover{border-color: #dd1b20} .FLA-export:hover p{color: #dd1b20}.PPT-export p{color: #fd8f0b}.PPT-export:hover{border-color: #e36c08} .PPT-export:hover p{color: #e36c08}.PSD-export p{color: #0e63bf}.PSD-export:hover{border-color: #0a4b90}.H-export:hover, .ZIP-export:hover{border-color: #643b9d}.PSD-export:hover p{color: #0a4b90}.ZIP-export p{color: #8a6fcb}.ZIP-export:hover p{color: #643b9d}.H-export p{color: #8a6fcb}.H-export:hover p{color: #643b9d}.JS-export p{color: #b66028}.JS-export:hover{border-color: #944f22} .JS-export:hover p{color: #944f22}.TIF-export p{color: #006af9}.TIF-export:hover{border-color: #035ad1} .TIF-export:hover p{color: #035ad1}.ODS-export p{color: #fc454a}.ODS-export:hover{border-color: #c93e40} .ODS-export:hover p{color: #c93e40}.C1-export p{color: #4d87f9}.C1-export:hover{border-color: #406ccb} .C1-export:hover p{color: #406ccb}.HTML-export p{color: #9cb53e}.HTML-export:hover{border-color: #7c8e31} .HTML-export:hover p{color: #7c8e31}.C2-export p{color: #75b578}.C2-export:hover{border-color: #479b4a} .C2-export:hover p{color: #479b4a}.JAVA-export p{color: #b66028}.JAVA-export:hover{border-color: #944f22} .JAVA-export:hover p{color: #944f22}.PDF-export p{color: #fc454a}.PDF-export:hover{border-color: #c93e40}.ARTICLE-export:hover, .BLANK-export:hover, .PRESET-export:hover{border-color: #7e7d7d}.PDF-export:hover p{color: #c93e40}.BLANK-export p{color: #919191}.BLANK-export:hover p{color: #7e7d7d}.ARTICLE-export p{color: #919191}.ARTICLE-export:hover p{color: #7e7d7d}.PRESET-export p{color: #919191}.PRESET-export:hover p{color: #7e7d7d}.ODT-export p{color: #e10882}.ODT-export:hover{border-color: #dc3593} .ODT-export:hover p{color: #dc3593}.category_box{padding: 0 15px} .category_box h3{font-size: 1.125rem}.category_box_left_box_up{padding: 55px 20px 64px}.category_box_left_box_down{padding: 15px 0 5px; border-top: solid 1px #cecece}.category_new_aims{width: 216px; height: 215px; padding-top: 5px; margin: 0 auto; text-align: center; color: #fff; font-size: 4.625rem; border-radius: 8px; line-height: 7.4375rem; border: 3px dashed #b5b5b5; position: relative; background-color: #ccc} .category_new_aims.icon_menu{border: none} .category_new_aims.icon_menu .iconFont{font-size: 4.625rem}.category_new_title{margin-top: 20px; padding-left: 20px; padding-right: 20px}.category_new_aims .course_category_style{width: 200px; height: 200px; margin: 0 auto; border-radius: 10px; display: none} .category_new_aims .course_category_style #iconFont{line-height: 9.375rem; padding-top: 0} .category_new_aims .course_category_style i{padding-left: 53px; padding-top: 49px; display: block; text-align: center; width: 144px} .category_new_aims .course_category_style span{display: block; color: #fff; font-size: 1.0625rem; text-align: center; line-height: 2.5625rem; padding-left: 0; margin-left: -12px}.category_box_left_box{background: #e3e3e3; padding-left: 0; padding-right: 0; padding-bottom: 20px; box-shadow: inset -2px 2px 7px rgba(0,5,64,.2); border-right: solid 1px #bbb; border-top: solid 1px #bbb}.category_box_right_box{padding: 20px}.category_box .modal-footer{background: 0 0; padding-left: 15px; text-align: center}.category_new_title input{height: 44px; border-radius: 6px}.category_new_ps{position: absolute; top: 51px; z-index: 800; font-size: 1rem; color: #888; text-align: center; padding-left: 8px}.category_icon_box ul{padding: 0; margin: 0} .category_icon_box ul li.ui-draggable{float: left; font-size: 1.875rem; display: block; cursor: pointer; z-index: 901; width: 46px; height: 46px; margin: 10px 8px; border-radius: 3px; padding-top: 6px; color: #afafaf} .category_icon_box ul li.ui-draggable .active{color: #111}.category_color_box:after{display: block; clear: both}.category_color_box ul{padding: 0; text-align: center; margin: 0 auto; display: inline-block} .category_color_box ul li{float: left; display: block; margin: 6px 3px; z-index: 900; cursor: pointer} .category_color_box ul li.s_color_box{width: 73px; display: block; height: 70px; border-radius: 10px} .category_color_box ul li div{display: block; height: 68px !important; border-radius: 4px}.category_icon_box ul li:hover{margin: 10px 8px !important; font-size: 1.875rem !important; color: #111 !important; transition: .2s}.category_icon_box ul li.ui-draggable.ui-draggable-dragging{opacity: .7}.category_color_box ul li.s_color_box .ui-draggable.ui-draggable-dragging{width: 126px; height: 126px; opacity: .6}.category_color_box ul li:hover{margin: 6px 3px !important; transition: .4s} .category_color_box ul li:hover:hover .ui-draggable{border: 3px solid #fff; box-shadow: 0 0 2px 1px #69696}.categoryLeft_btn, .categoryright_btn{top: 50%; width: 25px; height: 25px; text-align: center; background: #e6e6e6; color: #111; z-index: 100000; border-radius: 8px}.category_icon_box{position: relative; overflow: hidden} .category_icon_box .category_icon_box_mask ul{float: left; padding: 0 25px} .category_icon_box:after{display: block; clear: both}.category_icon_box_mask{position: absolute}.categoryLeft_btn{left: 0}.categoryright_btn{position: absolute; right: 0}.JqadBoder{border: 3px solid #fff; box-shadow: 0 0 2px 1px #696969}.wifiapplication{position: relative} .wifiapplication .grid.simple .grid-body{padding-left: 0; padding-right: 0; padding-bottom: 0; position: relative} .wifiapplication .row{margin-left: 0; position: relative; margin-right: 0} .wifiapplication .Retracted{border-radius: 0 !important} .wifiapplication .nav-tabs{background: #fff; font-size: .875rem} .wifiapplication .tab-content{background: #f9f9f9; padding-bottom: 0; margin-bottom: 0; position: relative; overflow: visible} .wifiapplication .password_text .btn{color: #fff; font-size: .875rem; display: block; background: #1976d2} .wifiapplication .password_text .btn:hover{background: #2b6196} .wifiapplication .password_text p{font-size: 1rem; padding-bottom: 1px} .wifiapplication .password_text p:after{display: block; clear: both} .wifiapplication .password_text p span.st_4{color: #969696; font-weight: 700; padding: 10px; display: block; width: 35%; float: left; border: 1px solid #d8d8d8; background: #efefef} .wifiapplication .password_text p span.st_5{color: #424242; border: 1px solid #dcdcdc; padding: 10px; display: block; width: 65%; float: right; text-align: left}.wifi_icon_box{text-align: center; background: url(/Content/images/wifiapplication_bg.png) 0 2px repeat-x #f4f4f4; padding-bottom: 1px; padding-top: 20px; position: relative} .wifi_icon_box .wifi_icon{width: 85px; height: 85px; border-radius: 100%; text-align: center; color: #fff; line-height: 4.6875rem; font-size: 2.5rem; margin: 0 auto} .wifi_icon_box .wifi_icon i{text-align: center; width: 42px} .wifi_icon_box p{padding-top: 5px; font-size: 1.25rem; font-weight: 700; text-align: center !important}.wifiapplication .col-sm-5{padding-left: 5px; padding-right: 15px}.wifiapplication .col-sm-7{padding-left: 0; padding-right: 0; padding-top: 0}.wifiapplication .nav-tabs > li.active{border-right: solid 1px #ddd; border-left: solid 1px #ddd} .wifiapplication .nav-tabs > li.active a{background: #f9f9f9}.wifiapplication .profile-description-box{padding: 0} .wifiapplication .profile-description-box p i{padding-right: 27px}.wifiapplication .pImg img{width: 100%; height: 100%; border-radius: 5px}.wifiapplication .tab-pane td{padding-bottom: 5px}.wifiapplication .tab-pane .st_1{color: #a2a2a2; padding-right: 12px; width: 90px; vertical-align: top}.wifiapplication .tab-pane .st_2{color: #656565}.admin_pass_box .password_text .btn{color: #fff; font-size: .875rem; margin: 0 0 0 63%; display: block; background: #1976d2} .admin_pass_box .password_text .btn:hover{background: #2b6196}.admin_pass_box .password_text p{font-size: 1rem; padding-bottom: 1px} .admin_pass_box .password_text p:after{display: block; clear: both} .admin_pass_box .password_text p span.st_4{font-size: 1.3125rem; color: #969696; font-weight: 700; padding: 10px; display: block; width: 30%; float: left; border: 1px solid #d8d8d8; background: #efefef} .admin_pass_box .password_text p span.st_5{font-size: 1.3125rem; color: #424242; border: 1px solid #dcdcdc; padding: 10px; display: block; width: 70%; float: right; text-align: left}.project1{background-color: #ececec !important; border-radius: 3px}.wifiapplication .female{background: #ff4081; color: #fff}.wifiapplication .male i{color: #fff; text-align: center; padding: 5px}.wifiapplication .semi-bold{font-size: 1.375rem; color: #4c4c4c}.wifiapplication .profile-description-box p{padding-bottom: 0; padding-top: 0; margin-bottom: 4px; color: #676767}.odd_number{position: absolute; top: 14px; left: 14px; z-index: 90} .odd_number p{color: #7d7d7d; font-weight: 700; font-size: .9375rem} .odd_number p span.st_1{padding-left: 4px; color: #5f5f67; display: initial}.wifiapplication p.phone-ext:before{content: "?"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #2196f3; font-size: 1.125rem; padding-right: 10px}.wifiapplication .profile-description-box i.fa-female{background: #ff4081; color: #fff}.wifiapplication .profile-description-box i.fa-male{background: #448aff; color: #fff}.wifiapplication .profile-description-box .pImg{color: #fff; display: table-cell; text-align: center; vertical-align: middle}.wifiapplication .profile-description-box .pDes{font-size: .8125rem; color: #ff4081}.wifiapplication .profile-description-box .Jicon-circle{background: #aaa; width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 1.3125rem; vertical-align: middle; padding: 0; font-size: .8125rem; margin-top: -5px; margin-left: 7px}.wifiapplication.style_1 .Retracted{border-top: solid 6px #73be37 !important}.wifiapplication.style_1 .wifi_icon_box{border-bottom: solid 1px #73be37 !important} .wifiapplication.style_1 .wifi_icon_box .wifi_icon{background: #73be37; border: 7px solid #d1eabd} .wifiapplication.style_1 .wifi_icon_box p{color: #73be37; text-align: left}.wifiapplication.style_1 .check_text{padding: 10px} .wifiapplication.style_1 .check_text p{color: #73be37; font-weight: 700; padding-bottom: 0; margin: 0}.wifiapplication p.Jtitle:before{content: "?"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #2196f3; font-size: .9375rem; padding-right: 10px}.wifiapplication .timebox p.info-time{color: #2196f3; margin-top: 2px; font-weight: 400 !important}.wifiapplication .timebox{padding: 12px 15px 9px; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8} .wifiapplication .timebox p{padding-bottom: 6px; margin-bottom: 1px; color: #525252; font-weight: 700}.wifiapplication .tab-content .tab-pane{min-height: 220px}.wifiapplication .wifi_icon_box p.reason{padding-top: 0; font-size: .9375rem; margin-top: -11px}.admin_mask_pass_box .X_icon, .admin_pass_box{font-size: .8125rem; font-weight: 700; cursor: pointer}.admin_pass_box{color: #fff; background: #1a7cdc; border: 1px solid #0e69b1; border-radius: 5px; padding: 4px 6px; letter-spacing: .1875rem; width: 130px; text-align: center; box-shadow: 3px 2px 3px rgba(48,48,99,.4); margin: 6px auto 0} .admin_pass_box:hover{background: #1a62a9; color: #fff}.admin_mask_pass_box{position: absolute; z-index: 1013 !important; top: 6px; right: 1px; width: 99%; height: 100%; background: #f9f9f9; padding: 31px 20px 20px; display: none} .admin_mask_pass_box .X_icon{position: absolute; right: 10px; top: 5px; color: #bbb} .admin_mask_pass_box .triangle_box{position: absolute; left: 163px; bottom: 1px; display: none} .admin_mask_pass_box .triangle_box .triangle{position: absolute; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0} .admin_mask_pass_box .triangle_box .triangle.st1{border-color: #fff transparent transparent; z-index: 78; display: none} .admin_mask_pass_box .triangle_box .triangle.st2{border-color: #d4d4d4 transparent transparent; top: 3px; z-index: 77; display: none} .admin_mask_pass_box .triangle_box .triangle.st1.active{border-color: transparent transparent #efefef; z-index: 78}.wifiapplication.style_2 .Retracted{border-top: solid 6px #ff5581 !important}.wifiapplication.style_2 .wifi_icon_box{border-bottom: solid 1px #ff5581 !important} .wifiapplication.style_2 .wifi_icon_box .wifi_icon{background: #ec5e56; border: 7px solid #f9cac7} .wifiapplication.style_2 .wifi_icon_box p{color: #ec5e56}.wifiapplication.style_2 .check_text{padding: 10px} .wifiapplication.style_2 .check_text p{color: #ec5e56; font-weight: 700; padding-bottom: 0; margin: 0}.wifiapplication.style_3 .Retracted{border-top: solid 6px #31bfe5 !important}.wifiapplication.style_3 .wifi_icon_box{border-bottom: solid 1px #31bfe5 !important} .wifiapplication.style_3 .wifi_icon_box .wifi_icon{background: #31bfe5; border: 7px solid #b2e1ed} .wifiapplication.style_3 .wifi_icon_box p{color: #31bfe5}.wifiapplication.style_3 .check_text{border: 1px solid #31bfe5; padding: 10px; background: #b2e1ed} .wifiapplication.style_3 .check_text p{color: #31bfe5; font-weight: 700; padding-bottom: 0; margin: 0}.wifiapplication .checkbox{position: absolute; top: 5px; right: 7px; width: 25px; float: left; z-index: 9}.wifiapplication .btn-group{z-index: 99 !important; margin-top: 5px; float: right !important; margin-right: 0; display: block; position: relative; bottom: 0; top: 0; padding-top: 2px; padding-bottom: 0; margin-bottom: 5px}.wifiapplication .btn-group_postiton{position: absolute; top: 0; right: 0; width: 100%; display: block; padding: 6px 11px; margin: 0} .wifiapplication .btn-group_postiton .circle-check-p{position: absolute; margin-top: 5px; margin-left: 5px; z-index: 1; cursor: pointer} .wifiapplication .btn-group_postiton .circle-check-p .circle-check{background-color: #e0e0e0; border-radius: 20px; border: 1px solid #dedede; display: inline-block; font-size: 1.25rem; width: 30px; height: 30px; position: relative; text-align: center; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)} .wifiapplication .btn-group_postiton .circle-check-p .circle-check:hover{background: #bbb} .wifiapplication .btn-group_postiton .circle-check-p .circle-check:after{position: absolute; left: 5px; top: 0; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: 1.25rem; width: 20px; height: 20px} .wifiapplication .btn-group_postiton .circle-check-p .circle-check.click:hover{color: #62d6d6} .wifiapplication .btn-group_postiton .circle-check-p .circle-check.click{background: #fff; box-shadow: 0 2px 1px rgba(170,170,170,.25); border: 2px solid #2f8be4} .wifiapplication .btn-group_postiton .circle-check-p .circle-check.click:after{color: #2f8be4; left: 3px; top: -1px}.application-tab-Satisfaction{width: 100%; padding: 0; margin: 0 0 20px; overflow: scroll; overflow-x: auto; overflow-y: hidden} .application-tab-Satisfaction table{width: 100%} .application-tab-Satisfaction table th{color: #fff !important; background-color: #44aac1; font-weight: 700; padding-bottom: 5px; padding-top: 5px; border: 1px solid #fff !important} .application-tab-Satisfaction table td{border-top: 1px solid #e8edf1} .application-tab-Satisfaction table td.st_3{color: #215e94 !important; background-color: #f5f5f5 !important}.wifiapplication.style_4 .Retracted{border-top: solid 6px #afafaf !important}.wifiapplication.style_4 .wifi_icon_box{border-bottom: solid 1px #afafaf !important} .wifiapplication.style_4 .wifi_icon_box .wifi_icon{background: #afafaf; border: 7px solid #e2e2e2; margin: 0 auto} .wifiapplication.style_4 .wifi_icon_box p{color: #989898}.wifiapplication.style_5 .Retracted{border-top: solid 6px #96a4c3 !important}.wifiapplication.style_5 .wifi_icon_box{border-bottom: solid 1px #96a4c3 !important} .wifiapplication.style_5 .wifi_icon_box .wifi_icon{background: #96a4c3; border: 7px solid #d6dbe6}.check_from .nav-tabs, .check_from .tab-content{border-right: solid 1px #c5c5c5; border-left: solid 1px #c5c5c5}.wifiapplication.style_5 .wifi_icon_box p{color: #96a4c3}.check_from h5{font-size: 1.125rem; font-weight: 700; color: #636363}.check_from .nav-tabs{font-size: 1.25rem; padding-bottom: 0; border-bottom: solid 1px #317fca; font-weight: 700; color: #317fca; border-top: solid 1px #c5c5c5; background: #f1f1f1}.check_from .tab-content{border-bottom: solid 1px #c5c5c5}.check_from .nav-tabs li.active a{color: #317fca}.check_from .timebox p{padding-bottom: 6px; margin-bottom: 1px; color: #1899ec !important; font-weight: 700; font-size: 1.125rem}.check_from .info-time{color: #4c4c4c; margin-top: 2px; border: 1px solid #e2e2e2; padding: 10px; border-radius: 3px}.check_from .nav-tabs li a{font-size: 1rem; font-weight: 700; color: #737373; margin-bottom: 0}.check_from .tab-content .row{margin: 0; padding: 0}.check_from input{color: #6f7888}.check_from label{color: #232527}.check_from .new_row_bg{background: #fff}.check_from .col-md-12{padding-bottom: 15px}.check_lightbox .row{padding: 0 15px 6px; margin-bottom: 0}.check_lightbox .title_box{padding-top: 0; margin-top: 0}.check_lightbox .title{padding-bottom: 7px; margin-bottom: 0; background: #fff; padding-top: 7px; border-radius: 5px 5px 0 0; font-weight: 700; color: #797979}.check_lightbox p.Jtitle:before, .check_lightbox p.phone-ext:before{font-weight: 400; text-decoration: inherit; font-family: FontAwesome; font-style: normal}.check_lightbox .text{padding-top: 0; margin-top: 0; box-shadow: none; height: 120px; margin-bottom: 0} .check_lightbox .text .form-control{height: 100%; border: 1px solid #6ebbf3 !important; border-radius: 0 !important; background: #f0f8ff}.check_lightbox .modal-footer{padding-top: 15px !important; padding-bottom: 13px}.check_lightbox .profile-description-box{padding-left: 4px; padding-top: 0}.check_lightbox .pImg img{width: 110px; height: 110px; border-radius: 5px}.check_lightbox p.phone-ext:before{content: "?"; color: #2196f3; font-size: 1.125rem; padding-right: 10px}.check_lightbox .profile-description-box:before{content: ""; display: block; clear: both}.check_lightbox .profile-description-box p{float: left; margin-right: 21px}.check_lightbox .profile-description-box i.fa-female{background: #ff4081; color: #fff}.check_lightbox .profile-description-box i.fa-male{background: #448aff; color: #fff}.check_lightbox .profile-description-box .pImg{color: #fff; display: table-cell; text-align: center; vertical-align: middle}.check_lightbox .profile-description-box .pDes{font-size: .8125rem; color: #ff4081}.check_lightbox .profile-description-box .Jicon-circle{background: #aaa; width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 1.3125rem; vertical-align: middle; padding: 0; font-size: .8125rem; margin-top: -5px; margin-left: 7px}.check_lightbox p.Jtitle:before{content: "?"; color: #2196f3; font-size: .9375rem; padding-right: 10px}.check_lightbox .info-time{color: #2196f3 !important; margin-top: 2px; font-weight: 400 !important; padding-left: 12px}.check_lightbox .timebox p{padding-bottom: 6px; margin-bottom: 1px; color: #505458; font-weight: 700; font-size: 1.125rem}.check_lightbox .tab-content .tab-pane{min-height: 190px}.check_lightbox ul{padding-left: 12px} .check_lightbox ul li{float: left; list-style: none; padding-left: 0; padding-right: 0; margin-bottom: 10px} .check_lightbox ul li span.st_1{color: #a2a2a2; padding-right: 12px; width: 90px; vertical-align: top} .check_lightbox ul li span.st_2{color: #656565}.check_text.check_text_no, .check_text.check_text_ok{color: #8e8e8e !important; font-weight: 400 !important; padding-top: 2px}.check_lightbox .row_boder{border-bottom: solid 1px #d8d8d8; margin-left: 0; margin-right: 0; margin-bottom: 20px; padding: 0 0 15px}.check_lightbox h5{font-size: 1.125rem; font-weight: 700; padding-bottom: 4px; padding-top: 0; margin-top: 0; border: none}.wifiapplication_new_title{font-size: 1.125rem; font-weight: 700; padding-left: 15px}.new_row_bg{margin-top: -26px}#talentedperson .Retracted{padding: 15px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 10px 1px rgba(204,204,204,.6); background-color: #fff}.check_text.check_text_ok{border: 1px solid #9aec58 !important; background: #f3fbee !important}.check_text.check_text_no{background: #fff2f1 !important; border: 1px solid #f9cac7}.check_text.check_text_ok p{color: #44b100 !important}.check_text.check_text_no p{color: #ec5e56 !important} .check_text.check_text_no p.text, .check_text.check_text_ok p.text{color: #8e8e8e !important; font-weight: 400 !important; padding-top: 2px}.check_text{margin: 10px 0}.all_check_box{padding: 0 5px; background: #fff; border: 1px solid #e4e4e4; border-radius: 5px; width: 80px; position: relative} .all_check_box.nodrop{width: 53px} .all_check_box .circle-check-p{margin-top: 5px; margin-left: 5px; z-index: 1; cursor: pointer} .all_check_box .circle-check-p .circle-check{background-color: #e0e0e0; border-radius: 20px; border: 1px solid #dedede; display: inline-block; font-size: 1.25rem; width: 30px; height: 30px; position: relative; text-align: center; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)} .all_check_box .circle-check-p .circle-check:hover{background: #bbb} .all_check_box .circle-check-p .circle-check:after{position: absolute; left: 5px; top: 0; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: 1.25rem; width: 20px; height: 20px} .all_check_box .circle-check-p .circle-check.click:hover{color: #62d6d6} .all_check_box .circle-check-p .circle-check.click{background: #fff; box-shadow: 0 2px 1px rgba(170,170,170,.25); border: 2px solid #2f8be4} .all_check_box .circle-check-p .circle-check.click:after{color: #2f8be4; left: 3px; top: -1px} .all_check_box .drop_down_ico{position: absolute; right: 12px; top: 10px}.sing_up_determine_detail_2 .modal-header{background: #d7ebff; padding-bottom: 4px}.user_diff_warp{padding: 10px; background: #f3f3f3; margin: -14px 0 19px; border: 1px solid #e6e6e6}.iconfa-stack1{position: relative; display: inline-block; width: 14px; height: 13px; line-height: 1.125rem; vertical-align: middle; padding: 0; margin: -5px 5px 0 0}.iconfa-stack1-1x, .iconfa-stack1-2x, .iconfa-stack1-3x{position: absolute; left: 0; width: 100%; text-align: center}.iconfa-stack1-1x{line-height: inherit; font-size: .75rem}.iconfa-stack1-2x{font-size: 1rem}.iconfa-stack1-3x{font-size: 2em}.J-download-box{border: 1px solid #e0e0e0; padding: 20px; margin: 20px 0; background: #f7f7f7} .J-download-box .b_line{border-bottom: solid #e2e2e2 1px; margin-top: 15px; margin-bottom: 15px}#stage, #stage .slider-frame{margin: 0; padding: 0; display: block}#stage{width: 85px; font-size: .9375rem; cursor: pointer} #stage .slider-frame{position: relative; width: 85px; height: 34px; background-color: #fff; border-top: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; border-radius: 3px} #stage .slider-frame .slider-button{display: block; margin: 0; padding: 0; width: 43px; height: 34px; line-height: 2.125rem; background: #00aec3; -moz-border-radius: 5px; border: 1px solid #ccc; transition: all .25s ease-in-out; color: #fff; font-family: Helvetica; font-weight: 700; text-shadow: 1px 1px 1px rgba(167,167,167,.5); text-align: center; cursor: pointer; font-size: .9375rem; border-radius: 3px} #stage .slider-frame .slider-button.on{margin-left: 40px; background: #2372c6; border: 1px solid #ccc}.phone_list_box .cursor_pointer .drop-auto-position.card-btn{right: 30px; top: 14px !important}.MT-contacts-list .text_box{float: left; width: 80%; padding-left: 10px}.MT-contacts-list .text_box_down:before{clear: both; content: ""; display: block}.MT-contacts-list .text_box_down{padding-top: 9px; border-top: solid 1px #d6d6d6; min-height: 60px; position: relative}.MT-contacts-list .textnumber{float: left; padding-top: 9px !important; color: #9e9e9e !important; font-size: .875rem !important; width: 74%; padding-bottom: 0}.ban_style.card-container3 .img-thumb{box-shadow: rgba(165,165,165,.2) 0 0 0 1px inset; background: #e2e2e2} .ban_style.card-container3 .img-thumb:hover{box-shadow: none}.ban_style.card-container3 .app_name, .ban_style.card-container3 .app_title, .ban_style.card-container3 .gray{opacity: .3}.filter__box{height: 100%} .filter__box .filter__box__list{border-bottom: 1px #d4cece dotted; margin: 0 0 15px; padding: 0} .filter__box .filter__box__list:after{display: block; clear: both; content: ""} .filter__box .filter__box__list .filter__box__content, .filter__box .filter__box__list span{margin-left: 10px; list-style: none; padding-bottom: 10px; padding-top: 10px; min-width: 70px; display: inline-table; width: 80%} .filter__box .filter__box__list span button{border: none} .filter__box .filter__box__list .filter__box__content a, .filter__box .filter__box__list .filter__box__content button, .filter__box .filter__box__list span a, .filter__box .filter__box__list span button{position: relative; display: inline-block; margin-right: 17px; margin-bottom: 10px; font-size: .9375rem; color: #364f61; line-height: 1.625rem; background-color: #dce5ea; z-index: 2; padding: 0 16px; border-radius: 3px; transition: all .9s} .filter__box .filter__box__list .filter__box__content a:hover, .filter__box .filter__box__list .filter__box__content button:hover, .filter__box .filter__box__list span a:hover, .filter__box .filter__box__list span button:hover, .filter__box__list span button.active:hover, .filter__box__list span span.active:hover{background: #3e81b1 !important; color: #fff} .filter__box .filter__box__list .filter__box__content a:before, .filter__box .filter__box__list .filter__box__content button:before, .filter__box .filter__box__list span a:before, .filter__box .filter__box__list span button:before{content: ''; position: absolute; background-color: inherit; width: 14px; height: 14px; top: 6px; left: -5px; border-radius: 3px; z-index: -1; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-sizing: border-box; transform: skew(-45deg,45deg)} .filter__box .filter__box__list .filter__box__content a:after, .filter__box .filter__box__list .filter__box__content button:after, .filter__box .filter__box__list span a:after, .filter__box .filter__box__list span button:after{content: ''; position: absolute; width: 6px; height: 6px; top: 50%; margin-top: -3px; left: -5px; border-radius: 50%; background: #fff} .filter__box .filter__box__list .filter__box__content a i, .filter__box .filter__box__list .filter__box__content button i, .filter__box .filter__box__list span a i, .filter__box .filter__box__list span button i{display: none} .filter__box .filter__box__list .filter__box__content a.active, .filter__box .filter__box__list .filter__box__content button.active, .filter__box .filter__box__list span a.active, .filter__box .filter__box__list span button.active{background: #4fa3e0; color: #fff} .filter__box .filter__box__list .filter__box__content a.active i, .filter__box .filter__box__list .filter__box__content button.active i, .filter__box .filter__box__list span a.active i, .filter__box .filter__box__list span button.active i{color: #003877; display: inline-table; margin-right: 10px; margin-left: -15px; font-size: .9375rem} .filter__box .filter__box__list .filter__box__content a.active:after, .filter__box .filter__box__list .filter__box__content button.active:after, .filter__box .filter__box__list span a.active:after, .filter__box .filter__box__list span button.active:after{display: none} .filter__box .filter__box__list .filter__box__content a.active.activing, .filter__box .filter__box__list .filter__box__content button.active.activing, .filter__box .filter__box__list span a.active.activing, .filter__box .filter__box__list span button.active.activing{color: #fff} .filter__box .filter__box__list .filter__box__content a.activing, .filter__box .filter__box__list .filter__box__content button.activing, .filter__box .filter__box__list span a.activing, .filter__box .filter__box__list span button.activing{color: #e48f00} .filter__box .filter__box__list .filter__box__content a.activing i, .filter__box .filter__box__list .filter__box__content button.activing i, .filter__box .filter__box__list span a.activing i, .filter__box .filter__box__list span button.activing i{color: #f78400; display: inline-table; margin-right: 10px; margin-left: -15px; font-size: .9375rem} .filter__box .filter__box__list .filter__box__content a.activing:after, .filter__box .filter__box__list .filter__box__content button.activing:after, .filter__box .filter__box__list span a.activing:after, .filter__box .filter__box__list span button.activing:after{display: none} .filter__box .filter__box__list .filter__box__title{font-size: 1rem; font-weight: 700; margin-left: 10px; margin-right: 10px; display: inline-block; width: 10%; color: #4a4a4a}.bootstrap-timepicker-widget table td a{text-decoration: none; background-color: #fff; border-radius: 4px; border-color: #fff; color: #1976d2} .bootstrap-timepicker-widget table td a:hover{background-color: #dcdcdc}.bootstrap-timepicker-widget table td span{width: 100%; display: inline-block; font: normal normal normal .875rem/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased} .bootstrap-timepicker-widget table td span.glyphicon.glyphicon-chevron-up:before{content: "\f077"} .bootstrap-timepicker-widget table td span.glyphicon.glyphicon-chevron-down:before{content: "\f078"}.bootstrap-timepicker-widget table td input{width: 50px}.bootstrap-timepicker .input-group-addon{background-color: #1976d2; color: #fff} .bootstrap-timepicker .input-group-addon i{color: #fff; font-size: 1.0625rem} .bootstrap-timepicker .input-group-addon .arrow{color: #1976d2} .bootstrap-timepicker .input-group-addon .arrow:before{font-family: FontAwesome; content: "\f0d9 "; top: -4px}.parking_status_box .wifiapplication .btn-group_postiton .label{position: absolute; top: 10px; right: 10px; z-index: 999; padding: 5px 10px; font-size: .875rem; font-weight: 400}.parking_status_box .wifiapplication.style_1 .wifi_icon_box{border-bottom: solid 1px #ff307f !important} .parking_status_box .wifiapplication.style_1 .wifi_icon_box .wifi_icon{background: #ff307f; border: 7px solid #ffd9e7} .parking_status_box .wifiapplication.style_1 .wifi_icon_box p{color: #ff307f}.parking_status_box .wifiapplication.style_1 .Retracted{border-top: solid 6px #ff307f !important}.parking_status_box .wifiapplication.style_1 .btn-group_postiton .label{background: #ff307f}.parking_status_box .wifiapplication.style_2 .wifi_icon_box{border-bottom: solid 1px #f9a921 !important} .parking_status_box .wifiapplication.style_2 .wifi_icon_box .wifi_icon{background: #f9a921; border: 7px solid #ffe4b6} .parking_status_box .wifiapplication.style_2 .wifi_icon_box p{color: #f9a921}.parking_status_box .wifiapplication.style_2 .Retracted{border-top: solid 6px #f9a921 !important}.parking_status_box .wifiapplication.style_2 .btn-group_postiton .label{background: #f9a921}.parking_status_box .wifiapplication.style_3 .wifi_icon_box{border-bottom: solid 1px #9e9e9e !important} .parking_status_box .wifiapplication.style_3 .wifi_icon_box .wifi_icon{background: #9e9e9e; border: 7px solid #e4e4e4} .parking_status_box .wifiapplication.style_3 .wifi_icon_box p{color: #9e9e9e}.parking_status_box .wifiapplication.style_3 .Retracted{border-top: solid 6px #9e9e9e !important}.parking_status_box .wifiapplication.style_3 .btn-group_postiton .label{background: #9e9e9e}.parking_status_box .wifiapplication.style_4 .wifi_icon_box{border-bottom: solid 1px #2196f3 !important} .parking_status_box .wifiapplication.style_4 .wifi_icon_box .wifi_icon{background: #2196f3; border: 7px solid #c1e4ff} .parking_status_box .wifiapplication.style_4 .wifi_icon_box p{color: #2196f3}.parking_status_box .wifiapplication.style_4 .Retracted{border-top: solid 6px #2196f3 !important}.parking_status_box .wifiapplication.style_4 .btn-group_postiton .label{background: #2196f3}.sizes .size{display: inline-block; padding: 8px 16px; border: 1px solid #ddd; border-radius: 2px; margin-right: 8px; margin-bottom: 8px; cursor: pointer} .sizes .size.active, .sizes .size:hover{border: 1px solid #2196f3; background-color: #2196f3; color: #fff}.profile-description-box p.calendar:before, .profile-description-box p.car:before, .profile-description-box p.holiday:before, .profile-description-box p.period:before{font-style: normal; font-weight: 400; color: #2196f3; font-size: 1.125rem; padding-right: 10px; width: 25px; text-decoration: inherit; font-family: FontAwesome}.profile-description-box p.holiday:before{content: "\f02b"}.profile-description-box p.period:before{content: "\f017"}.profile-description-box p.calendar:before{content: "\f073"}.profile-description-box p.car:before{content: "\f1b9"}.p_calendar_box#fullcalendar .fc-sun{background: #b9b9b9} .p_calendar_box#fullcalendar .fc-sun.fc-acitve{background: #cff} .p_calendar_box#fullcalendar .fc-sun.fc-acitve-n{background: #f9c} .p_calendar_box#fullcalendar .fc-sat, .p_calendar_box#fullcalendar .fc-sun.fc-notin{background: #b9b9b9} .p_calendar_box#fullcalendar .fc-sat.fc-acitve{background: #cff} .p_calendar_box#fullcalendar .fc-sat.fc-acitve-n{background: #f9c} .p_calendar_box#fullcalendar .fc-sat.fc-notin{background: #b9b9b9}.p_calendar_box#fullcalendar .fc-acitve{background: #cff; cursor: pointer}.p_calendar_box#fullcalendar .fc-acitve-n{background: #f9c; cursor: pointer}.p_calendar_box#fullcalendar .fc-notin{background: #b9b9b9}.status_list_box{list-style: none; margin: 0; padding: 0} .status_list_box li{margin-right: 15px; list-style: none; display: inline-block} .status_list_box li .lablest{width: 20px; height: 20px; border: 1px solid #ccc; display: inline-block}#personailze_box .onselection, #personailze_box .ui-sortable-helper{height: 50px !important}.status_list_box li.fc-acitve .lablest{background: #cff}.status_list_box li.fc-acitve-n .lablest{background: #f9c}.status_list_box li.fc-acitve-s .lablest{background: #b9b9b9}.status_list_box li span{line-height: 1.25rem; display: inline-block; vertical-align: middle; font-weight: 700}@media screen and (max-width:768px){.table_rwd{border: none} .table_rwd thead{display: none} .table_rwd tr{margin-bottom: 15px; margin-top: 15px; display: block} .table_rwd tr th{display: none} .table_rwd tr td{padding-left: 35%; width: 100%; display: -webkit-box} .table_rwd tr td:before{display: block; text-align: right; padding-right: 15px; content: attr(data-title); width: 30%; background: #f1f1f1; margin: -10px 10px -10px -14px; line-height: 1.125rem; padding-top: 12px; padding-bottom: 12px} .table_rwd tr td a{color: #004798}}#personailze_box .form-collapse-group.ui-sortable-placeholder, #personailze_box .onselection .form-collapse-body, #personailze_box .ui-sortable-helper .form-collapse-body{display: none}#personailze_box .slide_sort_btn{background: #fff; border: 1px solid #e1e1e1; padding: 2px 6px; margin: 10px 5px}#personailze_box .JQclick{padding-top: 8px}#personailze_box .form-collapse-group{box-shadow: 0 0 4px 3px #e6e6e6; background: #fff}#personailze_box .nav-tabs{overflow: visible} #personailze_box .nav-tabs li{position: relative; overflow: visible} #personailze_box .nav-tabs li a{padding-left: 30px; padding-right: 30px; display: block} #personailze_box .nav-tabs li:hover .slide_sort_tab_btn{display: block} #personailze_box .nav-tabs li .slide_sort_tab_btn{display: none; position: absolute; top: 1px; right: 2px; background: 0 0; padding: 2px 6px} #personailze_box .nav-tabs li.ui-sortable-placeholder{display: none} #personailze_box .nav-tabs .add_tab_btn{border-left: 1px #d2d2d2 solid; border-right: 1px #d2d2d2 solid; height: 100%; padding-bottom: 3px; padding-left: 25px; padding-right: 25px; border-radius: 5px 5px 0 0; background: #dce0e8; cursor: pointer} #personailze_box .nav-tabs .add_tab_btn .btn{padding: 2px 5px; margin-top: 14px; background: 0 0; color: #1976d2} #personailze_box .nav-tabs .add_tab_btn:hover{background: #6fadf1} #personailze_box .nav-tabs .add_tab_btn:hover .btn{color: #fff}#personailze_box .equipement_li{margin: 0 0 20px; padding: 0} #personailze_box .equipement_li .card-container3{padding: 0} #personailze_box .equipement_li .card-container3 .img-thumb.img-thunb-gradient{background-image: none; background-color: #fff} #personailze_box .equipement_li .card-container3 .img-thumb.img-thunb-gradient:hover{background: 0 0; -webkit-filter: none} #personailze_box .equipement_li .card-container3 .inside{padding: 10px} #personailze_box .equipement_li .card-container3 .inside .app_switch{position: absolute; bottom: 4px; left: 10px} #personailze_box .equipement_li .card-container3 .card-item{height: 100px; text-align: center; line-height: 8.375rem; border-radius: 5px 5px 0 0; box-shadow: none !important; cursor: pointer} #personailze_box .equipement_li .card-container3 .card-item i{width: auto !important; font-size: 2.875rem; color: #fff} #personailze_box .equipement_li .card-container3 .iconFont{color: #fff; font-size: 3.125rem; position: relative; text-align: center; padding-top: 10%} #personailze_box .equipement_li .app_title{color: #2b2b2b; text-align: center; display: block; font-size: 1.125rem; font-weight: 700; padding-bottom: 5px} #personailze_box .equipement_li .app_name{font-size: .8125rem; display: block; text-align: center; color: #868686} #personailze_box .equipement_li .treeData_app_warp .application_equipment .equipement_li .card-container3 .img-thumb.img-thunb-gradient{background-image: none; background-color: #fff} #personailze_box .equipement_li .imgH100{width: 100%; min-height: 100px} #personailze_box .equipement_li .btn-group{margin: 0}#personailze_box .infomation-box{padding: 5px} #personailze_box .infomation-box ul{border-top: none !important; border-bottom: none !important; padding-bottom: 10px; padding-top: 0; margin-bottom: 0; margin-top: -16px; min-height: 73px; min-width: 100%}#personailze_box .gray{opacity: .5}#personailze_box .colorstyle_1{background: #009688; background-image: linear-gradient(to top,#00796b 0,#009688 100%); box-shadow: inset 0 1px 0 #009688,0 4px 0 0 #004d40}#personailze_box .ui-sortable-handle .img-thumb .iconFont{color: #fff; font-size: 3.125rem; position: relative; text-align: center; padding-top: 10%}#personailze_box .ui-sortable-handle .app_title{color: #2b2b2b; text-align: left; display: block; font-size: 1.125rem; font-weight: 700; padding-bottom: 5px}#personailze_box .ui-sortable-handle .app_name{font-size: .8125rem; display: block; text-align: left; color: #868686}#personailze_box .FC-border-group .form-collapse-title{min-height: 50px}.initialization_box{width: 94%; background: #388dea; text-align: center; border: 1px dashed #5babd4; margin: 30px auto 20px; padding: 45px; cursor: pointer; box-shadow: 0 0 0 10px #65abf7; position: relative} .initialization_box.page_st{background: #f7f7f7; border: 1px dashed #bdbdbd; box-shadow: 0 0 0 10px #ececec; position: relative} .initialization_box.page_st:hover{background: #fff} .initialization_box.page_st:hover .text{color: #b3b3b3} .initialization_box.page_st .icon{color: #e6efff; padding-bottom: 14px} .initialization_box.page_st .type{color: #585858; font-size: 1rem; padding-top: 10px} .initialization_box.page_st .code{color: #afafaf; font-size: .9375rem; position: absolute; bottom: 15px; right: 15px} .initialization_box.page_st .text{font-size: 1.375rem; color: #b3b3b3} .initialization_box .icon{font-size: 3.125rem; color: #8bc5ff} .initialization_box .text{font-size: 1.375rem; color: #c4e2ff} .initialization_box:hover{background: #267cda; border: 1px dashed #fff} .initialization_box:hover .icon, .initialization_box:hover .text{color: #e6efff}.col-md-2-1{width: 20%; float: left; position: relative; min-height: 1px; padding-right: 8px; padding-left: 8px}.tab_set_type{background: #efefef; width: 100%; color: #fff; border-radius: 5px; text-align: center; padding-top: 26px; padding-bottom: 20px; margin-bottom: 20px; cursor: pointer} .tab_set_type:hover{background: #e0e0e0} .tab_set_type.active{background: #fff; border: 1px solid #17bba4; width: 99%; padding-bottom: 18px} .tab_set_type .icon{font-size: 2.1875rem} .tab_set_type .text{font-size: 1rem; color: #304a5d; padding-top: 35px} .tab_set_type.st_2{margin-bottom: 0; padding-top: 0} .tab_set_type.st_2 .icon{font-size: 2.875rem} .tab_set_type.st_2.initialization{cursor: pointer; background: #267cda; border: 5px solid #66afff; padding-bottom: 8px} .tab_set_type.st_2.initialization .icon{color: #8bc5ff; font-size: 1.875rem; padding-bottom: 13px; padding-top: 10px} .tab_set_type.st_2.initialization .text{color: #8bc5ff} .tab_set_type.st_2.initialization:hover{background: #4784c1} .tab_set_type.st_2.initialization:hover .icon, .tab_set_type.st_2.initialization:hover .text{color: #fff} .tab_set_type.st_2.addbtn{cursor: pointer; width: 100%; max-width: 115px; margin: 0 auto; border: 1px solid #cecece} .tab_set_type.st_2.addbtn .icon{color: #1976d2; font-size: 1.875rem; padding-bottom: 13px; padding-top: 10px} .tab_set_type.st_2 .text{padding-top: 0}.col-md-2 .tab_set_type{padding-top: 13px; padding-bottom: 13px} .col-md-2 .tab_set_type .text{padding-top: 14px}.DeleteBtnCircle_2{position: absolute; bottom: -39px; right: 11px; z-index: 51; width: 40px; height: 40px; line-height: 2.5rem; display: inline-block; border: none; font-size: 1.125rem; color: #fff; text-align: center; background: #ff1744; transition: .3s; border-radius: 50%; opacity: .8; box-shadow: 0 2px 5px 0 rgba(0,0,0,.11); cursor: pointer}.DeleteBtnCircle_3, .DeleteBtnCircle_4{position: absolute; z-index: 51; width: 25px; height: 25px; line-height: 1.5625rem; display: inline-block; font-size: .9375rem; background: #ff4569; transition: .3s; box-shadow: 0 2px 5px 0 rgba(0,0,0,.11); color: #fff; cursor: pointer; text-align: center}.DeleteBtnCircle_3{top: 0; right: -3px; border: none; border-radius: 50%; opacity: 1}.DeleteBtnCircle_4{top: -5px; right: 3px; border: none; border-radius: 50%; opacity: 1}.JQslider_box span.btn_right, .icon_Big_menuBox_btn.right_btn{right: 0}.icon_menuBox.active{border: 3px solid #8dcbff; border-radius: 10px; margin-top: 0 !important; padding: 5px 0 10px !important}.icon_Big_menuBox{position: relative; min-height: 140px} .icon_Big_menuBox .icon_Big_menuBox_mask{width: 94%; overflow: hidden; position: relative; margin: 0 auto; height: 139px} .icon_Big_menuBox .icon_Big_menuBox_mask:after{display: block; clear: none; content: ""; height: 115px} .icon_Big_menuBox .icon_Big_menuBox_mask .TotalBlock{position: absolute; top: 9px; left: 0; width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex} .icon_Big_menuBox .icon_Big_menuBox_mask .TotalBlock:after{display: block; clear: both; content: ""} .icon_Big_menuBox .icon_Big_menuBox_mask .icon_menuBoxsortable{display: inline-table; width: 100%; float: left} .icon_Big_menuBox .icon_Big_menuBox_mask .icon_menu{margin-bottom: 0}.menuBoxlist{max-width: 115px; width: 100%; display: inline-block; margin-top: 5px; margin-left: 2px; margin-right: 2px; position: relative}.icon_Big_menuBox_btn{position: absolute; cursor: pointer; display: block; width: 33px; height: 47px; background: #b7b7b7; color: #fff; top: 35%; text-align: center; line-height: 2.9375rem; z-index: 100; border-radius: 6px} .icon_Big_menuBox_btn.left_btn{left: 0}.personailze_tab_title{color: #696969; font-size: 1.25rem; padding: 0; line-height: 1.875rem; margin: 9px 0} .personailze_tab_title:after{display: block; clear: both; content: ""} .personailze_tab_title .p_title{float: left} .personailze_tab_title .p_input{float: left; display: none} .personailze_tab_title .p_edit{float: left; padding-left: 20px; font-size: .9375rem; display: none !important} .personailze_tab_title:hover .p_edit{display: block !important; cursor: pointer}.personalize_st.category_icon_box, .personalize_st2.category_icon_box{width: 100%} .personalize_st.category_icon_box .category_btn, .personalize_st2.category_icon_box .category_btn{display: none} .personalize_st.category_icon_box .category_icon_box_mask, .personalize_st2.category_icon_box .category_icon_box_mask{display: block; position: relative; width: 100%} .personalize_st.category_icon_box .category_icon_box_mask .iconFont:before, .personalize_st2.category_icon_box .category_icon_box_mask .iconFont:before{color: #b3b3b3} .personalize_st.category_icon_box .category_icon_box_mask .active.iconFont:before, .personalize_st.category_icon_box .category_icon_box_mask .iconFont:hover:before, .personalize_st2.category_icon_box .category_icon_box_mask .active.iconFont:before, .personalize_st2.category_icon_box .category_icon_box_mask .iconFont:hover:before{color: #505050} .personalize_st.category_icon_box ul, .personalize_st2.category_icon_box ul{width: 100%; float: none}@media screen and (min-width:768px){.personalize_st.category_icon_box{height: 231px} .personalize_st.category_icon_box .category_icon_box_mask{display: -ms-flexbox; display: flex; position: absolute; width: auto} .personalize_st.category_icon_box .category_btn{display: block} .personalize_st.category_icon_box ul{width: 559px; float: left}}.personalize_st2.category_icon_box{width: 100%} .personalize_st2.category_icon_box .category_btn{display: none} .personalize_st2.category_icon_box .category_icon_box_mask{display: block; position: relative; width: 100%} .personalize_st2.category_icon_box ul{width: 100%; float: none}@media screen and (min-width:768px){.personalize_st2.category_icon_box{height: 182px} .personalize_st2.category_icon_box .category_icon_box_mask{display: -ms-flexbox; display: flex; position: absolute; width: auto} .personalize_st2.category_icon_box .category_btn{display: block} .personalize_st2.category_icon_box ul{width: 858px; float: left}}.category_box_box{display: -webkit-box} .category_box_box .category_box_left_box{min-height: 100%; height: auto; display: inline-block; position: relative} .category_box_box .category_box_right_box{display: inline-block; height: auto; background: #fff}@media screen and (max-width:991px){.category_box_box{display: -webkit-box} .category_box_box .category_box_left_box{min-height: 100%; height: auto; display: inline-block; position: relative; width: 100%} .category_box_box .category_box_right_box{display: inline-block; height: auto; background: #fff; width: 100%}}.hot_icon_box{margin-bottom: -20px} .hot_icon_box .menuBoxlist{max-width: 85px; margin: 0 5px} .hot_icon_box .icon_menu{width: 100%; height: auto} .hot_icon_box .icon_menu:hover{top: 0} .hot_icon_box .icon_menu .iconFont{font-size: 2.5rem} .hot_icon_box .icon_menu p{font-size: .875rem; padding-bottom: 5px; width: 100%; overflow: hidden}.hr_st{height: 5px; width: 100%; border-bottom: dotted 1px #b3b3b3; clear: both; display: block; margin-bottom: 17px}.JQslider_box{width: 100%; padding: 0 30px; position: relative} .JQslider_box .JQslider_mask{width: 100%; overflow: hidden; position: relative; height: 200px} .JQslider_box span.moveicon{width: 30px; height: 30px; border-radius: 50%; display: block; position: absolute; margin-top: -30px; cursor: pointer; top: 50%; font: normal normal normal .875rem/1 FontAwesome; font-size: 1.5rem; line-height: 1.875rem; text-align: center; background: #bdbdbd; color: #fff} .JQslider_box span.moveicon:hover{color: #555; background: #dcdcdc} .JQslider_box span.btn_left{left: 0} .JQslider_box span.btn_left:before{content: "\f104"} .JQslider_box span.btn_right:before{content: "\f105"} .JQslider_box ul:after, .final_decision_case .title .float-l span:after, .final_decision_tender .title .float-l span:after, .nav_tabs_ul:after{content: ""; clear: both} .JQslider_box ul{list-style: none; padding: 0; margin: 0; top: 0; left: 0} .JQslider_box ul:after{display: block} .JQslider_box ul li{float: left; width: 25%; padding: 10px; margin: 0}@media screen and (max-width:600px){.JQslider_box ul li{float: left; width: 100%; padding: 10px; margin: 0}}.device_type_warp .widget-item{border: 1px solid #d4d4d4; border-radius: 5px; background: #fff; padding: 0 0 15px} .device_type_warp .widget-item.notyet .tiles{cursor: no-drop} .device_type_warp .widget-item.notyet .tiles .date-tiles-body{background: #fff} .device_type_warp .widget-item.notyet .tiles .fillet-body{color: #8b91a0} .device_type_warp .widget-item.notyet .tiles .tiles-body .text-black h4{color: #b9b9b9 !important; font-weight: 400; box-shadow: none} .device_type_warp .widget-item .tiles{background: 0 0} .device_type_warp .widget-item .tiles .device_type_icon{border-radius: 999px; width: 211px; height: 211px; display: block; margin: 0 auto} .device_type_warp .widget-item .tiles .device_type_icon.st_1{transition: .2s; border: 9px solid #abe2dd} .device_type_warp .widget-item .tiles .device_type_icon.st_1:hover{transition: .2s; border: 15px solid #abe2dd; background: #008073 !important} .device_type_warp .widget-item .tiles .device_type_icon.st_1.notyet{transition: .2s; border: 9px solid #abe2dd} .device_type_warp .widget-item .tiles .device_type_icon.st_2{transition: .2s; border: 9px solid #bcc6ff} .device_type_warp .widget-item .tiles .device_type_icon.st_2:hover{border: 15px solid #bcc6ff; background: #53328c !important} .device_type_warp .widget-item .tiles .device_type_icon.st_green{border: 9px solid #4db6ac} .device_type_warp .widget-item .tiles .device_type_icon.st_green:hover{transition: .2s; border: 15px solid #4db6ac; background: #00695c !important} .device_type_warp .widget-item .tiles .device_type_icon-sm{width: 150px; height: 150px} .device_type_warp .widget-item .tiles .device_type_icon-sm i{line-height: 8.75rem !important; font-size: 3.75rem !important} .device_type_warp .widget-item .tiles .device_type_icon.disabled{background: #464646 !important; border: 9px solid #ababab; pointer-events: none; cursor: default} .device_type_warp .widget-item .tiles .device_type_icon i{transition: .2s; line-height: 12.5rem; font-size: 5.5rem; padding: 0; width: 87px; text-align: center} .device_type_warp .widget-item .tiles .device_type_icon:hover i{line-height: 11.75rem} .device_type_warp .widget-item .tiles .device_type_icon i:before{padding: 0}.nav_tabs_ul:after{display: block}.nav_tabs_ul{padding: 0; margin-bottom: -2px} .nav_tabs_ul li{background: #dedede; border-top: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0; border-right: solid 1px #d0d0d0; text-align: center; float: left; width: 80px; height: 40px; line-height: 2.5rem; color: #666} .nav_tabs_ul li.active{background: #efefef}ul.identity_personnel{margin: 0} ul.identity_personnel li{list-style-type: decimal; list-style-position: outside; margin-bottom: 10px}ul.identity_ip{margin: 5px 0 0; padding: 0} ul.identity_ip li{list-style-type: disc; list-style-position: inside; margin-bottom: 5px; color: #4e84fd} ul.identity_ip li span{color: #57647d}.list_card_container.nopicstyle{border: 1px solid #e8e8e8} .list_card_container.nopicstyle .inside{width: 100%} .list_card_container.nopicstyle .inside .infomation-box .title .text{font-size: 1.125rem; font-weight: 700; color: #4d5056} .list_card_container.nopicstyle .inside .infomation-box ul .li-inline-md{padding-right: 0} .list_card_container.nopicstyle .well{margin-bottom: 0; padding: 0; background: #fff}select.sourceSelect2{min-height: 37px; height: 37px !important}.viewRow.nopadding-st .well{padding: 0; margin: 0; background: #f9f9f9}.panel-title span.lap_n, .panel-title span.lap_y{padding: 4px; color: #fff; border-radius: 5px; margin-left: 5px}.panel-title span.lap_y{background: #55bf1b}.panel-title span.lap_n{background: #e03878}.setting_single_bg{background: #f3fff3; padding: 15px; margin-left: 0; border: 1px solid #a3f1a3}.signed_data .well{margin-bottom: 0; border-radius: 0; border: 1px solid #e8edf1; background: #fff} .signed_data .well h4{color: #232527 !important; font-size: 1.125rem; font-weight: 700}.tableline th{border-right: solid 1px #dadada !important; border-left: solid 1px #dadada !important; border-top: solid 1px #dadada !important}.dropdown-menu .badge{line-height: .75rem; vertical-align: top; margin-top: 4px; margin-left: 5px; padding: 3px 5px 2px}.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: .9375rem}.questionnaire_list_box .questionnaire_list{border-left: solid 4px #53c3c3; border-bottom: solid 1px #eaeaea; border-right: solid 1px #eaeaea; border-top: solid 1px #eaeaea; padding: 10px; margin-bottom: 15px; position: relative} .questionnaire_list_box .questionnaire_list.st_1{border-left: solid 4px #d2d2d2} .questionnaire_list_box .questionnaire_list.st_2{border-left: solid 4px #8bc34a} .questionnaire_list_box .questionnaire_list .t_header{border-bottom: solid 1px #e2e2e2; padding-left: 10px; font-size: 1.25rem; font-weight: 400; color: #555; margin-bottom: 5px; padding-bottom: 5px} .questionnaire_list_box .questionnaire_list .t_header .check-success label{font-size: 1.25rem; font-weight: 400; color: #555} .questionnaire_list_box .questionnaire_list .t_footer{padding-left: 10px} .questionnaire_list_box .questionnaire_list .t_footer .btn-group{padding-top: 5px} .questionnaire_list_box .questionnaire_list .t_content{padding: 10px} .questionnaire_list_box .questionnaire_list .t_content span{color: #979899} .questionnaire_list_box .questionnaire_list .t_content span.label{color: #fff; margin-right: 20px; margin-left: 5px} .questionnaire_list_box .questionnaire_list .t_content .status_st{border-right: solid 1px #d6d6d6; float: left; margin-right: 15px; margin-left: 15px; line-height: 1.1875rem; vertical-align: middle} .questionnaire_list_box .questionnaire_list .t_content .status_st span{text-align: left} .questionnaire_list_box .questionnaire_list .t_content .status_st span.label, .questionnaire_list_box .questionnaire_list .t_content .status_st.st_2{text-align: center} .questionnaire_list_box .questionnaire_list .t_content .status_st.st_2 span{display: block; text-align: left} .questionnaire_list_box .questionnaire_list .t_content .status_st.st_2 span.label{text-align: center; display: inline-block} .questionnaire_list_box .questionnaire_list .t_content .status_st:last-child{border-right: none} .questionnaire_list_box .questionnaire_list .list_content_btn-group{position: absolute; top: 50%; right: 10px; margin-top: -19px} .questionnaire_list_box .questionnaire_list .time{color: #888; padding-top: 10px}.answer_error, .answer_yes{padding: 5px 10px; display: inline-block}.answer_yes{border: 1px solid #107ec9; background: #daf0ff; border-radius: 4px; color: #107ac0}.answer_error{border: 1px solid #ff4d4d; background: #ffdede; border-radius: 4px; color: #e61818}.survey-wizard.ontop li{background: #f3f2f2}.checkbox-nolabeltex.st_2.checkbox label:after{left: 2px}.examination_type .form-row .Questions-input{position: relative} .examination_type .form-row .Questions-input.answer .form-control{border: 1px solid #1976d2} .examination_type .form-row .Questions-input .answer_yes{border: none; background: 0 0; position: absolute; top: 4px; right: 0}.examination_type .Questions-group .checkbox input[type=checkbox]:checked + label:before{border: 1px solid #16ad14}.examination_type .Questions-group .checkbox input[type=checkbox]:checked + label:after{color: #44bd43}.add_table_td td{cursor: pointer}.third_style .card-container-sm{height: 60px; width: 100%; margin-bottom: 20px; border-radius: 0; border: none; box-shadow: none; background-color: #09c3a7; color: #fff}.final_decision_case, .final_decision_tender{border-right: solid 1px #e4e4e4; border-top: solid 1px #e4e4e4}.third_style .l1, .third_style .r1{background: url(/Content/images/small_decoration.png); height: 18px; width: 14px; top: 15px; z-index: 10; display: inline-block}.third_style .l1{position: relative; left: 10px}.third_style .r1{position: absolute; right: 25px}.third_style .third_bottom{background: url(/Content/images/third_bottom.png); height: 5px; width: 100%; position: relative; top: -20px; background-size: 2%}.final_decision_case .title .float-l .checkbox-nolabeltex.checkbox label:after, .final_decision_tender .title .float-l .checkbox-nolabeltex.checkbox label:after{left: 3px; top: -1px}.third_style .card-container-sm .img-thumb{background-color: transparent; box-shadow: none} .third_style .card-container-sm .img-thumb i{margin-top: 18px; margin-left: 10px}.third_style .card-container-sm .text{font-weight: 700}.breakdown_add_warp .edit_box_ul{width: 100%; padding: 0} .breakdown_add_warp .edit_box_ul li{width: 95%; padding-top: 4px; padding-bottom: 4px; padding-left: 0; list-style: none} .breakdown_add_warp .edit_box_ul li:hover{background: 0 0} .breakdown_add_warp .edit_box_ul li .edit-box{width: 90% !important; padding-right: 0} .breakdown_add_warp .edit_box_ul li span.close{width: 10%; text-align: center; background: #fff; color: #cecece; height: 37px; line-height: 2.3125rem; opacity: 1} .breakdown_add_warp .edit_box_ul li span.close:hover{color: #4c4c4c}.breakdown_add_warp .edit-box{position: relative; padding-right: 20px; display: inline-block; font-size: 1rem; width: auto !important}ul.web_list_st{padding: 0 0 0 15px; margin: 0; list-style: decimal; color: #797979} ul.web_list_st li{border-bottom: dashed 1px #b5b5b5; margin-bottom: 15px}.sent_box .title{font-weight: 700; border-left: 3px solid #999; padding: 0 10px; margin: 20px 0; font-size: 1.1875rem; line-height: 1.1875rem}.viewRow .row > div span:not(:first-child).white{color: #fff}.final_decision_case{border-left: solid 7px #5bc1e8; border-radius: 0; margin-bottom: 10px; margin-left: 6px; margin-right: 6px; border-bottom: solid 1px #e4e4e4} .final_decision_case .title{color: #047300; cursor: pointer} .final_decision_case .title h3{text-align: left; display: inline-block; width: 90%; color: #484848; font-size: 1.125rem; font-weight: 700; padding-left: 5px} .final_decision_case .title span.slide_icon{text-align: right; display: inline-block; width: 8%} .final_decision_case .title span.slide_icon i{color: #696969; font-weight: 400; font-size: .875rem} .final_decision_case .center{padding-bottom: 20px} .final_decision_case .detail_list p{color: #425444} .final_decision_case .detail_list.st_1{background: #ecf7de} .final_decision_case .detail_list.st_2{background: #ffebf4} .final_decision_case .label{color: #fff !important; background: #059600} .final_decision_case .number{color: #059600 !important} .final_decision_case .title{padding: 13px} .final_decision_case .title .float-l .checkbox, .final_decision_case .title .float-l .radio{margin-bottom: 0; margin-top: 7px; padding-left: 0; float: left; margin-right: 21px} .final_decision_case .title .float-l span{display: block; float: left} .final_decision_case .title .float-l span:after{display: block} .final_decision_case .detail_list{border-radius: 23px; padding: 4px; margin: 8px 15px} .final_decision_case .detail_list p{margin: 0; padding: 4px} .final_decision_case .detail_list p .order{color: #3e3e3e; margin-left: 10px; margin-right: 10px} .final_decision_case .detail_list p .name{color: #676767} .final_decision_case .detail_list p .lap_y{color: #fff; border-radius: 15px; font-size: .8125rem; padding: 4px 9px; background: #55bf1b} .final_decision_case .detail_list p .lap_n{color: #fff; border-radius: 15px; font-size: .8125rem; padding: 4px 9px; background: #e03878} .final_decision_case .detail_list p .price{color: #bb0331; font-size: 1.125rem; margin-left: 9px} .final_decision_case .number{width: 30px; text-align: center; display: inline-block; font-size: 1.5rem; line-height: 1.5rem} .final_decision_case .label{padding: 5px 19px; border-radius: 7px; font-size: .9375rem} .final_decision_case .ps{color: #757575; border-bottom: solid 1px #b5b5b5} .final_decision_case .reason{margin-left: 37px} .final_decision_case span{line-height: 2rem; color: #757575}.final_decision_tender{border-left: solid 7px #dadada; border-radius: 0; margin-bottom: 10px; margin-left: 6px; margin-right: 6px; border-bottom: solid 1px #e4e4e4} .final_decision_tender .title{color: #047300; cursor: pointer} .final_decision_tender .title h3{text-align: left; display: inline-block; width: 90%; color: #484848; font-size: 1.125rem; font-weight: 700; padding-left: 5px} .final_decision_tender .title span.slide_icon{text-align: right; display: inline-block; width: 8%} .final_decision_tender .title span.slide_icon i{color: #696969; font-weight: 400; font-size: .875rem} .final_decision_tender .center{padding-bottom: 20px} .final_decision_tender .detail_list p{color: #425444} .final_decision_tender .detail_list.st_1{background: #ecf7de} .final_decision_tender .detail_list.st_2{background: #ffebf4} .final_decision_tender .label{color: #fff !important; background: #059600} .final_decision_tender .number{color: #059600 !important} .final_decision_tender .title{padding: 13px} .final_decision_tender .title .float-l .checkbox, .final_decision_tender .title .float-l .radio{margin-bottom: 0; margin-top: 7px; padding-left: 0; float: left; margin-right: 21px} .final_decision_tender .title .float-l span{display: block; float: left} .final_decision_tender .title .float-l span:after{display: block} .final_decision_tender .detail_list{border-radius: 23px; padding: 4px; margin: 8px 15px} .final_decision_tender .detail_list p{margin: 0; padding: 4px} .final_decision_tender .detail_list p .order{color: #3e3e3e; margin-left: 10px; margin-right: 10px} .final_decision_tender .detail_list p .name{color: #676767} .final_decision_tender .detail_list p .lap_y{color: #fff; border-radius: 15px; font-size: .8125rem; padding: 4px 9px; background: #55bf1b} .final_decision_tender .detail_list p .lap_n{color: #fff; border-radius: 15px; font-size: .8125rem; padding: 4px 9px; background: #e03878} .final_decision_tender .detail_list p .price{color: #bb0331; font-size: 1.125rem; margin-left: 9px} .final_decision_tender .number{width: 30px; text-align: center; display: inline-block; font-size: 1.5rem; line-height: 1.5rem} .final_decision_tender .label{padding: 5px 19px; border-radius: 7px; font-size: .9375rem} .final_decision_tender .ps{color: #757575; border-bottom: solid 1px #b5b5b5} .final_decision_tender .reason{margin-left: 37px} .final_decision_tender span{line-height: 2rem; color: #757575}.dropdown-menu.dropdown_right_top{right: 0; left: auto}.dropdown-menu.dropdown_right_down{top: -112px; right: 0; left: auto}.grid.simple .FC-border-group .form-actions{margin-bottom: -15px !important}.headline_title_st h4.land-collapse-title{font-size: 1.125rem}.headline_title_st h5.land-collapse-title{color: #1d1d1d !important; font-size: 1rem; padding: 0; margin: 0 0 10px}.sing_up_determine_detail_2 .dropdown-menu li a:before{display: none}.sing_up_determine_detail_2 .dmfilter.dropdown-menu > .active > a:before{content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 8px; color: #616161; font-size: .75rem; display: block !important}.abreastUl__group .abreastUl__group__ul .abreastUl__group__list.active a, .abreastUl__group .abreastUl__group__ul .abreastUl__group__list:hover a{color: #fff}table td .checkGroup .checkbox input + label{padding-left: 25px}#landsystems-Anchor:hover span{display: inline-block}.m_slider_container.fullLayout__set{width: 100%}.inventory__card{box-shadow: 0 0 2px silver; padding: 10px; border-radius: 0 5px 5px 0; border-left: solid 3px #3274d2; position: relative} .inventory__card .inventory__card__listGroup{list-style: none; padding: 0; margin: 0} .inventory__card .inventory__card__listGroup li{width: 49%; float: left; padding: 0; margin-bottom: 5px; margin-right: 1%} .inventory__card .inventory__card__linkToBtn{position: absolute; top: 10px; right: 10px}.abreastUl__group{background: #ececec; padding-bottom: 500em; margin-bottom: -500em; border-right: solid 1px #ddd} .abreastUl__group .abreastUl__group__ul{list-style: none; padding: 0; margin: 0; height: 100%} .abreastUl__group .abreastUl__group__ul .abreastUl__group__list{background: #ececec; border-bottom: solid 1px #fff} .abreastUl__group .abreastUl__group__ul .abreastUl__group__list.active{background: #3275d2} .abreastUl__group .abreastUl__group__ul .abreastUl__group__list:hover{background: #66a1f4} .abreastUl__group .abreastUl__group__ul .abreastUl__group__list a{display: block; color: #111; padding: 10px} .abreastUl__group .abreastUl__group__ul.second_st .abreastUl__group__list{background: #ddd} .abreastUl__group .abreastUl__group__ul.second_st .abreastUl__group__list.active{background: #255597} .abreastUl__group .abreastUl__group__ul.second_st .abreastUl__group__list:hover{background: #4176c0}.abreastUl__menuBox{float: left; width: 20%; vertical-align: top} .abreastUl__menuBox.Lv2__st{width: 25%; background: #ececec} .abreastUl__menuBox.Lv2__st .abreastUl__group{background: #ddd}.abreastUl__contentBox{float: left; width: 80%} .abreastUl__contentBox.Lv2__st{width: 75%}.GridLinktable__table{display: table; width: 100%}.GridLinktable__table__row{display: table-row; width: 100%; vertical-align: top}.user-info-wrapper.big__profileSt .user-name span.label, .ver_icon_controller{vertical-align: middle}.GridLinktable__table__row__cell{display: table-cell; float: none !important}.negative20_10-margin{margin: -20px -10px}.checkbox input[type=checkbox]:checked:disabled + label{cursor: no-drop}.checkbox_itemSt input:disabled[type=checkbox] + label{padding: 0; opacity: 1; cursor: default; display: none}.checkbox_itemSt input:disabled:checked[type=checkbox] + label{display: block}.checkbox_itemSt input:disabled[type=checkbox] + label:after, .checkbox_itemSt input:disabled[type=checkbox] + label:before{display: none}.abreastUl__contentBox .table-striped-Cyan tbody tr:nth-of-type(odd){background: #f3fcfd}.abreastUl__contentBox .table-striped-Cyan tbody tr:nth-of-type(2n){background: #e1f7fa}.abreastUl__contentBox .table-striped-Cyan thead tr td, .abreastUl__contentBox .table-striped-Cyan thead tr th, .abreastUl__contentBox .table-striped-Cyan tr.thead td{color: #fff; border-radius: 0 !important; background: #21afc1}.abreastUl__contentBox .table-striped-Cyan .total-content div, .abreastUl__contentBox .table-striped-Cyan .total-content strong{display: inline-block}.abreastUl__contentBox .table-striped-Cyan.table-hover tbody tr:hover > td, .abreastUl__contentBox .table-striped-Cyan.table-hover tbody tr:hover > th{background: #baedf3}.abreastUl__contentBox .table-striped-Cyan .treeTable_st1:not(:first-child){box-shadow: 0 -2px 4px rgba(222,218,218,.63)}.progresStatusSwitchGrounp{display: inline-block; text-align: center; margin: 0 auto} .progresStatusSwitchGrounp .progresStatusSwitchGrounp__text{line-height: 2.125rem} .progresStatusSwitchGrounp .progresStatusSwitchGrounp__btn{float: left} .progresStatusSwitchGrounp .progresStatusSwitchGrounp__btn + .progresStatusSwitchGrounp__text{float: right}.link__management__box{border: 1px solid #e4e4e4; margin-bottom: 20px}.link__management__title{background: #f2f7ff; padding: 10px; color: #3373da; border-top: solid 2px #3275d2; border-bottom: solid 1px #eaeaea} .link__management__title .slide_sort_tab_btn{background: #f2f7ff; color: #3274cf; border: 1px solid #b1c9f0; margin-left: 10px; padding: 1px 5px; display: none} .link__management__title .slide_sort_tab_btn:hover{background: #f2f7ff; color: #2b62af} .link__management__title:hover .slide_sort_tab_btn{display: inline-block} .link__management__title.onCangeTextIng.slide_sort_tab_btn, .link__management__title.onCangeTextIng:hover .slide_sort_tab_btn{display: none}.link__management__content{padding: 10px}.link__management__item .card-container-sm .img-thumb i{display: block}.link__management__item.disable__st .card-container-sm{background: #ececec; overflow: hidden; border: 1px solid #dcdcdc; opacity: .8}.link__management__item.disable__st .comtaniner_text{color: #717171}.link__management__item.error__st .card-container-sm{background: #ffebeb; border: 1px solid #ffbaba; overflow: hidden}.link__management__item.error__st .comtaniner_text{color: red}.link__managementList__box .card-container-sm .text{width: 51%}.link__managementList__box .link__moreData__btn{display: inline-block; margin-top: 19px; background: #3f5db9; color: #fff; border-radius: 5px; float: left; border: none; margin-left: 10px}.link__management__icon{float: right; color: #929292; text-align: right; padding: 0 15px 0 0; line-height: 3.8125rem}@media (max-width:600px){.link__managementList__box .link__management__item{width: 100% !important}}@media screen and (max-width:1200px){.link__managementList__box .card-container-sm .text{width: 60%}}@media screen and (max-width:990px){.link__managementList__box .card-container-sm .text{width: 51%}}@media screen and (max-width:550px){.link__managementList__box .card-container-sm .text{width: 55%}}@media screen and (max-width:450px){.link__managementList__box .card-container-sm .text{width: 55%}}.link__management__Bigbox{position: relative}.link__managementList__box .card-container-sm.psSt .text{margin-top: 5px}.psSt .psSpan{color: #737373; font-size: .875rem; display: block}.link__management__Bigbox .DeleteBtnCircle_3{top: -4px; right: -5px}.link__management__item .DeleteBtnCircle_3{top: -4px; right: 8px}.btn.managementList__slide__btn{position: absolute; right: 0; top: 0; background: #e8f1ff; border: 1px solid #93bdff; border-radius: 3px !important; color: #305692} .btn.managementList__slide__btn:hover{background: #b0ccf7; border: 1px solid #6c8fc5; border-radius: 3px !important; color: #042252}.card-container-sm.addLink_st{border: 1px dashed #78afff; box-shadow: none; color: #3275d2; text-align: center; font-size: 1.125rem; line-height: 3.75rem; background: #f4f9ff} .card-container-sm.addLink_st:hover{background: #e8f3ff; font-weight: 700}.link__management__box{position: relative} .link__management__box.ui-sortable-helper .link__management__content{display: none}.sortable__blueStyle .ui-sortable-placeholder{display: block !important; visibility: visible !important; border: 1px dashed #89b8fb !important; padding: 25px; background: #deecff; border-radius: 0}.sortable__blueStyle .link__management__item.ui-sortable-placeholder{height: 80; padding: 30px 0; display: block; margin-bottom: 18px; content: ""}.hide__st, .hoverHide{display: none !important}.Status-list_box.st_2 .icon{width: 100%; height: 106px; background-position: center; background-repeat: no-repeat}.Status-list_box.st_2 .Status-list{background: #fbfbfb; border-radius: 5px; padding: 10px; text-align: center; color: #3a3a3a; font-weight: 700; font-size: 1rem; border: 1px solid #dedede} .Status-list_box.st_2 .Status-list.active{background: #f1ffe0; color: #4d8603; border: 1px solid #0c8832; position: relative} .Status-list_box.st_2 .Status-list.active:after{content: "\f00c"; width: 30px; height: 30px; display: inline-block; font: normal normal normal .875rem/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; text-align: center; background: #128732; line-height: 1.875rem; border-radius: 50%; top: -6px; right: -10px; color: #fff} .Status-list_box.st_2 .Status-list:hover{background: #f5ffe9; color: #4a8204; border: 1px solid #b9f76f; position: relative} .Status-list_box.st_2 .Status-list.unclick, .Status-list_box.st_2 .Status-list.unclick:hover{opacity: .5; cursor: not-allowed; background: #d6d6d6} .Status-list_box.st_2 .Status-list.unclick:hover{border: 1px solid #dedede; color: #3a3a3a}.ul__Cyan__disc{color: #464646; background: #d4f9ff; padding-top: 15px; padding-bottom: 15px; border-radius: 5px} .ul__Cyan__disc li{margin-bottom: 7px}.categoryLeft_btn, .category_icon_box_mask.st_2{position: relative}.personalize_st.category_icon_box .category_icon_box_mask.st_2 ul{padding: 0} .personalize_st.category_icon_box .category_icon_box_mask.st_2 ul:after{display: block; content: ""; clear: both}.category_icon_box.st_2 ul li.ui-draggable{width: 35px; height: 35px}.category_color_box.st_2 ul li.s_color_box{width: 44px; height: 44px}.category_color_box.st_2 ul li div{height: 44px !important}@media screen and (min-width:768px){.personalize_st.category_icon_box .category_icon_box_mask.st_2{position: relative; display: block; width: 100%} .personalize_st.category_icon_box .category_icon_box_mask.st_2 ul{width: auto; float: none} .personalize_st.category_icon_box.st_2{height: auto} .category_box_right_box.st_2{margin-bottom: -3000px; background: #fff; padding: 0 0 3000px}}.th4__tableStBox{border-right: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; overflow: hidden; background: #f3fdff}.th4__tableStBox__grid{float: left; height: 100%; width: 25%}.th4__tableStBox__title{background: #44aac1; color: #fff; padding: 10px; text-align: center; font-weight: 700; border-left: solid 1px #fff}.th4__tableStBox__content{border-left: solid 1px #e6e6e6; padding: 10px 10px 300px; margin-bottom: -300px}@media screen and (max-width:985px){.th4__tableStBox__grid{float: none; height: 100%; width: 100%}}.nav__tab__Double__Lv1 .nav-tabs{background: #fff; border-bottom: solid 3px #57bcce} .nav__tab__Double__Lv1 .nav-tabs > li.active > a, .nav__tab__Double__Lv1 .nav-tabs > li.active > a:focus, .nav__tab__Double__Lv1 .nav-tabs > li.active > a:hover{background: #57bcce; color: #fff}.nav__tab__Double__Lv1 .tab-pane.active{border: 1px solid #57bcce}.nav__tab__Double__Lv2 .nav-tabs{background: #e5f7fb; border-bottom: none}.nav__tab__Double__Lv2 .tab-pane.active{border: none}.nav__tab__Double__Lv2 .nav-tabs > li.active > a, .nav__tab__Double__Lv2 .nav-tabs > li.active > a:focus, .nav__tab__Double__Lv2 .nav-tabs > li.active > a:hover{background: #fff; color: #208698; font-weight: 700}.nav__tab__Double__Lv2 .nav-tabs > li > a{color: #76b3c1}.nav-tabBox__line .nav-tabs{border: 1px solid #ccc; background: #f0f0ee}.nav-tabBox__line .tab-content{border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; border-right: solid 1px #ccc}.nav-tabBox__line .sitemap__listGroup__title{font-size: 1.1875rem; color: #2f2f2f; border-bottom: solid 1px #dcdcdc; font-weight: 700; margin-top: 0}.accordionPart{padding: 0; margin: 0; list-style: none} .accordionPart li a{color: #0d638f} .accordionPart li.qa_list{border-bottom: 1px dotted #ccc; padding: 5px 5px 5px 10px; line-height: 1.8125rem; background: #f1f1f1; margin-bottom: 5px; margin-top: 5px; border-radius: 8px; color: #111} .accordionPart li.qa_list .qa_title{background: url(/Content/images/red_icon_01.gif) 0 no-repeat} .accordionPart li.qa_list .lv_title, .accordionPart li.qa_list .qa_title{font-size: 1.0625rem; font-weight: 700; padding-left: 35px; padding-top: 5px; padding-bottom: 5px} .accordionPart li.qa_list .lv_title{background: url(/Content/images/lv_icon.png) 0 no-repeat} .accordionPart li.qa_list .qa_content{background: url(/Content/images/red_icon_02.gif) 0 5px no-repeat; padding: 6px 40px; display: none; font-size: 1rem; line-height: 1.5rem; font-weight: 400} .accordionPart li.qa_list .qa_content ul{background: 0 0} .accordionPart li.qa_list .qa_content ul li a{color: #0d638f}.grid.simple .index_projcet_schedule .grid-title{border-top: solid 3px #1b5e20; position: relative}.center_canvas .grid-title h4 i{width: 36px; height: 36px; line-height: 2.25rem; text-align: center; background: #dadada; color: #fff; border-radius: 999px; font-size: 1.25rem; margin-right: 11px}.center_canvas .grid-title h4 span{font-size: 1.5rem}.modal-body .m-left-arrow, .modal-body .m-right-arrow{position: absolute; border: 1px solid #696969; border: 1px solid rgba(105,105,105,.72); padding: 15px 10px; border-radius: 3px; text-align: center; top: 150px; background: #969696; background: rgba(150,150,150,.73); cursor: pointer}.modal-body .m-right-arrow{right: -75px}.modal-body .m-left-arrow{left: -75px}.ken_header .arrow.download{background-image: url(/Content/images/cloudicon/download.png)}.colorBlock__list{width: 31%; float: left; background: #fff; margin: 1%; text-align: center; color: #555; padding: 10px; border-radius: 5px; box-shadow: 0 0 5px 0 #2e929f}@media only screen and (max-width:760px){.colorBlock__list{width: 48%}}@media only screen and (max-width:500px){.colorBlock__list{width: 98%}}.colorBlock__list h3{color: #7d7d7d; font-size: 1.125rem; float: left; width: 80%; t-align: center; text-align: left; font-weight: 400; padding-left: 6px; overflow: hidden}@media only screen and (max-width:760px){.colorBlock__list h3{width: 70%}}@media only screen and (max-width:500px){.colorBlock__list h3{width: 80%}}.colorBlock__list:hover h3{color: #333}.colorBlock_listicon{font-size: .9375rem; color: #fff; float: left; width: 35px; line-height: 1.875rem; border: 3px solid #e6e6e6; background: #2d919e; border-radius: 50%; margin-top: 8px; margin-right: 2%}.colorBlock__list:nth-child(2) .colorBlock_listicon{background: #6767d4}.colorBlock__list:nth-child(3) .colorBlock_listicon{background: #2eca95}.colorBlock__list:nth-child(4) .colorBlock_listicon{background: #801c1c}.colorBlock__list:nth-child(5) .colorBlock_listicon{background: #d454ba}.colorBlock__list:nth-child(6) .colorBlock_listicon{background: #548dd4}.colorBlock__list:nth-child(7) .colorBlock_listicon{background: #3e29ea}.colorBlock__list:nth-child(8) .colorBlock_listicon{background: #986aab}.colorBlock__list:nth-child(9) .colorBlock_listicon{background: #ff6cfa}.colorBlock__list:nth-child(10) .colorBlock_listicon{background: #dc226f}.colorBlock__list:nth-child(11) .colorBlock_listicon{background: #dc7822}.colorBlock__list:nth-child(12) .colorBlock_listicon{background: #a79b0e}.colorBlock__list:nth-child(13) .colorBlock_listicon{background: #5eb112}.colorBlock__list:nth-child(14) .colorBlock_listicon{background: #2b9411}.colorBlock__list:nth-child(15) .colorBlock_listicon{background: #3a9068}.colorBlock__list:nth-child(16) .colorBlock_listicon{background: #166569}.colorBlock__list:nth-child(17) .colorBlock_listicon{background: #950e9e}.colorBlock__list:nth-child(18) .colorBlock_listicon{background: #98a013}.colorBlock__list:nth-child(19) .colorBlock_listicon{background: #2e61a0}.colorBlock__list:nth-child(20) .colorBlock_listicon{background: #172a88}.colorBlock__list:nth-child(21) .colorBlock_listicon{background: #0f5417}.colorBlock__list:nth-child(22) .colorBlock_listicon{background: #d454ba}.colorBlock__list:nth-child(23) .colorBlock_listicon{background: #da9045}.colorBlock__list:nth-child(24) .colorBlock_listicon{background: #3dca68}.intervene__switch__box{background: #e5fffc; border: 1px solid #b2e0dc; border-radius: 10px; padding: 15px 15px 7px}@media only screen and (max-width:500px){.breakdown_add_warp.st_2 .edit_box_ul li .edit-box{width: 85% !important}}#fullTableBlackMask, .fullTableMask{position: fixed; width: 100%; height: 100%}.edit_box_ul--delete__Box{display: inline-block; vertical-align: middle; margin-bottom: 5px}#fullTableBlackMask{z-index: 99998; background: #000; background: rgba(0,0,0,.575); overflow-y: scroll}.fullTableMask, .fullTableMask talbe{background: #fff}.fullTableMask{z-index: 99999; padding: 2%; transition: 1s; left: 0; top: 0; overflow: hidden; overflow-y: scroll; -webkit-transition: 1s; box-shadow: 0 0 12px 4px rgba(0,0,0,.22)}.passwordMethod__list{border-radius: 8px; background: #fff; box-shadow: 0 0 5px 0 #4eafb1; height: auto; display: block; padding: 8% 0; margin: 0 auto 20px; max-width: 280px; overflow: hidden} .passwordMethod__list .passwordMethod__list__icon{border: 5px solid #fff; background: #06b1b1; border-radius: 100%; width: 120px; height: 120px; text-align: center; line-height: 7.5rem; font-size: 2.5rem; box-shadow: 0 0 0 2px #afeaea; margin: 0 auto; position: relative; left: 0; transition: .2s} .passwordMethod__list .passwordMethod__list__icon i{color: #fff} .passwordMethod__list .passwordMethod__list__text{text-align: center; padding-top: 30px; font-size: 1.125rem; color: #00a3a5; transition: .2s} .passwordMethod__list:hover{box-shadow: 0 0 16px 0 #4eafb1; border-bottom: solid 0 #41b0b1} .passwordMethod__list:hover .passwordMethod__list__icon{width: 140px; height: 140px; margin-top: -10px; line-height: 8.75rem; background: #078484} .passwordMethod__list:hover .passwordMethod__list__text{font-weight: 700; padding-top: 20px; color: #078484}.set_tab_itemBoxMask{overflow-x: auto; width: 100%}.set_tab_itemBox{background: 0 0; list-style: none; padding: 0; margin: 0; width: 335px} .set_tab_itemBox:after{clear: both; display: block; content: ""}.set_tab_list{float: left; position: relative; padding-left: 15px; background: #83bac3} .set_tab_list:after, .set_tab_list:before{content: " "; height: 0; width: 0; position: absolute; top: 0; z-index: 111} .set_tab_list.active a{color: #fff} .set_tab_list a{cursor: no-drop; padding: 10px; display: block; color: #176d7b} .set_tab_list.active{background: #4a9dab} .set_tab_list.active2{background: #bee4ea} .set_tab_list:before{border: solid transparent; border-color: transparent transparent transparent #fff; right: -40px; border-width: 20px; border-radius: 0} .set_tab_list.active:after{border-color: transparent transparent transparent #4a9dab} .set_tab_list.active2:after{border-color: transparent transparent transparent #bee4ea} .set_tab_list:after{border: solid transparent; border-color: transparent transparent transparent #83bac3; right: -39px; border-width: 20px; border-radius: 0}.widget-item .iconFont{color: #fff; font-size: 4.125rem; padding-top: 17px; padding-bottom: 17px; position: relative; text-align: center}.card-container-sm .img-thumb .iconFont{position: relative; margin-top: 15px; font-size: 1.875rem; color: #fff; width: auto}.provision ul{margin-left: 10px; padding: 0} .provision ul li{color: #000; font-weight: 400; font-size: .9375rem; list-style-type: korean-hanja-informal; margin: 10px 10px 10px 30px; padding-left: 0} .provision ul li .keySt{font-weight: 700; color: #027dce} .provision ul.square_li li{list-style-type: square} .mu_la_route, .mu_la_space, .provision ul li ul li, ul.mu_la_space{list-style-type: none}.edition{font-size: 1rem; color: #676767; border: 1px solid #a9a9a9; padding: 4px 10px; display: inline-block}.user-info-wrapper.big__profileSt{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 15px; margin: 0}.fullCalendar_block, .fullCalendar_table-content p{margin-bottom: 5px}.user-info-wrapper.big__profileSt .profile-wrapper{margin-top: 0}.user-info-wrapper.big__profileSt .user-name{font-size: 1.125rem; margin-bottom: 5px}.user-info-wrapper.big__profileSt:hover{background: #efefef}.user-position__type{float: left; margin-left: auto}a.user-info-wrapper.disabledSt{cursor: no-drop; opacity: .6; background: #bfbfbf} a.user-info-wrapper.disabledSt:hover{background: #bfbfbf}@media only screen and (max-width:376px){.user-info-wrapper.big__profileSt .profile-wrapper{width: 39px; height: 39px} .user-info-wrapper.big__profileSt .profile-wrapper img{width: 39px !important; height: 39px !important}}.user-info-borderList{margin: 0; padding: 0; list-style: none}.user-info-borderList__item{border-bottom: solid 1px #d8d8d8; padding: 0}a.big__profileSt{display: block}.vertical-textTop, .vertical-textTop span{vertical-align: text-top}.panel-group .panel-heading + .panel-collapse .panel-body.panel-body__borderSt{background: #fff; border: 1px solid #dce0e8}.yellow_itemIcon{color: #fdaf43}.orange_itemIcon{color: #ff5722}.purple_itemIcon{color: #673ab7}.green_itemIcon{color: #4caf50}.lightBlue_itemIcon{color: #00bcd4}.cyan_itemIcon{color: #61c5bc}.su_date_module_box .form-label{padding-left: 0 !important; padding-bottom: 0 !important}#meeting_calender_search_box.treeviewSt .list-group-item > a{padding: 0; line-height: normal; display: inline-block; background: 0 0}#meeting_calender_search_box.treeviewSt .list-group{background: #fff; overflow: scroll; margin: 0; overflow-x: hidden}.landscapeForm__input, .landscapeForm__label{margin-bottom: 10px; float: left; margin-right: 10px}#meeting_calender_search_box.treeviewSt .list-group li.list-group-item, #tree2 .list-group li.list-group-item{padding: 5px !important}@media only screen and (min-width:768px){#meeting_calender_table_box.treeviewSt{padding-top: 0; padding-bottom: 0; overflow: visible}}#meeting_calender_table_box.treeviewSt .meeting_calender_table_view{overflow: scroll; overflow-x: hidden}.ellipsis_oneLine, .type_color_list_text{overflow: hidden; text-overflow: ellipsis; white-space: nowrap}#meeting_calender_search_box.treeviewSt a{display: inline-block}#meeting_calender_table_box.treeviewSt #meeting_calender_search_colse_btn{display: block; left: -27px; border-radius: 3px 0 0 3px}#meeting_calender_table_box .table td{padding: 5px !important}.multiple_dropdown-menu{padding-bottom: 15px; background: #f7f7f7} .multiple_dropdown-menu .dropdown-menu{position: relative; margin-top: 15px} .multiple_dropdown-menu .dropdown-menu > li{position: relative}@media (min-width:980px){.container_padding{padding-top: 100px}}@media (max-width:1024px) and (min-width:768px){.container_padding{padding-top: 95px}}@media (max-width:767px){.container_padding{padding-top: 54px}}.landscapeForm__Group:after{clear: both; display: block; content: ""}.landscapeForm__label{line-height: 2.3125rem}.banner_listSet_box .banner_list{background: #eef9ff; border-radius: 0; padding: 0 15px 10px; border: 1px solid #d8d8d8; margin-bottom: 15px}.typeSearch__radioList{background: #e8f5ff; border-radius: 5px; padding: 10px 10px 15px; border: 1px solid #96cbf1; margin-bottom: 20px; display: table}.typeSearch__radioList__img{margin-top: 10px} .typeSearch__radioList__img img{width: 100%}.btn-round{border-radius: 50%}.btn-round-30{width: 30px; height: 30px; padding: 0}.btn-society{width: 98%; padding: 10px; border: 1px solid #cecece; margin: 1%; text-align: left; border-radius: 5px; background: #fff} .btn-society:focus, .btn-society:hover{background: #e4e4e4}.button.facebookBtn{position: relative; background: linear-gradient(180deg,#637aad 5%,#5972a7); background-color: #637aad; border: 1px solid #314179; text-shadow: 0 1px 0 #314179; line-height: 2.8125rem; color: #fff; font-size: 1.0625rem; font-family: Arial,Helvetica,sans-serif; font-weight: 700; text-align: center; border-radius: 3px; cursor: pointer; padding: 0; width: 100%} .button.facebookBtn .btn__decoration{background-image: url(/Content/images/society-icon/facebook.png); background-color: #5a78b9; background-color: rgba(255,255,255,.08); width: 45px; height: 45px; float: left; background-repeat: no-repeat; background-position: 50%}button.googleBtn{position: relative; background: linear-gradient(180deg,#fc8d83 5%,#e4685d); background-color: #fc8d83; border: 1px solid #d83526; text-shadow: 0 1px 0 #d83526; line-height: 2.8125rem; color: #fff; font-size: 1.0625rem; font-family: Arial,Helvetica,sans-serif; font-weight: 700; text-align: center; border-radius: 3px; cursor: pointer; padding: 0; width: 100%}button.certificateBtn, button.oauth2Btn{text-shadow: 0 1px 0 #3c3c3c; line-height: 2.8125rem; color: #fff; font-size: 1.0625rem; font-family: Arial,Helvetica,sans-serif; font-weight: 700; padding: 0; text-align: center; position: relative; cursor: pointer}button.googleBtn .btn__decoration{background-image: url(/Content/images/society-icon/google.png); background-color: #5a78b9; background-color: rgba(255,255,255,.08); width: 45px; height: 45px; float: left; background-repeat: no-repeat; background-position: 50%}button.oauth2Btn{background: linear-gradient(180deg,#686868 5%,#1b1b1b); background-color: #1b1b1b; border: 1px solid #000; border-radius: 3px; width: 100%} button.certificateBtn .btn__decoration, button.oauth2Btn .btn__decoration{width: 45px; height: 45px; background-repeat: no-repeat; background-position: 50%; float: left} button.oauth2Btn .btn__decoration{background-image: url(/Content/images/society-icon/OAUTH2.png); background-color: #5a78b9; background-color: rgba(255,255,255,.08)}button.certificateBtn .btn__decoration{background-image: url(/Content/images/society-icon/certificate.png); background-color: #5a78b9; background-color: rgba(255,255,255,.08)}button.certificateBtn{background: linear-gradient(180deg,#bf4957 5%,#98343f); background-color: #a83c49; border: 1px solid #9a3540; border-radius: 3px; width: 100%}.fullCalendar_table{width: 100%} .fullCalendar_table tr th{border: 1px solid #ccc; text-align: center} .fullCalendar_table tr td{border: 1px solid #ccc; width: 14%; padding: 5px} .fullCalendar_table tr td:nth-child(1){background: #fef1ee} .fullCalendar_table tr td:nth-child(2){background: #fdffcb} .fullCalendar_table tr td:nth-child(3), .fullCalendar_table tr td:nth-child(4), .fullCalendar_table tr td:nth-child(5), .fullCalendar_table tr td:nth-child(6){background: #f3f2f2} .fullCalendar_table tr td:nth-child(7){background: #f7ffe5}.fullCalendar_table-time{background-color: #f4aca2; border-color: #f4aca2; color: #d32c14; padding: 0 5px}.fullCalendar_table-content{background-color: #ffdbd6; border-color: #f4aca2; color: #d32c14; padding: 5px}.carSelectBox.st_2{background: 0 0; box-shadow: none; left: -190px} .carSelectBox.st_2 .JQ-toggle{background: #fff; box-shadow: 1px 1px 2px #b9b9b9; border: 1px solid #e2e2e2; position: relative; margin-top: 10px} .carSelectBox.st_2 .JQ-toggle:after, .carSelectBox.st_2 .JQ-toggle:before{content: ""; position: absolute; right: 6px; width: 0; border-style: solid; border-width: 0 12.5px 10px; display: block; height: 0} .carSelectBox.st_2 .JQ-toggle:after{top: -10px; border-color: transparent transparent #fff} .carSelectBox.st_2 .JQ-toggle:before{top: -11px; border-color: transparent transparent #ccc} .carSelectBox.st_2.st_2_left .JQ-toggle:after, .carSelectBox.st_2.st_2_left .JQ-toggle:before, .carSelectBox.st_2.text__left-st .JQ-toggle:after, .carSelectBox.st_2.text__left-st .JQ-toggle:before{left: 6px; right: auto}.su_slide_list{border: 1px solid #d6d6d6; background: #efefef; padding: 0 10px; border-radius: 4px; margin-bottom: 0; margin-top: 17px}.type_color_list .icon{font-size: .75rem}.type_color_list_text{width: 85%}.ellipsis_oneLine{display: block}.set_tab_itemBoxMask.blue_st{overflow-x: auto; width: 100%} .set_tab_itemBoxMask.blue_st .set_tab_list.active a{color: #fff} .set_tab_itemBoxMask.blue_st .set_tab_list{float: left; position: relative; padding-left: 15px; background: #ccc} .set_tab_itemBoxMask.blue_st .set_tab_list a.disableLink:before{content: "\f05e"; font-family: FontAwesome; color: red; right: 5px; font-size: 1.25rem; font-weight: 400; position: absolute; top: 0; display: none} .set_tab_itemBoxMask.blue_st .set_tab_list a.disableLink:hover:before{display: block} .set_tab_itemBoxMask.blue_st .set_tab_list.active{background: #1c76d1} .set_tab_itemBoxMask.blue_st .set_tab_list.active2{background: #365379} .set_tab_itemBoxMask.blue_st .set_tab_list.active2 a{cursor: pointer; color: #fff} .set_tab_itemBoxMask.blue_st .set_tab_list a{padding: 10px; display: block; color: #1b1e24; cursor: pointer} .set_tab_itemBoxMask.blue_st .set_tab_list a.disableLink{cursor: default} .set_tab_itemBoxMask.blue_st .set_tab_list:before{border: solid transparent; content: " "; height: 0; width: 0; border-color: transparent transparent transparent #fff; position: absolute; top: 0; right: -40px; border-width: 20px; z-index: 111; border-radius: 0} .set_tab_itemBoxMask.blue_st .set_tab_list.active:after{border-color: transparent transparent transparent #1c76d1} .set_tab_itemBoxMask.blue_st .set_tab_list.active2:after{border-color: transparent transparent transparent #365379} .set_tab_itemBoxMask.blue_st .set_tab_list:after{border: solid transparent; content: " "; height: 0; width: 0; border-color: transparent transparent transparent #ccc; position: absolute; top: 0; right: -39px; border-width: 20px; z-index: 111; border-radius: 0}.table-bordered.thick_st td{border: 1px solid #ccc !important}.input-append.date .form-control[readonly]{background: #fff; cursor: pointer}.mu_la_route{position: relative; border: 0; margin: 0; padding: 0; top: 0; max-height: 100% !important; width: 100%; background: #bcf; border-radius: 2px; z-index: -1}ul.mu_la_space{counter-reset: item}li.mu_la_route .mu_la_title .mu_la_sort:before{display: inline-block; counter-increment: item; content: counters(item,"-") " "; text-indent: 0}.mu_la_route .direction_icon{position: absolute; top: 11px; left: 14px; z-index: 10px; font-size: .875rem; color: #9fb4f3; cursor: pointer} .mu_la_route .direction_icon:hover{color: #5a80f3}.mu_la_route .mu_la_title{position: absolute; border: 0; margin: 0; padding: 0; height: 40px; line-height: 2.5rem; font-size: 1rem; width: 400px; text-indent: 40px; background: #fff; border-radius: 2px; box-shadow: 0 0 0 2px #5a80f3; color: #111}.Status-list, .mu_la_icon{text-align: center; font-size: .8125rem}.first-title{margin-left: 0}.mu_la_space{position: relative; border: 0; margin: 0 0 0 50px; padding: 0 0 50px; width: 40px; top: 50px; height: 100%; z-index: 1}.form-row .form-control.mu_la_input{display: inline-block; margin-top: 1px; border: 0 solid #5a80f3; padding-left: 0 !important; background: #fff; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s}.form-row input.mu_la_checkbox{display: inline-block; margin-right: 5px}.form-row .form-control.mu_la_input:focus, .form-row .form-control.mu_la_input:hover{border: 1px solid #5a80f3; background: #f3f6ff; padding-left: 5px !important}.mu_la_title:hover .mu_la_icon{display: block}.mu_la_group > .mu_la_space{margin-top: -40px}.mu_la_icon{display: none; text-indent: 0; color: #fff; border-radius: 50%; width: 27px; height: 27px; background: #365379; line-height: 1.6875rem; font-weight: 100; margin: 6px 5px; cursor: pointer; opacity: .8} .mu_la_icon:hover{color: #fff; opacity: 1}.first-space{margin-left: 0}.proposition_list{background: #fff; box-shadow: #d2d2d2 1px 1px 2px,#d2d2d2 2px 2px 20px; margin: 5px; width: 100%; min-height: 100px; display: block; border-left: solid 4px #7d60ff}.proposition_list_placeholder{background: #fff; border: 1px solid #16bedc; opacity: .6; margin: 0 2% 10px !important; width: 96%; min-height: 80px; display: block; float: left}.Status-list{background-position: 3px 1px; border: 1px solid #afafaf; border-radius: 5px; margin-top: 3px; background-size: 40%; background-repeat: no-repeat; display: inline-block; padding: 4px; position: relative} .Status-list span{min-width: 30px; display: block; padding-left: 29px} .Status-list span.icon{min-width: auto; display: inline-block; padding-left: 5px} .Status-list span.icon .fa-times{padding-right: 1px; padding-left: 2px} .Status-list span.text{min-width: 30px; display: inline-block; padding-left: 0} .Status-list:hover{background-color: #fff; border-radius: 3px; cursor: pointer} .Status-list .list_box{position: absolute; right: -25px; top: 33px; width: 418px; border: 1px solid #ccc; background-color: #fff; font-size: .75rem; box-shadow: 2px 5px 15px #ccc; z-index: 7000; color: #777; font-weight: 400} .Status-list .list_box ol{float: left; width: 138px; padding: 6px; line-height: 1.5625rem; margin-bottom: 0} .Status-list .list_box:after, .Status-list .list_box:before{bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; right: 12%} .Status-list .list_box:after{display: block; clear: both; border-color: #fff; border-color: rgba(255,255,255,0); border-bottom-color: #fff; border-width: 5px; margin-right: -5px} .Status-list .list_box:before{border-color: #ccc; border-color: rgba(204,204,204,0); border-bottom-color: #ccc; border-width: 6px; margin-right: -6px} .Status-list .list_box ol li{padding-bottom: 5px; padding-top: 5px; list-style: none; font-size: .8125rem; border-bottom: solid 1px #eaeaea; display: block; width: 100%; text-align: left; cursor: pointer} .Status-list .list_box ol li a{display: block; color: #555} .Status-list .list_box ol li div{width: 25px; height: 25px; margin-right: 5px; float: left; background-repeat: no-repeat; background-position: center; background-size: 100%} .Status-list .list_box ol li:hover{border-radius: 5px; background: #e6eeef} .Status-list .list_box ol li.hover, .Status-list .list_box ol li.hover:hover{background-color: transparent}.btn-demo-space, .index_projcet_schedule .btn-cons{margin-bottom: 0}.Status-list_box .draft{background-image: url(/Content/images/schedule/menu_icon_29.png)}.Status-list_box .purchase{background-image: url(/Content/images/schedule/menu_icon_59.png)}.Status-list_box .announcement{background-image: url(/Content/images/schedule/menu_icon_98.png)}.Status-list_box .opening{background-image: url(/Content/images/schedule/menu_icon_103.png)}.Status-list_box .reviewing{background-image: url(/Content/images/schedule/menu_icon_83.png)}.Status-list_box .selection{background-image: url(/Content/images/schedule/menu_icon_66.png)}.Status-list_box .reserve{background-image: url(/Content/images/schedule/menu_icon_06.png)}.Status-list_box .final{background-image: url(/Content/images/schedule/menu_icon_12.png)}.Status-list_box .performance{background-image: url(/Content/images/schedule/menu_icon_07.png)}.Status-list_box .warranty{background-image: url(/Content/images/schedule/menu_icon_58.png)}.Status-list_box .abolition{background-image: url(/Content/images/schedule/menu_icon_121.png)}.Status-list_box .flow{background-image: url(/Content/images/schedule/menu_icon_120.png)}@media screen and (max-width:768px){.Status-list .list_box{max-height: 140px; overflow-y: scroll; overflow-x: hidden; width: 115px} .Status-list .list_box ol{float: none} .Status-list .list_box .Status-list .list_box:after, .Status-list .list_box .Status-list .list_box:before{right: 50%}}.radio .checkbox input[type=checkbox]:checked + label:after{background: 0 0; border: none; transform: scale(1); text-align: left}.su_category_type_box{position: static; cursor: pointer; border-radius: 5px 5px 0 0; margin-bottom: 0; margin-top: 10px} .su_category_type_box .widget-item{border-radius: 5px 5px 0 0; position: relative; border: 1px solid #d6d6d6; margin-bottom: 9px} .su_category_type_box .tiles-body{max-height: 133px; padding: 16px 0} .su_category_type_box .tiles-body i{font-size: 3.4375rem; display: inline-block; padding-top: 17px; padding-bottom: 17px}.shadowst{border: 1px solid #000; background-image: linear-gradient(to bottom,#fcfcfc,#f7f7f7 3%,#f2f2f2 12%,#d9d9d9 90%,#bfbfbf); box-shadow: 0 1px 4px rgba(0,0,0,.33)}.su_category_type_box .tiles{border-radius: 5px 5px 0 0; cursor: pointer}.su_category_type_box .btn-group{position: absolute; bottom: 10px; right: 10px} .su_category_type_box .btn-group .dropdown-menu{top: -78px; right: 0}.su_category_type_box table .btn-group{position: relative; bottom: auto; right: auto}.level_2_box .MT-contacts-list .btn-group, .level_3_box .MT-contacts-list .btn-group{right: 0}.su_category_type_box table .btn-group .dropdown-menu{top: inherit}.su_category_type_box .triangle_box{position: absolute; bottom: 4px; left: 10px} .su_category_type_box .triangle_box .triangle{position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px} .su_category_type_box .triangle_box .triangle.st1{border-color: transparent transparent #fff; z-index: 78} .su_category_type_box .triangle_box .triangle.st2{border-color: transparent transparent #d4d4d4; top: -1px; z-index: 77} .su_category_type_box .triangle_box .triangle.st1.active{border-color: transparent transparent #efefef; z-index: 78}.level_2_box{position: absolute; width: 100%; left: 0; background: #fff; z-index: 10; display: block; border-radius: 8px; border: 1px solid #dadada} .level_2_box .MT-contacts-list{background: #fff; margin: 12px 0 9px; height: auto; border-left: solid 5px #0c73bc; border-radius: 0 7px 7px 0} .level_2_box .MT-contacts-list .text .member_groups:after{content: ""; display: block; clear: both} .level_2_box .MT-contacts-list .text .member_groups i{width: 20px; height: 20px; line-height: 1.25rem; border-radius: 3px; background: #448aff; text-align: center; cursor: pointer; color: #fff; margin-left: 5px} .level_2_box .MT-contacts-list .text .member_groups{position: absolute; bottom: -5px; left: 0; font-size: .875rem; width: 100%} .level_2_box .MT-contacts-list .text .member_groups .st_1{float: left; color: #777} .level_2_box .MT-contacts-list .text .member_groups .st_2{float: right; color: #777} .level_2_box .MT-contacts-list .text .member_groups .st_1:hover, .level_2_box .MT-contacts-list .text .member_groups .st_2:hover{color: #448aff} .level_2_box .MT-contacts-list .text .member_groups .st_1:hover i, .level_2_box .MT-contacts-list .text .member_groups .st_2:hover i{background: #265fbd} .level_2_box .MT-contacts-list .text{font-size: 1.0625rem; line-height: 1.25rem; float: none; margin-left: 0; margin-top: 15px; min-height: 118px; position: relative} .level_2_box .MT-contacts-list:after{content: ""; display: block; clear: both} .level_2_box .MT-contacts-list .text p{font-size: 1.0625rem; color: #006bb1}.level_3_box{position: absolute; width: 98%; left: 12px; background: #fff; border: 1px solid #e0dfdf; z-index: 10; display: block; margin: 0 auto} .level_3_box .MT-contacts-list{background: #fff; margin: 12px 0 9px; height: auto; border-left: solid 5px #0c73bc; border-radius: 0 7px 7px 0} .level_3_box .MT-contacts-list .text{font-size: 1.0625rem; float: none; margin-left: 0; margin-top: 15px; min-height: 118px; position: relative} .level_3_box .MT-contacts-list:after{content: ""; display: block; clear: both} .level_3_box .MT-contacts-list .text p{font-size: 1.0625rem; line-height: 1.25rem; color: #006bb1}.level_title_control{padding: 14px} .level_title_control .grid-title h4 .semi-bold{color: #004b80; font-size: 1.25rem; font-weight: 400} .level_title_control .grid-title{padding: 16px 0; margin: 0}.su_date_module_box{width: 100%; position: relative} .su_date_module_box table{width: 100%}.su_date_new_buttom{background: #228bd2; color: #fff; padding: 3px 7px; font-size: .875rem; border-radius: 4px; margin-left: 9px}.su_date_module_box .tab-content{border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; border-right: solid 1px #ccc}.su_date_module_box .time-select{padding-top: 0; padding-bottom: 0} .su_date_module_box .time-select select{margin-bottom: 0} .su_date_module_box .time-select:after{content: ""; display: block; clear: both} .su_date_module_box .time-select .float_st{width: 33%; float: left}.su_date_module_box .nav-tabs{border: 1px solid #ccc; background: #f0f0ee}.su_date_module_box .tab-content .tab-pane .col-md-4{border-right: solid 1px #ccc; box-shadow: inset -2px 0 7px rgba(0,5,64,.2); margin: 0; padding: 0; background: #f1f1f1; position: relative; display: none} .su_date_module_box .tab-content .tab-pane .col-md-4 .up_box{padding: 22px 32px 20px 39px} .su_date_module_box .tab-content .tab-pane .col-md-4 .down_box{border-top: solid 1px #ccc; padding-top: 20px; text-align: center} .su_date_module_box .tab-content .tab-pane .col-md-4 .datepicker-bg{border: 1px solid #d4d4d4; background: #fff; margin-bottom: 12px}.su_date_module_box .tab-content .tab-pane .col-md-8{padding-top: 22px}.su_date_module_box .tab-content .tab-pane ul.su_date_module_box_list{padding-left: 17px; padding-right: 45px; padding-top: 0} .su_date_module_box .tab-content .tab-pane ul.su_date_module_box_list li{border: 1px solid #ccc; font-size: .9375rem; margin-bottom: 13px; margin-left: 10px; color: #5d7588; border-radius: 6px; background: #f1f1f1; float: left; width: 298px; padding: 6px 9px} .su_date_module_box .tab-content .tab-pane ul.su_date_module_box_list li span.delete_icon{text-align: right; color: #525252; padding-left: 5px; border-left: solid 1px #b1b1b1; cursor: pointer} .su_date_module_box .tab-content .tab-pane ul.su_date_module_box_list li span.time_icon{padding-right: 5px; padding-left: 5px} .su_date_module_box .tab-content .tab-pane ul.su_date_module_box_list li span.week_icon{font-weight: 700; color: #525252}.su_date_module_box .form-label{padding-bottom: 16px}.week_box{padding: 30px}.week_list ul{padding: 0; margin: 0; width: 100%; display: -ms-inline-flexbox; display: inline-flex} .week_list ul li{padding: 0; display: inline-block; text-align: center; cursor: pointer; width: 125px; margin: 19px 8px 0}#article .kday, .week_list .kday{width: 117px; border: 1px solid #ccc; box-shadow: 1px 1px 8px #ccc; height: 117px; margin-left: 0} #article .kday .daytitle, .week_list .kday .daytitle{text-align: left; background-color: #d2d2d2; font-size: .8125rem; font-weight: 700; color: #545454; line-height: 1.5625rem; padding-left: 12px} #article .kday .daycentral, .week_list .kday .daycentral{text-align: center; font-family: Arial,Helvetica,sans-serif; font-size: 3.0625rem; color: #727171; font-weight: bolder; line-height: 5.6875rem}.time_show_box{font-size: .8125rem; color: #616161; padding: 0 0 10px; text-align: center; margin: 0; font-weight: 700}.week_box .week_list .week_list_check .kday{border: 1px solid #2485e4} .week_box .week_list .week_list_check .kday .daytitle{background: #2485e4; color: #fff} .week_box .week_list .week_list_check .kday .daycentral{color: #2485e4}.su_date_collapse_buttom{width: 27px; height: 56px; color: #fff; position: absolute; top: 46%; right: -1px; z-index: 9999; background: #1976d2; border-radius: 8px 0 0 8px; text-align: center; line-height: 3.5rem; font-size: 1.3125rem}.su_date_module_box_left_st{padding-left: 61px; padding-top: 30px; padding-bottom: 30px}.class_category{background: #119694; font-weight: 700; color: #fff; border-radius: 10px; padding: 8px 0; margin: 0; width: 15%} .class_category a{color: #fff; display: block} .class_category i{padding-left: 10px} .class_category:hover{background: #0f5f5d; color: #fff}.su_edit_buttom{position: absolute; z-index: 800; bottom: 10px; right: 10px; color: #111; background: #fff; border-radius: 10px}.single_contractor_box{position: relative; height: 79px} .single_contractor_box .abox{position: absolute; top: 0; left: 0; background: #fff; height: 70px; display: block} .single_contractor_box .bbox{position: absolute; top: 0; left: 0; background: #fff; display: none}.su_course_category_new_box h1{background-color: #ecf0f2; border: 0 !important; font-weight: 700; font-size: 1.0625rem; text-align: center; margin-bottom: 0; border-radius: 5px 5px 0 0; color: #585858; padding-bottom: 5px; padding-top: 5px}.su_course_category_new_box .panel-heading{background: #f7f7f7; color: #797979; font-size: .9375rem; font-weight: 700; border: 1px solid #dedede; border-radius: 0 !important; display: block; margin-bottom: -1px; padding-bottom: 0; padding-top: 0} .su_course_category_new_box .panel-heading h4 a{color: #656565 !important; font-size: 1.0625rem !important; display: block !important; padding-bottom: 10px; padding-top: 10px; height: 45px} .su_course_category_new_box .panel-heading h4 a:after{display: none}.su_course_category_new_box .panel-group .panel{overflow: visible}.su_course_category_new_box .panel-collapse{border: none} .su_course_category_new_box .panel-collapse ul{border-bottom: solid 1px #ddd; margin-bottom: 20px} .su_course_category_new_box .panel-collapse ul li{color: #696969; padding-bottom: 0; padding-top: 0; display: block; border-bottom: solid 1px #fff; border-top: solid 1px #fff} .su_course_category_new_box .panel-collapse ul li:first-child{background: #efefef} .su_course_category_new_box .panel-collapse ul li:hover{background: #e0e0e0} .su_course_category_new_box .panel-collapse ul li .list_text{padding-top: 15px; color: #111}.spanst{padding-left: 11px; color: #505050}.su_course_category_new_box .panel-collapse ul li .check_box{border: none; padding-right: 10px; padding-left: 36px}.su_course_category_new_box .panel-collapse ul li .number_box{border: none; padding-right: 10px; padding-left: 10px}.su_course_category_new_box .panel-collapse ul li .list_text{border: none; padding-right: 0; padding-left: 17px}.su_course_category_new_box .panel-collapse ul li .event_box{border: none}.check_box_ch{float: left; padding-left: 43px; width: 78px; border-left: solid 1px #ddd; padding-top: 9px; padding-bottom: 21px}.number_box_ch{float: left; padding-left: 16px; padding-right: 0; padding-top: 15px; width: 68px; font-size: 1rem; font-weight: 700; color: #797979}.list_text_ch{float: left; padding-top: 15px; font-size: 1.0625rem}.event_box_ch{float: right; padding-right: 11px; padding-top: 8px; padding-bottom: 6px; border-right: solid 1px #ddd}.su_course_category_new_box .check_box{float: left; width: 46px; height: 48px; padding: 9px 13px; display: block; border-right: solid 1px #e2e2e2}.su_course_category_new_box .number_box{float: left; width: 101px; height: 48px; padding-left: 26px; padding-right: 26px; text-align: center; border-right: solid 1px #e2e2e2; line-height: 3rem}.su_course_category_new_box .list_text{float: left; padding-top: 4px; padding-left: 19px; display: block}.su_course_category_new_box .event_box{float: right; border-left: solid 1px #e2e2e2; width: 61px; height: 49px; padding: 6px 13px}.su_course_category_new_box_title{background-color: #ecf0f2; padding: 0 16px; line-height: 2.625rem} .su_course_category_new_box_title .list_text{line-height: 2.625rem} .su_course_category_new_box_title .check_box{line-height: 1.25rem}.su_course_category_new_box .panel-group .panel-default ul{padding: 0; margin: 0}.su_course_category_new_box .panel-group .panel-default .list-group .row{padding: 0; margin: 0 0 -1px; border-bottom: solid 1px #dedede; background: #fff; border-top: solid 1px #dedede} .su_course_category_new_box .panel-group .panel-default .list-group .row:first-child{background: #f1f1f1}.su_course_category_new_box .panel-group .panel-default ul li{padding: 0; border: none} .su_course_category_new_box .panel-group .panel-default ul li.list-group-item{padding-left: 15px; padding-right: 15px}.su_course_category_new_box ul li:hover .panel-heading{background: #eaeaea}.su_course_category_new_box ol.breadC{margin-bottom: 7px; font-size: 1.375rem; border-bottom: solid 1px #fff !important; padding-bottom: 6px !important} .su_course_category_new_box ol.breadC li{color: #055da2 !important} .su_course_category_new_box ol.breadC li + li:before{content: "- "}.su_date_module_box_mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 999}.su_transparent{transition: .6s}.su_category_type_subkey_box_2{width: 98%; padding: 1%; margin: 0 0 20px 1%; background: #fff; clear: both; border-radius: 8px; border: 1px solid #dadada; position: relative} .su_category_type_subkey_box_2 .triangle{position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px} .su_category_type_subkey_box_2 .triangle.st1{border-color: transparent transparent #fff; top: -15px; left: 23px; z-index: 78} .su_category_type_subkey_box_2 .triangle.st2{border-color: transparent transparent #d4d4d4; top: -16px; left: 23px; z-index: 77} .su_category_type_subkey_box_2 .grid-title{padding-left: 15px; padding-bottom: 0; border-radius: 6px; margin: 0 0 15px} .su_category_type_subkey_box_2 .grid-title h4{padding-top: 12px} .su_category_type_subkey_box_2 .grid-title .event_box{float: right; padding-top: 6px}.su_category_type_subkey_box{width: 98%; padding: 1%; margin: 0 0 20px 1%; background: #fff; clear: both; border-radius: 8px; border: 1px solid #dadada; position: relative} .su_category_type_subkey_box .triangle_box{position: absolute; bottom: -1px; left: 10px}.su_category_checkstly .checkbox-nolabeltex.checkbox label:after{left: 3px}.su_category_type_subkey_box .triangle{position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px} .su_category_type_subkey_box .triangle.st1{border-color: transparent transparent #fff; top: -15px; left: 23px !important; z-index: 78} .su_category_type_subkey_box .triangle.st2{border-color: transparent transparent #d4d4d4; top: -16px; left: 23px; z-index: 77}.su_category_type_subkey_box .grid-title{padding-left: 0; padding-bottom: 0; padding-top: 12px; border-radius: 6px; margin: 0 0 15px} .su_category_type_subkey_box .grid-title h4{padding-top: 12px} .su_category_type_subkey_box .grid-title .event_box{float: right; padding-top: 5px; padding-left: 0; margin-right: -24px; padding-right: 0}.MT-contacts-list_2{height: 137px; width: 100%; margin-bottom: 20px; border-radius: 5px; border: 1px solid #eee; box-shadow: 0 2px 0 0 rgba(0,0,0,.1); box-shadow: 0 2px 1 px rgba(170,170,170,.25)} .MT-contacts-list_2 .floder-icon .popover.bottom:before, .MT-contacts-list_2 .floder-icon .popover.top:before{border-right: 7px solid transparent; border-left: 7px solid transparent; content: ''; margin-left: 12px} .MT-contacts-list_2.end{margin-bottom: 0} .MT-contacts-list_2 .floder-icon{cursor: pointer; float: left; width: 60px; background: #ccc; height: 60px; text-align: center} .MT-contacts-list_2 .floder-icon i{position: relative; margin-top: 15px; font-size: 1.875rem; color: #fff} .MT-contacts-list_2 .floder-icon .stack-text{margin-top: -4.5em; color: #ccc} .MT-contacts-list_2 .floder-icon .stack-text i{color: #ccc; font-size: 1.125rem; margin-top: -30px} .MT-contacts-list_2 .floder-icon .popover{background-color: #000; border-radius: 5px; margin-top: 50px; box-shadow: 0 0 5px rgba(0,0,0,.4); color: #fff; display: none; font-size: .75rem; font-family: Helvetica,sans-serif; left: 15px; padding: 7px 10px; position: absolute; width: 200px; z-index: 400000000000000000000} .MT-contacts-list_2 .floder-icon .popover.bottom:before{border-bottom: 7px solid #000; top: -7px; display: block; position: absolute} .MT-contacts-list_2 .floder-icon .popover.top{margin-top: -40px} .MT-contacts-list_2 .floder-icon .popover.top:before{border-top: 7px solid #000; bottom: -7px; display: block; position: absolute} .MT-contacts-list_2 .floder-icon:hover .popover{display: block; -webkit-animation: fade-in .3s linear 1,move-up .3s linear 1} .MT-contacts-list_2 .text{font-size: 1.125rem; float: left; margin-left: 20px; margin-top: 15px} .MT-contacts-list_2 .text.textHover:hover{color: #2196f3; cursor: pointer} .MT-contacts-list_2 .circle-check-p{margin-right: 10px; float: right} .MT-contacts-list_2 .circle-check-p .circle-check{background-color: #ddd; border-radius: 20px; cursor: pointer; display: inline-block; font-size: 1.25rem; height: 35px; width: 35px; line-height: 2.1875rem; position: relative; text-align: center; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-shadow: 0 2px 0 rgba(0,0,0,.1); box-shadow: 0 2px 1px rgba(170,170,170,.25); box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)} .MT-contacts-list_2 .circle-check-p .circle-check:after{position: absolute; left: 7px; top: 0; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: 400; color: #fff; font-size: 1.375rem; width: 22px; height: 22px}.su_category_select_list .MT-contacts-list:after, .text_box_down:before{display: block; content: ""; clear: both}.textnumber{color: #9e9e9e !important; font-size: .875rem !important; width: 74%; padding-bottom: 0}.audit_opinion_box{padding-bottom: 10px} .audit_opinion_box.no_st, .audit_opinion_box.ok_st{padding: 5px 20px; width: 100%; background: #efefef; font-size: 1.0625rem; margin-bottom: 11px} .audit_opinion_box.ok_st{color: #2da514; border: 1px solid #a1ca96; border-radius: 5px} .audit_opinion_box.no_st{color: #dc8119; border: 1px solid #eac071; border-radius: 5px} .audit_opinion_box.ok_st h3{color: #7ab536 !important; font-size: 1.125rem; font-weight: 700} .audit_opinion_box.ok_st p{color: grey} .audit_opinion_box.no_st h3{color: #dc8119 !important; font-size: 1.125rem; font-weight: 700} .audit_opinion_box.no_st p{color: grey}.su_category_type_subkey_box .close{padding-left: 10px; float: right; padding-right: 0; margin-right: 0; margin-left: 10px; margin-top: -20px; background: #fff}.su_category_type_subkey_box .close2{margin-right: 0; margin-left: 10px; margin-top: -20px; -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; float: right; font-size: 1.3125rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff}.su_category_checkstly{float: left; padding-left: 10px; padding-top: 18px; width: 28px}.text_box{float: left; width: 80%; padding-left: 10px}.text_box_down{padding-top: 9px; border-top: solid 1px #d6d6d6; min-height: 60px; position: relative}.su_category_select_list{padding-bottom: 50px} .su_category_select_list .su_category_type_box{margin-top: 10px; margin-bottom: 0 !important} .su_category_select_list.st2{padding: 0 20px 40px; margin-top: -10px} .su_category_select_list h2{padding-bottom: 3px; border-bottom: solid 1px #d8d8d8; color: #075490; font-size: 1.125rem; font-weight: 700; margin-bottom: 19px} .su_category_select_list .widget-item{border: 1px solid #eaeaea; display: block} .su_category_select_list .widget-item h4{text-align: left; padding-right: 30px; font-size: 1.0625rem; min-height: 44px}.su_release_button_box{background: #ececec; border-top: solid 1px #d6d6d6; padding-top: 14px; padding-bottom: 14px; padding-left: 21px; margin: -21px -19px}.su_category_select_list .floder-icon{background: #006ad4; width: 5px; height: 110px}.su_category_select_list.st2.st3 .floder-icon{background: #40b3d3}.su_category_select_list.st2.st3 .text{color: #199abd}.su_category_select_list .text{font-size: 1.125rem; float: none; margin-left: 0; margin-top: 15px; min-height: 118px}.su_category_select_list .textnumber{float: left; padding-top: 9px !important; width: 60%; min-height: 60px}.su_category_select_list .text_box{width: 100%; padding-top: 10px}.su_category_select_list .MT-contacts-list{height: auto; border-left: solid 5px #3087de; border-radius: 0 5px 5px 0; margin: 12px 0 9px} .su_category_select_list .MT-contacts-list:hover{box-shadow: 0 0 2px 2px rgba(189,189,189,.75)} .su_category_select_list .MT-contacts-list .circle-check-p{margin-top: 12px; margin-right: 15px; float: right}.dropdown-menu_doublest li{position: relative; padding-left: 0} .dropdown-menu_doublest li ul{position: absolute; top: -3px; left: 154px; min-width: 160px; background: #fff; padding: 4px; border-radius: 5px; border: 1px solid #e6e6e6; display: none} .dropdown-menu_doublest li:hover ul, .verA{display: block} .dropdown-menu_doublest li ul li{text-align: left; margin-bottom: 1px; padding-left: 10px !important} .dropdown-menu_doublest li ul li:hover{background: #f3f3f3} .dropdown-menu_doublest li ul li a{color: #111; display: block; padding-top: 10px; padding-bottom: 10px}#sign_up_mailps .modal-footer{padding-top: 20px !important}.print_set_style .form-row{padding-bottom: 7px; padding-top: 6px}.version_controller{text-align: right; background: #eaeaea; border-top: solid 1px #cecece} .version_controller .btn-success{background-color: #bb3b3b}.verB{display: none}.ver_icon{color: #e07520; float: left}.ver_icon_controller{display: inline-block; padding: 7px 12px 9px; margin-bottom: 0; line-height: 1.25rem; text-align: center; cursor: pointer; background-color: #dce0e8; -webkit-border-radius: 3px; background-image: none !important; border: none; text-shadow: none; box-shadow: none; font: .875rem/1.25rem "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff} .ver_icon_controller:hover{background-color: #dce0e8; color: #fff; font-weight: 700}.fackdiv, .fackdiv_2{float: left; width: 100%; display: block}.category_box_right_box ul li i.Customization_10, .category_box_right_box ul li i.Customization_11:before, .category_box_right_box ul li i.Customization_12, .category_box_right_box ul li i.Customization_13:before, .category_box_right_box ul li i.Customization_14:before, .category_box_right_box ul li i.Customization_15:before, .category_box_right_box ul li i.Customization_16:before, .category_box_right_box ul li i.Customization_17:before, .category_box_right_box ul li i.Customization_1:before, .category_box_right_box ul li i.Customization_2:before, .category_box_right_box ul li i.Customization_3:before, .category_box_right_box ul li i.Customization_4:before, .category_box_right_box ul li i.Customization_5:before, .category_box_right_box ul li i.Customization_6:before, .category_box_right_box ul li i.Customization_7:before, .category_box_right_box ul li i.Customization_8:before{content: ""; width: 38px; height: 38px; display: block; margin-left: -6px}.category_box_right_box ul li i.Customization_1:before{background: url(/Content/images/icon/Customization_1_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_2:before{background: url(/Content/images/icon/Customization_2_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_3:before{background: url(/Content/images/icon/Customization_3_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_4:before{background: url(/Content/images/icon/Customization_4_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_5:before{background: url(/Content/images/icon/Customization_5_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_6:before{background: url(/Content/images/icon/Customization_6_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_7:before{background: url(/Content/images/icon/Customization_7_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_8:before{background: url(/Content/images/icon/Customization_8_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_9:before{background: url(/Content/images/icon/Customization_9_o.png) center top no-repeat; content: ""; width: 38px; height: 38px; display: block; background-size: 100%; margin-left: -6px}.category_box_right_box ul li i.Customization_10{background: url(/Content/images/icon/Customization_10_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_11:before{background: url(/Content/images/icon/Customization_11_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_12{background: url(/Content/images/icon/Customization_12_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_13:before{background: url(/Content/images/icon/Customization_13_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_14:before{background: url(/Content/images/icon/Customization_14_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_15:before{background: url(/Content/images/icon/Customization_15_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_16:before{background: url(/Content/images/icon/Customization_16_o.png) center top no-repeat; background-size: 100%}.category_box_right_box ul li i.Customization_17:before{background: url(/Content/images/icon/Customization_17_o.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_10:before, .course_category_style .Customization_11:before, .course_category_style .Customization_12:before, .course_category_style .Customization_13:before, .course_category_style .Customization_14:before, .course_category_style .Customization_15:before, .course_category_style .Customization_16:before, .course_category_style .Customization_17:before, .course_category_style .Customization_1:before, .course_category_style .Customization_2:before, .course_category_style .Customization_3:before, .course_category_style .Customization_4:before, .course_category_style .Customization_5:before, .course_category_style .Customization_6:before, .course_category_style .Customization_7:before, .course_category_style .Customization_8:before{margin-left: 5px; width: 75px; height: 75px; display: block; content: ""}.course_category_style .Customization_1:before{background: url(/Content/images/icon/Customization_1.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_2:before{background: url(/Content/images/icon/Customization_2.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_3:before{background: url(/Content/images/icon/Customization_3.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_4:before{background: url(/Content/images/icon/Customization_4.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_5:before{background: url(/Content/images/icon/Customization_5.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_6:before{background: url(/Content/images/icon/Customization_6.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_7:before{background: url(/Content/images/icon/Customization_7.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_8:before{background: url(/Content/images/icon/Customization_8.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_9:before{background: url(/Content/images/icon/Customization_9.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%; margin-left: 5px}.course_category_style .Customization_10:before{background: url(/Content/images/icon/Customization_10.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_11:before{background: url(/Content/images/icon/Customization_11.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_12:before{background: url(/Content/images/icon/Customization_12.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_13:before{background: url(/Content/images/icon/Customization_13.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_14:before{background: url(/Content/images/icon/Customization_14.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_15:before{background: url(/Content/images/icon/Customization_15.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_16:before{background: url(/Content/images/icon/Customization_16.png) center top no-repeat; background-size: 100%}.course_category_style .Customization_17:before{background: url(/Content/images/icon/Customization_17.png) center top no-repeat; background-size: 100%}.su_category_type_warper .tiles-body{padding: 16px 0}.su_category_type_warper .tiles .tree-date-box i{font-size: 3.4375rem}.su_category_type_warper .Customization_1:before{background: url(/Content/images/icon/Customization_1.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_2:before{background: url(/Content/images/icon/Customization_2.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_3:before{background: url(/Content/images/icon/Customization_3.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_4:before{background: url(/Content/images/icon/Customization_4.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_5:before{background: url(/Content/images/icon/Customization_5.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_6:before{background: url(/Content/images/icon/Customization_6.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_7:before{background: url(/Content/images/icon/Customization_7.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_8:before{background: url(/Content/images/icon/Customization_8.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_9:before{background: url(/Content/images/icon/Customization_9.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_10:before{background: url(/Content/images/icon/Customization_10.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_11:before{background: url(/Content/images/icon/Customization_11.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_12:before{background: url(/Content/images/icon/Customization_12.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_13:before{background: url(/Content/images/icon/Customization_13.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_14:before{background: url(/Content/images/icon/Customization_14.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_15:before{background: url(/Content/images/icon/Customization_15.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.su_category_type_warper .Customization_16:before{background: url(/Content/images/icon/Customization_16.png) center top no-repeat; content: ""; width: 70px; height: 70px; display: block; background-size: 100%}.su_category_type_warper .Customization_17:before{background: url(/Content/images/icon/Customization_17.png) center top no-repeat; content: ""; width: 75px; height: 75px; display: block; background-size: 100%}.sign_up_listbox .Customization_10:before, .sign_up_listbox .Customization_11:before, .sign_up_listbox .Customization_12:before, .sign_up_listbox .Customization_13:before, .sign_up_listbox .Customization_14:before, .sign_up_listbox .Customization_15:before, .sign_up_listbox .Customization_16:before, .sign_up_listbox .Customization_17:before, .sign_up_listbox .Customization_1:before, .sign_up_listbox .Customization_2:before, .sign_up_listbox .Customization_3:before, .sign_up_listbox .Customization_4:before, .sign_up_listbox .Customization_5:before, .sign_up_listbox .Customization_6:before, .sign_up_listbox .Customization_7:before, .sign_up_listbox .Customization_8:before{content: ""; width: 100%; height: 100%; margin: 10px 0 0; display: block}.su_category_type_warper .widget-item .user-name h4{text-align: left; padding-right: 30px; font-size: 1.0625rem; min-height: 44px}.sign_up_listbox .Customization_1:before{background: url(/Content/images/icon/Customization_1.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_2:before{background: url(/Content/images/icon/Customization_2.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_3:before{background: url(/Content/images/icon/Customization_3.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_4:before{background: url(/Content/images/icon/Customization_4.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_5:before{background: url(/Content/images/icon/Customization_5.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_6:before{background: url(/Content/images/icon/Customization_6.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_7:before{background: url(/Content/images/icon/Customization_7.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_8:before{background: url(/Content/images/icon/Customization_8.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_9:before{background: url(/Content/images/icon/Customization_9.png) center top no-repeat; content: ""; width: 100%; height: 100%; margin: 10px 0 0; display: block; background-size: 100%}.sign_up_listbox .Customization_10:before{background: url(/Content/images/icon/Customization_10.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_11:before{background: url(/Content/images/icon/Customization_11.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_12:before{background: url(/Content/images/icon/Customization_12.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_13:before{background: url(/Content/images/icon/Customization_13.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_14:before{background: url(/Content/images/icon/Customization_14.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_15:before{background: url(/Content/images/icon/Customization_15.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_16:before{background: url(/Content/images/icon/Customization_16.png) center top no-repeat; background-size: 100%}.sign_up_listbox .Customization_17:before{background: url(/Content/images/icon/Customization_17.png) center top no-repeat; background-size: 100%}hr{margin: 5px 0}