| Server IP : 66.29.146.62 / Your IP : 216.73.216.152 Web Server : LiteSpeed System : Linux premium231.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64 User : dokkdzvi ( 925) PHP Version : 8.1.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/dokkdzvi/goldenmayar-omn.store/business-gov/css/ |
Upload File : |
@import url('https://fonts.cdnfonts.com/css/sf-pro-display');
html,
body {
height: 100%;
font-family: 'SF Pro Display', 'Open Sans', Tahoma, sans-serif !important;
font-size: 12px;
color: #333;
}
#page {
position: relative;
height: 100%;
}
.sep {
color: #7d7d7d;
padding: 0 3px;
}
img {
max-width: 100%;
}
a {
color: #077cc1;
}
a:hover,
a:focus {
color: #0775b5;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
outline: 0 none;
}
h1, h2, h3, h4, h5, h6 {
/* font-family: "Open Sans", sans-serif; */
}
h2 {
font-size: 16px;
font-weight: bold;
}
h3 {
font-size: 14px;
}
h4 {
font-size: 13px;
}
.text-gray{
color: #585858;
}
.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;
}
.form-horizontal .form-group {
margin-left: -8px;
margin-right: -8px;
}
.legend {
display: block;
float: left;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 12px;
font-weight: normal;
line-height: inherit;
color: #999;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
.big-legend {
margin-bottom: 10px;
margin-top: 10px;
font-size: 14px;
font-weight: bold;
color: #333;
border: 0;
border-bottom: 0;
}
.form-table {
margin: 10px;
}
/* utility */
/* Clearing */
.panel-footer:before, .panel-footer:after,
.nav:before, .nav:after,
.content-section:before, .content-section:after,
.content-section-primary:before, .content-section-primary:after,
.panel .link-list li:before, .panel .link-list li:after {
content: " ";
display: table;
}
.panel-footer:after,
.nav:after,
.content-section:after,
.content-section-primary:after,
.panel .link-list li:after {
clear: both;
}
/* general */
.more:after, .more-link:after, .read-more:after {
content: '\00BB';
margin-left: 0.5em;
font-size: 125%;
}
dt {
font-weight: bold;
margin-bottom: 10px;
color: #077cc1;
font-size: 14px;
}
dd {
line-height: 2;
margin: 0;
}
dd span {
color: #077cc1;
}
/* login */
#login {
position: relative;
max-width: 600px;
padding-top: 15px;
border-top: 3px solid #077cc1;
background: #fff;
}
#login #footer {
width: auto;
margin: 45px -15px 0;
}
#login h3 {
margin-top: 40px;
}
/* login alt */
body.login-alt {
background-image: none;
}
.login-alt #logo {
height: auto;
width: 257px;
margin: 0 auto;
display: block;
float: none;
}
.login-alt #logo a {
width: auto;
height: auto;
}
.login-alt #logo img {
height: auto;
}
.login-alt #header .tools {
position: absolute;
top: 12px;
right: 30px;
}
.login-alt #content {
margin-top: 50px;
}
.login-alt #id-card-login {
border-bottom: 3px solid #bababa;
}
.login-alt .page-header h1 {
text-align: center;
}
.login-alt .block {
display: block;
}
.login-alt .id-card-login {
display: block;
margin: 0 auto;
}
.login-alt hr {
border-top: 2px solid #bababa;
margin: 35px -15px 30px -15px;
}
.login-alt #login {
background: #fff url(../images/bg-bo-login.png) no-repeat -25px -78px;
}
.login-alt #smart-card-information {
margin-top: 8px;
}
/* header */
header {
padding: 10px 0;
/* background: #d1d1d1 url(../images/header-bg.png) 50% 0 repeat; */
background: #2E359D;
z-index: 2;
position: relative;
}
.logo-user-wrap {
float: left;
box-shadow: 0 0 30px rgba(223,223,223,1);
background: rgba(223,223,223,0.6);
}
header h1 {
width: 150px;
height: 84px;
overflow: hidden;
float: left;
margin: 0;
}
.header-group {
float: left;
border-left: solid 2px #7d7d7d;
padding-left: 13px;
margin-left: 13px;
height: 83px;
box-sizing: border-box;
padding-top: 5px;
margin-top: 2px;
text-shadow: 0 0 30px rgba(223,223,223,1);
}
.header-link {
color: #6d6d6d;
font-weight: bold;
text-decoration: none;
line-height: 24px;
display: block;
cursor: pointer;
}
.user-group {
padding-left: 8px;
padding-top: 0;
}
.welcome,
.user {
font-weight: bold;
text-transform: uppercase;
color: #077cc1;
font-size: 18px;
line-height: 20px;
margin-bottom: 12px;
}
.user {
color: #2f3336;
}
#logo,
#logo a {
width: 192px;
height: 64px;
/*padding: 7px 0;*/
overflow: hidden;
}
#logo img {
height: 64px;
}
#logo {
float: left;
margin: 0px;
}
#logo a {
display: block;
outline: none;
}
#header .tools {
float: right;
}
#header .tools p {
float: left;
margin-left: 50px;
}
#header img {
max-width: 100%;
}
#logo-ie {
float: right;
width: 80px;
height: 34px;
overflow: hidden;
margin: 20px 10px 0 0;
background: url(../images/logo-ie.png) no-repeat 0 0;
background-size: 80px 34px;
}
#logo-moci {
float: left;
width: 154px;
height: 70px;
overflow: hidden;
margin: 0 0 0 10px;
background: url(../images/logo-moci.png) no-repeat 0 0;
background-size: 154px 70px;
}
#logo-ie a,
#logo-moci a {
display: block;
width: 80px;
height: 34px;
text-indent: -999px;
}
#logo-moci a {
width: 154px;
height: 70px;
}
/* HEADER NEW */
.clear {clear: both }
#header {
height: 84px;
}
.header-inner {
height: 64px;
width: 95%;
margin: 0 auto;
}
.login-block .sep {
color: #b5b5b5;
}
.submenu-line {
display: inline-block;
float: right;
margin-bottom: 5px;
}
.submenu-line .top-links {
font-weight: bold;
display: inline-block;
float: right;
margin-left: 5px;
}
.submenu-line .top-links a {
padding: 6px 7px;
display: inline-block;
font-weight: normal;
}
.submenu-line .top-links .acc-link {
font-weight: normal;
padding: 6px 10px;
display: inline-block;
float: right;
margin-left: 5px;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.submenu-line .top-links .acc-link:hover,
.submenu-line .top-links .acc-link:focus {
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
}
.submenu-line .top-links .acc-link {
backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
display: inline-block;
transform: translateZ(0px);
vertical-align: middle;
}
.submenu-line .top-links .acc-link:hover, .submenu-line .top-links .acc-link:focus, .submenu-line .top-links .acc-link:active {
animation-duration: 0.3s;
animation-iteration-count: 1;
animation-name: hvr-push;
animation-timing-function: linear;
}
.submenu-line .top-links .acc-link span {
color: #666;
font-size: 14px;
width:12px;
line-height: 14px;
}
.user-line a.user-link {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: bold;
padding: 6px 10px;
display: inline-block;
float: right;
}
.user-line a.user-link:hover, .user-line a.user-link:focus {
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
text-decoration: none;
}
.btn-logout {
background: #646464 !important;
border: 0 !important;
padding: 6px 10px;
margin-left: 5px;
color: #fff !important;
line-height: 1.42857 !important;
-webkit-border-radius: 4px;
-moz-border-radius:4px;
border-radius: 4px;
}
.btn-logout .log-icon {
display: none;
}
@media (max-width: 768px) {
.submenu-line .top-links .acc-link {
display: none;
}
.btn-logout .log-text {
display: none;
}
.btn-logout .log-icon {
display: inline-block;
margin: 0 !important;
width: 12px;
}
}
/* end of header new */
/* header social */
#header .social{
float: left;
margin: 18px 0 0 20px;
}
.social .social-icon {
display: inline-block;
font-size: 32px;
vertical-align: top;
line-height: 32px;
margin-right: 4px;
}
#header .social .social-icon .fa {
background: none repeat scroll 0 0 #fff;
border-radius: 5px;
line-height: 27px;
}
.social-icon.twitter { color: #6DC6D9;}
.social-icon.youtube { color: #CC3516;}
.social-icon.facebook { color: #3B5998; }
#footer .social-icon {
color: #fff;
}
/* User area */
.user-area {
background-color: #eee;
border-bottom: solid 1px #e1e1e1;
padding: 5px 15px;
margin: 0 -15px 15px -15px;
}
.user-area p {
float: right;
margin: 0 0 0 20px;
}
.user-area p a {
white-space: nowrap;
}
/* navbar */
nav > h2 {
display: none;
}
.navbar {
min-height: 43px;
margin: 0 -15px 20px;
border: 0;
/* background: #2f3336 url(../images/nav-bg.png) 0 0 repeat; */
background: linear-gradient(90deg, rgba(70, 0, 131, 0.90) -4.13%, rgba(0, 143, 201, 0.90) 65.4%, rgba(149, 208, 197, 0.90) 128.06%);
font-size: 14px;
/* border-bottom: 4px solid #84BDDF; */
z-index: 3;
position: relative;
}
.navbar a,
.navbar-default .navbar-text,
.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
color: #fff;
/* font-weight: bold; */
}
.navbar-default .navbar-nav > li > a {
padding: 0px 20px 0px;
line-height: 43px;
/* text-transform: uppercase; */
}
.navbar-default .navbar-nav > li:first-child > a {
border-left: 0;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
background-color: rgba(59,179,224,0.4);
color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
color: #fff;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #c5d3d9;
color: #0f4341;
}
.dropdown-menu > li > a {
display: flex;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
border-color: #fff;
}
.navbar-text {
margin-left: 0;
}
.navbar-text .sep {
color: #78a7a6;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #000;
}
.navbar-default .navbar-toggle {
border-color: #78a7a6;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #518e8c;
}
.navbar-default .navbar-toggle:hover {
background-color: #518e8c;
}
.navbar-default .dropdown-menu {
background: #fff;
border: 0;
font-size: 13px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: #fff;
box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175);
border-radius: .83333rem;
}
.navbar-default .dropdown-menu a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}
.navbar .caret {
margin-right: -7px;
border-width: 4px 4px 0 4px;
}
.navbar .dropdown-menu > li > a {
padding: 6px 20px;
}
.navbar-default .navbar-nav > li:first-child > a {
padding-right: 30px;
text-indent: -5000px;
background-image: url(../icons/home.svg);
background-position: 14px 8px;
background-repeat: no-repeat;
width: 0;
}
.arrow_down{
background-image: url(../icons/arrow_down.svg);
width: 15px;
height: 12px;
display: inline-block;
}
.arrow_right_line{
background-image: url(../icons/arrow_back_line.svg);
width: 20px;
height: 20px;
vertical-align: middle;
display: inline-block;
margin-top: -2px;
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
}
/* submenu */
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
border-radius: .83333rem
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu > a:after {
display: inline-block;
content: " ";
width: 15px;
height: 15px;
background-image: url(../icons/arrow_right.svg);
background-repeat: no-repeat;
background-position: bottom right;
}
.dropdown-submenu.active > a:after {
border-color: transparent transparent transparent #077cc1;
}
.dropdown-submenu:hover > a:after {
border-left-color: #333;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li:hover > a {
background-color: #fff;
}
/* tools */
#tools {
padding: 25px 0;
margin: 0;
background: transparent;
}
#tools #path,
#tools #path a {
line-height: 36px;
color: #8C8C8C;
font-weight: normal;
font-size: 14px;
float: none;
margin: 0;
}
#tools #path span {
padding: 0 5px;
}
#tools p {
float: left;
margin: 5px 15px 0 0;
}
.last-breadcrumb-item{
color: #262626;
}
/* main title */
.page-header {
margin: 50px -15px 20px;
padding: 15px;
padding-bottom: 0;
border: solid #3bb3e0;
border-width: 0 0 0px 0;
background: transparent;
}
.page-header:first-child {
margin-top: 0;
}
.page-header h1 {
margin: 0;
font-size: 38px;
}
.has-controls h1 {
float: left;
}
/* hero */
.hero {
margin-bottom: 0px;
padding: 0px;
position: relative;
background-color: #216083;
}
.hero .img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.hero-inner {
margin: auto;
position: relative;
z-index: 2;
}
.hero-inner:before,
.hero-inner:after {
z-index: 1000;
content: '';
position: absolute;
top: 0;
width: 100px;
left: 0;
height: 100%;
display: block;
background: -moz-linear-gradient(right, rgba(33,96,131,0) 0%, rgba(33,96,131,1) 100%);
background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(33,96,131,0)), color-stop(100%,rgba(33,96,131,1)));
background: -webkit-linear-gradient(right, rgba(33,96,131,0) 0%,rgba(33,96,131,1) 100%);
background: -o-linear-gradient(right, rgba(33,96,131,0) 0%,rgba(33,96,131,1) 100%);
background: -ms-linear-gradient(right, rgba(33,96,131,0) 0%,rgba(33,96,131,1) 100%);
background: linear-gradient(to left, rgba(33,96,131,0) 0%,rgba(33,96,131,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bcdfee', endColorstr='#bcdfee',GradientType=1 );
}
.hero-inner:after {
left: auto;
right: 0;
background: -moz-linear-gradient(left, rgba(33,96,131,0) 0%, rgba(33,96,131,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(33,96,131,0)), color-stop(100%,rgba(33,96,131,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(33,96,131,0) 0%,rgba(33,96,131,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(33,96,131,0) 0%,rgba(33,96,131,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(33,96,131,0) 0%,rgba(33,96,131,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(33,96,131,0) 0%,rgba(33,96,131,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bcdfee', endColorstr='#bcdfee',GradientType=1 ); /* IE6-9 */
}
/* panel */
.panel {
margin-bottom: 16px;
}
.panel-default > .panel-heading {
border-radius: 6px;
}
.panel,
.panel-group .panel {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #fff;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #d6d6d6;
padding: 0;
}
.more{
display: block;
}
.equal-item .panel + .panel:last-child {
margin-bottom: 0;
}
.panel .panel-heading,
.panel .panel-heading h2,
.panel .panel-heading h3,
.panel .panel-heading h4,
.panel.tabs li a h1,
.panel.tabs li a h2,
.panel.tabs li a h3,
.panel.tabs li a h4,
.panel.tabs li a h5,
.panel.tabs li a h6{
color: #fff;
font-weight: bold;
}
.panel .panel-heading {
border: 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
background: #ebebeb;
padding: 13px 18px;
border-bottom: 1px solid #d6d6d6;
display: flex;
justify-content: flex-start;
align-items: center;
}
.panel .panel-heading h1,
.panel .panel-heading h2,
.panel .panel-heading h3,
.panel .panel-heading h4,
.panel .panel-heading h5,
.panel .panel-heading h6,
.panel.tabs li a h1,
.panel.tabs li a h2,
.panel.tabs li a h3,
.panel.tabs li a h4,
.panel.tabs li a h5,
.panel.tabs li a h6 {
color: #333;
}
.panel .panel-heading h3,
.panel.tabs li a h3 {
font-family: "Open Sans", sans-serif;
font-weight: bold;
color: #333;
}
.panel-aside{
font-size: 13px;
}
.panel-aside .panel-heading h3 {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 16px;
}
.panel-aside .panel-heading {
background: #ebebeb;
border-bottom: 1px solid #d6d6d6;
}
.panel-aside .panel-heading h3 {
color: #333;
}
.media .panel-body{
text-align: center;
}
.panel .panel-footer {
padding: 0;
background-color: #ebebeb;
border-top: 0;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
line-height: 35px;
}
.panel .panel-footer a {
color: #077cc1;
font-size: 12px;
padding-left: 15px;
}
.panel .panel-footer ul li a {
padding-left: 0px;
}
.panel-footer-more {
text-align: left;
display: block;
padding-right: 0;
}
.panel-aside .panel-footer-more {
padding-left: 15px;
}
.panel-footer-more:after {
content: '';
float: right;
width: 37px;
height: 35px;
}
.panel-footer-pager{
}
.panel .link-list,
.panel .newsletter {
margin: -15px;
line-height: 16px;
padding: 0;
list-style: none;
}
.panel .link-list li,
.panel .newsletter li {
border-bottom: 1px solid #d6d6d6;
padding: 10px 10px 10px 10px;
margin: 0;
color: #242424;
font-size: 12px;
}
.panel .newsletter li {
border: none;
}
.panel .newsletter li .image-wrap {
margin: 10px -10px 0;
padding-top: 10px;
border-top: 2px solid #999;
clear: both;
text-align: center;
}
.panel .link-list li {
padding: 10px;
min-height: 32px;
vertical-align: middle;
width: 100%;
}
.panel .link-list li:last-child{
border-bottom: none;
}
.panel .link-list li a,
.panel .newsletter .newletter-title{
color: #077cc1;
font-weight: bold;
font-size: 12px;
margin: 0;
line-height: 15px;
word-wrap: break-word;
}
.panel .link-list li p{
margin: 0;
line-height: 14px;
font-size: 11px;
}
.panel .newsletter .newletter-title{
color: #245b9f;
}
[class^="ll-"], [class*=" ll-"] {
width: 35px;
min-width: 35px;
height: 100%;
min-height: 40px;
background: transparent url(../images/ll-icon-sprite.png) 0 0 no-repeat;
display: inline-block;
float: left;
margin-right: 3px;
}
.panel .media-image{
width: 100%;
}
.link-list-icon {
color: #077cc1;
display: table-cell;
padding: 0px 10px 0 7px;
}
.reach-list-icon {
display: table-cell;
font-size: 20px;
padding: 0 14px 0 6px;
vertical-align: middle;
}
.ll-link {
background: transparent url(../images/forward-ll.png) 6px 50% no-repeat;
height: 16px;
min-height: 16px;
margin-bottom: 2px;
}
.ll-user { background-position: -5px 50%; height: 40px; }
.ll-customer { background-position: -45px 50%; height: 40px; }
.ll-email { background-position: -85px 50%; height: 40px; }
.ll-phone { background-position: -125px 50%; height: 40px; }
.ll-newsletter { background-position: -165px 50%; height: 40px; }
.panel .link-list li a + a {
margin-top: 10px;
}
.ll-icon,
.ll-content {
display: table-cell;
float: none;
vertical-align: middle;
}
.ll-email + .ll-content {
word-break: break-all;
}
.ll-content {
width: auto;
background: none;
min-height: 0;
}
.promo-right .panel-heading{
background-color: #3bb3e0;
}
.promo-item {
position: relative;
padding: 4px;
border: 9px solid #fff;
background: #8c8c8c;
padding-top: 28px;
box-sizing: border-box;
}
.promo-link{
background: #8c8c8c;
background: rgba(140,140,140,0.8);
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: auto;
height: 22px;
overflow: visible;
padding-top: 4px;
border-top: 0;
border-bottom: 0;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 14px;
display: block;
box-sizing: padding-box;
vertical-align: middle;
/* For Safari 3.1 to 6.0 */
-webkit-transition-property: all;
-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-delay: 0s;
/* Standard syntax */
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.promo-link:hover,
.promo-item:hover .promo-link{
padding-top: 50%;
padding-bottom: 0px;
height: 100%;
color: #fff;
text-decoration: none;
}
.promo-item img {
display: block;
width: 100%;
}
table.table + .panel-body {
border-top: 1px solid #ddd;
}
.announcements-content {
margin-top: 30px;
}
.panel-tabbed .panel-body-page,
.panel.tabs .tab-pane {
/*display: none;*/
/* For Safari 3.1 to 6.0 */
-webkit-transition-property: all;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-delay: 0s;
/* Standard syntax */
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
opacity: 0;
height: 0;
margin: 0;
overflow: hidden;
box-sizing: border-box;
}
.panel-tabbed .panel-body-page.active,
.panel.tabs .tab-pane.active {
display: block;
opacity: 1;
height: auto;
}
.panel.tabs .nav {
margin: 0;
padding: 0;
}
.panel.tabs .nav li {
padding: 0;
list-style: none;
margin: 0;
}
.panel.tabs .nav li a,
.panel.tabs .nav li a:hover,
.panel.tabs .nav li:hover a,
.panel.tabs .nav li.active a {
display: block;
padding: 13px 18px;
background: #ebebeb;
font-size: 16px;
color: #333;
font-weight: bold;
border: 0;
margin: 0;
border-radius: 0;
font-family: "Open Sans", sans-serif;
font-weight: bold;
}
.panel.tabs .nav li.active a{
background: #fff;
}
.panel.tabs .nav li.active a:hover,
.panel.tabs .nav li.active:hover a {
background: #fff;
color: #333;
text-decoration: none;
border: 0;
margin: 0;
border-radius: 0;
}
.panel.tabs .nav li a {
border-right: 1px solid #d6d6d6 !important;
}
.panel.tabs .nav li:first-child a {
border-top-left-radius: 4px;
}
.panel.tabs .nav li:last-child a {
border-top-right-radius: 4px;
border-right: 0 !important;
}
.panel hr {
border-color: #ddd;
}
.panel.tabs .nav-tabs {
border-bottom: 0;
}
.panel.tabs .nav-tabs li a {
border-bottom: 1px solid #d6d6d6 !important;
}
.panel.tabs .nav-tabs li.active a {
border-bottom: 1px solid #fff !important;
}
/* Text with icons */
.info-with-icon {
display: table;
width: 100%;
}
.info-with-icon span {
display: table-cell;
font-size: 32px;
color: #444;
padding: 0 10px;
vertical-align: top;
}
.info-text {
display: table-cell;
padding: 0 10px;
vertical-align: top;
}
.info-text p:last-child {
margin: 0;
}
/* Navpanel */
.panel-nav .panel-heading {
background: #2f3336 url(../images/nav-bg.png) 0 0 repeat;
}
.panel.panel-nav .panel-heading h3.panel-title {
font-size: 14px;
text-transform: uppercase;
color: #fff;
}
.panel-nav .panel-body {
padding: 0;
background: #077cc1;
}
.aside-nav,
.aside-nav ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.aside-nav li a {
padding-left: 10px;
color: #fff;
padding: 11px 0;
font-weight: normal;
}
.aside-nav li a:focus {
text-decoration: none;
}
.aside-nav li li a {
padding-left: 10px;
min-height: 24px;
line-height: 18px;
font-weight: 500;
margin: 0px;
padding-left: 35px;
padding-right: 10px;
color: #333;
}
.aside-nav > li {
border-bottom: solid 1px #ebebeb;
}
.aside-nav > li > a{
padding-left: 40px;
}
.aside-nav > li li a:before {
content: '\00BB';
margin-left: -18px;
margin-right: 10px;
font-size: 16px;
}
.aside-nav > li a {
position: relative;
}
.aside-nav > li > a:before {
content: '+';
color: #fff;
width: 16px;
height: 16px;
font-size: 18px;
padding: 2px 0px 0px 1px;
font-weight: normal;
display: inline-block;
text-indent: 0px;
text-align: center;
font-family: arial;
line-height: 11px;
margin: -1px 10px 1px -30px;
vertical-align: middle;
}
.aside-nav > li.open > a {
text-decoration: none;
color: #fff;
}
.aside-nav > li.open > a:before {
content: '-';
font-size: 25px;
padding: 0px 0px 0px 1px;
font-weight: normal;
color: #fff;
}
.aside-nav > li ul{
display: none;
}
.aside-nav > li.active ul{
display: block;
}
.aside-nav > li:last-child {
border: 0;
}
.aside-nav > li ul {
background-color: #fff;
padding: 0;
}
.aside-nav a {
color: #242424;
font-weight: normal;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
display: block;
min-height: 18px;
line-height: 17px;
padding: 6px 0px;
}
.aside-nav a:hover {
background: #05649B;
text-decoration: none;
}
.aside-nav li li a:hover {
background: #f5f5f5;
text-decoration: none;
}
.aside-nav li.active > a,
.aside-nav li.active > a:hover {
color: #fff;
text-decoration: none;
background: #05649b;
position: relative;
}
.aside-nav li li.active > a,
.aside-nav li li.active > a:hover {
background: #ebebeb;
color: #333;
}
.aside-nav > li.active > a:before {
color: #fff;
}
.aside-nav .wmprt-addnew {
display: none;
}
/* news and media */
.news-list .news-img, .other-news .news-img {
border: 4px #d2d2d2 solid;
display: block;
}
.news-list img, .other-news img {
border: 2px #fff solid;
width: 100%;
height: auto;
}
.news-block {
border-bottom: 1px dashed #373737;
padding: 22px 0 18px 0;
}
.news-block h5.date {
color: #272727;
font-size: 12px;
margin: 0;
padding: 0;
font-weight: bold;
}
.news-block h4, .other-news h4 {
color: #077cc1;
font-size: 14px;
line-height: 20px;
font-weight: bold;
}
.news-block p, .news-full-block p {
font-size: 13px;
line-height: 24px;
}
.news-block .read-more, .other-news .read-more {
/*background: url("../images/read-more-arrow.png") no-repeat scroll 0 3px transparent;*/
color: #077cc1;
display: block;
font-size: 13px;
margin-top: 25px;
/*padding-left: 18px;*/
}
.news-article {
background: none repeat scroll 0 0 #eee;
border-top: 4px solid #c9c9c9;
}
.news-article .news-img, .other-news .news-img {
border: 4px #d2d2d2 solid;
display: block;
}
.news-full-block .news-img {
margin: 0 15px 15px 0;
}
.news-article img, .other-news img {
border: 2px #fff solid;
width: 100%;
}
.news-full-block h4 {
padding-bottom: 15px;
}
.no-padding {
padding: 0px;
}
.news-full-block h5.date,
.news-full-block h4.date{
color: #077cc1;
font-size: 12px;
margin: 0;
font-weight: bold;
padding: 0 0 10px 0;
}
.news-block p, .news-full-block p {
font-size: 13px;
line-height: 24px;
}
.news-full-block p {
margin: 0 0 15px 0;
text-align: justify;
}
.other-news {
background: #eee;
margin: 10px 0 0 0;
padding: 0px 15px 20px;
}
/* article sharing */
.share h5 {
font-size: 12px;
font-weight: normal;
margin-right: 10px;
display: inline-block;
}
.share a i {
font-size: 16px;
vertical-align: middle;
}
/* article comments */
.post-your-comment h4 {
border-bottom: 1px #ececec solid;
padding: 0 0 10px 0;
}
.post-your-comment h4 span {
float: right;
font-size: 12px;
font-weight: normal;
}
.post-your-comment h4 span i{
color: #777;
font-size: 14px;
}
/* gallery */
.gallery.content-section-primary {
padding-top: 30px !important;
}
.gallery img {
border: 8px #ffffff solid;
}
.gallery .gallery-item {
margin-bottom: 15px;
min-height: 265px;
}
.gallery h5 {
color: #077cc1;
font-weight: bold;
}
.gallery .date {
margin-right: 10px;
}
.gallery-item .date {
margin-right: 10px;
}
/* album */
.album.content-section-primary {
padding-top: 30px !important;
}
.album img {
border: 8px #ffffff solid;
}
.album .album-item {
margin-bottom: 15px;
margin-top: 0px;
}
.album h5 {
color: #077cc1;
font-weight: bold;
}
.album .date {
margin-right: 10px;
}
.album-item .date {
margin-right: 0;
}
/* panel pager */
.panel-footer-pager ul {
float: right;
}
.panel-footer-pager li {
list-style: none;
float: left;
padding-top: 13px;
}
.panel-footer-pager li a {
display: block;
width: 10px;
height: 10px;
border-radius: 2px;
background-color: #8a8a8a;
margin-left: 8px;
}
.panel-footer-pager li a:focus {
outline: none;
}
.panel-footer-pager li a.active {
background-color: #077cc1;
outline: none;
}
/* accordion */
.panel-accordion .panel-heading {
background: #ebebeb;
padding: 10px 15px;
}
.panel-accordion .panel-heading a.accordion-toggle {
color: #2089C7;
margin-left: 30px;
display: block;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.panel-accordion .panel-heading a.accordion-toggle:before {
content: '-';
color: #fff;
width: 22px;
height: 22px;
font-size: 35px;
font-weight: normal;
display: inline-block;
text-indent: 0px;
text-align: center;
font-family: arial;
padding: 2px 0px 0px 0px;
line-height: 14px;
margin: -4px 10px 0px -30px;
background-color: #077cc1;
vertical-align: middle;
text-decoration: none !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.panel-accordion .panel-heading a.accordion-toggle.collapsed:before {
content: '+';
font-size: 25px;
padding: 5px 0px 0px 1px;
font-weight: bold;
}
.panel-accordion .panel-heading a.accordion-toggle:hover,
.panel-accordion .panel-heading a.accordion-toggle:focus {
text-decoration: none;
outline: none;
}
.panel-accordion,
.panel-accordion+.panel-accordion,
.panel-group .panel-accordion,
.panel-group .panel-accordion+.panel-accordion {
margin-top: 0;
margin-bottom: 4px;
border-bottom: 0;
}
.panel-accordion>.panel-heading+.panel-collapse .panel-body {
border-top: 0 !important;
border-bottom: 1px solid #d6d6d6;
}
.inner-accordion li:last-child .panel-accordion>.panel-heading+.panel-collapse .panel-body {
border-bottom: 0;
}
.inner-accordion{
list-style: none;
margin: -15px;
}
.panel-accordion .link-list {
padding: 5px 0;
}
.panel-accordion .link-list li {
padding: 5px 0 5px 10px;
border: 0;
}
.panel-accordion.panel-blue .panel-heading {
background: transparent;
padding: 0px;
display: table;
width: 100%;
background: #f5f5f5;
border: 0 !important;
position: relative;
padding: 0;
color: #333;
}
.panel-accordion.panel-blue .panel-title {
border: 1px solid #ebebeb;
border-left: 0;
-moz-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
display: table-cell;
height: 40px;
}
.panel-accordion.panel-blue .panel-heading a.accordion-toggle {
color: #333;
margin-left: 34px;
display: table-cell;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 5px;
line-height: 28px;
vertical-align: middle;
}
.panel-accordion.panel-blue .panel-heading .btn {
margin: 5px;
}
.panel-blue .panel-icon {
background: none repeat scroll 0 0 #2089c7;
-moz-border-radius: 6px 0 0 6px;
-webkit-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
color: #fff;
display: table-cell;
line-height: 30px;
padding: 5px;
text-align: center;
vertical-align: middle;
width: 40px;
}
.panel-accordion.panel-blue .panel-heading a.accordion-toggle:before {
font-family: 'FontAwesome';
content: "\f078";
font-size: 14px;
position: absolute;
top: 7px;
margin: 0 0 0 -28px;
color: #333;
padding: 0;
background: none;
line-height: 28px;
font-weight: normal;
}
.panel-accordion.panel-blue .panel-heading a.accordion-toggle.collapsed:before {
font-family: 'FontAwesome' !important ;
content: "\f053 " !important ;
font-weight: normal;
}
.panel-accordion.panel-blue .panel-title > span {
display: block;
line-height: 26px;
margin-left: 10px;
padding: 5px;
vertical-align: middle;
}
.panel-accordion.panel-blue .panel-title span.update-text {
color: green;
float: right;
font-size: 12px;
font-weight: normal;
line-height: 28px;
}
.panel-accordion.panel-blue .panel-title span.missing-text {
color: #a94442;
float: right;
font-size: 12px;
font-weight: normal;
line-height: 28px;
}
.black-text { color: #000000; }
.yellow-text { color: #8a6d3b; }
.green-text { color: #3c763d; }
.red-text { color: #a94442; }
.yellow-bg { background: #fcf8e3 !important}
.green-bg { background: #dff0d8 !important }
.red-bg { background: #f2dede !important }
.yellow-bg:hover td { background: #f5eecc !important}
.green-bg:hover td{ background: #d4efca !important }
.red-bg:hover td{ background: #f0d0d0 !important }
.panel-accordion.panel-blue .panel-body {
border-top: none !important;
border-bottom: none !important;
}
.form-control-static span.old-value, span.old-value {
text-decoration: line-through;
font-size: 12px;
color: #a94442;
}
.red-bg td {
font-size: 12px;
color: #a94442;
}
.ml-buttons-5 {
margin-left: 5px !important
}
.mt3 {
margin-top: 3px !important;
}
.mt10 {margin-top: 10px !important}
.mt15 {margin-top: 15px !important}
.mb15 {margin-bottom: 15px !important}
.mt11 {margin-top: 11px !important}
.mt20 {margin-top: 20px !important}
.mb10 {margin-bottom: 10px !important}
.mr5 {margin-right: 5px !important}
.ml5 {margin-left: 5px !important}
.mt5 {margin-top: 5px !important}
.mt7 {margin-top: 7px !important}
.mt0 {margin-top: 0px !important}
.mb0 {margin-bottom: 0px !important}
.mr0 {margin-right: 0px !important}
.mr10 {margin-right: 10px !important}
.ml10 {margin-left: 10px !important}
.mb5 {margin-bottom: 5px !important}
.mb20 {margin-bottom: 20px !important}
.pt10 {padding-top: 10px !important}
.pb10 {padding-bottom: 10px !important}
.p10 {padding: 10px !important}
.p8 {padding: 8px !important}
.pl0 {padding-left: 0px !important}
.pl20 {padding-left: 20px !important}
.pl30 {padding-left: 30px !important}
.mt24 {margin-top: 24px !important;}
.mt25 {margin-top: 25px !important;}
.ml25 {margin-left: 25px !important}
.margin-right-5 {margin-right: 5px !important;}
.margin-left-25 {margin-left: 25px !important;}
.inline-block {display: inline-block}
.bort {
border-top: 1px solid #d6d6d6;
padding-top: 10px;
margin-top: 10px;
}
.form-control-help:hover {
cursor: pointer;
color: #333;
}
.btn span.glyphicon {
top: 2px;
}
.grey-text {
color: #999;
}
.alert-collapse {
position: relative;
}
.alert-collapse:hover {
cursor: pointer;
}
.alert-collapse:before {
font-family: 'Glyphicons Halflings';
content: "\e114";
font-size: 14px;
position: absolute;
top: 0px;
left: 0px;
margin: 0;
color: #245269;
padding: 0;
background: none;
line-height: 14px;
font-weight: normal;
}
.alert-collapse.collapsed:before {
content: "\e080";
font-weight: normal;
}
.alert-collapse, .allert-collapse ul {
padding-left: 25px;
}
/* White panel */
.panel.panel-white {
background: #fff;
border: 1px solid #d6d6d6;
}
.panel.panel-white .panel-heading {
display:table;
width: 100%;
}
.panel.panel-white .panel-heading .fa,
.panel.panel-white .panel-heading .glyphicon {
display:table-cell;
vertical-align: middle;
color: #444;
font-size: 15px;
width: 23px;
}
.panel.panel-white .panel-heading h3 {
display:table-cell;
}
.panel.panel-white .panel-heading a {
display:table-cell;
text-align: right;
vertical-align: middle;
}
.panel.panel-white .panel-body {
padding: 0px;
}
.panel.panel-white ul.complex-list {
padding: 0px;
margin: 0px;
list-style: none;
}
.panel.panel-white ul.complex-list li {
padding: 0px;
margin: 0px;
}
.panel.panel-white ul.complex-list li .complex-list-item {
display: table;
padding: 10px 15px;
width: 100%;
border-bottom: 1px solid #d6d6d6;
}
.panel.panel-white ul.complex-list li:last-child .complex-list-item {
border-bottom: 0;
border-radius: 0 0 6px 6px;
}
.panel.panel-white ul.complex-list li > a:hover,
.panel.panel-white ul.complex-list li > a:focus {
background: #f5f5f5;
text-decoration: none;
}
ul.complex-list li .item-main-info {
display: table-cell;
vertical-align: middle;
}
ul.complex-list.status-list li .item-main-info {
padding-left: 10px;
}
ul.complex-list li .item-header {
font-weight: bold;
color: #333;
font-size: 13px;
display: block;
line-height: 18px;
}
ul.complex-list li .item-header.empty-header {
color:#666;
font-weight: normal;
}
ul.complex-list.status-list li .item-header {
font-size: 13px;
}
ul.complex-list li .item-subtext {
color: #666;
font-size: 11px;
}
ul.complex-list li .item-date {
font-size: #12;
color: #666;
display: table-cell;
vertical-align: middle;
width: 80px;
padding-top: 4px;
}
ul.complex-list li .item-infotext {
font-size: #12;
color: #666;
margin-bottom: 0;
margin-top: 6px;
}
ul.complex-list li .item-subtext.red-text {
color: #f55959;
}
.item-warning-text {
color: #dc8d10;
display: block;
}
.item-warning-text:before {
font-family: 'FontAwesome';
content: "\f06a";
margin-right: 5px;
}
ul.complex-list li .item-error-text {
color: #f55959;
display: block;
}
ul.complex-list li .item-error-text:before {
font-family: 'FontAwesome';
content: "\f00d";
margin-right: 5px;
}
ul.complex-list li .item-arrow {
font-size: #13;
color: #007cc1;
display: table-cell;
vertical-align: middle;
text-align: right;
width: 20px;
}
.status-item {
background: none repeat scroll 0 0 #646464;
border-radius: 4px;
height: 33px;
padding: 10px 10px;
text-align: center;
vertical-align: middle;
width: 46px;
display: table-cell;
/* font-family: "Open Sans", Arial, sans-serif; */
}
.status-item.warning-item {
background: none repeat scroll 0 0 #f55959;
}
.status-item.good-item {
background: none repeat scroll 0 0 #5b9e6e;
}
.status-item > span {
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 15px;
vertical-align: middle;
display: block;
}
.status-item > span.glyphicon {
font-size: 12px;
}
ul.complex-list.no-link li .complex-list-item {
min-height: 34px;
}
/* end of white panel */
/* Panel Group */
.content-section-primary .panel-group,
.content-section .panel-group {
margin: 0 -15px;
}
/* Login panel */
.login-title{
font-size: 20px;
font-weight: bold;
margin-top: 0;
margin-bottom: 30px;
}
.panel-login {
background: #077cc1;
border: 0;
}
.panel-login .panel-heading {
background: #eee;
border-top: solid 4px #8c8c8c;
color: #077cc1;
}
.panel-login .panel-body {
padding: 0;
text-align: center;
color: #fff;
}
.login-header{
position: relative;
}
.login-header h4{
display: inline-block;
font-weight: bold;
position: absolute;
width: 100%;
left: 0;
top: 45%;
padding: 0 20px;
}
.login-choices {
background: #2b2b2b url(../images/nav-bg.png) 0 0 repeat;
}
.login-choices > div{
border-right: solid 5px #8c8c8c;
padding-bottom: 77px;
position: relative;
}
.login-choices > div:last-child {
border-right: 0;
}
.panel-login .panel-footer {
margin-bottom: 0;
}
.login-option-title {
font-size: 14px;
font-weight: bold;
margin: 13px 0 12px;
line-height: 25px;
}
.login-option-text{
font-size: 9px;
}
.login-input{
border-radius: 0;
border-color: #9d9d9d;
}
.has-error .login-input{
border-color: #9d9d9d;
}
.panel-login .has-error .help-block,
.panel-login .has-error .control-label,
.panel-login .has-error .radio,
.panel-login .has-error .checkbox,
.panel-login .has-error .radio-inline,
.panel-login .has-error .checkbox-inline {
color: #ffa200;
}
.panel-login .help-block{
padding-top: 10px;
display: block;
text-align: center;
font-size: 10px;
line-height: 16px;
float: none;
clear: both;
margin-bottom: 0;
}
.panel-legin .form-group{
margin-bottom: 0;
}
.login-option-decal{
background: transparent url(../images/login-decals-sprite.png) 0 0 no-repeat;
width: 170px;
margin: auto;
height: 230px;
}
.login-option-decal-smart{
background-position: -170px 0;
}
.login-option-decal-mobile{
background-position: -340px 10px;
height: 160px;
}
.btn-login{
position: absolute;
height: 37px;
border-radius: 0;
border: solid 4px #3bb3e0;
background: #077cc1;
bottom: 33px;
left: 50%;
margin-left: -33.33333333%;
text-align: left;
line-height: 18px;
}
.btn-login:hover,
.btn-login:focus{
color: #fff;
background: #076da8
}
.icon-arrow-right {
display: inline-block;
width: 20px;
height: 20px;
background: transparent url(../images/arrow-right.png) no-repeat 0 0;
}
.btn-login .icon-arrow-right {
float: right;
margin-top: -1px;
}
.panel-login .panel-footer{
background: #eee;
color: #077cc1;
line-height: 44px;
font-weight: bold;
padding: 0 20px;
font-size: 13px;
}
.panel-login .panel-footer a{
color: #077cc1;
font-weight: bold;
font-size: 13px;
}
.form-control-help {
padding-top: 0;
padding-bottom: 0;
}
.input-group-btn .form-control-help.btn{
padding-top: 6px;
padding-bottom: 6px;
}
/* content title */
.title .title-action {
margin-bottom: 10px;
}
.title + .form-horizontal {
margin-top: 10px;
}
.title + .row {
margin-top: 10px;
}
h2.title-toggle a,
h3.title-toggle a,
h4.title-toggle a {
display: block;
padding-left: 20px;
}
h2.title-toggle a:before,
h3.title-toggle a:before,
h4.title-toggle a:before {
float: left;
margin: 7px 10px 0 -20px;
border: solid;
border-width: 5px 5px 0;
border-color: #333 transparent transparent transparent;
content: '';
vertical-align: top;
}
h2.title-toggle a.collapsed:before,
h3.title-toggle a.collapsed:before,
h4.title-toggle a.collapsed:before {
margin: 3px 10px 0 -17px;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #333;
}
/* accordion */
.accordion {
padding: 0 20px;
margin: 0;
}
.accordion-header .title-toggle{
}
.accordion-row {
padding: 0;
margin: 0;
list-style: none;
}
.accordion-row .accordion-content {
height: 0;
overflow: hidden;
}
.accordion-row.active .accordion-content {
}
/* content */
.content.container {
padding: 20px 30px 50px;
margin-bottom: 50px;
box-sizing: border-box;
min-height: 100%;
border-radius: 24px;
border: 1px solid #E6E6E6;
background: #FFF;
box-shadow: 0px 2px 6px 0px rgba(6, 6, 6, 0.05);
}
.content .page-header {
margin-left: -15px;
margin-right: -15px;
padding: 15px 15px 10px;
}
.content .page-header .h1-subtext {
color: #666;
font-size: 12px;
margin-bottom: 0px;
margin-top: 3px;
}
/*
aside + .content .page-header,
.content .page-header {
margin-left: 0;
margin-right: 0;
padding: 0 0 0px;
}*/
.content .content-section-primary,
.content .content-section{
background: #fff;
display: block;
padding: 10px 15px 10px;
border-radius: 0;
margin-top: 0;
}
.content .content-section{
border-top: 0;
}
.content-section-primary .section-tools i,
.content-section .section-tools i {
font-size: 18px;
}
.content-section-primary .section-tools,
.content-section .section-tools {
margin-bottom: 10px;
}
.content-section-primary .section-controls,
.content-section .section-controls {
margin-top: 15px;
margin-bottom: 5px;
}
.content-section-primary .content-image,
.content-section .content-image {
border: 4px #d2d2d2 solid;
display: block;
}
.content-section-primary .content-image img,
.content-section .content-image img {
width: 100%;
display: block;
border: 0;
margin: auto;
}
.content-section-primary .content-image .image-wrap,
.content-section .content-image .image-wrap,
.content-section-primary .content-image > img,
.content-section .content-image > img {
border: 2px #fff solid;
display: block;
max-width: 100%;
overflow: hidden;
text-align: center;
background: #fff;
}
.col-lg-6 .content-image .image-wrap img {
width: auto;
max-width: none;
height: 200px;
}
.col-lg-3 .content-image .image-wrap img {
width: auto;
max-width: none;
height: 100px;
}
.content-section-primary .content-image.pull-right,
.content-section .content-image.pull-right {
margin: 20px 0 0 20px;
}
.content-section-primary .content-image.pull-left,
.content-section .content-image.pull-left,
.news-full-block .content-image {
margin: 0 20px 20px 0;
}
/* table */
table.table thead th {
background: #ebebeb;
text-shadow: none;
color: #333;
}
table.table thead tr th:first-child {
border-radius: 4px 0 0 4px;
}
table.table thead tr th:last-child {
border-radius: 0 4px 4px 0;
}
table.table tbody.filter td {
background: #f5f5f5;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
border: 1px solid #d6d6d6;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top: 0;
border-bottom: 1px solid #d6d6d6;
vertical-align: middle;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
border: 0;
}
table.table tbody.filter p.hint {
position: relative;
margin: 0;
}
table.table tbody.filter p.hint span {
display: none;
position: absolute;
max-width: 100%;
margin: 0 5px;
padding: 2px 5px;
background: #b7dfff;
font-size: 10px;
line-height: 14px;
font-weight: bold;
text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}
table.table tbody.filter input:focus + p.hint span,
table.table tbody.filter select:focus + p.hint span {
display: block;
}
table.table td.check {
width: 1%;
}
table.table .toggle-subrow,
table.table .action-menu {
width: 1%;
padding: 0 !important;
}
table.table tr.status-waiting {
color: #999;
}
tr.accordion-toggle:hover {
cursor: pointer;
}
table .hiddenRow {
padding: 0 !important;
border-bottom: 0px !important;
background: #f5f5f5;
}
table .hiddenRow .collapse.in {
border-bottom: 1px solid #d6d6d6;
}
.td-icon {
width: 30px;
}
.tr-collapse td:first-child, td.tr-collapse {
position: relative;
}
.tr-collapse td:first-child, td.tr-collapse {
padding-left: 30px; !important;
}
.tr-collapse td:first-child:before,
td.tr-collapse:after {
font-family: 'FontAwesome' !important;
content: "\f078";
top: 7px;
left: 10px;
color: #333;
font-weight: normal;
}
.tr-collapse.collapsed td:first-child:before,
td.tr-collapse.collapsed:after {
content: "\e080";
font-weight: normal;
}
.tr-collapse.collapse-hasbuttons td:first-child:after,
td.tr-collapse.collapse-hasbuttons:after {
top: 14px;
}
ul.action-links {
list-style: none;
margin: 0;
padding: 8px;
white-space: nowrap;
}
.table-actions {
background: #ebebeb;
border-top: 1px solid #d6d6d6;
padding: 8px 0;
}
.table-actions .form-group {
margin: 0px;
}
tr.no-border td {border: 0 !important}
/* hierarchy tabel */
.hierarchy-table tr th:first-child {
border-radius: 4px 0 0 4px !important;
}
.hierarchy-table tr.selected td {
background: #f5f5f5 none repeat scroll 0 0;
}
.hierarchy-table tr.active td {
background: #bce8f1 !important;
}
.hierarchy-table tr td a, .hierarchy-table tr td a:hover {
text-decoration: none;
}
.hierarchy-table .btn.exp:hover, .hierarchy-table .btn.exp:focus {
color: #076ba6;
box-shadow: none;
}
table.table TR.level-1 TD.first {
padding-left: 10px;
}
table.table TR.level-1 TD.first.empty {
padding-left: 15px;
}
table.table TR.level-2 TD.first {
padding-left: 28px;
}
table.table TR.level-2 TD.first.empty {
padding-left: 33px;
}
table.table TR.level-3 TD.first {
padding-left: 46px;
}
table.table TR.level-3 TD.first.empty {
padding-left: 51px;
}
table.table TR.level-4 TD.first {
padding-left: 64px;
}
@media (min-width: 991px) {
.w90 {
width: 90% !important;
}
}
td.w1p {
width: 1%;
}
p.meta a + strong {
margin-left: 20px;
}
/* table sortable */
table.table th.sort {
padding: 0;
}
table.table th.sort a {
display: block;
position: relative;
padding: 8px 30px 8px 8px;
color: #000;
}
table.table th.sort a:before,
table.table th.sort a:after {
position: absolute;
border: solid;
border-width: 0 4px 4px;
border-color: transparent transparent #666;
content: '';
}
table.table th.sort a:hover:before,
table.table th.sort a:focus:before {
border-color: transparent transparent #000;
}
table.table th.sort a:before {
top: 14px;
right: 10px;
}
table.table th.sort a:after {
top: 20px;
right: 10px;
border-width: 4px 4px 0;
border-color: #666 transparent transparent;
}
table.table th.sort a:hover:after,
table.table th.sort a:focus:after {
border-color: #000 transparent transparent;
}
table.table th.sort.descending,
table.table th.sort.ascending {
background: #cbcbcb;
}
table.table th.sort.descending a:before {
display: none;
}
table.table th.sort.descending a:after {
top: 17px;
border-color: #000 transparent transparent;
}
table.table th.sort.ascending a:after {
display: none;
}
table.table th.sort.ascending a:before {
top: 17px;
border-color: transparent transparent #000;
}
/* pagination */
table.table + .pagination {
margin-top: 0;
}
.pagination .total,
.pagination .link {
display: inline-block;
padding: 6px 12px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background: #077cc1;
border-color: #077cc1;
}
.pagination .last-in-group a,
.pagination .last-in-group span {
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.pagination>li.link>a,
.pagination>li.total>a {
background: transparent;
border: 0;
text-decoration: none;
display: inline;
padding: 0;
line-height: 18px;
float: none;
}
.pagination>li.link>a:hover, .pagination>li.link>a:focus, .pagination li.link.last-in-group a,
.pagination>li.total>a:hover, .pagination>li.total>a:focus, .pagination li.total.last-in-group a {
text-decoration: underline;
}
/* form */
.form-horizontal.left-aligned .control-label {
text-align: left;
}
.form-horizontal-compact {
margin-bottom: 20px;
}
.form-horizontal-compact .form-group {
margin-bottom: 5px;
}
.form-control.light-blue {
background: #E8F1F7;
}
.req {
color: #c00;
}
.date-field {
position: relative;
padding-left: 31px
}
.task-date-field {
position: relative;
}
.calendar-icon {
color: #333;
left: 20px;
position: absolute;
top: 10px;
}
.date-field.input-sm {
padding-left: 28px
}
.date-field.input-sm + .calendar-icon {
left: 18px;
top: 8px;
}
.dt-calendar {
position: relative;
padding-left: 31px
}
.relative {
position: relative;
}
td.relative .calendar-icon {
left: 18px;
top: 15px !important;
}
.twitter-typeahead {
display: block !important;
}
.tt-hint {
border: 1px solid transparent;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
vertical-align: middle;
width: 100%;
}
.tt-dropdown-menu {
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
font-size: 14px;
left: 0;
list-style: none outside none;
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
}
.tt-suggestion {
padding: 3px 13px;
}
.tt-suggestion:hover,
.tt-suggestion:focus,
.tt-is-under-cursor {
background: #f5f5f5;
}
.tt-suggestion p {
margin: 0;
}
.input-group .input-group-addon {
border-width: 1px;
}
.input-group .twitter-typeahead:first-child .form-control {
border-radius: 4px 0 0 4px;
}
.twitter-typeahead + .input-group-btn .icon-caret:before {
content: '';
border-top: 0.6em solid #000;
border-left: 0.3em solid transparent;
border-right: 0.3em solid transparent;
width: 0;
box-sizing: content-box;
display: inline-block;
}
.twitter-typeahead:before, .twitter-typeahead:after{
content: '';
display: table;
}
.twitter-typeahead:after{
clear: both;
}
.tt-dropdown-menu {
max-height: 200px;
overflow-y: auto;
width: 100%;
}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
background: red;
cursor: inherit;
display: block;
}
input[readonly] {
background-color: white !important;
cursor: text !important;
}
.btn-link.form-control-help {
padding: 0 5px;
}
input[type=radio] {
margin: 0;
vertical-align: middle;
}
/* multiselect */
.multiselect.btn,
.multiselect.btn:hover, .multiselect.btn:focus, .multiselect.btn:active, .multiselect.btn.active, .open .multiselect.dropdown-toggle.btn-default {
text-align: left;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
-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;
position: relative;
padding: 6px 16px;
}
.multiselect.btn .caret {
position: absolute;
right: 12px;
top: 14px;
}
.multiselect-container>li>a>label {
padding-top: 5px !important;
padding-bottom: 5px;
}
.multiselect-container .input-group .input-group-addon {
border-width: 1px 0 1px 1px;
}
/* news */
.article-short {
list-style: none;
padding: 0;
color: #272727;
}
.article-short li {
border-right: solid 1px #d8d7d7;
float: left;
}
.article-short li:last-child {
border: 0;
}
.article-short h4 {
font-weight: bold;
color: #077cc1;
margin-top: 0;
}
.article-short-image {
width: 120px;
float: left;
margin-right: 15px;
position: relative;
}
.article-text {
display: block;
padding-left: 135px;
}
.article-short-image img {
width: 100%;
}
.article-short .status {
display: block;
background: #373737;
font-size: 10px;
color: #fff;
text-align: center;
padding: 0 5px;
line-height: 15px;
margin-bottom: 10px;
}
.article-short .read-more {
display: block;
clear: both;
}
/* tabs */
.nav-tabs > li.actions {
float: right;
padding-top: 4px;
padding-bottom: 4px;
}
.tab-pane {
padding-top: 20px;
}
.panel-default.tabs .tab-pane {
padding-top: 0px;
}
/* process */
.steps {
margin: 10px 0 20px 0;
padding: 0;
list-style: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #f5f5f5;
}
.steps > li,
.steps a.step,
.steps span.step,
.steps a.step strong,
.steps span.step strong {
position: relative;
padding: 0;
float: left;
}
.steps > li {
margin-right: 0px;
box-sizing: border-box;
width: auto;
}
.steps > li.active {
margin-right: 0;
}
.steps a.step,
.steps span.step {
padding: 0 25px 0 0;
overflow: hidden;
width: 100%;
}
.steps li:last-child a.step,
.steps li:last-child span.step {
padding: 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.steps li:first-child a.step,
.steps li:first-child span.step {
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
margin-left: 0;
}
.steps a.step strong,
.steps span.step strong {
position: relative;
z-index: 1;
padding: 15px 10px 15px 20px;
width: 100%;
font-size: 12px;
}
.steps li.active .step strong,
.steps li.active + li .step strong,
.steps li:first-child .step strong {
padding-left: 20px;
}
.steps a.step:before,
.steps a.step:after,
.steps span.step:before,
.steps span.step:after {
position: absolute;
top: -3px;
right: 0;
border: solid;
border-width: 28px 0 24px 26px;
content: '';
}
.steps a.step:before,
.steps span.step:before {
border-color: transparent transparent transparent #e5e5e5;
}
.steps a.step:after,
.steps span.step:after {
right: 2px;
border-color: transparent transparent transparent #f5f5f5;
}
.steps li:last-child a.step:after,
.steps li:last-child span.step:after,
.steps li:last-child a.step:before,
.steps li:last-child span.step:before {
border-width: 0px
}
.steps > .active a.step:after,
.steps > .active span.step:after {
border-color: transparent transparent transparent #077cc1;
}
.steps > .active a.step strong,
.steps > .active span.step strong {
background: #077cc1;
}
.steps > .active a.step,
.steps > .active span.step {
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
margin-left: 0;
}
.steps > .active:before,
.steps > .active:after {
position: absolute;
left: -25px;
border: solid;
border-width: 13px;
content: '';
}
.steps > .active:before {
top: 0;
border-color: #077cc1 #077cc1 transparent transparent;
}
.steps > .active:after {
bottom: 0;
border-color: transparent #077cc1 #077cc1 transparent;
}
.steps > .active:first-child:after,
.steps > .active:first-child:before {
display: none;
}
.steps .step-action {
margin: 5px;
}
/* buttons */
.btn-default {
color: #333333;
background-color: #fff;
border-color: #b5b5b5;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
/* .open .dropdown-toggle.btn-default {
color: #333;
background-color: #f5f5f5;
border-color: #b5b5b5;
} */
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #dde8ed;
border-color: #c5d3d9;
}
.btn-default .badge {
color: #E8F1F7;
background-color: #333;
}
.btn-primary {
color: #ffffff;
background-color: #077cc1;
border-color: #076ba6;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #076ba6;
border-color: #076b9b;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #077cc1;
border-color: #076ba6;
}
.btn-primary .badge {
color: #077cc1;
}
.btn-back {
float: right;
}
.btn-sm .fa, .btn-sm .glyphicon {
line-height: 11px;
margin-right: 3px;
}
.twitter-typeahead + .input-group-btn .icon-caret::before {
border-left: 0.3em solid transparent;
border-right: 0.3em solid transparent;
border-top: 0.6em solid #000;
box-sizing: content-box;
content: "";
display: inline-block;
width: 0;
}
/* Tabs */
.nav-tabs > li > a {
border-width: 1px;
border-style: solid;
border-color: #ebebeb #ebebeb transparent;
border-radius: 6px 6px 0 0;
line-height: 1.42857;
margin-right: 2px;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav > li > a:hover, .nav > li > a:focus {
background-color: #eee;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
background-color: #fff;
border-color: #d6d6d6 #d6d6d6 transparent;
color: #333;
font-weight: bold;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
outline: 0 none;
}
/* modal */
.modal-dialog-loader {
width: 260px;
text-align: center;
}
.modal-title {
font-size: 16px;
font-weight: bold;
}
.modal-dialog-loader .modal-content {
padding: 40px 20px 20px;
}
.modal-dialog-loader img {
margin: 0 auto;
}
.modal-dialog-loader a {
display: block;
margin: 40px 0 0;
}
.modal-open-loader .modal-backdrop {
background-color: #fff;
opacity: 0.1;
filter: alpha(opacity=10);
}
.modal.in .modal-dialog {
z-index: 10000;
}
.modal-footer {
padding: 9px 10px 10px;
display: flex;
justify-content: flex-end;
}
@media (min-width: 992px) {
.modal-footer .col-md-2 {
min-width: 16.66666667%;
width: auto;
}
}
/* lists */
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
background-color: #077cc1;
border-color: #077cc1;
}
/* footer */
#footer {
padding-top: 0px;
padding-bottom: 0px;
background: #252525;
color: #8c8989;
}
#footer a {
color: #fff;
}
#footer p {
margin: 10px 0 0;
}
#footer h2 {
margin: 20px 0 0;
color: #fff;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
}
#footer .row > div {
padding: 30px 15px;
}
#footer .row > div:first-child{
padding-right: 0;
}
#footer .row > div:first-child h2 {
margin: 0;
}
#footer .row > div:first-child {
border-left: 0;
}
#footer ul {
margin: 17px 0 0;
padding: 0;
list-style: none;
font-size: 12px;
color: #8c8989;
}
#footer ul li,
#footer ul a {
line-height: 15px;
padding: 5px 0;
font-size: 12px;
letter-spacing: 0.2px;
}
#footer ul a {
color: #8c8989;
}
#footer ul.alt {
margin-top: 9px;
}
#footer ul.alt li {
text-transform: none;
padding: 12px 0;
border-bottom: 1px solid #505152;
font-size: 14px;
letter-spacing: 0px;
}
#footer ul.alt li:last-child {
padding-bottom: 0;
border-bottom: 0;
font-size: 13px;
}
#footer ul.alt a {
text-transform: none;
color: #3bb3e0;
font-size: 14px;
letter-spacing: 0px;
white-space: nowrap;
}
#footer .copy {
padding: 15px 0px;
border-top: 1px solid #4b4b4b;
font-size: 13px;
color: #8c8989;
line-height: 20px;
}
#footer .row + .copy {
}
#footer .copy p {
margin: 0;
line-height: 40px;
}
#footer .copy p a img {
height: 40px;
}
#footer .copy a,
#footer .languages a {
color: #827f7f;
}
#footer a:hover,
#footer a:focus {
color: #999696;
}
#footer .social {
margin-left: -5px;
}
#footer .social a {
color: #827f7f;
color: #fff;
/*font-size: 20px;*/
text-shadow: none;
line-height: 28px;
/*margin-right: 2px;*/
}
#footer .social a:hover,
#footer .social a:focus {
text-decoration: none;
color: #999696;
color: #fff;
}
#footer .languages {
float: right;
padding: 0 10px;
/*border-left: solid 1px #827f7f;*/
}
#footer .languages a {
line-height: 28px;
margin: 0 5px;
}
#footer .languages a i {
margin-bottom: -1px;
}
#footer .store_links {
margin-top: 17px;
}
#footer .store_links a{
margin-top: 10px;
display: block;
}
#logo-mobile-app {
display: block;
height: 96px;
margin-top: 21px;
background: url(../images/logo-mobile-app.png) 50% 0 no-repeat;
}
.footer-logos {
padding: 3rem 0;
text-align: center;
background: #f5f5f5;
border-top: 1px solid #d6d6d6;
}
.footer-logos .footer-logo {
display: inline-block;
width: 253px;
height: 77px;
background: url(../images/logos-footer.png) no-repeat;
}
.footer-logos .footer-logo.logo01 { background-position: 0 0; }
.footer-logos .footer-logo.logo02 { background-position: 0 0; }
.footer-logos .footer-logo.logo03 { background-position: 0 0; }
.footer-logos .footer-logo.logo04 { background-position: 0 0; }
.footer-logos .footer-logo.logo05 { background-position: 0 0; }
.footer-logos .footer-logo.logo06 { background-position: 0 0; }
.footer-logos .footer-logo.logo07 { background-position: 0 0; }
.footer-logos .footer-logo.logo08 { background-position: 0 0; }
.footer-logos .footer-logo.logo09 { background-position: 0 0; }
.footer-logos .footer-logo.logo10 { background-position: 0 0; }
.footer-logos .footer-logo.logo11 { background-position: 0 0; }
.footer-logos .footer-logo.logo12 { background-position: 0 0; }
.footer-logos .footer-logo.logo13 { background-position: 0 0; }
.footer-logos .footer-logo.logo14 { background-position: 0 0; }
.footer-logos .footer-logo.logo15 { background-position: 0 0; }
/* classes */
.align-right {
text-align: right !important;
}
.align-center {
text-align: center !important;
}
/* application statuses */
.app-status {
margin-left: -5px;
padding: 7px 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.app-status.success {
background-color: #dff0d8;
}
.app-status.warning {
background-color: #fcf8e3;
}
.app-status.danger {
background: #f2dede;
}
.no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.number-input {
width: 130px;
text-align: right;
}
.modal-title {
font-size: 16px;
font-weight: bold;
}
/* grid */
.col-xs-2p4,
.col-sm-2p4,
.col-md-2p4,
.col-lg-2p4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-2p4 {
width: 20%;
}
@media (min-width: 768px) {
.col-sm-2p4 {
float: left;
}
.col-sm-2p4 {
width: 20%;
}
}
@media (min-width: 992px) {
.col-md-2p4 {
float: left;
}
.col-md-2p4 {
width: 20%;
}
}
@media (min-width: 1200px) {
.col-lg-2p4 {
float: left;
}
.col-lg-2p4 {
width: 20%;
}
}
/* icon font */
@font-face {
font-family: 'fontello';
src: url('../fonts/fontello.eot?79720402');
src: url('../fonts/fontello.eot?79720402#iefix') format('embedded-opentype'),
url('../fonts/fontello.woff?79720402') format('woff'),
url('../fonts/fontello.ttf?79720402') format('truetype'),
url('../fonts/fontello.svg?79720402#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
}
.icon-reddit:before { content: '\e800'; } /* '' */
.icon-linkedin:before { content: '\e801'; } /* '' */
.icon-mail-alt:before { content: '\e802'; } /* '' */
.icon-gplus:before { content: '\e803'; } /* '' */
.icon-calendar:before { content: '\e804'; } /* '' */
.icon-th:before { content: '\e805'; } /* '' */
.icon-picture:before { content: '\e806'; } /* '' */
.icon-video:before { content: '\e807'; } /* '' */
.icon-clock:before { content: '\e808'; } /* '' */
.icon-star-2:before { content: '\e809'; } /* '' */
.icon-star-empty-1:before { content: '\e80a'; } /* '' */
.icon-android:before { content: '\e80b'; } /* '' */
.icon-apple:before { content: '\e80c'; } /* '' */
.icon-facebook:before { content: '\e80d'; } /* '' */
.icon-twitter:before { content: '\e80e'; } /* '' */
.icon-instagramm:before { content: '\e80f'; } /* '' */
.icon-pinterest:before { content: '\e810'; } /* '' */
.icon-lock:before { content: '\e811'; } /* '' */
.icon-globe:before { content: '\e812'; } /* '' */
/* font */
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans-bold-webfont.eot');
src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-bold-webfont.woff') format('woff'),
url('../fonts/opensans-bold-webfont.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans-regular-webfont.eot');
src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-regular-webfont.woff') format('woff'),
url('../fonts/opensans-regular-webfont.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans-light-webfont.eot');
src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-light-webfont.woff') format('woff'),
url('../fonts/opensans-light-webfont.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
/* responsive */
@media (min-width: 320px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
display: table;
content: " ";
}
.dl-horizontal dd:after {
clear: both;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
display: table;
content: " ";
}
.dl-horizontal dd:after {
clear: both;
}
}
@media (min-width: 768px) {
html,
body {
/* background: #fff url(../images/bg2.jpg) repeat-y 50% 0; */
background-size: auto;
}
.header-inner {
padding: 0px;
}
#page {
min-height: 100%;
/*-moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);
box-shadow: 0 0 30px rgba(0,0,0,0.3);*/
}
#login {
top: 20px;
-moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);
box-shadow: 0 0 30px rgba(0,0,0,0.3);
}
.user-area {
padding-left: 30px;
padding-right: 30px;
margin-left: -30px;
margin-right: -30px;
}
#logo-ie {
top: 50px;
left: 47px;
width: 133px;
height: 57px;
margin: 40px 30px 0 0;
background-size: 133px 57px;
}
#logo-moci {
width: 278px;
height: 126px;
background-size: 278px 126px;
}
#logo-ie a {
width: 133px;
height: 57px;
}
#logo-moci a {
width: 278px;
height: 126px;
}
.navbar {
margin: 0 0 0px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #000;
}
.navbar-default .navbar-nav .open .dropdown-menu > li:hover > a,
.navbar-default .navbar-nav .open .dropdown-menu > li:focus > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #000;
background-color:#d0e8f4;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a.active {
background: #fff;
color: #000;
}
.navbar-default .navbar-nav .open .dropdown-menu > li:hover > a:after,
.navbar-default .navbar-nav .open .dropdown-menu > li:focus > a:after,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover:after,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus:after,
.navbar-default .navbar-nav .open .dropdown-menu > li > a.active:after {
border-left-color: #fff;
}
.navbar-text {
margin-left: 30px;
}
.navbar-collapse {
padding: 0;
}
.navbar-inner.container {
padding: 0;
}
.hero {
display: block;
}
.hero-inner {
width: 768px;
}
.hero + #tools {
border-bottom: solid 17px #3bb3e0;
}
.content .page-header {
margin-left: -30px;
margin-right: -30px;
padding: 15px 30px 10px;
}
h2.title-toggle {
/*margin-left: -20px;*/
}
.steps .step-action {
float: right;
}
.modal-dialog-wide {
width: auto;
margin-left: 10px;
margin-right: 10px;
max-width: 900px;
}
#footer h2 {
margin: 0;
}
#footer .copy {
}
#footer .row + .copy {
}
}
@media (min-width: 920px) {
.modal-dialog-wide {
width: 900px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 992px) {
.title h2,
.title h3
.title h4 {
float: left;
}
.title .title-action {
float: right;
margin-top: 22px;
}
.title .title-toggle+.title-action {
margin-top: 15px;
}
.hero-inner {
width: 992px;
}
.page-header .title-action {
float: right;
margin-top: 4px;
}
}
@media (min-width: 1200px) {
.hero-inner {
width: 1200px;/* 402 */
}
}
@media (min-width: 1500px) {
.hero-inner {
width: 1500px;/* 402 */
}
}
/* mobile view */
@media (max-width: 767px) {
.hero {
display: none;
}
header h1{
float: none;
display: block;
}
.header-group{
display: block;
float: none;
margin-left: 0;
margin-top: 13px;
padding-top: 13px;
border-left: 0;
border-top: solid 2px #7d7d7d;
height: auto;
}
#header .social{
float: none;
clear: both;
border-top: solid 2px #7d7d7d;
padding-top: 10px;
margin-top: 0;
}
.navbar{
margin: 0;
}
.navbar-collapse {
max-height: none;
}
.navbar-default .navbar-nav > li:first-child > a {
width: 100%;
}
.panel-aside{
margin-left: 0;
}
.equal-item{
height: auto !important;
}
.equal-item .panel + .panel:last-child {
margin-bottom: 20px;
}
.col-md-4.equal-item{
margin-bottom: 20px;
}
.login-header h4 {
position: static;
margin-top: 20px;
}
.login-choices > div {
border: 0 !important;
border-bottom: solid 5px #8c8c8c !important;
}
.login-choices > div:last-child{
border: 0 !important;
}
.btn-login{
width: 66.666666%;
}
#footer .row > div{
height: auto !important;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
border-top: 1px solid #4b4b4b;
}
#logo-mobile-app{
background-position: 0 0;
}
#footer .row .mobile_exception h2 {
text-align: left;
}
#footer .copy{
margin: 0;
}
#footer .social,
#footer .languages,
#footer .copy p{
float: none;
display: inline-block;
margin-left: 20px;
padding-right: 20px;
}
#footer .social,
#footer .languages{
border-left: 0;
padding-right: 10px;
margin-left: 5px;
}
#footer .languages{
border-right: 0;
}
}
/* Mobile number custom */
.select2-container--default .select2-selection--single {
height: 34px !important;
border: 1px solid #ccc !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
}
.js-states-selector .select2-container--default .select2-selection--single {
border-bottom-right-radius: 0 !important;
border-right-width: 0 !important;
border-top-right-radius: 0 !important;
}
.input-group-sm .select2-container--default .select2-selection--single {
height: 30px !important;
}
.js-states {
width: 50px !important;
}
.select2-hidden-accessible {
height: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 32px !important;
}
.input-group-sm .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 30px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 32px !important;
}
.input-group-sm .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 28px !important;
}
.select2-results span img {
margin-top: -2px;
margin-right: 5px;
}
.mobile-number .input-group-addon {
border-right: 0px;
}
.mobile-number select {
display: none !important;
}
.input-group-sm.mobile-number .input-group-addon {
height: 18px !important;
}
span.c_code {
display: inline-block;
margin-right: 5px;
text-align: right;
width: 30px;
}
.select2-container--open .select2-dropdown {
width: 300px !important;
}
.select2-container--open .select2-dropdown.select2-dropdown--above {
border: 1px solid #ccc !important;
margin-bottom: -1px !important;
}
.select2-container--open .select2-dropdown.select2-dropdown--below {
border: 1px solid #ccc !important;
margin-top: -1px !important;
}
/* new process steps */
ol.progress-tracker {
margin: 0 0 40px 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: row;
width: 100%;
}
ol.progress-tracker li {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
line-height: 16px;
padding-bottom: 30px;
position: relative;
font-weight: bold;
flex:2;
}
ol.progress-tracker li span {
margin: 0 10px;
border: 2px solid #007cc1;
background: #fff;
border-radius: 4px;
bottom: -20px;
color: #007cc1;
font-size: 16px;
height: 40px;
left: 50%;
line-height: 36px;
width: 40px;
}
ol.progress-tracker li.progress-tracker-done,
ol.progress-tracker li.progress-tracker-active {
color: #333;
}
ol.progress-tracker li.progress-tracker-todo {
color: #999;
}
ol.progress-tracker li.progress-tracker-done span {
border: 2px solid #2E359D;
background: #007cc1;
color: #fff;
}
ol.progress-tracker li.progress-tracker-todo span {
border: 2px solid #999;
color: #999;
}
.width-auto {
width: auto;
}
.typeahead.dropdown-menu > li > a {
white-space: normal;
}
.panel-body p.pb10,
.panel-body p.mb10 {color: #666}
/* Tree */
.tree ul {
padding-left: 20px;
}
.tree > ul {
margin-bottom: 0px;
}
.tree li {
list-style-image:none;
list-style:none;
padding-bottom:10px;
}
.tree ul li:last-child {
margin-top: 1px
}
.tree li {
background:url("../images/tree-list.png") no-repeat 1px 8px transparent;
list-style-position:inside;
list-style:none;
padding-left:15px;
border-left:1px dotted #6d6c6a;
border-collapse:collapse;
}
.tree li ul {
margin-top:10px;
}
.tree ul > li:last-child {
border:0 none;
background:url("../images/tree-list-last.png") no-repeat 0 -5px transparent;
}
.meta {
color:#666;
font-size: 11px;
}
/* Improved search */
.search-line {
background: #efefef none repeat scroll 0 0;
border: 1px solid #d6d6d6;
border-radius: 5px;
padding: 10px;
margin-bottom: 20px;
}
.relative {
position: relative;
}
.relative .calendar-icon {
left: 13px;
}
.clear-input {
position: absolute;
top: 8px;
right: 8px;
}
.nowrap {white-space: nowrap}
.hierarchy-row {
cursor: pointer;
cursor: hand;
color: #077cc1;
}
.hierarchy-row:hover,
.hierarchy-row:focus {
color: #0775b5;
}
table.table TR.level-1.hierarchy-row TD.first,
table.table TR.level-1.hierarchy-row TD.second {
padding-left: 0px;
}
table.table TR.level-1.hierarchy-row TD.first.empty,
table.table TR.level-1.hierarchy-row TD.second.empty {
padding-left: 43px;
}
table.table TR.level-2.hierarchy-row TD.first,
table.table TR.level-2.hierarchy-row TD.second {
padding-left: 40px;
}
table.table TR.level-2.hierarchy-row TD.first.empty,
table.table TR.level-2.hierarchy-row TD.second.empty {
padding-left: 78px;
}
table.table TR.level-3.hierarchy-row TD.first,
table.table TR.level-3.hierarchy-row TD.second {
padding-left: 75px;
}
table.table TR.level-3.hierarchy-row TD.first.empty,
table.table TR.level-3.hierarchy-row TD.second.empty {
padding-left: 113px;
}
table.table TR.level-4.hierarchy-row TD.first,
table.table TR.level-4.hierarchy-row TD.second {
padding-left: 120px;
}
table.table TR.level-4.hierarchy-row TD.first.empty,
table.table TR.level-4.hierarchy-row TD.second.empty {
padding-left: 158px;
}
table.table TR.level-5.hierarchy-row TD.first,
table.table TR.level-5.hierarchy-row TD.second {
padding-left: 155px;
}
table.table TR.level-5.hierarchy-row TD.first.empty,
table.table TR.level-5.hierarchy-row TD.second.empty {
padding-left: 193px;
}
table.table .hierarchy-header-first{
width: 40%;
}
table.table .hierarchy-header-second{
padding-left: 0px;
}
.hierarchy-btn{
margin: 0 35px 15px 0;
}
.text-indent-level-2 {
padding-left: 30px;
}
.form-input-table.has-error {
margin-top: 25px;
}
.tb-heaad-amt{
text-align: right;
}
.tb-data-amt{
text-align: right;
}
.handOnHover
{
cursor: pointer;
cursor: hand;
}
.padding-left-42 {
padding-left: 42px !important;
}
/*.tooltip-inner {*/
/* width:150px!important;*/
/* max-height:150px!important;*/
/* overflow-y:scroll*/
/*}*/
.nice-container {
display: grid;
grid-template-columns: repeat(10, 10%);
}
.nice-element {
display: inline-block;
margin: 3px;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 10px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
user-select:none;
}
ul.dashed {
list-style-type: none;
}
ul.dashed > li:before {
content: "\002D";
position: absolute;
margin-left: -20px;
}
ul.dashed-ar {
list-style-type: none;
}
ul.dashed-ar > li:before {
content: "\002D";
position: absolute;
margin-right: -20px;
}
.big-number {
color: #077cc1;
float: left;
font-size: 40px;
font-weight: bold;
text-align: center;
width: 40px;
height: 50px;
}
.big-number.smaller {
color: #999;
font-size: 34px;
width: 34px;
}
.service-group-header {
font-family: "Open Sans", sans-serif;
font-weight: bold;
font-size: 18px;
color: #333;
margin: 10px 0;
display: inline-block;
}
.fancy-block .service-group-header {
display: block;
font-size: 16px;
}
.fancy-flow-block .service-group-header {
display: table-cell;
height: 50px;
vertical-align: middle;
}
.service-group-description {
color: #666;
padding-right: 15px;
}
.alert-icon {
float: left;
font-size: 24px;
width: 24px;
text-align: center;
line-height: 34px;
vertical-align: middle;
}
.alert-text {
padding-left: 34px;
display: block;
}
.alert-text strong {
display: block;
}
.alert-hover:hover {
cursor: pointer;
}
.pl50 {padding-left: 50px}
.pl60 {padding-left: 60px}
.custom-spacer {
display: flex;
min-width: 10px;
min-height: 10px;
flex: none;
padding-bottom: 0;
}
@media (max-width: 768px) {
ol.progress-tracker li {
flex-direction: column;
height: 100%;
font-size: 11px;
}
.table {
font-size: 8px;
}
}