/* GLOBAL STYLES */
body {font-family: "Open Sans", sans-serif;}
div.active {display: block;}

a.btn,
button.btn {outline: none; border-radius: 0;}

#panelGenerator > div.container {position: relative;}
#panelGenerator > div.container-fluid {position: relative;}
#panelGenerator > div.container-fluid > div.row > div.column {padding-right: 0; padding-left:0;}

/* LOGO */
div.module.logoModule {background: transparent; border-width: 0; margin-bottom: 0;}
div.logoModule > a.logo {padding: 20px 0; display: block}
div.logoModule > a.logo > img {height: 30px;}

/*Breadcrumbs*/
div.module.breadcrumbsModule {padding:0;border-width: 0;}
div.module.breadcrumbsModule > .breadCrumbsMainTitle {font-size: 20px; margin: 0; padding: 7px 0; display: block;}
div.module.breadcrumbsModule > ol.breadcrumb {margin: 0; padding: 5px 0; background: transparent;}
div.module.breadcrumbsModule > ol.breadcrumb > li > .breadCrumbsTitle {margin: 0; font-size: 15px; display: inline-block;}
div.module.breadcrumbsModule > ol.breadcrumb > li > .breadCrumbsTitle * {font-size: 15px; margin: 0; padding: 0;}

/* HORIZONTAL MENU */
div.module.menuModule {background: transparent; border-width: 0; margin-bottom: 0;}
.menuModule > nav ul.nav {}
.menuModule > nav ul.nav li:hover > ul {display: block;}
.menuModule > nav > .navbar-header > .navbar-toggle > span {background: white;}
.menuModule > nav > .navbar-header > .navbar-toggle:hover,
.menuModule > nav > .navbar-header > .navbar-toggle:focus {background: white; border-color: white;}
.menuModule > nav > .navbar-header > .navbar-toggle:hover > span,
.menuModule > nav > .navbar-header > .navbar-toggle:focus > span {background: #6a55c2;}

.ui-widget-content {background-image: none;}
.ui-datepicker table {background: #fff; }
.ui-datepicker th {width: 30px;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {background: #fff; padding: 5px 0;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {background: #5cb85c; border-color: #5cb85c; color: white;}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {background: #fff; border-color: #5cb85c; color: #5cb85c;}
.ui-datepicker td span,
.ui-datepicker td a {text-align: center; font-size: 12px;}

@media screen and (min-width: 768px) {
    .menuModule > nav > div.navbar-collapse {padding:0;}
}

/* BAnNER MODULE */
.bannerModule > div.carousel > div > a.item > img {width: 100%;}
.carousel-control .fa.fa-angle-right,
.carousel-control .fa.fa-angle-left {position: absolute; top: 50%; z-index: 5; display: inline-block;}
.carousel.slide .carousel-caption {left: 0; right: 0; top: 0; bottom: 0;}
.carousel.slide .carousel-caption > div.container > div.text {position: relative; top: auto; left: auto; right: auto; bottom: auto;}

.carousel.slide .item.topLeft .carousel-caption,
.carousel.slide .item.topCenter .carousel-caption,
.carousel.slide .item.topRight .carousel-caption {display: flex; align-items: flex-start;}
.carousel.slide .item.topLeft .carousel-caption {text-align: left;}
.carousel.slide .item.topCenter .carousel-caption {text-align: center;}
.carousel.slide .item.topRight .carousel-caption {text-align: right;}
.carousel.slide .item.middleLeft .carousel-caption,
.carousel.slide .item.middleCenter .carousel-caption,
.carousel.slide .item.middleRight .carousel-caption {display: flex; align-items: center;}
.carousel.slide .item.middleLeft .carousel-caption {text-align: left;}
.carousel.slide .item.middleCenter .carousel-caption {text-align: center;}
.carousel.slide .item.middleRight .carousel-caption {text-align: right;}
.carousel.slide .item.bottomLeft .carousel-caption,
.carousel.slide .item.bottomCenter .carousel-caption,
.carousel.slide .item.bottomRight .carousel-caption {display: flex; align-items: flex-end;}
.carousel.slide .item.bottomLeft .carousel-caption {text-align: left;}
.carousel.slide .item.bottomCenter .carousel-caption {text-align: center;}
.carousel.slide .item.bottomRight .carousel-caption {text-align: right;}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {margin: 0 auto -6px;}

.google-map {width: 100%; height: 300px;}

/* DATA GRID */
.titanDataGrid {}
.titanDataGrid > table {background: white;}
.titanDataGrid > table > thead > tr {width: 100%;}
.titanDataGrid > table > thead > tr > th {border-bottom-color: #bfbfbf;}
.titanDataGrid > table > tbody > tr:nth-child(2n) > td {background: #f2f4f8;}


/* TITAN PANEL */
.titanAdminPanel {position: fixed; top:0; left: 0; bottom: 0; width: 50px; z-index: 9999; background: #fff; color: #fff; -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.35);-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.35);box-shadow: 0 0 5px -1px rgba(0,0,0,0.35);}
.titanAdminPanel > ul.mainMenu {list-style: none; margin:0;  padding:0;}
.titanAdminPanel > ul.mainMenu > li:first-child {background: #222533;}
.titanAdminPanel > ul.mainMenu > li:first-child > a {font-size: 14px; color: white; border-bottom-width: 0;}
.titanAdminPanel > ul.mainMenu > li > a {display: block; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 15px 0; width: 47px; color: #767676;}
.titanAdminPanel > ul.mainMenu > li.moduleMode {border-left: 3px solid #e94b3b;}
.titanAdminPanel > ul.mainMenu > li.moduleMode.active > a {background: #e94b3b; border-color: #e94b3b; color: #fff;}
.titanAdminPanel > ul.mainMenu > li.editor {border-left: 3px solid #F98E33;}
.titanAdminPanel > ul.mainMenu > li.editor.active > a {background: #F98E33; border-color: #F98E33; color: #fff;}
.titanAdminPanel > ul.mainMenu > li.siteMap {border-left: 3px solid #FFB61C;}
.titanAdminPanel > ul.mainMenu > li.siteMap.active > a {background: #FFB61C; border-color: #FFB61C; color: #fff;}

.titanAdminPanel.active {position: fixed; top:0; left: 0; bottom: 0; width: 200px; z-index: 9999; background: #fff; color: #fff; }
.titanAdminPanel.active > ul {list-style: none; margin:0;  padding:0;}
.titanAdminPanel.active > ul > li {border-left: 3px solid #e94b3b;}
.titanAdminPanel.active > ul > li.module {border-left: 3px solid #02ad5d;}
.titanAdminPanel.active > ul > li > span,
.titanAdminPanel.active > ul > li > a {display: block; border-bottom: 1px solid #e5e5e5; padding: 15px 10px; width: 197px; background: #fff; color: #767676; text-decoration: none;}
.titanAdminPanel.active > ul > li > span:hover > span,
.titanAdminPanel.active > ul > li > a:hover > span {text-decoration: underline;}
.titanAdminPanel.active > ul > li > span {cursor: move;}

.titanAdminPanel.moduleMenuOverFlow {overflow-x: hidden; overflow-y: auto;}
.titanModuleDropZone {border: 2px dashed rgba(0,0,0,0.2); min-height: 200px;}


div.articleRow {position: relative;}
a.titanDetail {position: absolute; top: 10px; right: 10px;}
a.titanNew {position: absolute; top: 10px; right: 35px;}

form.titanDropZone {border: 1px solid #F98E33; background: rgba(255,255,255,0.9); padding: 30px;}
form.titanDropZone > div.dz-message {width: 100%; text-align: center;font-size: 18px; font-weight: bold;}

/** MAINTENANCE **/
body.maintenance {background: url('../images/maintenanceBody.jpg') #000 no-repeat center center; }
body.maintenance > div.container {padding-top: 10%; color: white; font-size: 20px;}

/** LANG SWITCH **/
div.module.langSwitchModule {border-width: 0; background: transparent; margin: 0; }
div.module.langSwitchModule > .dropdown > button {padding: 14px 10px; border-width: 0; }
div.module.langSwitchModule > .dropdown > button > img {width: 20px; height: 20px; }
div.module.langSwitchModule ul.dropdown-menu {min-width: 0; margin:0; box-shadow: none; border-radius: 0; padding: 0; border-top-width: 0; }
div.module.langSwitchModule ul.dropdown-menu > li > a {padding: 8px 15px; border-radius: 0;}
div.module.langSwitchModule ul.dropdown-menu > li > a > img {width: 20px; height: 20px; }

#addModuleModal {color: black;}
#addModuleModal .nav-tabs {margin: -10px -15px 0; padding: 0; background: #fbfbfb;}
#addModuleModal .nav-tabs > li > a { padding: 7px 12px; border-radius: 0; border-top-width: 0;}
#addModuleModal .nav-tabs > li:first-child > a {border-left-width: 0;}
#addModuleModal .nav-tabs > li > a > img {max-height: 20px;}
#addModuleModal .formRow {margin-top: 8px;}
#addModuleModal .formRow > label {text-align: right; padding: 5px 0 0; margin: 0; }
#addModuleModal .formRow > label:after {content: ":";}
#addModuleModal .formRow select,
#addModuleModal .formRow input[type=text],
#addModuleModal .formRow textarea {width: 100%; padding: 5px 7px; border: 1px solid #dddddd;}
#addModuleModal .formRow select:focus,
#addModuleModal .formRow input[type=text]:focus,
#addModuleModal .formRow textarea:focus {border: 1px solid #4cae4c; outline: none;}
#addModuleModal .formRow input[type=checkbox] {margin-top: 10px ! important;}

#addModuleModal .modal-dialog .modal-content {background: #f5f5f5; border-color: #fff;}
#addModuleModal .modal-dialog .modal-content .modal-header,
#addModuleModal .modal-dialog .modal-content .modal-footer {background: #fff;}
#addModuleModal .modal-dialog .modal-content .modal-body {margin: 8px; padding: 12px 15px; background: #fff; border: 1px solid #ddd;}
#addModuleModal .modal-dialog .modal-content .modal-body .modal-body-title { font-size: 16px; margin: 0 -15px 10px; padding: 0 13px 10px; border-bottom: 1px solid #ddd;}


/*Error page*/
body.errorPage {background: #151515; padding-top: 50px;}
body.errorPage #error {background: url('../images/error-background.jpg') no-repeat center left; max-width: 1190px; min-width: 300px; height: 628px; color: #fff; padding: 60px;}
body.errorPage #error h1 {font-weight: 300; font-size: 70px; line-height: 70px; margin: 0; padding: 0;}
body.errorPage #error h2 {font-weight: 300; font-size: 25px; line-height: 30px; margin: 0; padding: 0; color: #CACACA;}
body.errorPage #error p {font-weight: 300; color: #cacaca; font-size: 14px; margin: 20px 0 60px; max-width: 280px;}
body.errorPage #error .btn {border-width: 0;}

.newsletterUnsubscribe {max-width: 350px; margin-top: 20px;}
.newsletterUnsubscribe .form-control {background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.41); border-radius: 0; padding: 10px 15px; height: auto;}
.newsletterUnsubscribe .form-control:focus {border-color: #fff;}
.newsletterUnsubscribe-success-message {font-size: 22px; margin-top: 50px; }
.newsletterUnsubscribe-success-message .fa {color: #09f709; font-size: 28px;}

.module.facebookFunPageSmallModule {background: transparent; border-width: 0; margin: 0;}

div.subscribeFormModule {margin: 0; border-width: 0;}
div.subscribeFormModule form.subscribeForm > div.main > div.btnCol,
div.subscribeFormModule form.subscribeForm > div.main > div.input .help-block.text-danger {position: absolute; text-align: left; color: #FD9C00;}
div.subscribeFormModule form.subscribeForm > div.main > div.input,
div.subscribeFormModule form.subscribeForm > div.main > div.text {display: inline-block;}
div.subscribeFormModule form.subscribeForm > div.main > div.input {position: relative; margin: 0 10px; min-width: 270px; max-width: 400px; width: 100%;}
div.subscribeFormModule form.subscribeForm > div.main > div.input > i.fa {position: absolute; left: 10px; top: 9px;}
div.subscribeFormModule form.subscribeForm > div.main > div.input > input.form-control {padding-left: 30px; border-radius: 0; box-shadow: none; border-color: #bfbfbf; width: 100%;}
div.subscribeFormModule form.subscribeForm > div.main > div.input > input.form-control:focus {border-color: #0096ff;}
div.subscribeFormModule form.subscribeForm > div.main > div.btnCol > .btn {display: block;}
div.subscribeFormModule form.subscribeForm > div.main > div.text > label {font-size: 26px; font-weight: 300; margin: 0;}
div.subscribeFormModule form.subscribeForm > div.loading {display: none; font-size: 26px; font-weight: 300;}
div.subscribeFormModule form.subscribeForm > div.sent {display: none; font-size: 26px; font-weight: 300;}
div.subscribeFormModule form.subscribeForm > div.sent .fa {color: #0096ff;}
div.subscribeFormModule form.subscribeForm.sent > div.main,
div.subscribeFormModule form.subscribeForm.loading > div.main {display: none;}
div.subscribeFormModule form.subscribeForm.sent > div.sent,
div.subscribeFormModule form.subscribeForm.loading > div.loading {display: block;}

@media screen and (max-width: 768px) {
    body.errorPage {padding:0;}
    .carousel.slide .item .carousel-caption {position: relative; background: #fff; top: auto; bottom: auto; left: auto; right: auto; }

    div.subscribeFormModule form.subscribeForm > div.main {padding: 0 10px;}
    div.subscribeFormModule form.subscribeForm > div.main > div.input {margin: 0 0 10px; padding-right: 10px;}
    div.subscribeFormModule form.subscribeForm > div.main > div.text > label {text-align: left;}
    div.subscribeFormModule form.subscribeForm > div.main .btn-primary {display: block; width: 100%;}
    div.subscribeFormModule form.subscribeForm > div.main > div.input .help-block.text-danger {position: inherit;}
}

@media screen and (max-width: 500px) {
    body.errorPage #error {padding: 30px;}
}