/** * Main * * @author Robert Nikolas * @copyright (c) 2016, CO.digital * @version 3.0.0 */ /* * Box Sizing: Border-box */ * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* * Body & HTML */ * {margin: 0;padding: 0;border: 0;outline: 0;} body, html {background: #e5e5e4;margin: 0;padding: 0;} /*body, html {background: #e5e5e4 url(../design/skin/20171220/skin_20171220.jpg) no-repeat center top;background-size: auto 100%;background-attachment: fixed;}*/ /* * Global */ /* Global - Font */ body, input, textarea, select {font-size: 12px;color: #000000;text-align: left;} body, input, textarea, select {font-family: "ClanProForUBER",Arial,Helvetica,sans-serif;font-weight: 600;} button, b, strong {font-family: "ClanProForUBER",Arial,Helvetica,sans-serif;font-weight: 700;} /* Global - Elements */ p {font-size: 12px;font-weight: 600;} h1, .h1 {font-size: 22px;} h2, .h2 {font-size: 20px;} h3, .h3 {font-size: 18px;} h4, .h4 {font-size: 16px;} h5, .h5 {font-size: 14px;} h6, .h6 {font-size: 12px;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #000000;line-height: 1;font-weight: 600;} a {color: #000000;text-decoration: none;-webkit-transition: all 0.3s;transition: all 0.3s;} a:hover {color: #00919A;text-decoration: none;} img {border: 0;margin: 0;padding: 0;} ul, ol {list-style-type: none;} blockquote {background-color: #f0f0f0;padding: 10px;} /* Global - Input */ input, textarea, select {margin: 0;padding: 0;border: 0;} input[type="text"], input[type="password"], input[type="search"], textarea {width: 100%;height: 46px;background-color: #ffffff;border: 1px solid #e1e1e1;padding: 0 10px;} input[type="text"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, textarea:disabled {background-color: #e1e1e1;} textarea {resize: none;height: 200px;padding: 5px 10px;} textarea.small {height: 100px;} label {font-weight: 600;} label.input_label {margin: 0 0 10px;position: relative;} label.input_label span {color: #f50909;margin-left: 3px;} label.input_label span.note {color: rgba(0,0,0,.3);position: absolute;top: 0;right: 0;} .input_error {border-color: #f50909 !important;} .error, .input_error_text {color: #f50909;text-align: right;margin: 5px 0 0;display: none;font-size: 11px;} .input_error_text.show {display: block;} /* Global - Select */ select {width: 100%;padding: 5px;border: 1px solid #d2d2d2;} /* Global - Buttons */ input[type="submit"], input[type="reset"], .btn {background-color: #061823;text-align: center;overflow: hidden;border: 0;display: inline-block;} input[type="submit"], input[type="reset"], .btn, .btn span {-webkit-transition: all 0.3s;transition: all 0.3s;} input[type="submit"], input[type="reset"], .btn span {height: 35px;line-height: 35px;font-size: 12px;font-weight: 600;color: #ffffff;padding: 0 30px;display: inline-block;text-transform: uppercase;} input[type="submit"]:hover, input[type="reset"]:hover, .btn:hover {background-color: #041118;} input[type="submit"].disabled, input[type="reset"].disabled, .btn.disabled, .btn.disabled:hover {background-color: rgba(230,230,230,1);cursor: default;border: 0;} .btn_primary {background-color: rgba(0,145,154,1);} .btn_primary:hover {background-color: rgba(0,145,154,.8);} .btn_secondary {background-color: rgba(58,58,58,1);} .btn_secondary:hover {background-color: rgba(58,58,58,.8);} .btn_generate {background-color: rgba(0,145,154,1);} .btn_generate span {height: 36px;line-height: 36px;padding: 0 20px;} .btn_generate:hover {background-color: rgba(0,145,154,.8);} /* Global - Float */ .clearfix {zoom: 1;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .float_left {float: left;display: inline-block;} .float_right {float: right;display: inline-block;} /* Global - Custom */ .center_vertical {position: absolute;left: 50%;top: 50%;} .center_vertical { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } /* * Header */ #header_main {width: 100%;position: fixed;left: 0;top: 0;z-index: 798;} #header_main header {width: 1000px;height: 95px;margin: 0 auto;padding: 25px 30px 0;background-color: #ffffff;position: relative;z-index: 10;} #header_main header h2 {font-size: 26px;float: left;margin: -1px 0 0 0;text-transform: uppercase;letter-spacing: 2px;} #header_main .logo {width: 120px;padding-right: 20px;float: left;} #header_main .logo img {width: 100%;display: block;} #header_main .nav {float: right;} #header_main .nav p {text-align: right;padding: 5px 0;} #header_main .nav p a.logout {font-weight: 700;} #header_main .nav p span.divider {margin: 0 4px;} #header_main .avatar {width: 40px;height: 40px;float: right;overflow: hidden;margin: -8px 10px 0 0;} #header_main .avatar { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #header_main .avatar img {width: 100%;} /* * Page Content */ #page_content {width: 1000px;padding: 160px 30px 0;position: relative;margin: 0 auto;background-color: #ffffff;} /*#page_content {*/ /*-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);*/ /*-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);*/ /*box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);*/ /*}*/ #page_content .page_subnav {width: 100%;position: fixed;left: 0;top: 95px;z-index: 799;} #page_content .page_subnav nav {width: 1000px;height: 36px;background-color: #ffffff;position: relative;margin: 0 auto;padding: 0 30px;} #page_content .page_subnav nav ul {height: 36px;border-bottom: 1px solid #f1f1f1;} #page_content .page_subnav nav ul li {height: 35px;float: left;margin: 0 30px 0 0;} #page_content .page_subnav nav ul li p, #page_content .page_subnav nav ul li span, #page_content .page_subnav nav ul li a {font-size: 12px;line-height: 35px;color: #939393;text-transform: uppercase;display: block;font-weight: 700;} #page_content .page_subnav nav ul li span, #page_content .page_subnav nav ul li a:hover {color: #00919A;} #page_content .page_subnav nav ul li.back {width: 36px;margin-right: 15px;} #page_content .page_subnav nav ul li.back a {width: 100%;height: 36px;text-align: center;background-color: #000000;color: #ffffff;} #page_content .page_subnav nav ul li.back a:hover {background-color: #00919A;} #page_content .page_subnav nav ul li.right {float: right;margin: 0 0 0 30px;} #page_content .page_subnav .add_new {height: 35px;position: absolute;right: 30px;bottom: 0;z-index: 100;} #page_content .page_subnav nav ul li.assets_pack {display: none;} #page_content .page_subnav nav ul li.choose {cursor: pointer;position: relative;} #page_content .page_subnav nav ul li.choose_rca {position: absolute;right: 0;top: 0;z-index: 5;} #page_content .page_subnav nav ul li.choose_with_upload {right: 188px;} #page_content .page_subnav nav ul li.choose p span {color: #939393;} #page_content .page_subnav nav ul li.choose p i.fa {color: #00919a;margin-left: 2px;} #page_content .page_subnav nav ul li.choose p {-webkit-transition: all 0.3s;transition: all 0.3s;} #page_content .page_subnav nav ul li.choose ul {width: 120px;position: absolute;left: -15px;top: 35px;z-index: 5;display: none;} #page_content .page_subnav nav ul li.choose_rcah ul {left: 0;} #page_content .page_subnav nav ul li.choose_rca ul {width: 100px;right: 0;left: auto;} #page_content .page_subnav nav ul li.choose_templates ul {width: 160px;} #page_content .page_subnav nav ul li.choose:hover ul {display: block;} #page_content .page_subnav nav ul li.choose:hover p {color: #00919a;} #page_content .page_subnav nav ul li.choose ul li {height: auto;float: none;margin: 0;} #page_content .page_subnav nav ul li.choose ul li {border: 1px solid #f1f1f1;border-bottom: 0;position: relative;background-color: #ffffff;} #page_content .page_subnav nav ul li.choose ul li:last-child {border-bottom: 1px solid #f1f1f1;} #page_content .page_subnav nav ul li.choose ul li:hover {background-color: #f1f1f1;} #page_content .page_subnav nav ul li.choose ul li a, #page_content .page_subnav nav ul li.choose ul li span {height: 39px;line-height: 39px;display: block;padding: 0 12px;cursor: pointer;text-transform: none;color: #939393;font-weight: 600;} #page_content .page_subnav nav ul li.choose ul li span {-webkit-transition: all 0.3s;transition: all 0.3s;} #page_content .page_subnav nav ul li.choose ul li a:hover, #page_content .page_subnav nav ul li.choose ul li span:hover {color: #00919a;} #page_content .page_subnav nav ul li.choose ul li.region {} #page_content .page_subnav nav ul li.choose ul li.region ol {position: absolute;top: -1px;z-index: 5;} #page_content .page_subnav nav ul li.choose ul li.region ol li {} #page_content .page_subnav nav ul li.choose ul li.region ol.countries {width: 200px;display: none;left: -200px;} #page_content .page_subnav nav ul li.choose_rcah ul li.region ol.countries {left: auto;right: -200px;} #page_content .page_subnav nav ul li.choose ul li.region:hover ol.countries {display: block;} #page_content .page_subnav nav ul li.choose ul li.region ol.countries li.country:last-child {border-bottom: 1px solid #f1f1f1;} #page_content .page_subnav nav ul li.choose ul li.region ol.countries li ol.filters {width: 100px;display: none;left: -100px;} #page_content .page_subnav nav ul li.choose ul li.region ol.countries li:hover ol.filters {display: block;} #page_content .page_subnav nav ul li.choose ul li.region ol.countries li ol.filters li:last-child {border-bottom: 1px solid #f1f1f1;} #page_content .page_subnav nav ul li.active {height: 36px;border-bottom: 1px solid #00919A;} #page_content .page_subnav nav ul li.active p span, #page_content .page_subnav nav ul li.active a {color: #00919A;} /* * Campaigns */ #campaigns {width: 100%;position: relative;} /* Campaigns - List */ #campaigns .campaigns_list_holder {position: relative;} #campaigns .campaigns_list_nav {position: fixed;left: 0;top: 0;right: 0;z-index: 10;} #campaigns .campaigns_list_nav div {position: fixed;top: 50%;margin-top: -30px;} #campaigns .campaigns_list_nav div.prev {left: 0;z-index: 10;} #campaigns .campaigns_list_nav div.next {right: 0;z-index: 15;} #campaigns .campaigns_list_nav div a {width: 60px;height: 60px;display: inline-block;background-color: #48b5c0;color: #ffffff;overflow: hidden;position: relative;} #campaigns .campaigns_list_nav div a {-webkit-transition: all 0.3s;transition: all 0.3s;} #campaigns .campaigns_list_nav div a i.fa, #campaigns .campaigns_list_nav div a span {height: 60px;display: block;position: absolute;top: 0;word-break: keep-all;} #campaigns .campaigns_list_nav div a i.fa {width: 60px;font-size: 24px;line-height: 60px;text-align: center;} #campaigns .campaigns_list_nav div a span {font-size: 13px;line-height: 60px;font-weight: 400;} #campaigns .campaigns_list_nav div a:hover {width: 60px;background-color: #061823;} #campaigns .campaigns_list_nav div a:hover span {display: block;} #campaigns .campaigns_list_nav div.prev i.fa {left: 0;} #campaigns .campaigns_list_nav div.prev span {padding-right: 30px;left: 60px;} #campaigns .campaigns_list_nav div.next i.fa {right: 0;} #campaigns .campaigns_list_nav div.next span {padding-left: 30px;right: 60px;} /*#campaigns .campaigns_list_nav div.new a:hover {width: 120px;}*/ /*#campaigns .campaigns_list_nav div.emea-wide a:hover {width: 160px;}*/ /*#campaigns .campaigns_list_nav div.templates a:hover {width: 150px;}*/ #campaigns .campaigns_list {margin: 0 auto; position: relative;padding: 0;} #campaigns .campaigns_list ul {margin: 0 -10px;position: relative;overflow: hidden;} #campaigns .campaigns_list ul li {width: 320px;opacity: 0;position: relative;float: left;padding: 0 10px 20px;} #campaigns .campaigns_list ul li.sort_list {position: absolute;padding: 0;margin: 0;float: none;} #campaigns .campaigns_list ul li {-webkit-transition: all 0.4s;transition: all 0.4s;} #campaigns .campaigns_list ul li .mask {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;display: none;} #campaigns .campaigns_list ul li.show {display: block;} #campaigns .campaigns_list ul li.hide {display: none;} #campaigns .campaigns_list ul li article {background-color: #ffffff;overflow: hidden;position: relative;border: 1px solid #dcddde;} #campaigns .campaigns_list ul li article figure {height: 299px;background: url(../design/loader.gif) no-repeat center center;position: relative;overflow: hidden;border-bottom: 1px solid #dcddde;} #campaigns .campaigns_list ul li article figure img {width: 298px;height: 298px;} /*#campaigns .campaigns_list ul li article figure .post_load {width: 100%;height: 312px;}*/ #campaigns .campaigns_list ul li article .camp_date {width: 100%;height: 27px;font-size: 12px;padding: 5px 10px;background-color: #ffffff;font-style: normal;color: #a8a8a8;text-align: center;} #campaigns .campaigns_list ul li article .camp_date {position: absolute;left: 0;bottom: -27px;z-index: 99;} #campaigns .campaigns_list ul li article .camp_date {-webkit-transition: bottom 0.3s;transition: bottom 0.3s;} #campaigns .campaigns_list ul li article .admin_options {width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;z-index: 89;background-color: rgba(255,255,255,1);} #campaigns .campaigns_list ul li article .admin_options {margin-top: 100%;opacity: 1;transform: translate3d(0, 0, 0) !important;-webkit-transition: all 0.3s;transition: all 0.3s;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder {width: 100%;height: 298px;} /*#campaigns .campaigns_list ul li article .admin_options .admin_options_holder {-webkit-transition: all 0.3s;transition: all 0.3s;}*/ #campaigns .campaigns_list ul li article .admin_options .admin_options_holder a {width: 100%;height: auto;display: block;transform: translate3d(0, 0, 0) !important;padding: 0 15px 0 13px;border-left: 2px solid #ffffff;border-bottom: 1px solid #dcddde;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder a span {width: 100%;font-size: 12px;color: #000000;display: block;line-height: 1;position: relative;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder a:last-child {border-bottom: 0;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder a span {-webkit-transition: all 0.3s;transition: all 0.3s;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder a span i.fa {font-size: 11px;color: #00919a;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder a span i.fa {position: absolute;top: 0;right: 0;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder a:hover {background-color: #f8f8f8;border-left: 2px solid #00919a;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num7 a {height: 14.28571428571429%;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num7 a span, #campaigns .campaigns_list ul li article .admin_options .admin_options_num7 a span i {line-height: 43px;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num6 a {height: 16.6666666667%;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num6 a span, #campaigns .campaigns_list ul li article .admin_options .admin_options_num6 a span i {line-height: 50px;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num5 a {height: 20%;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num5 a span, #campaigns .campaigns_list ul li article .admin_options .admin_options_num5 a span i {line-height: 60px;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num4 a {height: 25%;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num4 a span, #campaigns .campaigns_list ul li article .admin_options .admin_options_num4 a span i {line-height: 75px;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num3 a {height: 33.3333333333%;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num3 a span, #campaigns .campaigns_list ul li article .admin_options .admin_options_num3 a span i {line-height: 100px;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num2 a {height: 50%;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num2 a span, #campaigns .campaigns_list ul li article .admin_options .admin_options_num2 a span i {line-height: 149px;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num1 a {height: 100%;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num1 a span, #campaigns .campaigns_list ul li article .admin_options .admin_options_num1 a span i {line-height: 298px;} #campaigns .campaigns_list ul li article h1 {height: 40px;font-size: 14px;font-weight: 400;color: #000000;margin: 20px 0 0;padding: 0 10px;line-height: 18px;} #campaigns .campaigns_list ul li article h1 {-webkit-transition: color 0.3s;transition: color 0.3s;} #campaigns .campaigns_list ul li article h1 span {background-color: #ff0000;} #campaigns .campaigns_list ul li article p {color: #000000;padding: 0 10px 20px 10px;font-size: 11px;} #campaigns .campaigns_list ul li article p span {font-weight: 600;} #campaigns .campaigns_list ul li article p.updated_by {display: none;} #campaigns .campaigns_list ul li article:hover .camp_date {bottom: 0;} #campaigns .campaigns_list ul li article:hover .admin_options {margin-top: 0;opacity: 1;} #campaigns .campaigns_list ul li article:hover .admin_options .admin_options_holder {top: 0;opacity: 1;transform: translate3d(0, 0, 0) !important;} #campaigns .campaigns_list ul li article:hover p.updated_by {display: block;} #campaigns .campaigns_list ul li article:hover p.last_update {display: none;} /* Campaigns - Form */ /*#campaigns .campaigns_form {width: 980px;margin: 30px auto 0;background-color: #ffffff;padding: 30px 0 0;}*/ /* * Campaign requests */ #campaign_requests {width: 100%;position: relative;} /* Campaign request - List */ #campaign_requests .campaign_requests_list {padding: 0 0 30px;} #campaign_requests .campaign_requests_list .table {width: 100%;} #campaign_requests .campaign_requests_list .table .ticket {width: 188px;} #campaign_requests .campaign_requests_list .table .name {width: 268px;} #campaign_requests .campaign_requests_list .table .date {width: 148px;} #campaign_requests .campaign_requests_list .table .created {width: 188px;} #campaign_requests .campaign_requests_list .table .status {width: 148px;} #campaign_requests .campaign_requests_list .table td, #campaign_requests .campaign_requests_list .table th {padding: 7px;} #campaign_requests .campaign_requests_list .table th {background-color: #e5e5e4;} #campaign_requests .campaign_requests_list .table td {border-bottom: 1px solid #e5e5e4;padding: 10px 7px;} #campaign_requests .campaign_requests_list .table td a {color: #00919A;} #campaign_requests .campaign_requests_list .table td a:hover {color: #000000;} /* Campaign requests - Show */ #campaign_requests .campaign_request_show .section_title {margin: 0;padding: 0 0 15px;border-bottom: 0;border-top: 1px solid #e5e5e4;position: relative;} #campaign_requests .campaign_request_show .section_title h3 {font-size: 14px;padding: 10px 0 15px;font-weight: 700;color: rgba(0,0,0,.3);} #campaign_requests .campaign_request_show .section_title .btn {position: absolute;right: 0;top: 0;} #campaign_requests .campaign_request_show .section {padding: 0 0 30px;} #campaign_requests .campaign_request_show .section {padding: 0 0 30px;} #campaign_requests .campaign_request_show .progress_bar_holder {width: 100%;float: left;} #campaign_requests .campaign_request_show .with_status .progress_bar_holder {width: 66%;float: left;padding-right: 7px;} #campaign_requests .campaign_request_show .progress_bar_holder .progress_bar {} #campaign_requests .campaign_request_show .progress_bar_holder .progress_bar .progress_bar_bgr {width: 100%;height: 16px;background-color: rgba(0,0,0,.3);overflow: hidden;} #campaign_requests .campaign_request_show .progress_bar_holder .progress_bar .progress {width: 0%;height: 16px;background-color: #00919A;} #campaign_requests .campaign_request_show .progress_bar_holder .progress_bar .progress {-webkit-transition: all 0.3s;transition: all 0.3s;} #campaign_requests .campaign_request_show .progress_bar_holder .progress_bar .progress_bar_bgr, #campaign_requests .campaign_request_show .progress_bar_holder .progress_bar .progress { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #campaign_requests .campaign_request_show .progress_bar_holder .progress_1 .progress {width: 0%;} #campaign_requests .campaign_request_show .progress_bar_holder .progress_2 .progress {width: 25%;} #campaign_requests .campaign_request_show .progress_bar_holder .progress_3 .progress {width: 50%;} #campaign_requests .campaign_request_show .progress_bar_holder .progress_4 .progress {width: 75%;} #campaign_requests .campaign_request_show .progress_bar_holder .progress_5 .progress {width: 100%;} #campaign_requests .campaign_request_show .progress_bar_holder .progress_6 .progress {width: 100%;} #campaign_requests .campaign_request_show .progress_bar_holder ul {overflow: hidden;} #campaign_requests .campaign_request_show .progress_bar_holder ul li::before {content: "|";position: absolute;left: 0;top: -8px;color: rgba(0,0,0,.3);} #campaign_requests .campaign_request_show .progress_bar_holder ul li {width: 25%;float: left;position: relative;} #campaign_requests .campaign_request_show .progress_bar_holder ul li:first-child::before {content: "";} #campaign_requests .campaign_request_show .progress_bar_holder ul li p {text-align: center;padding: 10px 0 0;} #campaign_requests .campaign_request_show .change_status {width: 34%;float: left;display: none;padding-left: 7px;} #campaign_requests .campaign_request_show .with_status .change_status {display: block;margin: -27px 0 0;} #campaign_requests .campaign_request_show .description {width: 33.333333%;float: left;} #campaign_requests .campaign_request_show .description h6 {text-transform: uppercase;margin: 0 0 5px;font-weight: 700;} #campaign_requests .campaign_request_show .description p {margin: 0 0 15px;word-wrap: break-word;white-space: normal;} #campaign_requests .campaign_request_show .description p.files {margin: 0;padding-left: 10px;position: relative;} #campaign_requests .campaign_request_show .description p.files::before {content: "-";position: absolute;left: 0;top: 0;} #campaign_requests .campaign_request_show .description p.files:last-child {margin-bottom: 15px;} #campaign_requests .campaign_request_show .description p a {color: #00919A;} #campaign_requests .campaign_request_show .description p a:hover {color: #000000;} #campaign_requests .campaign_request_show .section_hours h5 {margin: 0 0 10px;} #campaign_requests .campaign_request_show .forms {} #campaign_requests .campaign_request_show .forms p {margin: 0 0 10px;} #campaign_requests .campaign_request_show .forms ul.input_form {margin: 0 -7px;} #campaign_requests .campaign_request_show .forms ul.input_form li {width: 50%;float: left;padding: 0 7px;} #campaign_requests .campaign_request_show .forms ul.input_form li .btn {display: block;width: 100%;} #campaign_requests .campaign_request_show .forms ul.input_form li .btn span {height: 46px;line-height: 46px;display: block;padding: 0;text-align: center;} #campaign_requests .campaign_request_show .forms .hours_form {width: 50%;float: left;} #campaign_requests .campaign_request_show .forms .request_form {width: 50%;float: left;} /* Campaign requests - Form */ #campaign_requests .campaign_request_form .input_textarea textarea {height: auto;resize: vertical;min-height: 200px;} /* * Templates */ #templates {width: 100%;margin: 30px 0 0;padding: 0;position: relative;} /* Templates - Section title */ #templates .template_title {padding: 0;border-bottom: 0;margin: 0;} #templates .template_title {width: 100%;position: fixed;left: 0;top: 131px;z-index: 50;} #templates .template_title h3 {font-size: 24px;line-height: 24px;text-transform: none;font-weight: 400;padding: 30px 0 15px;border-bottom: 1px solid transparent;} #templates .template_title .holder {width: 1000px;margin: 0 auto;background-color: #e5e5e4;padding: 0 30px;} /*#templates .spacer {height: 47px;}*/ /* Templates - Content */ #templates .template_content {margin: -30px 0 0;} #templates .template_content ul {} #templates .template_content ul li {} #templates .template_content ul li article {background-color: #ffffff;} #templates .template_content ul li article .thumb {width: 94px;height: 94px;background-color: #e5e5e5;} /* Templates - Content: Folders */ #templates .template_content .folders {background-color: #f9f9f9;margin: 0 -30px;padding: 30px 30px 0;} #templates .template_content .folders ul {margin: 0 -15px;} #templates .template_content .folders ul li {width: 33.33333333%;float: left;padding: 0 15px 30px;} #templates .template_content .folders ul li article {border: 1px solid #e5e5e5;} #templates .template_content .folders ul li article a {display: block;background: url(../design/templates/arrow_right.png) no-repeat 252px 102px;position: relative;padding: 20px;} #templates .template_content .folders ul li article a:hover {background-image: url(../design/templates/arrow_right_hover.png);color: #d99c9b;} #templates .template_content .folders ul li article p {font-size: 16px;position: absolute;right: 20px;top: 20px;font-weight: 400;} /* Templates - Content: Files */ #templates .template_content .files {background-color: #fff8f8;margin: 0 -30px;padding: 30px 30px 0;} #templates .template_content .files.has_folders {padding-top: 0;} #templates .template_content .files header {border: 1px solid #e5e5e5;margin: 0 0 30px;} #templates .template_content .files header h3 {float: left;line-height: 35px;font-weight: 400;padding-left: 10px;} #templates .template_content .files header .btn {float: right;} #templates .template_content .files ul {margin: 0 -15px;} #templates .template_content .files ul li {width: 33.33333333%;float: left;padding: 0 15px 30px;} #templates .template_content .files ul li article {} #templates .template_content .files ul li article a {display: block;padding: 0 0 100px;background: #ffffff url(../design/templates/arrow_bottom.png) no-repeat 261px 260px;position: relative;} #templates .template_content .files ul li article a { -webkit-box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.06); } #templates .template_content .files ul li article a:hover { -webkit-box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.02); box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.02); background-image: url(../design/templates/arrow_bottom_hover.png); } #templates .template_content .files ul li article .thumb {width: 100%;height: 200px;background-color: #e5e5e3;overflow: hidden;padding: 20px 20px 0;} #templates .template_content .files ul li article .thumb img {display: block;width: 100%;} /*#templates .template_content .files ul li article .thumb img {*/ /*-webkit-transform: translate(-50%, -50%);*/ /*-moz-transform: translate(-50%, -50%);*/ /*-ms-transform: translate(-50%, -50%);*/ /*-o-transform: translate(-50%, -50%);*/ /*transform: translate(-50%, -50%);*/ /*}*/ #templates .template_content .files ul li article p {font-weight: 400;font-size: 16px;line-height: 19px;padding: 0 40px 0 20px;} #templates .template_content .files ul li article p {position: absolute;left: 0;bottom: 20px;} /* Templates - List */ #templates .template_list {} /* Templates - List: CRM Files */ #templates .crm_templates {margin: -50px -30px 0;padding: 0 30px;border-top: 60px solid #e5e5e4;} #templates .crm_templates ul {} #templates .crm_templates ul li {padding: 0 0 30px;} #templates .crm_templates ul li .title {position: relative;} #templates .crm_templates ul li .title p {font-size: 18px;line-height: 35px;font-weight: 400;padding-right: 200px;} #templates .crm_templates ul li .title .btn {position: absolute;right: 0;bottom: 0;z-index: 5;} #templates .crm_templates ul li figure {background: #e5e5e4;margin: 30px -30px 0;position: relative;padding: 0;overflow: hidden;border-bottom: 60px solid #e5e5e4;} #templates .crm_templates ul li figure img {width: 1100px;margin-left: -50px;} #templates .crm_templates ul li figure img.post_load {width: 100%;height: 100px;margin-left: 0;background: #e5e5e4 url(../design/loader_v2.gif) no-repeat center;position: relative;z-index: 8;} #templates .crm_templates ul li figure .video_holder {width: 1100px;position: absolute;left: -50px;top: 0;z-index: 5;} #templates .crm_templates ul li figure .video_holder .video_content {width: 224px;height: 400px;position: absolute;background: #e5e5e4;overflow: hidden;} #templates .crm_templates ul li figure .video_holder .video_content video {width: 224px;height: 400px;background-color: #e5e5e4 !important;} #templates .crm_templates ul li figure .video_holder .video_content_video {width: 796px;height: 448px;position: absolute;background: transparent;} #templates .crm_templates ul li figure .video_holder .video_content_video { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #templates .crm_templates ul li figure .video_holder .video_content_video video {width: 796px;height: 448px;background-color: transparent !important;} #templates .crm_templates ul li figure .options {position: absolute;right: 0;top: 0;z-index: 10;} #templates .crm_templates ul li figure .options ul {} #templates .crm_templates ul li figure .options ul li {margin-bottom: 1px;padding: 0;} #templates .crm_templates ul li figure .options ul li a {width: 30px;height: 30px;line-height: 30px;display: block;text-align: center;background-color: rgba(0,0,0,.5);color: #ffffff;cursor: pointer !important;-webkit-transition: all 0.3s;transition: all 0.3s;} #templates .crm_templates ul li figure .options ul li a:hover {background-color: rgba(0,0,0,.8);} #templates .crm_templates ul li:first-child .title {padding-top: 30px;} #templates .crm_templates ul li:last-child {padding: 0;} #templates .crm_templates ul li:last-child figure {padding: 0;} /* Templates - List: PM Files */ #templates .pm_templates {background-color: #f5f5f5;margin: -30px -30px 0;padding: 30px 30px 0;} #templates .pm_templates ul {margin: 0 -15px;} #templates .pm_templates ul li {width: 33.33333333%;float: left;padding: 0 15px 30px;} #templates .pm_templates ul li article {} #templates .pm_templates ul li article a {display: block;padding: 0 0 60px;background: #ffffff url(../design/templates/arrow_right.png) no-repeat 255px 255px;position: relative;} /*#templates .pm_templates ul li article a {*/ /*-webkit-box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.06);*/ /*-moz-box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.06);*/ /*box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.06);*/ /*}*/ #templates .pm_templates ul li article a:hover { /*-webkit-box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.02);*/ /*-moz-box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.02);*/ /*box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.02);*/ background-image: url(../design/templates/arrow_right_hover.png); } #templates .pm_templates ul li article .thumb {width: 100%;height: 228px;background-color: #e5e5e3;overflow: hidden;} #templates .pm_templates ul li article .thumb img {display: block;width: 100%;height: 228px;} #templates .pm_templates ul li article p {font-weight: 400;font-size: 16px;line-height: 19px;padding: 0 40px 0 20px;} #templates .pm_templates ul li article p {position: absolute;left: 0;bottom: 20px;} /* * Asset page */ #asset_page {width: 100%;margin: 0;padding: 0;position: relative;} /* Asset page - List */ #asset_page .assets_list {} #asset_page .assets_list ul {margin: 0 -10px;} #asset_page .assets_list ul li {width: 33.333333%;float: left;padding: 0 10px 30px;} #asset_page .assets_list ul li article {text-align: center;position: relative;} #asset_page .assets_list ul li article figure {height: 300px;background-color: #e5e5e5;background-position: center;background-size: cover;} #asset_page .assets_list ul li article h5 {margin: 20px 0 0;height: 14px;overflow: hidden;font-weight: 400;font-size: 15px;} #asset_page .assets_list ul li article h6 {margin: 5px 0;font-weight: 400;font-size: 13px;} #asset_page .assets_list ul li article p {font-size: 11px;} #asset_page .assets_list ul li article .btn {margin: 20px 0 0;} #asset_page .assets_list ul li article .options {position: absolute;right: 0;top: 0;z-index: 10;text-align: right;} #asset_page .assets_list ul li article .options a {width: 30px;height: 30px;line-height: 30px;display: block;text-align: center;background-color: rgba(0,0,0,.5);color: #ffffff;} #asset_page .assets_list ul li article .options a:hover {background-color: rgba(0,0,0,.8);} #asset_page .assets_list .download_all {padding: 30px 0 60px;text-align: center;} #asset_page .assets_list .download_all .btn span {height: 60px;line-height: 60px;font-size: 18px;padding: 0 45px;} #asset_page .assets_list .no_content {padding: 0 0 30px;} #asset_page .assets_list .no_content p {padding: 150px 0;text-align: center;background-color: #f5f5f5;font-size: 16px;} /* Asset page - Share Form */ #asset_page .asset_page_share_form {} #asset_page .asset_page_share_form .section_title {position: relative;} #asset_page .asset_page_share_form .section_tab_content {border: 0;padding: 30px 0 0;} #asset_page .asset_page_share_form .add_new_user {font-weight: 700;color: #00919A;position: absolute;right: 0;top: 0;z-index: 10;cursor: pointer;} #asset_page .asset_page_share_form textarea {height: auto;resize: vertical;height: 100px;} #asset_page .asset_page_share_form .table {padding: 0 0 30px;} #asset_page .asset_page_share_form .table table {width: 100%;} #asset_page .asset_page_share_form .table table th, #asset_page .asset_page_share_form .table table td {text-align: center;vertical-align: middle;padding: 15px 5px;} #asset_page .asset_page_share_form .table table th {background-color: #00919A;color: #ffffff;text-transform: uppercase;} #asset_page .asset_page_share_form .table table td {background-color: #f5f5f5;} #asset_page .asset_page_share_form .table table td.left {text-align: left;padding-left: 10px;} #asset_page .asset_page_share_form .table table td.right {text-align: right;padding-right: 10px;} #asset_page .asset_page_share_form .table table td.no_assets {font-weight: 600;text-transform: uppercase;} #asset_page .asset_page_share_form .table table td.fw400 {font-weight: 400;} /* * RCA Chooser */ .rca_choose_list {padding: 0 0 30px;margin: 0 -30px;} .rca_choose_list .choose_box {} .rca_choose_list .choose_box h3 {font-size: 45px;text-align: center;color: #e5e5e4;font-weight: 400;padding: 200px 0;} .rca_choose_list .choose_box ul {width: 313px;} /*.rca_choose_list .choose_box ul.show {display: block;}*/ /*.rca_choose_list .choose_box ul.hide {display: none;}*/ .rca_choose_list .choose_box ul li {border: 1px solid #f1f1f1;border-bottom: 0;position: relative;background-color: #ffffff;} .rca_choose_list .choose_box ul li:last-child {border-bottom: 1px solid #f1f1f1;} .rca_choose_list .choose_box ul li span {width: 100%;height: 60px;line-height: 60px;display: block;padding: 0 30px;cursor: pointer;font-size: 18px;} .rca_choose_list .choose_box ul li span {-webkit-transition: all 0.3s;transition: all 0.3s;} .rca_choose_list .choose_box ul li span i.fa {font-size: 10px;float: right;color: #f1f1f1;line-height: 60px;} .rca_choose_list .choose_box ul li span i.fa {-webkit-transition: all 0.3s;transition: all 0.3s;} .rca_choose_list .choose_box ul li span:hover i.fa {color: #000000;} .rca_choose_list .choose_box ul li ul {position: absolute;top: -1px;right: -313px;display: none;} .rca_choose_list .choose_box ul li ul li ul {display: none !important;} .rca_choose_list .choose_box ul li:hover ul {display: block;} .rca_choose_list .choose_box ul li ul li:hover ul {display: block !important;} .rca_choose_list .choose_box ul li.active span {background-color: #00919a;color: #ffffff;} .rca_choose_list .choose_box ul li.active span i.fa {color: #ffffff;} /* * Proofs */ #proofs {margin: 0 auto;padding: 0 0 30px;} #proofs span.proof_progress_icon {border: 1px solid #bcbcbc; border-radius: 3px; color: #bcbcbc; font-size: 14px; font-weight: 600; line-height: 12px; margin-right: 1px; padding: 3px 0; text-align: center; text-transform: uppercase; width: 20px; display: inline-block; cursor: default;} #proofs span.proof_progress_icon.progress_status1 {border-color: #bcbcbc;background-color: #ffffff;color: #bcbcbc;} #proofs span.proof_progress_icon.progress_status2 {border-color: #86b829;background-color: #86b829;color: #ffffff;} #proofs span.proof_progress_icon.progress_status3 {border-color: #ff423e;background-color: #ff423e;color: #ffffff;} #proofs span.proof_progress_icon.progress_status4 {border-color: #faac44;background-color: #faac44;color: #ffffff;} #proofs span.proof_progress_icon.progress_status5 {border-color: #ffffff;background-color: #ffffff;color: #ffffff;visibility: hidden;} /* Proofs - Table */ #proofs .table {margin: 0 -1px;} #proofs .table table {width: 100%;} #proofs .table table th, #proofs .table table td {text-align: center;vertical-align: middle;} #proofs .table table th {background-color: #00919A;color: #ffffff;text-transform: uppercase;padding: 15px 0;} #proofs .table table td {background-color: #f5f5f5;padding: 5px 5px;} #proofs .table table td.left {text-align: left;padding-left: 10px;} #proofs .table table td.right {text-align: right;padding-right: 10px;} #proofs .table table td.no_assets {font-weight: 600;text-transform: uppercase;padding: 30px 0;} /*#proofs .table table td.fw400 {font-weight: 400;}*/ #proofs .table table td.thumb {padding: 0;} /* Proofs - Table: List */ #proofs .table_upload table th.id {width: 70px;} #proofs .table_upload table th.type {width: 130px;} #proofs .table_upload table th.name {width: 310px;} #proofs .table_upload table th.progress {width: 130px;} #proofs .table_upload table th.status {width: 95px;} #proofs .table_upload table th.uploaded_at {width: 131px;} #proofs .table_upload table th.actions {width: 76px;} #proofs .table_upload table td span {-webkit-transition: all 0.3s;transition: all 0.3s;} #proofs .table_upload table td.id span {width: auto;padding: 3px;background-color: #ebebeb;color: #ffffff;border-color: #ebebeb;margin-right: 0;} #proofs .table_upload table td.actions span {cursor: pointer;width: 24px;position: relative;background-color: #ffffff;} #proofs .table_upload table td.actions span div {width: 200px;background-color: #ffffff;border: 1px solid #bcbcbc;} #proofs .table_upload table td.actions span div {position: absolute;top: -1px;right: 22px;z-index: 5;display: none;} #proofs .table_upload table td.actions span:hover div {display: block;} #proofs .table_upload table td.actions span div ul li {border-bottom: 1px solid #ededed;} #proofs .table_upload table td.actions span div ul li:last-child {border-bottom: 0;} #proofs .table_upload table td.actions span div ul li a {display: block;text-align: left;text-transform: none;height: 28px;font-size: 12px;} #proofs .table_upload table td.actions span div ul li a {-webkit-transition: all 0.3s;transition: all 0.3s;} #proofs .table_upload table td.actions span div ul li a i.fa {width: 28px;line-height: 28px;text-align: center;display: block;float: left;} /*#proofs .table_upload table td.actions span div ul li a i.fa {-webkit-transition: all 0.3s;transition: all 0.3s;}*/ #proofs .table_upload table td.actions span div ul li a strong {line-height: 28px;display: block;float: left;font-weight: 600;} #proofs .table_upload table td.actions span:hover, #proofs .table_upload table td.actions span div ul li a:hover {background-color: #00919A;color: #ffffff;} /* Proofs - Upload Form */ #proofs .proof_upload_form {} #proofs .proof_upload_form .sections .section .input_navigation {padding: 0;} /* Proofs - Details */ #proofs .proof_details {} #proofs .proof_details .proof_versions {height: 32px;border-bottom: 1px solid #c4c4c4;margin: 0 0 15px;} #proofs .proof_details .proof_versions ul {} #proofs .proof_details .proof_versions ul li {float: left;border-left: 1px solid #c4c4c4;border-top: 1px solid #c4c4c4;background-color: #f5f5f5;} #proofs .proof_details .proof_versions ul li:last-child {border-right: 1px solid #c4c4c4;} #proofs .proof_details .proof_versions ul li a {height: 31px;border-bottom: 1px solid #c4c4c4;padding: 0 15px;line-height: 30px;display: block;font-weight: 600;} #proofs .proof_details .proof_versions ul li a {-webkit-transition: all 0.3s;transition: all 0.3s;} #proofs .proof_details .proof_versions ul li a:hover {background-color: rgba(255,255,255,.5);} #proofs .proof_details .proof_versions ul li.new_version a {font-size: 12px;} #proofs .proof_details .proof_versions ul li.active a, #proofs .proof_details .proof_versions ul li.active a:hover {background-color: #ffffff;border-bottom-color: #ffffff;} #proofs .proof_details .proof_info {} #proofs .proof_details .proof_info .name {width: 100%;float: left;padding: 0 0 15px;} #proofs .proof_details .proof_info .thumb {width: 130px;float: left;} #proofs .proof_details .proof_info .info {width: 390px;float: left;} #proofs .proof_details .proof_info .info table {width: 100%;} #proofs .proof_details .proof_info .info table tr td {vertical-align: top;padding-bottom: 3px;} #proofs .proof_details .proof_info .info table tr td.left {width: 20%;text-transform: uppercase;text-align: right;} #proofs .proof_details .proof_info .info table tr td.right {width: 80%;font-weight: 400;padding-left: 5px;} #proofs .proof_details .proof_info .actions {width: 100%;float: left;padding: 15px 0 0;} #proofs .proof_details .proof_info .actions ul {} #proofs .proof_details .proof_info .actions ul li {float: left;margin-right: 5px;} #proofs .proof_details .proof_info .actions ul li a {height: 30px;display: block;background-color: #ededed;} #proofs .proof_details .proof_info .actions ul li a {-webkit-transition: all 0.3s;transition: all 0.3s;} #proofs .proof_details .proof_info .actions ul li a i.fa {width: 30px;float: left;display: block;line-height: 30px;text-align: center;} #proofs .proof_details .proof_info .actions ul li a strong {float: left;display: block;line-height: 30px;padding-right: 10px;font-weight: 400;} #proofs .proof_details .proof_info .actions ul li.go_to_proof a, #proofs .proof_details .proof_info .actions ul li a:hover {background-color: #00919A;color: #ffffff;} #proofs .proof_details .proof_info .actions ul li:last-child {border-bottom: 0;} #proofs .proof_details .proof_data {padding: 15px 0 0;} #proofs .proof_details .proof_data .title {background-color: #f5f5f5;} #proofs .proof_details .proof_data .title h3 {padding: 15px 15px 10px;text-transform: uppercase;border-bottom: 1px solid #c4c4c4;} #proofs .proof_details .proof_data .content {padding: 0 0 15px;} #proofs .proof_details .proof_data .workflow table {width: 100%;} #proofs .proof_details .proof_data .workflow table th, #proofs .proof_details .proof_data .workflow table td {padding: 5px 0;border-bottom: 1px solid #ededed;} #proofs .proof_details .proof_data .workflow table th.name {width: 400px;} #proofs .proof_details .proof_data .workflow table th.comments {width: 50px;} #proofs .proof_details .proof_data .workflow table th.progress {width: 125px;} #proofs .proof_details .proof_data .workflow table th.decision {width: 175px;} #proofs .proof_details .proof_data .workflow table th.role {width: 150px;} #proofs .proof_details .proof_data .workflow table th.actions {width: 50px;} #proofs .proof_details .proof_data .activity table {width: 100%;} #proofs .proof_details .proof_data .activity table th, #proofs .proof_details .proof_data .activity table td {padding: 5px 0;border-bottom: 1px solid #ededed;} #proofs .proof_details .proof_data .activity table th.date {width: 150px;} #proofs .proof_details .proof_data .activity table th.action {width: 300px;} #proofs .proof_details .proof_data .activity table th.details {width: 500px;} /* Proofs - Share */ #proofs .proof_share_form {} #proofs .proof_share_form .input_navigation {padding: 0;} /* Proofs - Viewer */ .proof_viewer #header_main {background-color: #ffffff;} .proof_viewer .page_subnav {background-color: #ffffff;} .proof_viewer #page_content {background-color: #000000;margin: 130px 0 0;padding: 0;width: 100%;} .proof_viewer #proofs {width: 100%;padding: 0;} /* * Settings */ #settings {} /* Settings - Search & Filters */ #settings .search input:focus {background-color: #ffffff;z-index: 15;} #settings .filters {top: 15px;} #settings .filters ul li.dropdown span {line-height: 45px;} /* Settings - List Nav */ #settings .settings_list_nav {padding: 0 0 30px;margin: -10px 0 0;} #settings .settings_list_nav ul {} #settings .settings_list_nav ul li {float: left;margin-right: 15px;height: 21px;margin-bottom: 2px;} /*#settings .settings_list_nav ul li:first-child {margin-left: 0;}*/ #settings .settings_list_nav ul li p {font-size: 12px;text-transform: uppercase;} #settings .settings_list_nav ul li p a {color: #000000;} #settings .settings_list_nav ul li p a:hover {color: #00919A;} #settings .settings_list_nav ul li.active {border-bottom: 3px solid #00919A;} #settings .settings_list_nav ul li.active p {font-weight: 700;} #settings .settings_list_nav ul li.active p a {color: #00919A;} /* Settings - List */ #settings {margin: 0 auto;} #settings .settings_list {padding: 0 0 10px;} #settings .settings_list ul {margin: 0 -10px;position: relative;} #settings .settings_list ul li {width: 300px;padding: 20px 10px 0;float: left;position: relative;} #settings .settings_list ul li {-webkit-transition: all 0.4s;transition: all 0.4s;} #settings .settings_list ul li article {background-color: #ffffff;text-align: center;position: relative;overflow: hidden;padding: 25px 0;border: 1px solid #dcddde;} #settings .settings_list ul li article figure {width: 90px;height: 90px;background-color: #e3e4e6;overflow: hidden;margin: 0 auto;border: 1px solid #e3e4e6;} #settings .settings_list ul li article figure { -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; } #settings .settings_list ul li article figure img {width: 100%;} #settings .settings_list ul li article figure p {line-height: 80px;font-size: 60px;color: #ffffff;} #settings .settings_list ul li article p {margin: 2px 0 0;} #settings .settings_list ul li article p span {font-weight: 600;} #settings .settings_list ul li article p.name {font-size: 20px;} #settings .settings_list ul li article p.territory {font-size: 12px;text-transform: uppercase;font-weight: 700;margin: 10px 0 8px;} #settings .settings_list ul li article .top {width: 100%;position: absolute;left: 0;top: 0;z-index: 10;padding: 10px 10px 0;} #settings .settings_list ul li article .top p {margin: 0;font-size: 12px;color: #d4d5d7;line-height: 1;} #settings .settings_list ul li article .top p.id {text-align: left;float: left;} #settings .settings_list ul li article .top p.status {text-align: right;float: right;position: relative;} #settings .settings_list ul li article .top p.status span {width: 12px;height: 12px;display: block;} #settings .settings_list ul li article .top p.status span {position: absolute;left: -22px;top: 1px;z-index: 10;} #settings .settings_list ul li article .top p.status span { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } #settings .settings_list ul li article .top p.status span.status1 {background-color: #34d02e;} #settings .settings_list ul li article .top p.status span.status2 {background-color: #c1c1c1;} #settings .settings_list ul li article .top p.status span.status3 {background-color: #c1c1c1;} #settings .settings_list ul li article .nav {padding: 25px 0 0;text-align: center;} #settings .settings_list ul li article .nav .btn {background-color: transparent;border: 1px solid #cecfd1;margin: 0 5px;} #settings .settings_list ul li article .nav .btn span {height: 40px;line-height: 40px;color: #8a8b8d;padding: 0 35px;font-size: 14px;} #settings .settings_list ul li article .nav .btn span {-webkit-transition: color 0.3s;transition: color 0.3s;} #settings .settings_list ul li article .nav .btn:hover {background-color: #cecfd1;} #settings .settings_list ul li article .nav .btn:hover span {color: #ffffff;} #settings .settings_list ul li .mask {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;} #settings .settings_list ul li.show .mask {display: none;} #settings .settings_list ul li.hide .mask {display: block;} /* Settings - List: Users */ #settings.users {} #settings.users .settings_list {padding-bottom: 0;} /*#settings.users .settings_list ul {position: relative;overflow: hidden;margin: 0;}*/ #settings.users .settings_list ul li {padding: 0 10px 20px;width: 33.33333333%;} #settings.users .settings_list ul li article {padding-bottom: 5px;} #settings.users .settings_list ul li article .nav .btn {margin: 0;} #settings.users .settings_list ul li article .nav .btn span {padding: 0 10px;font-size: 13px;} #settings.users .settings_list ul li article .nav .btn_login {background-color: rgba(82,216,164,1);} #settings.users .settings_list ul li article .nav .btn_login span {color: #ffffff;} #settings.users .settings_list ul li article .nav .btn_login:hover {background-color: rgba(82,216,164,.8);} /* Settings - List: Regions */ #settings.regions .settings_list ul li {width: 320px;padding: 0 10px 20px;} #settings.regions .settings_list ul li article figure p {font-size: 30px;} /* Settings - List: Countries */ #settings.countries {} #settings.countries .settings_list {} /*#settings.countries .settings_list ul {position: relative;overflow: hidden;margin: 0;}*/ #settings.countries .settings_list ul li {padding: 0 10px 20px;width: 33.33333333%;} #settings.countries .settings_list ul li article figure p {font-size: 40px;} /* Settings - List: Cities */ #settings.cities {} #settings.cities .settings_list_nav {} #settings.cities .settings_list_nav ul li {margin: 0 15px 0 0;} #settings.cities .settings_list {padding-bottom: 20px;} #settings.cities .settings_list ul {position: relative;overflow: hidden;margin: 0;} #settings.cities .settings_list ul li {width: 300px;padding: 0;margin: 0;position: absolute;opacity: 0;float: none;} #settings.cities .settings_list ul li p.name {font-size: 20px;} /* Settings - List: Filters */ #settings.filters {} #settings.filters .settings_list {} /*#settings.filters .settings_list ul {position: relative;overflow: hidden;margin: 0;}*/ #settings.filters .settings_list ul li {padding: 0 10px 20px;width: 33.33333333%;} #settings.filters .settings_list ul li article p.name {font-size: 24px;} /* Settings - List: Fonts */ #settings.fonts .settings_list ul li article p.name {font-size: 24px;} /* Settings - Form */ #settings .settings_form {} /* Settings - Pagination */ #settings #pagination {padding: 0 0 20px;} /* * Export users list */ .export_users_list #header_main {background-color: #ffffff;} .export_users_list #page_content {width: 100%;} .export_users_list #page_content .page_subnav {background-color: #ffffff;} .export_users_list #settings .settings_list {} .export_users_list #settings .settings_list .table {width: 100%;margin: 15px 0 0;} .export_users_list #settings .settings_list .table .ticket {width: 188px;} .export_users_list #settings .settings_list .table .name {width: 268px;} .export_users_list #settings .settings_list .table .date {width: 148px;} .export_users_list #settings .settings_list .table .created {width: 188px;} .export_users_list #settings .settings_list .table .status {width: 148px;} .export_users_list #settings .settings_list .table td, .export_users_list #settings .settings_list .table th {padding: 7px;} .export_users_list #settings .settings_list .table th {background-color: #e5e5e4;} .export_users_list #settings .settings_list .table th a i.fa {display: none;margin-left: 5px;} .export_users_list #settings .settings_list .table td {border-bottom: 1px solid #e5e5e4;padding: 10px 7px;} .export_users_list #settings .settings_list .table td a i.fa {margin-right: 10px;font-size: 16px;} .export_users_list #settings .settings_list .table a {color: #00919A;} .export_users_list #settings .settings_list .table a:hover {color: #000000;} .export_users_list #settings .settings_list .table a.sort_asc i.fa-caret-up {display: inline-block;} .export_users_list #settings .settings_list .table a.sort_desc i.fa-caret-down {display: inline-block;} /* * Search & Filters */ /*.search_filters_holder {width: 100%;height: 80px;position: fixed;left: 0;top: 125px;z-index: 100;}*/ .search_filters {height: 80px;position: relative;margin: -30px auto 0;padding: 30px 0 0;background-color: transparent;} /* Campaigns - Search */ .search_filters .search {width: 230px;height: 45px;position: relative;top: -15px;} .search_filters .search span {width: 45px;height: 45px;background-repeat: no-repeat;background-position: center center;display: block;cursor: pointer;background-size: 50%;} .search_filters .search span {position: absolute;top: 0;} .search_filters .search span.button {background-image: url(../design/icons/search_thin.svg);z-index: 5;right: -5px;top: 0;} .search_filters .search span.close {width: 30px;height: 30px;background-image: url(../design/icons/close_thin.svg);z-index: 6;left: auto;top: 7px;right: 0;display: none;background-color: #ffffff;background-size: 60%;} .search_filters .search.active span.close {display: block;} .search_filters .search input {width: 230px;height: 45px;line-height: 20px;background-color: transparent;border: 0;border-bottom: 1px solid #ededed;cursor: pointer;padding-left: 0px;padding-right: 45px;font-size: 12px;color: #ededed;} .search_filters .search input:-moz-placeholder {color: #a6a5a5;} .search_filters .search input:-ms-input-placeholder {color: #a6a5a5;} .search_filters .search input::-webkit-input-placeholder {color: #a6a5a5;} .search_filters .search input {-webkit-transition: all 0.3s;transition: all 0.3s;} .search_filters .search input {position: absolute;left: 0;top: 0;z-index: 10;} /*.search_filters .search input:hover {width: 250px;border-bottom: 1px solid #bababa;color: #b4b8c1;}*/ .search_filters .search input:hover:-moz-placeholder {color: #b4b8c1;} .search_filters .search input:hover:-ms-input-placeholder {color: #b4b8c1;} .search_filters .search input:hover::-webkit-input-placeholder {color: #b4b8c1;} .search_filters .search.active input, .search_filters .search input:focus {border-bottom: 1px solid #00919A;color: #000000;cursor: text;z-index: 1;} .search_filters .search.active input:-moz-placeholder, .search_filters .search input:focus:-moz-placeholder {color: #000000;} .search_filters .search.active input:-ms-input-placeholder, .search_filters .search input:focus:-ms-input-placeholder {color: #000000;} .search_filters .search.active input::-webkit-input-placeholder, .search_filters .search input:focus::-webkit-input-placeholder {color: #000000;} /* Campaigns - Filters */ .search_filters .filters {position: absolute;right: 0;top: 46px;z-index: 300;} .search_filters .filters ul {} .search_filters .filters ul li.dropdown {float: left;padding-left: 15px;position: relative;} .search_filters .filters ul li.dropdown_select {width: 150px;} .search_filters .filters ul li.dropdown:first-child {padding-left: 0;padding-right: 5px;} .search_filters .filters ul li.dropdown span {font-size: 11px;text-transform: uppercase;} .search_filters .filters ul li.dropdown span.toggle {cursor: pointer;display: inline-block;color: #58595b;text-transform: none;} .search_filters .filters ul li.dropdown span.toggle {-webkit-transition: all 0.3s;transition: all 0.3s;} .search_filters .filters ul li.dropdown span.toggle:hover {color: #00919A;} .search_filters .filters ul li.dropdown span.toggle i.fa {margin-left: 5px;} .search_filters .filters ul li.dropdown ol.dropdown_holder {width: 180px;background-color: #ffffff;border-top: 1px solid #606569;opacity: 0;display: none;} .search_filters .filters ul li.dropdown ol.dropdown_holder { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); } .search_filters .filters ul li.dropdown ol.dropdown_holder {position: absolute;right: 0;top: 24px;z-index: 10;} .search_filters .filters ul li.dropdown ol.dropdown_holder {-webkit-transition: all 0.3s;transition: all 0.3s;} .search_filters .filters ul li.dropdown ol.dropdown_holder li {border-bottom: 1px solid #e5e5e4;} .search_filters .filters ul li.dropdown ol.dropdown_holder li:last-child {border-bottom: 0;} .search_filters .filters ul li.dropdown ol.dropdown_holder li span, .search_filters .filters ul li.dropdown ol.dropdown_holder li a {font-size: 12px;line-height: 1;display: block;padding: 12px 15px 12px 13px;border-left: 2px solid #ffffff;} .search_filters .filters ul li.dropdown ol.dropdown_holder li.active a, .search_filters .filters ul li.dropdown ol.dropdown_holder li a:hover {border-left: 2px solid #00919A;background-color: #f8f8f9;color: #000000;} .search_filters .filters ul li.dropdown.open span.toggle {height: 24px;color: #00919A;} .search_filters .filters ul li.dropdown.open ol.dropdown_holder {opacity: 1;display: block;} .search_filters .filters ul li.dropdown.open span.toggle {color: #00919A;} /* * Sidebar */ #sidebar {width: 300px;height: 100%;background-color: #f5f5f5;border-left: 1px solid #808080;} #sidebar {position: fixed;top: 0;right: -300px;z-index: 999;} #sidebar {-webkit-transition: all 0.3s;transition: all 0.3s;} #sidebar.sidebar_open {right: 0;} #sidebar.sidebar_open { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); } /* Sidebar - Toggle */ #sidebar .toggle_sidebar {background-color: #00919A;} #sidebar .toggle_sidebar {-webkit-transition: all 0.3s;transition: all 0.3s;} #sidebar.sidebar_open .toggle_sidebar {background-color: #808080;} #sidebar .toggle_sidebar { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #sidebar .toggle_sidebar {position: absolute;left: -40px;top: 30px;z-index: 10;} #sidebar .toggle_sidebar span {width: 40px;display: block;text-align: center;cursor: pointer;} #sidebar .toggle_sidebar span i.fa {line-height: 40px;color: #ffffff;font-size: 24px;} #sidebar .toggle_sidebar span i.fa-times {display: none;} #sidebar.sidebar_open .toggle_sidebar span i.fa {display: none;} #sidebar.sidebar_open .toggle_sidebar span i.fa-times {display: inline-block;} /* Sidebar - Wrapper */ #sidebar .sidebar_wrapper {width: 100%;padding: 20px;} #sidebar .sidebar_wrapper .sidebar_widget:last-child {padding-bottom: 0 !important;} /* Sidebar - Widget */ #sidebar .sidebar_widget {width: 100%;padding: 0 0 30px;} #sidebar .sidebar_widget .widget_header {padding: 0 0 10px;} #sidebar .sidebar_widget .widget_header h6 {text-transform: uppercase;opacity: .3;font-weight: 700;} #sidebar .sidebar_widget .widget_body {padding: 0 0 10px;} #sidebar .sidebar_widget .widget_body .widget_select {padding: 0 0 10px;} #sidebar .sidebar_widget .widget_body .widget_select:last-child {padding: 0;} #sidebar .sidebar_widget .widget_body .widget_logs {} #sidebar .sidebar_widget .widget_body .widget_logs li {padding-bottom: 5px;} #sidebar .sidebar_widget .widget_body .widget_logs li:last-child {padding-bottom: 0;} #sidebar .sidebar_widget .widget_body .widget_logs li span.name, #sidebar .sidebar_widget .widget_body .widget_logs li span.title {display: block;font-weight: 600;color: #808080;} #sidebar .sidebar_widget .widget_body .widget_logs li span.title span {font-weight: 700;color: #000000;} #sidebar .sidebar_widget .widget_nav {} #sidebar .sidebar_widget .widget_nav .btn {width: 100%;display: block;} /* Sidebar - Form elements */ #sidebar .widget_select .select2-container .select2-selection--single {height: 35px;} #sidebar .widget_select .select2-container .select2-selection--single .select2-selection__rendered {height: 33px;line-height: 33px;} #sidebar .widget_select .select2-container--default .select2-selection--single .select2-selection__arrow {height: 33px;} #sidebar input[type="text"] {height: 35px;} /* * Help */ #help {} /* Help - Choose */ #help .help_choose {padding: 60px 30px 90px;} #help .help_choose h2 {font-weight: 400;text-align: center;margin: 0 0 60px;font-size: 50px;} #help .help_choose ul {} #help .help_choose ul li {width: 16.666666666%;float: left;} #help .help_choose ul li a {display: block;color: #00919A;} #help .help_choose ul li a:hover {color: #000000;} #help .help_choose ul li .icon {width: 92px;height: 92px;border: 3px solid #00919A;margin: 0 auto;overflow: hidden;} #help .help_choose ul li .icon {background-repeat: no-repeat;background-position: center;} #help .help_choose ul li .icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #help .help_choose ul li .icon1 {background-image: url(../design/help/getting-started.png);} #help .help_choose ul li .icon2 {background-image: url(../design/help/collaborate.png);} #help .help_choose ul li .icon3 {background-image: url(../design/help/campaign-page.png);} #help .help_choose ul li .icon4 {background-image: url(../design/help/assets-sharing.png);} #help .help_choose ul li .icon5 {background-image: url(../design/help/assets-download.png);} #help .help_choose ul li .icon6 {background-image: url(../design/help/recaps.png);} #help .help_choose ul li p {text-align: center;text-transform: uppercase;font-weight: 700;margin: 15px 0 0;} /* Help - Section */ #help .help_section {} #help .help_section header {margin: 0 -30px;height: 570px;background: url(../design/help/help_section_bgr_20170219.jpg) no-repeat 0 0;padding: 250px 60px 0;} #help .help_section header h3 {font-weight: 400;font-size: 50px;} #help .help_section article {padding: 60px 30px 60px;} #help .help_section article h4 {font-weight: 400;font-size: 30px;margin: 0 0 60px;} #help .help_section article p {font-weight: 400;font-size: 18px;line-height: 28px;margin: 0 0 30px;} #help .help_section article figure {width: 100%;text-align: center;margin: 0 0 30px;} #help .help_section article figure .gif {width: 768px;height: 437px;background: url(../../images/help/campaign_page/campaign_page_bgr.jpg) no-repeat 0 0;margin: 0 auto;padding: 26px 0 0 0;} #help .help_section article figure .gif img {width: 570px;height: 360px;} #help .help_section article .space60 {margin-bottom: 60px !important;} #help .help_section article .no_space {margin-bottom: 0 !important;} #help .help_section article .shadow { -webkit-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2); } /* * Logs */ #logs {padding: 0 0 30px;} #logs .logs_list {} #logs .logs_list ul {} #logs .logs_list ul li {margin: 0 0 15px;} #logs .logs_list ul li p {float: left;font-size: 11px;font-weight: 400;} #logs .logs_list ul li p.num {width: 84px;} #logs .logs_list ul li p.date {width: 85px;} #logs .logs_list ul li p.time {width: 88px;} #logs .logs_list ul li p.message {width: 548px;} #logs .logs_list ul li p.ip_address {width: 135px;} #logs .logs_list ul li.header p {line-height: 20px;font-weight: 600;text-transform: uppercase;} #logs .logs_list ul li.header p span {display: inline-block;background-color: #f6f6f6;padding: 0 20px;} #logs .logs_list ul li.header p span { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #logs .logs_list ul li.list {background-color: #fafeff;margin-bottom: 1px;} #logs .logs_list ul li.list { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #logs .logs_list ul li.list p {text-align: center;border-right: 1px solid #ffffff;padding: 45px 0 15px;color: #000000;font-size: 11px;background-repeat: no-repeat;background-position: center 13px;} #logs .logs_list ul li.list p.num {background-image: url(../design/icons/logs_id_icon.png);} #logs .logs_list ul li.list p.date {background-image: url(../design/icons/logs_date_icon.png);} #logs .logs_list ul li.list p.time {background-image: url(../design/icons/logs_time_icon.png);} #logs .logs_list ul li.list p.message {text-align: left;padding: 15px;color: #000000;border-right: 0;font-size: 13px;} #logs .logs_list ul li.list p.ip_address {background-image: url(../design/icons/logs_ip_icon.png);} #logs .logs_list ul li.list p.ip_address {border-left: 1px solid #ffffff;} #logs .logs_list ul li.list p.date, #logs .logs_list ul li.list p.time, #logs .logs_list ul li.list p.message span, #logs .logs_list ul li.list p.ip_address {font-weight: 600;} /* * Pagination */ #pagination {padding: 15px 0 0;} #pagination p {font-size: 14px;line-height: normal;text-align: center;} #pagination p a, #pagination p span {display: inline-block;margin-right: 2px;padding: 5px 10px;} #pagination p a {background-color: #ffffff;color: #808080;text-decoration: none;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;} #pagination p a:hover, #pagination p span {background-color: #f0f0f0;color: #808080;text-decoration: none;} #pagination p span {cursor: default;} #pagination p span.dots {color: #8d8d8d;font-weight: normal;background-color: transparent;} /* * Stats */ #stats {padding: 0 0 15px;} #stats .stats_content {margin: 0 -15px;} #stats .stats_content .box {width: 50%;float: left;padding: 0 15px 15px;} #stats .stats_content .box:first-child {width: 40%;} #stats .stats_content .box:last-child {width: 60%;} #stats .stats_content .box p {font-weight: 700;text-transform: uppercase;margin: 0 0 10px;} #stats .stats_content .box p a {color: #00919A;} #stats .stats_content .box p a:hover {color: #000000;} #stats .stats_content .box table {width: 100%;} #stats .stats_content .box table tr td {width: 50%;background-color: #f5f5f5;padding: 10px;} #stats .stats_content .box table tr td:nth-child(1) {width: 10%;text-align: center;} #stats .stats_content .box table tr td:nth-child(2) {width: 60%;} #stats .stats_content .box table tr td:nth-child(3) {width: 30%;text-align: center;} #stats .stats_content .box table tr.total td {background-color: #00919A;color: #ffffff;} #stats .stats_content .box .change_date_form {display: none;} #stats .stats_content .box .change_date_form .btn span {height: 46px;line-height: 46px;} #stats .stats_content .box .charts {} #stats .stats_content .box .charts p.data {display: none;} #stats .stats_content .box .charts .chart {width: 100%;height: 300px;} #stats .stats_content .box .charts .chart-projects_per_type {height: 213px;} #stats .stats_content .box .charts .chart-projects_per_program {height: 300px;} #stats .stats_content .box .charts .chart-total_number_of_users {height: 210px;} #stats .stats_content_dates {background-color: #f5f5f5; padding: 15px 15px;margin: 0 -30px 30px;} #stats .stats_content_dates .box {padding-bottom: 0;} #stats .stats_content_dates .box p {margin-bottom: 0;} #stats .stats_content_dates .sections {padding-top: 15px;} #stats .stats_content_dates .input {padding-bottom: 0;} #stats .stats_content_user .box table tr td {width: auto !important;text-align: left !important;} #stats .stats_content_user .box table tr th {background-color: #f5f5f5;padding: 10px;background-color: #00919A;color: #ffffff;text-transform: uppercase;} #stats .stats_content_user .box table tr td a {color: #00919A;} #stats .stats_content_user .box table tr td a:hover {color: #000000;} /* * Footer */ #footer_main {width: 100%;height: 60px;} #footer_main footer {width: 980px;height: 38px;background-color: #061823;margin: 0 auto;display: none;} #footer_main footer p {font-size: 13px;line-height: 38px;color: #d0cecd;} /* * Input Sections */ .sections {} .sections .section {width: 100%;} .sections .section_divider {margin: 0 -30px 30px;padding: 30px 30px 15px;background-color: #e5e5e4;} .sections .section_divider h4 {text-transform: uppercase;} .sections .section_divider h4 span {color: #00919A;} .sections_num2, .sections_num3, .sections_num4, .sections_num5 {margin: 0 -15px;} .sections_num2 .section, .sections_num3 .section, .sections_num4 .section, .sections_num5 .section {float: left;padding: 0 15px;} .sections_num2 .section {width: 50%;} .sections_num3 .section {width: 33.3333333333%;} .sections_num4 .section {width: 25%;} .sections_num5 .section {width: 20%;} .sections .input {padding: 0 0 30px;position: relative;} .sections .input_date {position: relative;z-index: 10;} .sections .input_date i.fa-calendar {width: 20px;height: 20px;font-size: 20px;cursor: pointer;position: absolute;top: 40px;right: 15px;z-index: 100;} .sections .input_password {} .sections .input_password .btn_generate {position: absolute;right: 5px;top: 30px;z-index: 10;} .sections .input_navigation {text-align: right;} .sections .input_navigation .btn {margin-left: 15px;} .sections .teritory_ws_partners {padding: 0 0 30px;} .sections .teritory_ws_partners .label_territory {margin: 0 0 10px;} .sections .teritory_ws_partners ul {} .sections .teritory_ws_partners ul li:last-child {border-bottom: 1px solid #e0e0e0;} .sections .teritory_ws_partners ul li .teritory {position: relative;} .sections .teritory_ws_partners ul li .teritory .label {position: relative;border: 1px solid #e0e0e0;border-bottom: 0;} .sections .teritory_ws_partners ul li .teritory .label label {display: block;padding: 10px 15px;cursor: pointer;} .sections .teritory_ws_partners ul li .teritory .label label span {font-weight: 600;color: #12232d;} .sections .teritory_ws_partners ul li .teritory .label label {-webkit-transition: color 0.3s;transition: color 0.3s;} .sections .teritory_ws_partners ul li .teritory .label i.fa {position: absolute;right: 18px;top: 50%;margin-top: -7px;z-index: 10;color: #ffffff;} .sections .teritory_ws_partners ul li .teritory .label i.fa {-webkit-transition: color 0.3s;transition: color 0.3s;} .sections .teritory_ws_partners ul li .teritory .label .input_check_territory {display: none;} .sections .teritory_ws_partners ul li .teritory .ws_partners {border: 1px solid #e0e0e0;background-color: #ffffff;border-top: 0;display: none;} .sections .teritory_ws_partners ul li .teritory .ws_partners {width: 100%;position: absolute;left: 0;top: 36px;z-index: 120;} .sections .teritory_ws_partners ul li .teritory:hover .label {border-color: #00919A;} .sections .teritory_ws_partners ul li .teritory:hover .label label {color: #12232d;} .sections .teritory_ws_partners ul li .teritory:hover .label i.fa {color: #b2b2b2;} .sections .teritory_ws_partners ul li .teritory:hover .ws_partners {display: block;border-color: #00919A;} .sections .teritory_ws_partners p {text-align: right;margin-top: 5px;} .sections .teritory_ws_partners p span {display: inline-block;padding: 5px;background-color: #000000;color: #ffffff;cursor: pointer;text-transform: uppercase;} .sections .teritory_ws_partners p:hover span {background-color: #00919A;} .sections .pickcolor {height: 46px;background: url(../design/pickcolor_20160208.png) no-repeat center center;background-size: 100% 100%;cursor: pointer;} .sections .pickcolor p {text-align: center;color: #ffffff;line-height: 46px;font-size: 16px;} .sections .share_users_list {padding: 0;} .sections .share_users_list li {position: relative;background-color: #ffffff;cursor: pointer;border: 1px solid #e1e1e1;border-bottom: 0;} .sections .share_users_list li:last-child {border-bottom: 1px solid #e1e1e1;} .sections .share_users_list li {-webkit-transition: all 0.3s;transition: all 0.3s;} .sections .share_users_list li span {padding: 12px 34px 12px 10px;display: block;font-weight: 400;} .sections .share_users_list li span {-webkit-transition: all 0.3s;transition: all 0.3s;} .sections .share_users_list li .icon {width: 14px;height: 14px;position: absolute;right: 10px;top: 50%;margin-top: -7px;z-index: 5;} .sections .share_users_list li .icon i.fa {font-size: 14px;color: #ffffff;} .sections .share_users_list li:hover {background-color: #ededed;} .sections .share_users_list li.active {background-color: #00919A;} .sections .share_users_list li.active span {font-weight: 400;color: #ffffff;} .sections .rca_upload_chooser {padding: 0 0 30px;} .sections .rca_upload_chooser .section_tab_content {padding-top: 15px;} .sections .rca_upload_chooser .countries h5 {text-transform: uppercase;} .sections .rca_upload_chooser .countries ul {padding-bottom: 15px;} .sections .rca_upload_chooser .countries ul li {width: 20%;float: left;} .sections .sort_sections {border-top: 1px solid #e5e5e4;} .sections .sort_sections li {border-bottom: 1px solid #e5e5e4;cursor: move;cursor: -webkit-grabbing;} .sections .sort_sections li:nth-of-type(odd) {background-color: #f9f9f9;} .sections .sort_sections li p {padding: 7px 10px;font-size: 14px;} .sections .sort_sections li p i.fa {margin-right: 10px;color: #ddd;} .sections .sort_sections li p span {margin-left: 10px;color: #ddd;} .sections .sort_sections li.sortable-chosen {background-color: #00919A;} .sections .sort_sections li.sortable-chosen p {color: #ffffff;} .section_title {border-bottom: 1px solid #00919A;margin: 0 0 30px;padding: 0 0 30px;} .section_title h3 {text-transform: uppercase;font-size: 20px;} .section_title h3 span {color: #00919A;} .section_tabs {margin: 0;padding: 0;border-top: 1px solid #e1e1e1;} .section_tabs ul {height: 50px;border: 1px solid #e1e1e1;border-top: 0;background-color: #f5f5f5;} .section_tabs ul li {width: auto;height: 49px;float: left;border-right: 1px solid #e1e1e1;} .section_tabs ul li span {display: block;text-align: center;line-height: 49px;font-size: 14px;text-transform: uppercase;font-weight: 600;cursor: pointer;padding: 0 15px;} .section_tabs ul li.active {background-color: #ffffff;height: 50px;} .section_tabs ul li.active span {cursor: default;} .section_tabs_share {display: none;} .section_tabs_share ul li {position: relative;} .section_tabs_share ul li:last-child:before {content: "OR";position: absolute;left: -14px;top: 15px;font-weight: 600;font-size: 16px;background-color: #ffffff;padding: 0 5px;} .section_tabs_assets_upload {margin: -20px 0 0;padding: 0;border-top: 0;} .section_tabs_assets_upload ul li {width: auto;border-right: 1px solid #e1e1e1;} .section_tabs_assets_upload ul li span {padding: 0 15px;font-size: 14px;} .section_tabs_share_page {margin: -30px 0 0;border-top: 0;padding: 0;} .section_tabs_share_page ul {border-left: 0;border-right: 0;} .section_tabs_share_page ul li {width: 33.333333333%;border-right: 1px solid #e1e1e1;background-color: #f5f5f5;} .section_tabs_share_page ul li:last-child {border-right: 0;} .section_tabs_share_page ul li.active {background-color: #ffffff;} .section_tabs_share_proof {margin: -30px 0 30px;border-top: 0;padding: 0;} .section_tab_content {padding: 30px;border: 1px solid #e1e1e1;border-top: 0;} /* * Input Form */ .input_form {width: 100%;margin: 0 auto;background-color: #ffffff;} .input_form_confirm {background-color: #ffffff;padding: 30px 30px;display: none;} .input_form_confirm h3 {font-size: 18px;text-align: center;color: #211f1e;font-weight: 400;line-height: 24px;} .input_form_confirm .form_navigation {text-align: center;padding: 30px 0 0 !important;margin: 0 !important;} .input_form_confirm .form_navigation .btn {margin: 0 5px !important;} .has-error p.input_error_text {display: block !important;} .has-error input, .has-error textarea, .has-error .select2-container--default .select2-selection--single {border-color: #f50909 !important;} /* * Comments */ .comments_form {text-align: right;} .comments_form textarea {height: auto;min-height: 50px;resize: vertical;padding: 10px;} .comments_form .btn {margin-top: 15px;} .comments_form .cke_contents {border-left: 1px solid #f2f2f2 !important;border-right: 1px solid #f2f2f2 !important;} .comments_form .upload_manager {text-align: left !important;padding: 30px 0 0;} .comments_form .upload_manager .upload_btn {border: 1px solid #f2f2f2;} .comments_list {padding: 30px 0 0;} .comments_list .comment {padding: 0 0 30px;opacity: 1;} .comments_list .comment {-webkit-transition: all 1.0s;transition: all 1.0s;} /*.comments_list .comment_hide {display: none;opacity: 0;}*/ .comments_list .comment:last-child {padding-bottom: 0;} .comments_list .comment .comment_user {width: 60px;padding-right: 16px;float: left;} .comments_list .comment .comment_user figure {width: 100%;height: 44px;overflow: hidden;} .comments_list .comment .comment_user figure { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .comments_list .comment .comment_user figure img {width: 100%;} .comments_list .comment .comment_content {width: 880px;float: left;padding-top: 5px;} .comments_list .comment .comment_content h5 {margin: 0 0 5px;} .comments_list .comment .comment_content h6 {margin: 0 0 10px;color: rgba(0,0,0,.5);font-size: 11px;} .comments_list .comment .comment_content h5 span.user {font-weight: 700;text-transform: uppercase;color: #00919A;} .comments_list .comment .comment_content h5 span.date {opacity: 0.3;} .comments_list .comment .comment_content p, .comments_list .comment .comment_content .comment_text {font-size: 14px;line-height: 20px;} .comments_list .comment .comment_content .comment_text a {color: #00919A;} .comments_list .comment .comment_content .comment_text a:hover {color: #000000;} .comments_list .comment .comment_content .comment_attachments {} .comments_list .comment .comment_content .comment_attachments ul {margin: 0 -1px;padding: 10px 0 0;} .comments_list .comment .comment_content .comment_attachments ul li {float: left;width: 100%;padding: 1px;} .comments_list .comment .comment_content .comment_attachments ul li a {display: block;position: relative;color: #00919A;} .comments_list .comment .comment_content .comment_attachments ul li a .icon_zoom {width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;z-index: 5;background-color: rgba(255,255,255,.5);opacity: 0;} .comments_list .comment .comment_content .comment_attachments ul li a .icon_zoom {-webkit-transition: all 0.3s;transition: all 0.3s;} .comments_list .comment .comment_content .comment_attachments ul li a .icon_zoom i.fa {width: 40px;font-size: 40px;position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px;} .comments_list .comment .comment_content .comment_attachments ul li a:hover .icon_zoom {opacity: 1;} .comments_list .comment .comment_content .comment_attachments ul li figure {max-height: 300px;overflow: hidden;} .comments_list .comment .comment_content .comment_attachments ul li figure img {width: 100%;} .comments_list .comment .comment_content .comment_attachments ul.num0 {display: none;} .comments_list .comment .comment_content .comment_attachments ul.num2 li {width: 50%;} .comments_list .comment .comment_content .comment_attachments ul.num3 li {width: 50%;} .comments_list .comment .comment_content .comment_attachments ul.num3 li:first-child {width: 100%;} .comments_list .comment .comment_content .comment_attachments ul.num4 li {width: 50%;} .comments_list .comment .comment_content .comment_attachments ul.num5 li {width: 33.3333333%;} .comments_list .comment .comment_content .comment_attachments ul.num5 li:nth-child(1), .comments_list .comment .comment_content .comment_attachments ul.num5 li:nth-child(2) {width: 50%;} .comments_list .no_comment {} .comments_list:not([data-comment-num="0"]) .no_comment {display: none;} .comments_list .no_comment p {font-size: 14px;text-align: center;color: rgba(0,0,0,.5);} .comment_template {display: none;} /* * Modals */ .modal {max-width: 600px;margin: 0 auto;padding: 0;position: relative;} .modal {-webkit-transition: all 1.3s;transition: all 1.3s;} .modal.modal-hide {display: none;} .modal .modal-panel {overflow: hidden;} .modal .modal-panel { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .modal .modal-panel { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .modal .modal-panel-heading {padding: 15px 30px;background-color: #061823;} .modal .modal-panel-heading h3 {font-size: 20px;line-height: 22px;color: #ffffff;} .modal .modal-panel-content {background-color: #ffffff;padding: 30px;} .modal .modal-panel-content p {font-size: 16px;line-height: 22px;} .modal .modal-panel-nav {background-color: #ffffff;padding: 15px;text-align: right;border-top: 1px solid #dadada;} .modal .modal-panel-nav button.btn {margin-left: 13px;} .modal .modal-panel-nav button.btn span {line-height: 40px;height: 40px;padding: 0 30px;} .modal .modal-panel-nav button.btn_secondary {opacity: .3;} .modal .modal-panel-nav button.btn_secondary:hover {opacity: 1;} /* * Scroll to top */ .scroll_to_top {width: 30px;position: fixed;right: 40px;bottom: 0;z-index: 150;display: none;} .scroll_to_top span {width: 100%;height: 30px;display: block;background-color: #061823;cursor: pointer;text-align: center;border-radius: 5px 5px 0 0;} .scroll_to_top span i.fa {line-height: 30px;color: #ededed;} /* * Desk.com widget */ .chat_widget {position: fixed;right: 80px;bottom: 0;z-index: 155;} .chat_widget a, .chat_widget div {display: inline-block;padding: 7px 10px;color: #ffffff;text-transform: uppercase;} .chat_widget a {background-color: #00919A;} .chat_widget a:hover {background-color: #000000;} .chat_widget div {background-color: #000000;} /* * Error pages */ body.error_page, html.error_page {height: 100%;background: #ffffff;} .error_page #page_content {width: 100%;background-color: transparent;padding: 0;} .error_page #page_content {width: 100%;position: absolute;left: 0;top: 50%;z-index: 100;} .error_page #page_content { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #error_pages {width: 100%;position: relative;padding: 30px 0;} #error_pages .text {text-align: center;background-repeat: no-repeat;background-position: center top;} #error_pages .text p {font-size: 14px;margin: 20px 0;} /*#error_pages .text .btn {display: inline-block;background-color: transparent;border: 1px solid #00919A;}*/ /*#error_pages .text .btn:hover {background-color: rgba(82,205,216,0.3);}*/ /*#error_pages .text .btn span {display: inline-block;}*/ #error_pages i.fa {display: block;font-size: 205px;color: rgba(0,0,0,.5);text-align: center;margin: 0 0 20px;} /*#error_pages.error401 .text {background-image: url(../design/icons/error_401_icon.png);padding-top: 205px;}*/ /*#error_pages.error404 .text {background-image: url(../design/icons/error_404_icon.png);padding-top: 205px;}*/ /*#error_pages.error401 .text i.fa,*/ /*#error_pages.error404 .text i.fa {display: none;}*/ /*#error_pages.with_background {background: #0f1e29 url(../design/login_bgr_20151016.jpg) no-repeat center center;background-size: cover;}*/ /* * DateTime Picker */ .bootstrap-datetimepicker-widget {background-color: #ffffff;} .bootstrap-datetimepicker-widget { -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15); } /* * ckEditor */ .cke_source {white-space: normal !important;} /* * bxSlider */ .bx-wrapper {margin: 0 auto !important;} .bx-wrapper {border: 0 !important;background-color: transparent !important;box-shadow: none !important;} .bx-wrapper .bx-viewport {border: 0 !important;left: 0 !important;box-shadow: none !important;background-color: transparent !important;} .bx-wrapper .bx-pager {display: none !important;} .bx-wrapper .bx-controls-direction a {width: 45px !important;height: 45px !important;margin-top: -23px !important;text-indent: 0 !important;z-index: 7000 !important;} .bx-wrapper .bx-controls-direction a {background-color: #ececee;color: rgba(0,0,0,.3);transition: color 0.3s, background-color 0.3s;text-align: center;} .bx-wrapper .bx-controls-direction a i {line-height: 45px;font-size: 20px;} .bx-wrapper .bx-controls-direction a:hover {color: #ffffff;background-color: #00919a;} .bx-wrapper .bx-prev {background-image: none !important;left: -65px !important;} .bx-wrapper .bx-next {background-image: none !important;right: -65px !important;} .bx-controls[data-num="0"] .bx-controls-direction a {display: none;} /* * select2 */ .select2-dropdown, .select2-container--default .select2-selection--single { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border-color: #e1e1e1; } .select2-container--open {z-index: 8010;} .select2-container .select2-selection--single {height: 46px;} .select2-container .select2-selection--single .select2-selection__rendered {height: 44px;line-height: 44px;font-size: 12px;} .select2-container--default .select2-selection--single .select2-selection__arrow {height: 44px;} .select2-search--dropdown .select2-search__field {height: auto;} .select2-results__option {} .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected="true"] {background-color: #ededed;color: #12232d;} .select2-container--default .select2-results__option[aria-selected="true"] {color: #061823;} .select2-container--default .select2-selection--multiple { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #e1e1e1 !important; } .has-error .select2-container--default .select2-selection--multiple {border: 1px solid #f50909 !important;} .select2-container .select2-selection--multiple {min-height: 46px;} .select2-container .select2-search--inline .select2-search__field {margin-top: 0px;height: 42px;padding: 0;} .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {border: 1px solid #e1e1e1;} .select2-container--default .select2-selection--multiple .select2-selection__choice { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 7px; border: 1px solid #e1e1e1; background-color: #ededed; } ul.select2-results__options li.select2-results__option {border-bottom: 1px solid #e1e1e1;} ul.select2-results__options li.select2-results__option {-webkit-transition: background-color 0.3s;transition: background-color 0.3s;} ul.select2-results__options li.select2-results__option:last-child {border-bottom: 0;} ul.select2-results__options li.select2-results__option:first-child {border-top: 1px solid #e1e1e1;} .select2-container--open .select2-search { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important;; border-radius: 0 !important;; } /* * Ajax Error Pages */ .ajax_error_page {width: 100%;height: 300px;background-color: #0f1e29;background-repeat: no-repeat;background-position: center 30px;padding: 250px 0 0;} .ajax_error_page p {color: #ffffff;font-size: 18px;text-align: center;} .ajax_error_page.error_401 {background-image: url(../design/icons/error_401_icon.png);} .ajax_error_page.error_404 {background-image: url(../design/icons/error_404_icon.png);} /* * Sliders */ .sliders {} .sliders .data, .sliders .mustache_template {display: none;} .sliders ul {width: 100%;} .sliders ul li {} .sliders ul li figure {position: relative;} .sliders ul li figure img {width: 100%;} /* * Icon Scroll */ .icon-scroll, .icon-scroll:before {position: absolute;} .icon-scroll-left {left: 0;} .icon-scroll-right {right: 0;} .icon-scroll {width: 30px;height: 60px;top: 50%;margin-top: -30px;box-shadow: inset 0 0 0 1px #9b9b9b;border-radius: 25px;background-color: rgba(255,255,255,.5);} .icon-scroll:before {content: '';left: 50%;width: 8px;height: 8px;background: #9b9b9b;margin-left: -4px;top: 8px;border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; } @-webkit-keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(46px); transform: translateY(46px); } } @keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(46px); transform: translateY(46px); } } /* * VideoJS */ .video-js .vjs-tech { object-position: 0 0 !important; -o-object-position: 0 0 !important; } .video-js .vjs-big-play-button {left: 50%;top: 50%;border: 0;background-color: rgba(0,145,154,1);z-index: 10;} .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus, .video-js .vjs-big-play-button:hover {background-color: rgba(0,145,154,.5) !important;} .video-js .vjs-big-play-button { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-js {background-color: transparent !important;} video.full_screen {width: 100% !important;height: 100% !important;} .video-js .vjs-tech {z-index: 5;} .vjs-controls-disabled .vjs-poster {display: block !important;z-index: 1;} .vjs-poster {background-color: transparent;} .video-js .vjs-control-bar {z-index: 15;} /* * Notifications */ .ui-pnotify {right: 15px; top: 15px;} .ui-pnotify .alert {border-radius: 5px; box-shadow: none; padding: 15px 15px 15px 75px;} .ui-pnotify .alert .ui-pnotify-icon {left: 0; position: absolute; top: 0; width: 75px; text-align: center;} .ui-pnotify .alert .ui-pnotify-icon > span {border: 2px solid #FFF; border-radius: 50%; display: inline-block; float: none; font-size: 35px; height: 50px; line-height: 48px; margin: 8px 0 0; padding: 0; width: 50px; text-align: center;} .ui-pnotify .alert .ui-pnotify-title {font-size: 14px; letter-spacing: 0;} .ui-pnotify .alert .ui-pnotify-text {font-size: 12px; line-height: 1.3em;color: #12232d;font-weight: 400;} .ui-pnotify .alert .ui-pnotify-text .break-word {word-wrap: break-word;word-break: break-all;white-space: normal;} .ui-pnotify .alert.alert-danger .ui-pnotify-icon > span.fa-times {line-height: 47px;} .ui-pnotify .ui-pnotify-shadow {box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);} .ui-pnotify.ui-pnotify-no-icon .alert {padding-left: 15px;} .ui-pnotify .ui-pnotify-sharp {border-radius: 0;} body .ui-pnotify.icon-nb .alert .ui-pnotify-icon > span {border-color: transparent; border-radius: 0;} .ui-pnotify.stack-bar-top {right: 0; top: 0;} .ui-pnotify.stack-bar-top .alert {border-radius: 0;} .ui-pnotify.stack-bar-top .alert .ui-pnotify-icon > span {margin-top: 7px;} .ui-pnotify.stack-bar-bottom {bottom: 0; left: auto; margin-left: 15%; right: auto; top: auto;} .ui-pnotify.stack-bar-bottom .alert {border-radius: 0;} .ui-pnotify.stack-bar-bottom .alert .ui-pnotify-icon > span {margin-top: 9px;} .ui-pnotify.click-2-close {cursor: pointer;} .ui-pnotify .alert-primary {background: rgba(204, 204, 204, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify .alert-primary .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.stack-bar-top .alert-primary, .ui-pnotify.stack-bar-bottom .alert-primary {background: #CCC;} .ui-pnotify.alert-primary .alert, .ui-pnotify.alert-primary .alert-primary {background: rgba(204, 204, 204, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-primary .alert .ui-pnotify-icon > span, .ui-pnotify.alert-primary .alert-primary .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-primary.stack-bar-top .alert, .ui-pnotify.alert-primary.stack-bar-top .alert-primary, .ui-pnotify.alert-primary.stack-bar-bottom .alert, .ui-pnotify.alert-primary.stack-bar-bottom .alert-primary {background: #CCC;} .ui-pnotify .alert-success {background: rgba(82, 216, 164, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify .alert-success .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.stack-bar-top .alert-success, .ui-pnotify.stack-bar-bottom .alert-success {background: #47a447;} .ui-pnotify.alert-success .alert, .ui-pnotify.alert-success .alert-success {background: rgba(82, 216, 164, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-success .alert .ui-pnotify-icon > span, .ui-pnotify.alert-success .alert-success .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-success.stack-bar-top .alert, .ui-pnotify.alert-success.stack-bar-top .alert-success, .ui-pnotify.alert-success.stack-bar-bottom .alert, .ui-pnotify.alert-success.stack-bar-bottom .alert-success {background: #47a447;} .ui-pnotify .alert-warning {background: rgba(237, 156, 40, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify .alert-warning .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.stack-bar-top .alert-warning, .ui-pnotify.stack-bar-bottom .alert-warning {background: #ed9c28;} .ui-pnotify.alert-warning .alert, .ui-pnotify.alert-warning .alert-warning {background: rgba(237, 156, 40, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-warning .alert .ui-pnotify-icon > span, .ui-pnotify.alert-warning .alert-warning .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-warning.stack-bar-top .alert, .ui-pnotify.alert-warning.stack-bar-top .alert-warning, .ui-pnotify.alert-warning.stack-bar-bottom .alert, .ui-pnotify.alert-warning.stack-bar-bottom .alert-warning {background: #ed9c28;} .ui-pnotify .alert-danger {background: rgba(210, 50, 45, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify .alert-danger .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.stack-bar-top .alert-danger, .ui-pnotify.stack-bar-bottom .alert-danger {background: #d2322d;} .ui-pnotify.alert-danger .alert, .ui-pnotify.alert-danger .alert-danger {background: rgba(210, 50, 45, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-danger .alert .ui-pnotify-icon > span, .ui-pnotify.alert-danger .alert-danger .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-danger.stack-bar-top .alert, .ui-pnotify.alert-danger.stack-bar-top .alert-danger, .ui-pnotify.alert-danger.stack-bar-bottom .alert, .ui-pnotify.alert-danger.stack-bar-bottom .alert-danger {background: #d2322d;} .ui-pnotify .alert-danger .ui-pnotify-title, .ui-pnotify .alert-danger .ui-pnotify-text {color: rgba(255, 255, 255, 1);} .ui-pnotify .alert-info {background: rgba(91, 192, 222, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify .alert-info .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.stack-bar-top .alert-info, .ui-pnotify.stack-bar-bottom .alert-info {background: #5bc0de;} .ui-pnotify.alert-info .alert, .ui-pnotify.alert-info .alert-info {background: rgba(91, 192, 222, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-info .alert .ui-pnotify-icon > span, .ui-pnotify.alert-info .alert-info .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-info.stack-bar-top .alert, .ui-pnotify.alert-info.stack-bar-top .alert-info, .ui-pnotify.alert-info.stack-bar-bottom .alert, .ui-pnotify.alert-info.stack-bar-bottom .alert-info {background: #5bc0de;} .ui-pnotify .alert-dark {background: rgba(23, 23, 23, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify .alert-dark .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.stack-bar-top .alert-dark, .ui-pnotify.stack-bar-bottom .alert-dark {background: #171717;} .ui-pnotify.alert-dark .alert, .ui-pnotify.alert-dark .alert-dark {background: rgba(23, 23, 23, 0.95); color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-dark .alert .ui-pnotify-icon > span, .ui-pnotify.alert-dark .alert-dark .ui-pnotify-icon > span {border-color: rgba(255, 255, 255, 0.7);} .ui-pnotify.alert-dark.stack-bar-top .alert, .ui-pnotify.alert-dark.stack-bar-top .alert-dark, .ui-pnotify.alert-dark.stack-bar-bottom .alert, .ui-pnotify.alert-dark.stack-bar-bottom .alert-dark {background: #171717;} .alerts .alert-menu .alert-title {background: #0088cc;} .alerts .alert-menu .alert-title .label-default {background-color: #006699;} .alerts .alert-menu:before, .alerts .alert-icon:before {border-bottom-color: #0088cc;} .ui-pnotify .alert-primary {background: rgba(0, 136, 204, 0.95);} .ui-pnotify.stack-bar-top .alert-primary, .ui-pnotify.stack-bar-bottom .alert-primary {background: #0088cc;} .ui-pnotify.alert-primary .alert, .ui-pnotify.alert-primary .alert-primary {background: rgba(0, 136, 204, 0.95);} .ui-pnotify.alert-primary.stack-bar-top .alert, .ui-pnotify.alert-primary.stack-bar-bottom .alert, .ui-pnotify.alert-primary.stack-bar-top .alert-primary, .ui-pnotify.alert-primary.stack-bar-bottom .alert-primary {background: #0088cc;} .ui-pnotify-data {display: none;}