/** * 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: #ededed;margin: 0;padding: 0;} /* * Global */ /* Global - Font */ body, input, textarea, select {font-size: 14px;color: #12232d;text-align: left;} body, input, textarea, select {font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;font-weight: 300;} button, b, strong {font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;font-weight: 600;} /* Global - Elements */ p {font-size: 14px;font-weight: 300;} 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: #061823;line-height: 1;font-weight: 600;} a {color: #12232d;text-decoration: none;-webkit-transition: color 0.3s;transition: color 0.3s;} a:hover {color: #061823;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;} label {font-weight: 400;} label.input_label {margin: 0 0 10px;} label.input_label span {color: #f50909;margin-left: 3px;} .input_error {border-color: #f50909 !important;} .error, .input_error_text {color: #f50909;text-align: right;margin: 5px 0 0;display: none;font-size: 12px;} .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 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } input[type="submit"], input[type="reset"], .btn span {height: 50px;line-height: 50px;font-size: 14px;font-weight: 400;color: #ffffff;padding: 0 40px;display: inline-block;} 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(82,216,164,1);} .btn_primary:hover {background-color: rgba(82,216,164,.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(82,205,216,1);} .btn_generate span {height: 36px;line-height: 36px;padding: 0 20px;} .btn_generate:hover {background-color: rgba(82,205,216,.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 */ /* * Header */ #header_main {width: 100%;height: 95px;background-color: #061823;position: fixed;left: 0;top: 0;z-index: 798;} #header_main header {width: 980px;margin: 0 auto 0;padding: 40px 0 0;} #header_main header h2 {font-size: 32px;color: #ffffff;font-weight: 400;letter-spacing: 1px;line-height: 1;float: left;margin: -4px 0 0 10px;} #header_main .logo {width: 70px;padding-right: 10px;border-right: 1px solid #ffffff;float: left;margin-top: 2px;} #header_main .nav {float: right;margin-top: 15px;} #header_main .nav p {text-align: right;color: #86babf;} #header_main .nav p a {color: #86babf;} #header_main .nav p a:hover {color: #ffffff;} #header_main .nav p a.logout {font-weight: 600;} #header_main .nav p span.divider {margin: 0 5px;} /* */ @media all and (min-width: 1200px) { #header_main header h2 {margin: 0;} #header_main .logo {width: auto;padding: 0;border-right: 0;float: none;margin: 0;} #header_main .logo {position: absolute;left: 35px;top: 45px;z-index: 10;} } @media all and (min-width: 1610px) { #header_main .nav {position: absolute;right: 35px;top: 57px;z-index: 11;float: none;margin-top: 0} } /* * Page Content */ #page_content {width: 100%;padding: 125px 0 68px;position: relative;} #page_content .page_subnav {width: 100%;height: 30px;background-color: #061823;position: fixed;left: 0;top: 95px;z-index: 799;} #page_content .page_subnav nav {width: 980px;height: 30px;background-color: #061823;position: relative;margin: 0 auto;} #page_content .page_subnav nav ul {} #page_content .page_subnav nav ul li {height: 30px;float: left;margin: 0 15px;} #page_content .page_subnav nav ul li:first-child {margin-left: 0;} #page_content .page_subnav nav ul li span, #page_content .page_subnav nav ul li a {font-size: 12px;line-height: 1;font-weight: 600;color: #686868;text-transform: uppercase;display: block;letter-spacing: 1px;} #page_content .page_subnav nav ul li span, #page_content .page_subnav nav ul li a:hover {color: #ffffff;} #page_content .page_subnav nav ul li.active {border-bottom: 3px solid #52cdd8;} #page_content .page_subnav nav ul li.active span, #page_content .page_subnav nav ul li.active a {color: #ffffff;} #page_content .page_subnav nav ul li.child_assets_download {float: right;margin-right: 0;} #page_content .page_subnav .add_new {height: 60px;position: absolute;right: 0;bottom: -30px;z-index: 100;} #page_content .page_subnav .add_new a {width: 60px;height: 60px;display: inline-block;} /*#page_content .page_subnav .add_new a {-webkit-transition: all 0.2s;transition: all 0.2s;}*/ #page_content .page_subnav .add_new a { -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; -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); } #page_content .page_subnav .add_new a span {display: block;} #page_content .page_subnav .add_new a span {-webkit-transition: all 0.2s;transition: all 0.2s;} #page_content .page_subnav .add_new a span.text {color: #ffffff;line-height: 40px;padding-right: 10px;-webkit-transition: color 0.3s;transition: color 0.3s;display: none;} #page_content .page_subnav .add_new a span.icon {width: 60px;height: 60px;background: #48b5c0;position: relative;border: 0 solid #061823;} #page_content .page_subnav .add_new a span.icon { -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } #page_content .page_subnav .add_new a span.line {background-color: #ffffff;position: absolute;left: 50%;top: 50%;} #page_content .page_subnav .add_new a span.line_hor {width: 20px;height: 2px;margin-left: -10px;margin-top: -1px;z-index: 5;} #page_content .page_subnav .add_new a span.line_ver {width: 2px;height: 20px;margin-left: -1px;margin-top: -10px;z-index: 6;} /*#page_content .page_subnav .add_new a:hover span.icon {border-width: 10px;}*/ #page_content .page_subnav .add_new a:hover span.line {background-color: #ffffff;} #page_content .page_subnav .add_new a:hover span.line { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #page_content .page_subnav .add_new a:hover span.line_hor {width: 18px;margin-left: -9px;} #page_content .page_subnav .add_new a:hover span.line_ver {height: 18px;margin-top: -9px;} /* * Campaigns */ #campaigns {width: 100%;position: relative;} #campaigns .search_filters_holder {width: 100%;height: 80px;background-color: #ededed;position: fixed;left: 0;top: 125px;z-index: 100;} #campaigns .search_filters {width: 980px;height: 70px;position: relative;margin: 0 auto;padding: 40px 0 0;} /* Campaigns - Search */ #campaigns .search {width: 250px;height: 30px;position: relative;} #campaigns .search span {width: 30px;height: 30px;background-repeat: no-repeat;background-position: left center;display: block;cursor: pointer;background-size: 80%;} #campaigns .search span {position: absolute;left: 0;top: 0;} #campaigns .search span.button {background-image: url(../design/icons/search_thin.svg);z-index: 5;} #campaigns .search span.close {width: 18px;height: 18px;background-image: url(../design/icons/close_thin.svg);z-index: 6;left: auto;top: 7px;right: 0;display: none;} #campaigns .search.active span.close {display: block;} #campaigns .search input {width: 100px;height: 30px;line-height: 20px;background-color: transparent;border: 0;border-bottom: 1px solid #ededed;cursor: pointer;padding-left: 30px;padding-right: 20px;font-size: 14px;color: #ededed;} #campaigns .search input:-moz-placeholder {color: #ededed;} #campaigns .search input:-ms-input-placeholder {color: #ededed;} #campaigns .search input::-webkit-input-placeholder {color: #ededed;} #campaigns .search input {-webkit-transition: all 0.3s;transition: all 0.3s;} #campaigns .search input {position: absolute;left: 0;top: 0;z-index: 10;} #campaigns .search input:hover {width: 250px;border-bottom: 1px solid #bababa;color: #b4b8c1;} #campaigns .search input:hover:-moz-placeholder {color: #b4b8c1;} #campaigns .search input:hover:-ms-input-placeholder {color: #b4b8c1;} #campaigns .search input:hover::-webkit-input-placeholder {color: #b4b8c1;} #campaigns .search.active input, #campaigns .search input:focus {width: 250px;border-bottom: 1px solid #52cdd8;color: #12232d;cursor: text;z-index: 1;} #campaigns .search.active input:-moz-placeholder, #campaigns .search input:focus:-moz-placeholder {color: #12232d;} #campaigns .search.active input:-ms-input-placeholder, #campaigns .search input:focus:-ms-input-placeholder {color: #12232d;} #campaigns .search.active input::-webkit-input-placeholder, #campaigns .search input:focus::-webkit-input-placeholder {color: #12232d;} /* Campaigns - Filters */ #campaigns .filters {position: absolute;right: 0;top: 46px;z-index: 300;} #campaigns .filters ul {} #campaigns .filters ul li.dropdown {float: left;padding-left: 15px;position: relative;} #campaigns .filters ul li.dropdown:first-child {padding-left: 0;padding-right: 5px;} #campaigns .filters ul li.dropdown span {font-size: 11px;text-transform: uppercase;font-weight: 400;} #campaigns .filters ul li.dropdown span.toggle {cursor: pointer;display: inline-block;color: #84888b;letter-spacing: 1px;} #campaigns .filters ul li.dropdown span.toggle:hover {color: #061823;} #campaigns .filters ul li.dropdown span.toggle i.fa {margin-left: 5px;} #campaigns .filters ul li.dropdown ol.dropdown_holder {width: 120px;padding: 0 10px;background-color: #ffffff;border-top: 1px solid #606569;opacity: 0;display: none;} #campaigns .filters ul li.dropdown ol.dropdown_holder { -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); } #campaigns .filters ul li.dropdown ol.dropdown_holder {position: absolute;left: 0;top: 24px;z-index: 10;} #campaigns .filters ul li.dropdown ol.dropdown_holder {-webkit-transition: all 0.3s;transition: all 0.3s;} #campaigns .filters ul li.dropdown ol.dropdown_holder li {border-bottom: 1px solid #ededed;} #campaigns .filters ul li.dropdown ol.dropdown_holder li:last-child {border-bottom: 0;} #campaigns .filters ul li.dropdown ol.dropdown_holder li span, #campaigns .filters ul li.dropdown ol.dropdown_holder li a {font-size: 11px;font-weight: 400;color: #84888b;line-height: 1;display: block;padding: 15px 0;} #campaigns .filters ul li.dropdown ol.dropdown_holder li.active a, #campaigns .filters ul li.dropdown ol.dropdown_holder li a:hover {color: #061823;} #campaigns .filters ul li.dropdown.open span.toggle {height: 24px;} #campaigns .filters ul li.dropdown.open ol.dropdown_holder {opacity: 1;display: block;} #campaigns .filters ul li.dropdown.open span.toggle {color: #061823;} /* 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;} #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.active a:hover {width: 120px;} #campaigns .campaigns_list_nav div.upcoming a:hover {width: 140px;} #campaigns .campaigns_list_nav div.completed a:hover {width: 150px;} #campaigns .campaigns_list {width: 980px;margin: 0 auto; position: relative;padding: 90px 0 0;;} #campaigns .campaigns_list ul {margin: 0;position: relative;overflow: hidden;} #campaigns .campaigns_list ul li {width: 312px;height: 405px;opacity: 0;position: relative;float: left;margin-bottom: 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;} #campaigns .campaigns_list ul li.show .mask {display: none;} #campaigns .campaigns_list ul li.hide .mask {display: block;} #campaigns .campaigns_list ul li article {background-color: #ffffff;overflow: hidden;position: relative;} #campaigns .campaigns_list ul li article { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #campaigns .campaigns_list ul li article figure {height: 312px;background: url(../design/loader.gif) no-repeat center center;position: relative;overflow: hidden;} #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: 13px;padding: 5px 10px;background-color: #ffffff;font-style: italic;color: #a8a8a8;} #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(33,37,46,.5);} #campaigns .campaigns_list ul li article .admin_options {margin-top: 100%;opacity: 0;transform: translate3d(0, 0, 0) !important;-webkit-transition: all 0.4s;transition: all 0.4s;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder {width: 100%;height: 285px;position: absolute;left: 0;top: 150px;z-index: 10;transform: translate3d(0, 0, 0) !important;opacity: 0;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder {-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transition-delay: .2s;transition-delay: .2s;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder a {width: 100%;height: auto;display: block;transform: translate3d(0, 0, 0) !important;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder a span {width: 100%;font-size: 16px;color: #eae8e8;background-color: rgba(33,37,46,.7);display: block;line-height: 1;border-bottom: 1px solid #5d656e;padding: 0 15px;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder a:last-child span {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 {float: right;} #campaigns .campaigns_list ul li article .admin_options .admin_options_holder a:hover span {background-color: rgba(33,37,46,.5);color: #ffffff;} #campaigns .campaigns_list ul li article h1 {height: 25px;font-size: 25px;font-weight: 300;text-align: center;color: #504844;margin: 15px 0;line-height: 1;overflow: hidden;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num7 a {height: 41px;} #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: 41px;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num6 a {height: 48px;} #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: 48px;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num5 a {height: 57px;} #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: 57px;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num4 a {height: 71px;} #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: 71px;} #campaigns .campaigns_list ul li article .admin_options .admin_options_num3 a {height: 95px;} #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: 95px;} #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: 143px;} #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: 285px;} #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: #504844;text-align: center;padding: 0 10px 20px 10px;} #campaigns .campaigns_list ul li article p span {font-weight: 400;} #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;} /* * Directions */ #directions {width: 100%;background: url(../design/directions/directions_bgr_bottom_20151109.jpg) no-repeat center bottom;margin: 0 0 -60px;padding: 0;} /* Directions - Edit */ #directions .directions_edit {width: 100%;margin: 0 auto;background-color: #ededed;position: relative;overflow: hidden;display: none;} #directions .directions_edit .directions_edit_holder {width: 980px;margin: 0 auto;position: relative;z-index: 5;} #directions .directions_edit .directions_edit_holder .directions_form {background-color: transparent;} #directions .directions_edit .directions_edit_bgr {width: 980px;height: 100%;margin: 0 0 0 -490px;background-color: #ffffff;position: absolute;left: 50%;top: 0;z-index: 1;} #directions .directions_edit .directions_edit_shadow {width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;} #directions .directions_edit .directions_edit_shadow { -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.65); box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.65); } /* Directions - Edit Button */ #directions .btn_edit, #directions .btn_add {border: 1px solid #21111a;background-color: transparent;} #directions .btn_edit, #directions .btn_add {-webkit-transition: background-color 0.3s, border-color 0.3s;transition: background-color 0.3s, border-color 0.3s;} #directions .btn_edit span, #directions .btn_add span {height: 38px;line-height: 36px;font-size: 18px;padding: 0 20px;font-weight: 300;color: #21111a;} #directions .btn_edit, #directions .btn_add span {-webkit-transition: color 0.3s;transition: color 0.3s;} #directions .btn_edit:hover, #directions .btn_add:hover {background-color: #48b5c0;border-color: #48b5c0;} #directions.editing .btn_edit {opacity: 0;cursor: default;visibility: hidden;} /* Directions - Info */ #directions .directions_info {width: 100%;height: 760px;position: relative;} #directions .directions_info .directions_info_cover {width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;background-color: #061823;} #directions .directions_info .directions_info_cover {position: absolute;left: 0;top: 0;z-index: 10;} #directions .directions_info .directions_info_cover .mask {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;background: rgba(0,0,0,.46);} #directions .directions_info .directions_info_cover .shadow {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;} #directions .directions_info .directions_info_cover .shadow { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 76%, rgba(0,0,0,0.5) 89%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(76%,rgba(0,0,0,0)), color-stop(89%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 76%,rgba(0,0,0,0.5) 89%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 76%,rgba(0,0,0,0.5) 89%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 76%,rgba(0,0,0,0.5) 89%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 76%,rgba(0,0,0,0.5) 89%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } #directions .directions_info .directions_info_content {width: 980px;height: 760px;margin: 0 auto;position: relative;z-index: 20;padding: 320px 0 0;} #directions .directions_info .directions_info_content h2, #directions .directions_info .directions_info_content h3 {color: #ffffff;line-height: 1;text-transform: uppercase;} #directions .directions_info .directions_info_content h2 {font-size: 40px;} #directions .directions_info .directions_info_content h3 {font-size: 16px;font-weight: 300;margin: 30px 0 0;} #directions .directions_info .directions_info_content .btn_edit {border-color: #ffffff;} #directions .directions_info .directions_info_content .btn_edit { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #directions .directions_info .directions_info_content .btn_edit span {color: #ffffff;} #directions .directions_info .directions_info_content .btn_edit span i.fa {margin-right: 10px;} #directions .directions_info .directions_info_content .btn_edit:hover {background-color: transparent;border-color: #c8c8c8;} #directions .directions_info .directions_info_content .btn_edit:hover span {color: #c8c8c8;} #directions .directions_info .directions_info_content .directions_approve {width: 150px;position: absolute;top: 30px;left: 0;z-index: 20;} #directions .directions_info .directions_info_content .directions_approve ol {} #directions .directions_info .directions_info_content .directions_approve ol li {margin: 0 0 10px;} #directions .directions_info .directions_info_content .directions_approve ol li i.fa {position: absolute;right: 10px;top: 50%;z-index: 10;font-size: 16px;margin-top: -8px;} #directions .directions_info .directions_info_content .directions_approve ol li a {-webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;transition: background-color 0.3s, border-color 0.3s, color 0.3s;} #directions .directions_info .directions_info_content .directions_approve ol li a, #directions .directions_info .directions_info_content .directions_approve ol li span {font-size: 14px;border: 1px solid #ffffff;padding: 8px 26px 10px 10px;position: relative;display: block;line-height: 1;color: #ffffff;} #directions .directions_info .directions_info_content .directions_approve ol li a, #directions .directions_info .directions_info_content .directions_approve ol li span { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #directions .directions_info .directions_info_content .directions_approve ol li.approved span, #directions .directions_info .directions_info_content .directions_approve ol li a:hover {background-color: #52d8a5;border-color: #52d8a5;color: #ffffff;} #directions .directions_info .directions_info_content .directions_approve ol li.disapprove a:hover, #directions .directions_info .directions_info_content .directions_approve ol li.approved a:hover {background-color: #5e5e5e;border-color: #5e5e5e;color: #ffffff;} @media all and (min-width: 1510px) { #directions .directions_info .directions_info_content .directions_approve {left: -180px;} } #directions .directions_info .directions_info_content .options {width: 100%;position: absolute;left: 0;bottom: 30px;z-index: 10;} #directions .directions_info .directions_info_content .options ul {} #directions .directions_info .directions_info_content .options ul li {float: right;margin-left: 20px;height: 40px;position: relative;} #directions .directions_info .directions_info_content .options ul li.opt_pdf_download .btn_edit, #directions .directions_info .directions_info_content .options ul li.opt_pdf_upload .btn_edit {width: 62px;height: 40px;border: 0;display: block;background-repeat: no-repeat;background-position: 0 0;} #directions .directions_info .directions_info_content .options ul li.opt_pdf_download .btn_edit {background-image: url(../design/icons/pdf_download.svg);} #directions .directions_info .directions_info_content .options ul li.opt_pdf_upload .btn_edit {background-image: url(../design/icons/pdf_upload.svg);} #directions .directions_info .directions_info_content .options ul li.opt_pdf_download .btn_edit:hover, #directions .directions_info .directions_info_content .options ul li.opt_pdf_upload .btn_edit:hover {background-position: 0 -40px;} #directions .directions_info .directions_info_content .options ul li.opt_edit {float: left;margin-left: 0;} #directions .directions_info .directions_info_content .options ul li.opt_edited_by p {color: #ffffff;font-size: 11px;text-transform: uppercase;line-height: 1;text-align: right;} #directions .directions_info .directions_info_content .options ul li.opt_edited_by p {margin: 30px 0 0;} #directions.editing .directions_info .directions_info_content .options ul li.opt_pdf_upload {display: none;} /* Directions - Holder */ #directions .directions_holder {width: 100%;position: relative;background: url(../design/directions/directions_bgr_top_20151109.jpg) no-repeat center top;} #directions .directions_holder .btn_edit, #directions .directions_holder .btn_add {position: absolute;top: 30px;right: 0;z-index: 10;} #directions .directions_holder .text_field {padding: 0 0 30px;line-height: 45px !important;} #directions .directions_holder .text_field p {font-size: 36px !important;line-height: 45px !important;} #directions .directions_holder .text_field a {text-decoration: underline;} #directions .directions_holder .text_field a:hover {text-decoration: none;} #directions .directions_holder .table_edit {position: relative;display: none;} #directions .directions_holder .mustache_table_template {display: none;} #directions .directions_holder .table_navigation {text-align: right;position: relative;margin: 30px 0;} #directions .directions_holder .table_navigation button {margin-left: 15px;} #directions .directions_holder .table_navigation button span {height: 40px;line-height: 40px;} #directions .directions_holder .table_navigation .btn_add {right: auto;left: 0;top: 0;} #directions .directions_holder .image_sliders {} #directions .directions_holder .image_sliders .data {display: none;} #directions .directions_holder .image_sliders ul {width: 100%;} #directions .directions_holder .image_sliders ul li {} #directions .directions_holder .image_sliders ul li figure {position: relative;} #directions .directions_holder .image_sliders ul li figure img {width: 100%;} #directions .directions_holder .image_sliders ul li figcaption {font-size: 17px;color: #8a8a8a;line-height: 1;text-transform: uppercase;text-align: center;padding: 15px 0 0;} #directions .directions_holder .image_sliders ul li .view_mockup {width: 100%;height: 100%;display: block;background-color: rgba(0,0,0,0);overflow: hidden;} #directions .directions_holder .image_sliders ul li .view_mockup {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;} #directions .directions_holder .image_sliders ul li .view_mockup {-webkit-transition: all 0.3s;transition: all 0.3s;} #directions .directions_holder .image_sliders ul li .view_mockup span {width: 100%;height: 36px;line-height: 33px;font-size: 18px;color: #ffffff;padding: 0 15px;display: block;text-align: center;} #directions .directions_holder .image_sliders ul li .view_mockup span {position: absolute;left: 0;top: 50%;margin-top: 18px;z-index: 2;opacity: 0;} #directions .directions_holder .image_sliders ul li .view_mockup span {-webkit-transition: all 0.3s;transition: all 0.3s;} #directions .directions_holder .image_sliders ul li .view_mockup i:before {content: '+';font-size: 20px;font-style: normal;color: #ffffff;} #directions .directions_holder .image_sliders ul li .view_mockup i:before {position: absolute;left: 5px;top: -4px;} #directions .directions_holder .image_sliders ul li .view_mockup i {width: 19px;height: 19px;background-color: #48b5c0;display: block;} #directions .directions_holder .image_sliders ul li .view_mockup i {position: absolute;right: 10px;top: 10px;z-index: 1;} #directions .directions_holder .image_sliders ul li .view_mockup i {-webkit-transition: all 0.3s;transition: all 0.3s;} #directions .directions_holder .image_sliders ul li .view_mockup i { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #directions .directions_holder .image_sliders ul li .view_mockup:hover {background-color: rgba(0,0,0,.4);} #directions .directions_holder .image_sliders ul li .view_mockup:hover span {margin-top: -18px;opacity: 1;} #directions .directions_holder .image_sliders ul li .view_mockup:hover i {top: -20px;} #directions .directions_holder .mustache_template {display: none;} #directions .directions_holder table.table_list {width: 100%;} #directions .directions_holder table.table_list tr {cursor: default;} #directions .directions_holder table.table_list th {background-color: #52cdd8;color: #ffffff;text-transform: uppercase;font-size: 14px;padding: 10px;vertical-align: middle;} #directions .directions_holder table.table_list th.th_position {width: 81px;} #directions .directions_holder table.table_list th.th_file {width: 407px;} #directions .directions_holder table.table_list_notitle th.th_file {width: 815px;} #directions .directions_holder table.table_list th.th_title {width: 407px;} #directions .directions_holder table.table_list th.th_actions {width: 81px;} #directions .directions_holder table.table_list td {background-color: #ffffff;padding: 10px;text-align: center;vertical-align: middle;padding: 5px 10px;color: #8a8a8a;-webkit-transition: color 0.3s;transition: color 0.3s;} /*#directions .directions_holder table.table_list tr:hover td {color: #12232d;}*/ #directions .directions_holder table.table_list td.tdl {text-align: left;} #directions .directions_holder table.table_list td.td_position {padding: 0;} #directions .directions_holder table.table_list td.td_position span {width: 20px;height: 20px;display: inline-block;text-align: center;color: #8a8a8a;cursor: pointer;} #directions .directions_holder table.table_list td.td_position span {-webkit-transition: all 0.3s;transition: all 0.3s;} #directions .directions_holder table.table_list td.td_position span i.fa {line-height: 20px;} #directions .directions_holder table.table_list td.td_position span:hover {color: #12232d;} #directions .directions_holder table.table_list td a {width: 20px;height: 20px;display: inline-block;text-align: center;color: #8a8a8a;} #directions .directions_holder table.table_list td a i.fa {line-height: 20px;} #directions .directions_holder table.table_list td a:hover {color: #12232d;} #directions .directions_holder table.table_list td a.td_up, #directions .directions_holder table.table_list td a.td_down {width: 100%;height: 20px;transition: background-color 0.3s;} #directions .directions_holder table.table_list td a.td_up:hover, #directions .directions_holder table.table_list td a.td_down:hover {background-color: #f0f0f0;} #directions .directions_holder table.table_list td.tdt {padding: 0;position: relative;} #directions .directions_holder table.table_list td.tdt input[type="text"] {color: #8a8a8a;height: auto;border: 0;vertical-align: middle;padding: 10px;position: relative;z-index: 5;} #directions .directions_holder table.table_list td.tdt input[type="text"]:hover {background-color: transparent;} #directions .directions_holder table.table_list td.tdt input[type="text"]:focus {color: #12232d;background-color: #f5f5f5;} #directions .directions_holder table.table_list td.tdt input[type="text"] {-webkit-transition: all 0.3s;transition: all 0.3s;} #directions .directions_holder table.table_list td.tdt a {position: absolute;right: 10px;top: 10px;z-index: 1;color: rgb(210,210,210);} #directions .directions_holder table.table_list tr.tr1 td a.td_up, #directions .directions_holder table.table_list tr.tr_last td a.td_down {cursor: default;color: #e1e1e1;} #directions .directions_holder table.table_list tr.tr1 td a.td_up:hover, #directions .directions_holder table.table_list tr.tr_last td a.td_down:hover {background-color: transparent;} #directions .directions_holder .border_bottom {border-bottom: 1px solid #d3d3d3;} #directions .directions_intro, #directions .directions_directives, #directions .directions_design, #directions .directions_other {position: relative;padding: 0 0 30px;} #directions .directions_section {width: 980px;margin: 0 auto;} #directions .directions_title {width: 980px;margin: 0 auto;position: relative;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;padding: 40px 0 30px;} #directions .directions_title h2 {font-size: 30px;font-weight: 300;color: #52cdd8;line-height: 1;} #directions .directions_title i.fa {font-size: 18px;color: #d3d3d3;position: absolute;right: 0;top: 50%;margin-top: -9px;z-index: 10;} #directions .directions_subtitle {width: 980px;padding: 30px 0;position: relative;margin: 0 auto;} #directions .directions_subtitle h3 {font-size: 22px;line-height: 40px;font-weight: 300;} #directions .directions_subsubtitle {width: 980px;padding: 30px 0;position: relative;margin: 0 auto;} #directions .directions_subsubtitle h4 {font-size: 18px;line-height: 40px;font-weight: 300;color: #757378;font-style: italic;} /* Directions - Introduction */ #directions .directions_intro {} #directions .directions_intro .directions_title {border: 0;} #directions .directions_intro .directions_title h2 {text-align: center;color: #ffffff;font-size: 40px;} #directions .directions_intro .directions_title i.fa {display: none;} #directions .directions_intro .directions_subtitle {padding-bottom: 0;} #directions .directions_intro .directions_subtitle h3 {text-align: center;} #directions .directions_intro .directions_section {padding: 0 0 30px;text-align: center;} #directions .directions_intro .directions_section .text_field {padding: 0;text-align: center !important;margin: 30px 0 0;} #directions .directions_intro .directions_section .btn_edit {position: relative;top: auto;right: auto;z-index: 10;margin: 30px 0 0;} /* Directions - Directives */ #directions .directions_directives {padding-bottom: 0;} #directions .directions_directives .directions_directive_key_products, #directions .directions_directives .directions_directive_available_assets, #directions .directions_directives .directions_directive_design_guidelines {border-bottom: 1px solid #d3d3d3;} #directions .directions_directives .directions_directive_available_assets .image_sliders:not([data-num="0"]) {padding-bottom: 15px;} /*#directions .directions_directives .directions_directive_mkpl .image_sliders {padding-bottom: 30px;}*/ /* Directions - Design */ #directions .directions_design {padding-bottom: 0;} #directions .directions_design .image_sliders {padding-bottom: 0;} #directions .directions_design .image_sliders:not([data-num="0"]) {padding-bottom: 15px;} /* Directions - Other */ #directions .directions_other {} #directions .directions_other .directions_title {border-top: 0;} #directions .directions_other .directives_typography {} #directions .directions_other .directives_typography ul {margin: 0 -15px;} #directions .directions_other .directives_typography ul li {width: 50%;float: left;padding: 0 15px 30px;} #directions .directions_other .directives_typography ul li p {text-transform: uppercase;} #directions .directions_other .directives_typography ul li p span {font-weight: 600;} #directions .directions_other .directives_typography ul li .font_preview {} #directions .directions_other .directives_typography ul li .font_preview iframe {width: 100%;height: 100px;overflow: hidden;} #directions .directions_other .directives_colors {} #directions .directions_other .directives_colors ul {margin: 0 -15px;} #directions .directions_other .directives_colors ul li {width: 33.333333333%;float: left;padding: 0 15px;position: relative;} #directions .directions_other .directives_colors ul li article {width: 100%;height: 150px;border: 1px solid #bebebe;margin: 0 0 15px;} #directions .directions_other .directives_colors ul li article.color {} #directions .directions_other .directives_colors ul li article.pattern {background-repeat: no-repeat;background-size: cover;background-position: center center;} #directions .directions_other .directives_colors ul li .actions {width: 100%;position: absolute;top: 4px;left: 0;z-index: 5;text-align: right;padding: 0 19px;display: none;} #directions .directions_other .directives_colors ul li .actions a {-webkit-transition: all 0.3s;transition: all 0.3s;} #directions .directions_other .directives_colors ul li .actions a {width: 20px;height: 20px;display: inline-block;text-align: center;color: #ffffff;background-color: rgba(0,0,0,.2);} #directions .directions_other .directives_colors ul li .actions a i.fa {line-height: 20px;} #directions .directions_other .directives_colors ul li .actions a:hover {background-color: rgba(0,0,0,.4);} #directions .directions_other .directives_colors ul li.hide {display: none;} #directions .directions_other .directives_colors ul li h5 {text-transform: uppercase;margin: 0 0 5px;} #directions .directions_other .directives_colors ul li p {font-size: 14px;line-height: 1;} #directions .directions_other .directives_colors.edit ul li .actions {display: block;} #directions .directions_other .directives_colors .data {display: none;} #directions .directions_other .directions_other_links .text_field {padding-bottom: 0;line-height: 29px !important;} #directions .directions_other .text_field p {font-size: 22px !important;line-height: 29px !important;} /* Directions - Form */ .directions_form {width: 100%;margin: 0 auto;background-color: #ffffff;} .directions_form .section_title {padding-top: 30px;} /* Directions - Comments */ .directions_comments {} .directions_comments .section_title {padding-top: 30px;margin-bottom: 0;} .directions_comments ul {padding: 15px 30px} .directions_comments ul li {padding: 15px 0;border-bottom: 1px solid #d3d3d3;} .directions_comments ul li:last-child {border-bottom: 0;} .directions_comments ul li p.comment {font-size: 18px;} .directions_comments ul li p.name {margin: 10px 0 0;} /* * Territories */ #territories {width: 980px;margin: 0 auto;} #territories .territories_list {padding: 20px 0 0;} #territories .territories_list ul {margin: 0 -10px;} #territories .territories_list ul li {width: 33.33333333%;padding: 20px 10px 0;float: left;} #territories .territories_list ul li article {background-color: #ffffff;} #territories .territories_list ul li article figure {position: relative;height: 191px;overflow: hidden;} #territories .territories_list ul li article figure a {display: block;position: relative;} #territories .territories_list ul li article figure a img {width: 100%;} #territories .territories_list ul li article figure a .mask {width: 100%;height: 100%;background-color: rgba(6,24,35,.8);} #territories .territories_list ul li article figure a .mask {position: absolute;left: 0;top: 0;z-index: 10;} #territories .territories_list ul li article figure a .mask {-webkit-transition: background-color 0.3s;transition: background-color 0.3s;} #territories .territories_list ul li article figure a p {width: 100%;height: 100%;font-size: 18px;line-height: 191px;color: #ffffff;text-align: center;text-transform: uppercase;opacity: 0;font-weight: 400;} #territories .territories_list ul li article figure a p {position: absolute;left: 0;top: 30px;z-index: 15;} #territories .territories_list ul li article figure a p {-webkit-transition: all 0.3s;transition: all 0.3s;} #territories .territories_list ul li article figure a p.nike {color: transparent;background: url(../design/logo_nike.png) no-repeat center center;} #territories .territories_list ul li article figure a:hover .mask {background-color: rgba(6,24,35,.6);} #territories .territories_list ul li article figure a:hover p {top: 0;opacity: 1;} #territories .territories_list ul li article .invite {padding: 30px 0;text-align: center;} #territories .territories_list ul li article .invite h4 {height: 50px;line-height: 50px;} #territories .territories_list ul li article .invite .btn_primary {background-color: rgba(72,181,192,1);} #territories .territories_list ul li article .invite .btn_primary:hover {background-color: rgba(72,181,192,.8);} #territories .territories_list ul li article .invite .btn_primary span {padding: 0 50px;} /* * Assets */ #assets {width: 980px;margin: 0 auto;padding: 30px 0 0;} /* Assets - Territories List */ #assets .territories_list {margin: 10px 0 20px;} #assets .territories_list ul {} #assets .territories_list ul li {float: left;margin: 0 20px;height: 23px;} #assets .territories_list ul li:first-child {margin-left: 0;} #assets .territories_list ul li p {font-size: 12px;text-transform: uppercase;} #assets .territories_list ul li p a {color: #ababab;} #assets .territories_list ul li p a:hover {color: #061823;} #assets .territories_list ul li.active {border-bottom: 3px solid #52cdd8;} #assets .territories_list ul li.active p {font-weight: 600;} #assets .territories_list ul li.active p a {color: #061823;} /* Assets - WS Partners List */ #assets .ws_partners_list {position: relative;} #assets .ws_partners_list ul {} #assets .ws_partners_list ul li {float: left;border: 1px solid #d7d7d7;border-right: 0;overflow: hidden;} #assets .ws_partners_list ul li:first-child { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } #assets .ws_partners_list ul li:last-child {border-right: 1px solid #d7d7d7;} #assets .ws_partners_list ul li:last-child { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } #assets .ws_partners_list ul li p {font-size: 12px;} #assets .ws_partners_list ul li p a {color: #919191;background-color: #eeeeee;display: block;padding: 8px 10px;} #assets .ws_partners_list ul li p a {-webkit-transition: color 0.3s, background-color 0.3s;transition: color 0.3s, background-color 0.3s;} #assets .ws_partners_list ul li p a:hover {color: #061823;} /*#assets .ws_partners_list ul li.active p {font-weight: 400;}*/ #assets .ws_partners_list ul li.active p a {color: #061823;background-color: #f6f6f6;} #assets .ws_partners_list .btn {background-color: #cccccc;} #assets .ws_partners_list .btn {position: absolute;right: 0;bottom: 0;z-index: 10;} #assets .ws_partners_list .btn span {height: 33px;line-height: 33px;font-size: 12px;text-transform: uppercase;font-weight: 400;padding: 0 20px;} #assets .ws_partners_list .btn:hover {background-color: #52d8a4;} #assets .ws_partners_list p.choose {color: #061823;background-color: #f6f6f6;display: block;padding: 8px 10px;border: 1px solid #d7d7d7;} /* Assets - Tabs */ #assets .tabs_nav {} #assets .tabs_nav ul {} #assets .tabs_nav ul li {width: 100%;float: left;border-right: 1px solid #ededed;} #assets .tabs_nav ul li:last-child {border-right: 0;} #assets .tabs_nav ul li p {font-size: 15px;font-weight: 400;text-transform: uppercase;} #assets .tabs_nav ul li p a {color: #7f7f7f;background-color: #e1e1e1;display: block;position: relative;padding: 17px 20px;} #assets .tabs_nav ul li p a {-webkit-transition: color 0.3s, background-color 0.3s;transition: color 0.3s, background-color 0.3s;} #assets .tabs_nav ul li p a:hover {background-color: #f6f6f6;} #assets .tabs_nav ul li p a i.fa {position: absolute;right: 20px;top: 19px;z-index: 10;font-size: 16px;} #assets .tabs_nav ul li p a i.fa-angle-right {display: block;} #assets .tabs_nav ul li p a i.fa-angle-down {display: none;} #assets .tabs_nav ul li.active p a {color: #ffffff;background-color: #237d85;cursor: default;} #assets .tabs_nav ul li.active p a i.fa-angle-right {display: none;} #assets .tabs_nav ul li.active p a i.fa-angle-down {display: block;} #assets .tabs_nav_num0 ul {display: none;} #assets .tabs_nav_num1 ul li {width: 100%;} #assets .tabs_nav_num2 ul li {width: 50%;} #assets .tabs_nav_num3 ul li {width: 33.3333333333%;} #assets .tabs_nav_num4 ul li {width: 25%;} #assets .tabs_nav_num5 ul li {width: 20%;} #assets .tabs_content_holder {} #assets .tabs_content_holder .tab_content {display: none;} #assets .tabs_content_holder .tab_content.active {display: block;} /* Assets - WS Partners Tables */ #assets .ws_partners_tables {} #assets .ws_partners_tables .ws_partner {margin: 30px 0 0;position: relative;} #assets .ws_partners_tables .ws_partner .ws_partner_name {padding: 0 0 15px;position: relative;} #assets .ws_partners_tables .ws_partner .ws_partner_name h3 {font-size: 20px;font-weight: 300;line-height: 1;} #assets .ws_partners_tables .ws_partner .ws_partner_name h3 span {color: #52cdd8;} #assets .ws_partners_tables .ws_partner .ws_partner_name .btn_primary {position: absolute;right: 0px;top: 0px;z-index: 5;background-color: #52cdd8;} #assets .ws_partners_tables .ws_partner .ws_partner_name .btn_primary { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #assets .ws_partners_tables .ws_partner .ws_partner_name .btn_primary:hover {background-color: #52d8a4;} #assets .ws_partners_tables .ws_partner .ws_partner_name .btn_primary span {height: 35px;line-height: 35px;padding: 0 20px;text-transform: uppercase;} #assets.editing .ws_partners_tables .ws_partner .ws_partner_name .btn_primary {display: none;} #assets .ws_partners_tables .ws_partner .mask {width: 100%;height: 100%;background: #ededed;position: absolute;left: 0;top: 0;z-index: 100;opacity: 0.6;display: block;} #assets .ws_partners_tables .ws_partner.selected .mask {display: none;} #assets .ws_partners_tables .ws_partner .download_nav {text-align: center;padding: 30px 0 0;display: none;} #assets .ws_partners_tables .ws_partner .download_nav p {text-transform: uppercase;margin: 0 0 10px;} #assets .ws_partners_tables .ws_partner .download_nav .btn span {text-transform: uppercase;} #assets .ws_partners_tables .ws_partner .ws_partner_share {padding: 5px 0 0;} #assets .ws_partners_tables .ws_partner .ws_partner_share p.shared_with {margin: 0 0 5px;} #assets .ws_partners_tables .ws_partner .ws_partner_share_note {padding: 30px 0 0;} #assets .ws_partners_tables .ws_partner .ws_partner_share_note .note {background-color: #ffffff;padding: 15px;margin: 5px 0 0;} #assets .ws_partners_tables .ws_partner .ws_partner_share_note .note p {font-size: 16px;line-height: 24px;} #assets .ws_partners_tables .ws_partner.download_ready .download_nav {display: block;} /* Assets - WS Partners Table */ #assets .ws_partners_tables .table {margin: 0 -1px;} #assets .ws_partners_tables .table table {width: 100%;} #assets .ws_partners_tables .table table th, #assets .ws_partners_tables .table table td {text-align: center;vertical-align: middle;padding: 15px 5px;} #assets .ws_partners_tables .table table th {background-color: #52cdd8;color: #ffffff;text-transform: uppercase;} #assets .ws_partners_tables .table table td {background-color: #ffffff;} #assets .ws_partners_tables .table table td.left {text-align: left;padding-left: 10px;} #assets .ws_partners_tables .table table td.right {text-align: right;padding-right: 10px;} #assets .ws_partners_tables .table table td.no_assets {font-weight: 600;text-transform: uppercase;} #assets .ws_partners_tables .table table td.fw400 {font-weight: 400;} /* Assets - WS Partners Table: Upload */ #assets .ws_partners_tables .table_upload table th.num {width: 60px;} #assets .ws_partners_tables .table_upload table th.name {width: 386px;} #assets .ws_partners_tables .table_upload table th.dimensions {width: 114px;} #assets .ws_partners_tables .table_upload table th.size {width: 100px;} #assets .ws_partners_tables .table_upload table th.extension {width: 95px;} #assets .ws_partners_tables .table_upload table th.upload_date {width: 131px;} #assets .ws_partners_tables .table_upload table th.action {width: 96px;} #assets .ws_partners_tables .table_upload table span.delete_asset {width: 14px;height: 14px;display: inline-block;font-size: 14px;cursor: pointer;color: #bcbcbc;} #assets .ws_partners_tables .table_upload table span.delete_asset {-webkit-transition: color 0.3s;transition: color 0.3s;} #assets .ws_partners_tables .table_upload table span.delete_asset:hover {color: #12232d;} #assets .ws_partners_tables .table_upload table span.delete_asset strong {display: none;} /* Assets - WS Partners Table: Download */ #assets .ws_partners_tables .table_download table th.type {width: 129px;} #assets .ws_partners_tables .table_download table th.preview {width: 99px;} #assets .ws_partners_tables .table_download table th.downloaded_by {width: 348px;} #assets .ws_partners_tables .table_download table th.downloaded_date {width: 309px;} #assets .ws_partners_tables .table_download table th.choose {width: 97px;} #assets .ws_partners_tables .table_download table a.preview {width: 22px;height: 17px;display: inline-block;background: url(../design/icons/assets_download_preview_icon.png) no-repeat center center;} #assets .ws_partners_tables .table_download table span.download_check {width: 17px;height: 17px;display: inline-block;font-size: 17px;cursor: pointer;color: #ededed;} #assets .ws_partners_tables .table_download table span.download_check {-webkit-transition: color 0.3s;transition: color 0.3s;} #assets .ws_partners_tables .table_download table span.checked {color: #52cdd8;} /* Assets - WS Partners Table: Share */ #assets .ws_partners_tables .table_share table th {padding: 10px 5px;background-color: #cccccc;} #assets .ws_partners_tables .table_share table th.name {width: 240px;} #assets .ws_partners_tables .table_share table th.email {width: 240px;} #assets .ws_partners_tables .table_share table th.user {width: 240px;} #assets .ws_partners_tables .table_share table th.action {width: 90px;} #assets .ws_partners_tables .table_share table td {padding: 10px 5px;} #assets .ws_partners_tables .table_share table td .delete_share {width: 14px;height: 14px;display: inline-block;font-size: 14px;cursor: pointer;color: #bcbcbc;} #assets .ws_partners_tables .table_share table td .delete_share {-webkit-transition: color 0.3s;transition: color 0.3s;} #assets .ws_partners_tables .table_share table td .delete_share:hover {color: #12232d;} /* Assets - WS Partners Charts */ #assets .ws_partners_tables .charts {width: 100%;padding: 15px;background-color: #ffffff;} #assets .ws_partners_tables .charts .chart {height: 300px;} #assets .ws_partners_tables .charts p.data {display: none;} /* Assets - WS Partners Mockups */ #assets .ws_partners_tables .mockups {width: 100%;} #assets .ws_partners_tables .mockups ul {margin: 0 -10px;padding: 0 0 20px;} #assets .ws_partners_tables .mockups ul li {width: 33.333333333%;float: left;padding: 20px 10px 0;position: relative;z-index: 1;} #assets .ws_partners_tables .mockups ul li {-webkit-transition: color 0.3s;transition: color 0.3s;} #assets .ws_partners_tables .mockups ul li a {display: block;background-color: #ffffff;border: 0;position: relative;} #assets .ws_partners_tables .mockups ul li a {-webkit-transition: color 0.3s;transition: color 0.3s;} #assets .ws_partners_tables .mockups ul li figure {min-height: 313px;background: url(../design/loader.gif) no-repeat center;} #assets .ws_partners_tables .mockups ul li figure img {width: 100%;} #assets .ws_partners_tables .mockups ul li .description {padding: 10px 0;} #assets .ws_partners_tables .mockups ul li .description p {text-align: center;} #assets .ws_partners_tables .mockups ul li .description p.name {font-size: 16px;height: 24px;overflow: hidden;} #assets .ws_partners_tables .mockups ul li .description p.date {color: #a8a8a8;} #assets .ws_partners_tables .mockups ul li .toolbar {position: absolute;right: 10px;top: 20px;z-index: 20;} #assets .ws_partners_tables .mockups ul li .toolbar a, #assets .ws_partners_tables .mockups ul li .toolbar span {width: 30px;height: 30px;display: block;color: #ffffff;margin: 0 0 1px;background-color: rgba(0,0,0,.5);cursor: pointer;} #assets .ws_partners_tables .mockups ul li .toolbar a i.fa, #assets .ws_partners_tables .mockups ul li .toolbar span i.fa {font-size: 16px;line-height: 30px;text-align: center;display: block;} #assets .ws_partners_tables .mockups ul li .toolbar span.toolbar_drag {cursor: move;cursor: -webkit-grabbing;} #assets.editing .ws_partners_tables .mockups ul li .toolbar {display: none;} #assets .ws_partners_tables .mockups ul li:hover {z-index: 100;} #assets .ws_partners_tables .mockups ul li:hover a { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } #assets .ws_partners_tables .mockups .template {display: none;} /* Assets - Upload Form */ #assets .asset_upload_form {background-color: #ffffff;padding: 30px 30px 0;} #assets .asset_upload_form .section_title {padding-bottom: 10px;margin: 0 0 20px;} #assets .asset_upload_form .section_title h5 {font-size: 15px;text-transform: uppercase;margin: 30px 0 0;} #assets .asset_upload_form .sections {margin: 0;} #assets .asset_upload_form .sections .section {padding: 0;} #assets .asset_upload_form .sections .territories {padding: 20px 0 0;float: none;} #assets .asset_upload_form .sections .territories h5 {font-size: 15px;text-transform: uppercase;margin: 0 0 10px;} #assets .asset_upload_form .sections .territories .ws_partners {padding: 0 0 0;} #assets .asset_upload_form .sections .territories .ws_partners ul {border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;padding: 7px 0;} #assets .asset_upload_form .sections .territories .ws_partners ul li {width: 20%;float: left;} #assets .asset_upload_form .sections .territories .ws_partners ul li .custom_check_box_v4 {margin: 7px 0;} #assets .asset_upload_form .sections .territories .upload_buttons {display: block;} #assets .asset_upload_form .sections .territories .upload_buttons h5 {border-bottom: 1px solid #51cdd7;padding: 20px 0 10px;margin: 0;} #assets .asset_upload_form .sections .territories .upload_buttons .input_upload {width: 100%;float: left;padding: 10px 5px;} #assets .asset_upload_form .sections .territories .upload_buttons .input_upload:nth-child(2) {padding-left: 0;} #assets .asset_upload_form .sections .territories .upload_buttons .input_upload:last-child {padding-right: 0;} #assets .asset_upload_form .sections .territories .upload_buttons.num0 .input_upload {display: none;} #assets .asset_upload_form .sections .territories .upload_buttons.num1 .input_upload {width: 100%;} #assets .asset_upload_form .sections .territories .upload_buttons.num2 .input_upload {width: 50%;} #assets .asset_upload_form .sections .territories .upload_buttons.num3 .input_upload {width: 33.333333333%;} #assets .asset_upload_form .sections .territories .upload_buttons.num4 .input_upload {width: 25%;} #assets .asset_upload_form .sections .territories .upload_buttons.num5 .input_upload {width: 20%;} #assets .asset_upload_form .sections .territories .upload_buttons .input_upload_data {display: none;} #assets .asset_upload_form .sections .territories.selected .upload_buttons {display: block;} /* Assets - Download Preview */ .assets_download_preview {width: 100%;background-color: #ffffff;padding: 15px;} .assets_download_preview .section_title {margin: 0;padding: 0 0 15px;} .assets_download_preview ul {margin: 0 -15px;} .assets_download_preview ul li {width: 25%;padding: 0 15px;float: left;margin: 15px 0 0;position: relative;} .assets_download_preview ul li article {position: relative;} .assets_download_preview ul li .loader {width: 100%;height: 150px;background: #ffffff url(../design/loader.gif) no-repeat center center;} .assets_download_preview ul li figure, .assets_download_preview ul li .extension {width: 100%;height: 150px;border: 1px solid #cdcacd;background-repeat: no-repeat;background-position: center center;} .assets_download_preview ul li figure {background-size: cover;} .assets_download_preview ul li .extension {background-image: url(../design/assets_preview_file_bgr.png);} .assets_download_preview ul li .extension p {text-transform: uppercase;line-height: 1;color: #acacac;} .assets_download_preview ul li .extension p {font-size: 20px;margin: 28px 0 0 75px;} .assets_download_preview ul li p.name {width: 100%;height: 17px;margin: 5px 0 0;overflow: hidden;} .assets_download_preview ul li .check {width: 100%;height: 100%;background: #061823;position: absolute;left: 0;top: 0;z-index: 5;opacity: 0;cursor: pointer;} .assets_download_preview ul li .check i.fa {width: 32px;height: 32px;color: #ffffff;position: absolute;left: 50%;top: 50%;z-index: 5;margin-top: -16px;margin-left: -16px;font-size: 32px;} .assets_download_preview ul li .check {-webkit-transition: all 0.3s;transition: all 0.3s;} .assets_download_preview ul li .check:hover {opacity: 0.4;} .assets_download_preview ul li.selected .check, .assets_download_preview ul li.selected .check:hover {opacity: 0.8;} .assets_download_preview .section {padding: 15px 0 0 !important;border-top: 1px solid #dadada;margin: 15px 0 0;} .assets_download_preview .input_navigation {padding: 0 !important;} /* Assets - Share Form */ .assets_share_form {width: 100%;margin: 0 auto;background-color: #ffffff;} .assets_share_form .section_title {padding-top: 30px;} .assets_share_form .add_new_user {font-weight: 700;color: #52cdd8;position: absolute;right: 0;top: 0;z-index: 10;cursor: pointer;} .assets_share_form textarea {height: auto;resize: vertical;height: 100px;} /* * Proofs */ #proofs {width: 980px;margin: 0 auto;padding: 30px 0 0;} #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 {background-color: #ffffff;padding: 30px 0;} #proofs .proof_upload_form .sections .section .input_navigation {padding: 0;} /* Proofs - Details */ #proofs .proof_details {background-color: #ffffff;padding: 0 30px;} #proofs .proof_details .proof_versions {height: 32px;border-bottom: 1px solid #c4c4c4;margin: 0 -30px 15px;background-color: #ededed;} #proofs .proof_details .proof_versions ul {} #proofs .proof_details .proof_versions ul li {float: left;border-right: 1px solid #c4c4c4;border-top: 1px solid transparent;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: #ededed;margin: 0 -30px;} #proofs .proof_details .proof_data .title h3 {padding: 15px 30px 10px;text-transform: uppercase;border-bottom: 1px solid #c4c4c4;} #proofs .proof_details .proof_data .content {padding: 0 0 30px;} #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 {background-color: #ffffff;padding: 30px 0;} #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: 125px 0 0;padding: 0;width: 100%;} .proof_viewer #proofs {width: 100%;padding: 0;} .proof_viewer #footer_main {display: none;} /* * Settings */ #settings {width: 980px;margin: 0 auto;padding: 30px 0 0;} /* Settings - List Nav */ #settings .settings_list_nav {padding: 10px 0 20px;} #settings .settings_list_nav ul {} #settings .settings_list_nav ul li {float: left;margin: 0 10px;height: 23px;} #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: #ababab;} #settings .settings_list_nav ul li p a:hover {color: #061823;} #settings .settings_list_nav ul li.active {border-bottom: 3px solid #52cdd8;} #settings .settings_list_nav ul li.active p {font-weight: 600;} #settings .settings_list_nav ul li.active p a {color: #061823;} /* Settings - List */ #settings {width: 980px;margin: 0 auto;} #settings .settings_list {padding: 0;} #settings .settings_list ul {margin: 0 -10px;position: relative;} #settings .settings_list ul li {width: 33.33333333%;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;} #settings .settings_list ul li article { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #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: 30px;} #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: 16px;} #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 {padding: 0;} #settings.users .settings_list {padding: 0;} #settings.users .settings_list ul {position: relative;overflow: hidden;margin: 0;} #settings.users .settings_list ul li {width: 312px;height: 364px;padding: 0;margin: 0;position: absolute;opacity: 0;float: none;} #settings.users .settings_list ul li article .nav .btn {margin: 0;} #settings.users .settings_list ul li article .nav .btn span {padding: 0 15px;} #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: Territories */ #settings.territories .settings_list ul li article figure {width: 147px;} #settings.territories .settings_list ul li article figure { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Settings - List: WS Partners */ #settings.ws_partners {padding: 0;} #settings.ws_partners .settings_list {padding: 0;} #settings.ws_partners .settings_list ul {position: relative;overflow: hidden;margin: 0;} #settings.ws_partners .settings_list ul li {width: 312px;height: 302px;padding: 0;margin: 0;position: absolute;opacity: 0;float: none;} #settings.ws_partners .settings_list ul li article figure {width: 147px;} #settings.ws_partners .settings_list ul li article figure { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Settings - List: Fonts */ #settings.fonts .settings_list ul li article p.name {font-size: 24px;} /* Settings - List: Countries */ #settings.countries .settings_list ul li article p.name {font-size: 24px;} /* Settings - List: Companies */ #settings.companies .settings_list ul li article p.name {font-size: 24px;} /* Settings - Form */ #settings .settings_form {margin: 20px auto 0;background-color: #ffffff;padding: 30px 0 0;} #settings.users .settings_form, #settings.ws_partners .settings_form {margin-top: 50px;} /* * Logs */ #logs {width: 980px;margin: 0 auto;} #logs .logs_list {padding: 30px 0 0;} #logs .logs_list ul {} #logs .logs_list ul li {margin: 0 0 15px;} #logs .logs_list ul li p {float: left;font-size: 12px;} #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: 588px;} #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;} #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 #ededed;padding: 45px 0 15px;color: #656766;font-size: 13px;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: #12232d;border-right: 0;font-size: 14px;} #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 #ededed;} #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;} /* * Footer */ #footer_main {width: 100%;height: 38px;background-color: #061823;position: fixed;z-index: 100;left: 0;bottom: 0;} #footer_main footer {width: 980px;height: 38px;background-color: #061823;margin: 0 auto;} #footer_main footer p {font-size: 13px;line-height: 38px;color: #d0cecd;} /* * Input Sections */ .sections {} .sections .section {width: 100%;padding: 0 30px;} .sections_num2 .section {width: 50%;float: left;} .sections_num3 .section {width: 33.3333333333%;float: left;} .sections_num4 .section {width: 25%;float: left;} .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: 33px;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.teritory_9 {border-bottom: 1px solid #e0e0e0;}*/ .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 {-webkit-transition: border-color 0.3s;transition: border-color 0.3s;}*/ .sections .teritory_ws_partners ul li .teritory .label label {font-weight: 300;color: #b2b2b2;display: block;padding: 10px 15px;cursor: pointer;} .sections .teritory_ws_partners ul li .teritory .label label span {font-weight: 400;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 {-webkit-transition: border-color 0.3s;transition: border-color 0.3s;}*/ .sections .teritory_ws_partners ul li .teritory .ws_partners {width: 100%;position: absolute;left: 0;top: 38px;z-index: 120;} .sections .teritory_ws_partners ul li .teritory:hover .label {border-color: #52ccd7;} .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: #52ccd7;} .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: 300;} .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: #52cdd8;} .sections .share_users_list li.active span {font-weight: 400;color: #ffffff;} .section_title {border-bottom: 1px solid #51cdd7;margin: 0 30px 30px;padding: 0 0 30px;} .section_title h3 {text-transform: uppercase;font-size: 20px;} .section_title h3 span {color: #52cdd8;} .section_tabs {margin: 0 30px 0;padding: 0 0 30px;border-top: 1px solid #e1e1e1;} .section_tabs ul {height: 50px;border: 1px solid #e1e1e1;border-top: 0;} .section_tabs ul li {width: 50%;height: 49px;float: left;background-color: #f5f5f5;} .section_tabs ul li span {display: block;text-align: center;line-height: 49px;font-size: 16px;text-transform: uppercase;font-weight: 600;cursor: pointer;} .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 {height: auto;border: 0;} .section_tabs_assets_upload ul li {width: auto;border-right: 0;height: 50px;} .section_tabs_assets_upload ul li span {padding: 0 15px;font-size: 14px;} /*.section_tab_content .sections {padding: 0 25px;} .section_tab_content .section {padding: 0 5px;}*/ /* * 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 .select2-container--default .select2-selection--single {border-color: #f50909 !important;} /* * 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: 22px;line-height: 22px;color: #ffffff;} .modal .modal-panel-content {background-color: #ffffff;padding: 30px;} .modal .modal-panel-content p {font-size: 18px;line-height: 24px;} .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: 38px;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: 38px;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: #0f1e29 url(../design/login_bgr_20151016.jpg) no-repeat center center;background-size: cover;} .error_page #page_content {padding: 0;} .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: 100px 0;} #error_pages .text {text-align: center;background-repeat: no-repeat;background-position: center top;} #error_pages .text p {color: #ffffff;font-size: 18px;margin: 20px 0;} #error_pages .text h3 {color: #ffffff;margin: 20px 0 0;font-weight: 300;} #error_pages .text .btn {display: inline-block;background-color: transparent;border: 1px solid #52cdd8;} #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(255,255,255,.5);text-align: center;} /*#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); } /* * bxSlider */ .bx-wrapper {margin: 0 auto !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: 50px !important;height: 130px !important;margin-top: -65px !important;text-indent: 0 !important;z-index: 7000 !important;} .bx-wrapper .bx-controls-direction a {background-color: transparent;color: #504844;transition: color 0.3s, background-color 0.3s;text-align: center;} .bx-wrapper .bx-controls-direction a i.fa {line-height: 130px;font-size: 30px;} .bx-wrapper .bx-controls-direction a:hover {background-color: #48b5c0;color: #ffffff;} .bx-wrapper .bx-prev {background-image: none !important;left: -70px !important;} .bx-wrapper .bx-next {background-image: none !important;right: -70px !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: 14px;} .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; } .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);} /* * Fancybox */ /*.fancybox-overlay {z-index: 9010;}*/ /* * 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: 16px; letter-spacing: 0;} .ui-pnotify .alert .ui-pnotify-text {font-size: 14px; line-height: 1.3em;color: #12232d;} .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;}