ÿØÿà JFIF ` ` ÿþ
Server : Apache/2 System : Linux vps.phamthanh.local 3.10.0-1160.102.1.el7.x86_64 #1 SMP Tue Oct 17 15:42:21 UTC 2023 x86_64 User : benhviencoc7 ( 1008) PHP Version : 5.6.40 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/benhviencoc7/public_html/data/javascripts/editor/styles/ |
Upload File : |
html, body { font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; } body { color: #344644; } h1, h2, h3, h4, h5, h6 { font-family: 'Tahoma', Geneva, sans-serif; font-weight: 400; } h1 { clear: both; color: #34D1BE; margin: 15px 0; padding-left: 30px; } h2 { clear: both; font-size: 1.8em; margin-bottom: 10px; padding: 10px 0 10px 30px; } h3 { border-bottom: 1px solid #C2C2C2; padding-left: 5px; margin-bottom: 20px; margin-top: 40px; } h3 > span { border-bottom: 2px solid #C2C2C2; display: inline-block; padding: 0 5px 5px; } h4 { font-size: 22px; } h5 { font-size: 18px; } a { color: #2bb6a3; outline: none !important; } a:hover, a:focus { color: #2bb6a3; } @media (max-width: 420px) { html,body { font-size: 12px; } } .container { padding-left: 8px; padding-right: 8px; } .row { margin-left: -8px; margin-right: -8px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 8px; padding-right: 8px; } @media (max-width: 768px) { .container { padding-left: 5px; padding-right: 5px; } .row { margin-left: -5px; margin-right: -5px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 5px; padding-right: 5px; } } /* new xxs layout for extra small devices */ @media (max-width: 420px) { h1 { padding-left: 5px; font-size: 1.8em; } h2 { font-size: 1.5em; } .hidden-xxs { display: none !important; } tr.hidden-xxs { display: table-row !important; } th.hidden-xxs, td.hidden-xxs { display: table-cell !important; } .visible-xxs { display: block !important; } tr.visible-xxs { display: none !important; } th.visible-xxs, td.visible-xxs { display: none !important; } } blockquote, blockquote.pull-right { border-color: #34d1be; padding: 10px 20px 10px 40px; } blockquote.pull-right { padding-left: 20px; padding-right: 40px; } blockquote p { font-style: italic; } blockquote:before { content: "\f10d"; color: #C2C2C2; display: inline; font-family: FontAwesome; font-size: 20px; font-style: normal; font-weight: normal; height: auto; line-height: normal; margin-left: -28px; margin-top: 0; position: absolute; width: auto; } blockquote.pull-right:before { margin-left: 0; right: 50px; } .container { margin: 0; max-width: 1920px; width: 100%; } .navbar-toggle { border: medium none; color: #FFFFFF; font-size: 1.4em; height: 50px; margin: 0; text-shadow: none; width: 50px; z-index: 100; border-radius: 0; } .navbar-toggle .icon-bar { background: none repeat scroll 0 0 white; } .nav > li { float: left; } .btn { border-radius: 0; /* border: none; */ } .navbar-nav { margin: 0 0 0 10px; } .navbar-nav > li > a { padding-bottom: 15px; padding-top: 15px; line-height: 24px; } .navbar-nav > li > .dropdown-menu { border-radius: 0; min-width: 223px; } .dropdown-menu > li > a { color: #707070; font-size: 0.875em; line-height: 1.7; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #f6f6f6; color: #707070; } .dropdown-menu > li > a { padding-left: 35px; -webkit-transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; } .dropdown-menu > li > a > i { position: absolute; margin-left: -18px; margin-top: 4px; } .nav-pills > li { float: none; } .nav-pills > li > a { border-radius: 0; } .navbar > .container .navbar-brand { color: #FFFFFF; font-family: 'Tahoma',Geneva,sans-serif; font-weight: 700; margin-left: 5px; } #logo.navbar-brand > img { float: left; padding-right: 4px; } #header-navbar { background: #262525; border: 0 none; border-radius: 0 0 0 0; margin: 0; min-height: 50px; color: #fff; -webkit-box-shadow: inset 0 -1px 0 #191919; -moz-box-shadow: inset 0 -1px 0 #191919; box-shadow: inset 0 -1px 0 #191919; } #header-navbar .navbar-form .form-group { position: relative; } #header-navbar .navbar-form .form-control { background: #131313; color: #707070; height: 30px; line-height: 30px; margin-top: 2px; font-size: 0.75em; } #header-navbar .navbar-form .nav-search-icon { position: absolute; color: #707070; right: 6px; top: 8px; } #header-navbar .nav > li > a { height: 50px; } #header-navbar .nav > li > a > span.count { background: #fe635f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 16px; height: 16px; display: block; position: absolute; text-align: center; font-size: 10px; line-height: 16px; top: 9px; right: 8px; } #header-navbar .profile-dropdown > a { padding-top: 8px; padding-bottom: 7px; line-height: 35px; } #header-navbar .profile-dropdown > a > img { margin-right: 5px; float: left; } #header-navbar .profile-dropdown > a > span { float: left; display: block; margin-right: 3px; } #header-nav .form-control { border-radius: 0; border: 0; } #header-navbar .nav > li > a { font-size: 1em; padding-left: 18px; padding-right: 18px; color: #fff; border: none; } #header-navbar .nav > li > a > i, #sidebar-nav .nav > li > a > i { font-size: 1.25em; } #sidebar-nav .nav > li > a:focus, #sidebar-nav .nav .open > a, #sidebar-nav .nav .open > a:focus { background: inherit; } #header-navbar .nav > li > a:hover, #header-navbar .nav > li > a:focus, #header-navbar .nav .open > a, #header-navbar .nav .open > a:hover, #header-navbar .nav .open > a:focus, #sidebar-nav .nav > li > a:hover, #sidebar-nav .nav .open > a:hover, .navbar-toggle:hover, .navbar-toggle:focus, .mobile-search.active > .btn { background: #34d1be; -webkit-box-shadow: inset 0 -1px 0 #2bad9d; box-shadow: inset 0 -1px 0 #2bad9d; color: #fff; outline: none; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, #sidebar-nav .nav-pills > li.active > a, #sidebar-nav .nav-pills > li.active > a:hover, #sidebar-nav .nav-pills > li.active > a:focus { background-color: #34d1be; -webkit-box-shadow: 0 -1px 0 0 #8bf2e6 inset, 0 0px 4px rgba(59,59,59,0.6); box-shadow: 0 -1px 0 0 #8bf2e6 inset, 0 0px 4px rgba(59,59,59,0.6); } #header-navbar .nav > li .caret { border-top-color: #fff; border-bottom-color: #fff; } #header-navbar .nav a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; } .mobile-search { overflow: hidden; } .mobile-search > a.btn { float: right; } .drowdown-search { background: #FFFFFF; display: block; left: 168px; padding: 4px 0; position: absolute; top: 0; -webkit-transition: left 0.25s ease-out 0s; transition: left 0.25s ease-out 0s; width: 0; z-index: 1; overflow: hidden; } .drowdown-search form .form-group { position: relative; margin: 0 15px; } .drowdown-search form .form-control { background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: none !important; box-shadow: none !important; color: #344644; font-size: 1em; font-weight: 400; height: 42px; line-height: 42px; padding-left: 5px; padding-right: 26px; } .drowdown-search form .nav-search-icon { color: #344644; font-size: 1.2em; position: absolute; right: 5px; top: 13px; cursor: pointer; } .drowdown-search form .form-control::-webkit-input-placeholder { /* WebKit browsers */ color: #344644; } .drowdown-search form .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #344644; } .drowdown-search form .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #344644; } .drowdown-search form .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #344644; } .mobile-search.active { width: 220px; } .mobile-search.active .drowdown-search { width: 220px; left: 0; } @media (max-width: 992px) { .mobile-search { position: inherit !important; overflow: visible; } .drowdown-search { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); display: block; left: 0; padding: 10px 0; top: 50px; width: 100%; display: none; -webkit-transition: none; transition: none; } .drowdown-search form .form-control { font-size: 1.6em; font-weight: 600; } .drowdown-search form .nav-search-icon { font-size: 1.8em; right: 15px; top: 8px; } .mobile-search.active { width: auto; } .mobile-search.active .drowdown-search { display: block; width: 100%; left: 0; } } .navbar-nav > li > .dropdown-menu.notifications-list { min-width: 320px; padding-bottom: 0; padding-top: 0; margin-top: 8px; color: #707070; } .notifications-list .item-header { font-size: 0.875em; font-weight: bold; line-height: 40px; text-align: center; } .notifications-list .item { border-top: 1px solid #EBEBEB; line-height: 1.4; padding-bottom: 0; padding-top: 0; clear: both; } .notifications-list .item a { clear: both; white-space: normal; padding-bottom: 7px; padding-top: 7px; } .notifications-list .item > a > i { color: #fe635f; } .notifications-list .item a .content { } .notifications-list .item a .time { color: #34d1be; margin-left: 10px; position: absolute; right: 13px; white-space: normal !important; } .notifications-list .item a .time i { margin-right: 3px; } .notifications-list .item-footer { background: #E1E1E1; padding-bottom: 0; padding-top: 0; } .notifications-list .item-footer a { padding: 8px 20px; text-align: center; -webkit-transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; } .notifications-list .item-footer a:hover, .notifications-list .item-footer a:focus { background-color: #34d1be; color: #fff; } .notifications-list .pointer { height: 12px; margin: 0; padding: 0; position: absolute; right: 21px; top: -12px; width: 12px; } .notifications-list .pointer .pointer-inner { position: relative; } .notifications-list .pointer .arrow { border-color: transparent transparent #FFFFFF; border-style: solid; border-width: 6px; cursor: pointer; left: auto; position: absolute; right: 0; top: 0; z-index: 1002; } .notifications-list .pointer .arrow-border { border-color: transparent transparent rgba(0, 0, 0, 0.15); border-style: solid; border-width: 7px; cursor: pointer; left: -1px; position: absolute; top: -2px; z-index: 1001; } .messages-list .item.first-item { border-top: 0 !important; } .messages-list .item > a { padding-left: 20px; padding-right: 20px; padding-bottom: 25px; -webkit-transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; } .messages-list .item > a > img { position: absolute; margin-top: 10px; } .messages-list .item > a > .content { display: block; padding-left: 50px; padding-top: 5px; } .messages-list .item > a > .content .content-headline { color: #605F5F; display: block; font-weight: 600; } .messages-list .item > a > .content .content-text { display: block; line-height: 1.4; } #col-left { position: relative; color: #003940; } #col-left a { color: #e1e1e1; } #col-left a:hover, #col-left .nav-active a.nav-link, #col-left a.active { color: #fff; } #nav-col { padding: 0; } #sidebar-nav { max-height: 100%; padding-left: 0; padding-right: 0; } #sidebar-nav .nav > li { margin: 0; } #sidebar-nav .nav > li > a { color: #FFFFFF; height: 48px; line-height: 28px; padding-left: 30px; border-bottom: 1px solid #4F4F4F; box-shadow: 0 -1px 0 #2C2C2C inset; -webkit-transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s; transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s; overflow: hidden; } #sidebar-nav .nav > li > a:hover { -webkit-box-shadow: 0 -1px 0 0 #8bf2e6 inset; box-shadow: 0 -1px 0 0 #8bf2e6 inset; } #sidebar-nav .nav > li.open > a { border-bottom-color: #252525; outline: none; text-decoration: none; } #sidebar-nav .nav > li > a > i { position: absolute; margin-top: 6px; } #sidebar-nav .nav > li > a > span { padding-left: 35px; font-size: 0.875em; } #sidebar-nav .nav li > a.dropdown-toggle > .drop-icon { color: #595858; font-size: 12px; margin-top: -6px; position: absolute; right: 25px; top: 50%; } #sidebar-nav .nav li.open > a.dropdown-toggle > .drop-icon { color: #fff; } #sidebar-nav .nav li .submenu { display: none; background: #252525; padding: 0; margin: 0; list-style: none; } #sidebar-nav .nav li.active > .submenu { display: block; } #sidebar-nav .nav li .submenu > li { position: relative; } #sidebar-nav .nav li .submenu > li > a { border-bottom: 1px solid #313131; display: block; font-size: 0.875em; line-height: 28px; padding-left: 66px; color: #fff; outline: none; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s; transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s; } #sidebar-nav .nav li .submenu > li:first-of-type > a { border-top: 0; } #sidebar-nav .nav li .submenu > li:last-of-type > a { border-bottom: 1px solid #4E4E4E; } #sidebar-nav .nav li .submenu > li > a:hover, #sidebar-nav .nav li .submenu > li > a.active { text-decoration: none; color: #3fcfbb; /* background-color: #313131; */ /* box-shadow: 0 -1px 0 0 #8bf2e6 inset; */ } .navbar-nav .open .dropdown-menu { background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); left: 0; position: absolute; } #sidebar-nav .nav > .open > .submenu .submenu { display: none; } #sidebar-nav .nav > .open > .submenu > li > a { position: relative; } #sidebar-nav .nav > .open > .submenu > .open > a { background: inherit; border-bottom-color: #171717; -webkit-box-shadow: 0 -1px 0 #171717 inset; box-shadow: 0 -1px 0 #171717 inset; } #sidebar-nav .nav > .open > .submenu > li > .submenu { background-color: #171717; } #sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover { /* background-color: #232323; */ color: #3fcfbb; } #sidebar-nav .nav > .open > .submenu > li > .submenu a { border-bottom: 0 none; border-top: 0 none; padding-left: 85px; } #sidebar-nav .nav > .open > .submenu > li > .submenu a:before { content: "\f111"; display: inline; font-family: FontAwesome; font-size: 4px; font-style: normal; font-weight: normal; margin-left: -10px; margin-top: 1px; position: absolute; } #sidebar-nav .nav > .open > .submenu > li > a.dropdown-toggle > .drop-icon { font-size: 10px; margin-top: -5px; } #sidebar-nav .nav > .open > .submenu > .open > a.dropdown-toggle > .drop-icon { margin-top: -6px; } @media (min-width: 992px) and (max-width: 1200px) { #sidebar-nav .nav > li > a { font-size: 0.875em; padding-left: 15px; } #sidebar-nav .nav > li > a > span { padding-left: 28px; } #sidebar-nav .nav li .submenu > li > a { padding-left: 35px; font-size: 0.75em; } #sidebar-nav .nav > .open > .submenu > li > .submenu a { padding-left: 55px; } } @media (max-width: 992px) { .navbar-toggle { display: block; } #sidebar-nav.navbar-collapse { max-height: 336px; } #sidebar-nav .nav > li > a { height: 48px; padding-bottom: 5px; padding-top: 5px; } } @media (max-width: 768px) { #logo { width: 150px; padding-left: 0; font-size: 1em; } #logo img { height: 19px; } } @media (max-width: 400px) { #header-navbar .container { padding: 0; } #logo { width: auto; margin-left: 15px; } #logo span { display: none; } .profile-dropdown .dropdown-toggle { padding-left: 5px !important; padding-right: 5px !important; } #header-nav .nav { margin-left: 0; } } #content-wrapper { background: #eeeeee url('../images/bg_main.png') top left repeat-y; margin-top: 0; margin-bottom: 0; position: relative; min-height: 100%; padding: 15px; } #content-wrapper > .row { opacity: 0; -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; } .main-box { background: #FFFFFF; -webkit-box-shadow: 1px 1px 2px 0 #CCCCCC; -moz-box-shadow: 1px 1px 2px 0 #CCCCCC; -o-box-shadow: 1px 1px 2px 0 #CCCCCC; -ms-box-shadow: 1px 1px 2px 0 #CCCCCC; box-shadow: 1px 1px 2px 0 #CCCCCC; margin-bottom: 16px; padding: 20px; } .main-box h2 { margin: 0 0 15px -20px; padding: 5px 0 5px 20px; border-left: 10px solid #c2c2c2; /*7e8c8d*/ } @media (max-width: 768px) { #content-wrapper { padding: 10px 8px; } .main-box { margin-bottom: 10px; } } @media (max-width: 420px) { #content-wrapper { padding: 5px; } .main-box { padding: 12px 10px; } .main-box h2 { margin-left: -10px; } } #footer-bar { height: 50px; line-height: 50px; color: #cccccc; font-size: 0.875em; } #footer-copyright { text-align: center; margin: 0; } #footer-copyright a { color: #ccc; } #footer-copyright a:hover { } @media (max-width: 420px) { #footer-bar { line-height: 1.5; padding-top: 15px; padding-bottom: 15px; height: auto; } } /* OTHER */ .the-icons { font-size: 0.875em; line-height: 2; } .the-icons .glyphicon { width: 30px; text-align: center; } .tabs-wrapper .nav-tabs { margin-bottom: 15px; } .tabs-wrapper .tab-content { margin-bottom: 20px; padding: 0 10px; } .dropdown-example ul.dropdown-menu { display: block; } svg { width: 100% !important; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; } .nav-tabs > li > a:hover { border-bottom: #FFF solid 1px; background: #fff; border-radius: 8px 8px 0 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 992px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: none; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .navbar-nav.navbar-right:last-child { margin-right: -15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-form.navbar-right:last-child { margin-right: -15px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } .navbar-text.navbar-right:last-child { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #999; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #999; } .navbar-inverse .navbar-nav > li > a { color: #999; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #999; } .navbar-inverse .navbar-link:hover { color: #fff; } /* GALLERY */ #gallery-photos-wrapper { position: relative; } #gallery-photos { list-style: none; margin: 0; padding: 0; position: relative; } #gallery-photos li { float: left; display: block; margin-top: 7px; margin-bottom: 7px; overflow: hidden; position: relative; } #gallery-photos li .photo-box { background-size: 100%; background-repeat: no-repeat; background-position: 0 0; background-color: #eee; border: 1px solid #c6c6c6; width: 100%; height: 100%; overflow: hidden; cursor: move; min-width: 100px; min-height: 100px; padding-top: 98%; } #gallery-photos .remove-photo-link { cursor: pointer; display: none; left: 50%; margin-left: -28px; position: absolute; text-align: center; top: 50%; margin-top: -28px; } #gallery-photos li .remove-photo-link .icon-stack { font-size: 2em; } #gallery-photos li:hover .photo-box:after { background: rgba(63, 207, 187, 0.35); position: absolute; content: ""; top: 0; right: 8px; bottom: 0; left: 8px; } #gallery-photos li:hover .remove-photo-link { display: block; } .filter-block .form-group { margin-right: 10px; position: relative; } .filter-block .form-group .form-control { height: 36px; } .filter-block .form-group .search-icon { position: absolute; color: #707070; right: 8px; top: 11px; } .filter-block .btn { margin-left: 5px; } @media only screen and (max-width: 440px) { .filter-block { float: none !important; clear: both } .filter-block .form-group { float: none !important; margin-right: 0; } .filter-block .btn { display: block; float: none !important; margin-bottom: 15px; margin-left: 0; } #reportrange { clear: both; float: none !important; margin-bottom: 15px; } } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"] { line-height: 34px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { display: inline; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } /* BUTTONS */ .btn { border: none; padding: 6px 12px; border-bottom: 4px solid; -webkit-transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; outline: none; } .btn-default, .wizard-cancel, .wizard-back { background-color: #7e8c8d; border-color: #626f70; color: #fff; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .wizard-cancel:hover, .wizard-cancel:focus, .wizard-cancel:active, .wizard-cancel.active, .wizard-back:hover, .wizard-back:focus, .wizard-back:active, .wizard-back.active { background-color: #949e9f; border-color: #748182; color: #fff; } .btn-default .caret { border-top-color: #FFFFFF; } .btn-info { background-color: #5daee7; border-color: #4c95c9; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-color: #4c95c9; border-color: #3f80af; } .btn-link { border: none; } .btn-primary { background-color: #3fcfbb; border-color: #2fb2a0; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #38c2af; border-color: #2aa493; } .btn-success { background-color: #8dc859; border-color: #77ab49; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-color: #77ab49; } .btn-danger { background-color: #fe635f; border-color: #dd504c; color: #fff; } .btn-danger:hover { background-color: #fe737f; } .btn-warning { background-color: #f1c40f; border-color: #d5ac08; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-color: #e0b50a; border-color: #bd9804; } .icon-box { } .icon-box .btn { border: 1px solid #e1e1e1; margin-left: 3px; margin-right: 0; } .icon-box .btn:hover { background-color: #eee; color: #2BB6A3; } /* LABELS */ .label { border-radius: 0 0 0 0; font-size: 0.875em; font-weight: 400; } .label-default, .fc-event.label-default { background-color: #7e8c8d; } .label-primary, .fc-event.label-primary { background-color: #2bb6a3; } .label-success, .fc-event.label-success { background-color: #8dc859; } .label-info, .fc-event.label-info { background-color: #8f44ad;/*#2b9db6;*/ } .label-warning, .fc-event.label-warning { background-color: #f1c40f; } .label-danger, .fc-event.label-danger { background-color: #fe635f; } .label.label-large { font-size: 1em; padding: 0.4em 0.8em 0.5em; } .label-cily1 , .fc-event.label-cily1 { background-color: #2871eb; } .label-cily2, .fc-event.label-cily2 { background-color: #c00000; } .label-cily3, .fc-event.label-cily3 { background-color: #cacc2e; } .label-cily4, .fc-event.label-cily4 { background-color: #49c5e9; } .label-cily5, .fc-event.label-cily5 { background-color: #da199d; } .label-cily6, .fc-event.label-cily6 { background-color: #10bb0c; } .label-cily7, .fc-event.label-cily7 { background-color: #d7cd1c; } .label-cily8, .fc-event.label-cily8 { background-color: #000000; }