@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300); @import url('knowledge_base.css'); @import url('ratingbar.css'); /* =Defaults ----------------------------------------------- */ img{ max-width: 100%; max-height: 100%;} body{ background-color: #263850; font-family: 'Roboto', sans-serif, "Helvetica Neue",Helvetica,Arial,sans-serif;} a{ color: #479ccf;} .clear{ clear: both;} .fmb{ margin-bottom: 15px;} .container{ min-width: 1024px; max-width: 8025px; position: relative; padding: 0px; width: 100%;} .input-group-addon{ background-color: #fff;} .alert .sign{ float: left; margin-right: 30px; } .main_alert.alert-success{border-radius: 0 0 3px 3px; transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1); background-color: #fcf1cd; box-shadow: inset 0 3px 0 0 #eec200, inset 0 0 0 0 transparent, 0 2px 4px rgba(0,0,0,0.1); } .alert .sign span{ font-size: 25px; padding: 7px 0px; color: #7ba232; } .alert-warning{ background-color: #e5fabc; border:1px solid rgba(0,0,0,0.1);} .alert-warning h4{ color: #000; font-size: 16px; margin: 0px; } .alert h4 .glyphicon{color: #7ba232; margin-right: 10px;} .alert-warning a{ color: #171913; font-weight: 300; text-decoration: underline;} ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #909; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #909; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #909; } :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: #909; } .btn-group .btn .glyphicon{line-height: 18px;} .pagination_wrap{ text-align: center;} .pagination{ margin: 20px auto;} .pagination .active{z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7;} .page_wrap{ background-color: #2f2f2f; border: none; border-radius: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1); } .page_wrap.active_sub{ background-color: #1c293b;} .page_wrap.active_sub .search_everything{ margin-left: 50px; margin-bottom: 17px; } .page_wrap.active_sub .person{ display: none;} .page_wrap.active_sub .product_name{ display: none;} .page_wrap.active_sub .small_logo{ display: block;} .page_wrap.active_sub ul.smaller{ margin-left: 60px; } .main_content{ font-size: 14px; margin-left: 250px; background-color: #e5eaec; min-height: 850px; position: relative; border-left: none; } .inner_container{ max-width: 1118px; margin: 0px auto; padding-top: 20px;} .thin_container{ max-width: 1024px; margin: 0px auto;} .large{font-size: 16px;} .no-margin,.nm{ margin: 0px!important;} .npt{ padding-top: 0px!important;} .npb{ padding-bottom: 0px!important;} .np{ padding: 0px!important;} .nof{ overflow: hidden; } .ssb{ margin-bottom: 15px!important;} .padding20{ padding: 20px;} .padding15{ padding: 15px;} .stnrd_box{ margin-bottom: 30px; background-color: #fff; padding: 20px; border-radius: 3px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-bottom: 30px;} label{display: block; margin-bottom: 5px; font-weight: 400; font-size: 14px;} .btn{font-size: 13px; outline: none!important; box-shadow: none!important; text-decoration: none;} .btn-default{background-color: #FCFCFC; border: 1px solid #E3E3E3; color: #479CCF;} .btn-primary{ background-color: #479ccf; border: 1px solid #479ccf;} .btn-primary:hover{background-color: #4193c2; border: 1px solid #479dd0;} /*.btn-primary{ background-image: -webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%); background-image: -o-linear-gradient(top, #f0ad4e 0, #eb9316 100%); background-image: linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #e38d13;} .btn-primary:hover{background-color: #eb9316; background-position: 0 -15px;}*/ .btn-active{ box-shadow: 0 3px 6px rgba(0,0,0,0.1) inset!important; background: #f5f6f7; border: 1px solid #d3dbe2; color: #c3cfd8;} .btn-active:hover{background: #e5e7e8;border: 1px solid #c4cacf; color: #c3cfd8;} .btn-active:focus{ color: #c3cfd8; } .btn .glyphicon{line-height: 18px;} .glyphicon.blue{ color: #329ecc} .glyphicon.green{ color: #8cc154;} .side_info_lined_out{ line-height: 28px;} .side_info_lined_out span{ margin-right: 15px; color: #777;} .checkbox{} .checkbox.inline{ margin: 0px;} .form-control{ border: 1px solid #d3dbe2; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none;} .form-control.clear-form-control{ padding: 0px;} .form-control.font-16{ font-size: 16px; } .form-control.coded{ font-size: 16px; line-height: 25px; } .discount{font-size: 16px; margin-bottom: 5px; display: inline-block; font-family: Monaco, Consolas, "Lucida Console", monospace; color: #333; } .disabled_discount .discount{ text-decoration: line-through; color: #a4aeb5;} .stats_preview{ padding-bottom: 15px; border-bottom: solid 1px #e1e1e1; margin-bottom: 20px;} .stats_preview .number{ font-size: 24px; } .ui_stack{} .ui_stack_item{} .ui_stack_item .ui_flag{ float: left; margin-right: 15px;} .ui_stack_item .ui_flag.flag_small{ width: 24px; } .ui_stack_item .ui_subheading{ margin: 0px; margin-top: 3px; margin-bottom: 15px; float: left; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;} .ui_stack_item .zone-shipping-rates{ margin-left: 30px; } .zone-shipping-body{ padding-left: 0px; } .zone-shipping-rate ~ .zone-shipping-rate{ border-top: 1px solid #ebeef0; padding-top: 15px; margin-top: 15px; } .zone-shipping-rate-header{ padding-bottom: 10px; } .zone-shipping-rate-weight{ color: #707070; letter-spacing: 1px;} .zone-shipping-rate-price{ float: right; color: #707070; letter-spacing: 1px;} #pageCustomFrom.float_top_buttons{ } #pageCustomFrom.float_top_buttons .add_fields_top_options{ padding-top: 30px; height: 70px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important; z-index: 9999; position: fixed; top: 0; left: 1px; right: 1px;} #pageCustomFrom.float_top_buttons .add_fields_top_options .save_btn{ top: 23px;} .for_print{ padding: 0px 30px;} label.inline{ padding-top: 5px;} select{ width: 100%; font-size: 15px; background: transparent; padding: 5px 10px; padding-right: 35px; border: none; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; line-height: 20px; max-width: none; display: block; color: #31373d;} .thumbnail{ background-color: #fafbfd; border-radius: 0px; padding: 0; position: relative;} .thumbnail>img{ vertical-align: middle; display: inline-block;position: absolute; top: 0; bottom: 0; right: 0px; left: 0px; margin: auto; } .thumbnail.s50{ width: 50px; height: 50px;} .thumbnail.s100{ width: 100px; height: 100px;} .table_wrap{overflow: auto;} .table_wrap .table{ max-width: 4000px; width: 100% ; } .table_wrap .table thead tr.top th{ font-weight: bold; background-color: #e1e1e1!important; text-align: center; border-bottom: none; } .table_wrap .table tr.normal th{width:1px;white-space:nowrap; font-weight: bold; background-color: #f1f1f1; } .table_wrap .table tr td.border-left,.table tr th.border-left{ border-left: solid 1px #e1e1e1; } .table_wrap .table tr td{width:1px;white-space:nowrap;} .table_wrap .table thead.top th{ border-right: solid 1px #fff; } .table_wrap .table td.green{ background-color: #ffea8d!important; } .table_wrap .table .glyphicon-remove{ opacity: 0.3; } #dimensions_dropdown{ width: 300px; margin-top: 10px; } #dimensions_dropdown .d_list{ height: 300px; overflow: auto; margin-bottom: 50px; padding-top: 50px;} #dimensions_dropdown h3{ padding: 10px; margin: 0px; color: #333; font-size: 14px; color: #999; font-weight: normal;} #dimensions_dropdown li{ display: block; } #dimensions_dropdown li a{text-decoration: none; position: relative; padding: 0 10px; padding-left: 30px; display: block; } #dimensions_dropdown li a .fa{ display: none; position: absolute; left: 10px; top: 3px; } #dimensions_dropdown li a:hover{ text-decoration: none; background-color: #0078bd; color: #fff; } #dimensions_dropdown li a:focus{ text-decoration: none;} #dimensions_dropdown li.active a .fa{ display: block; } #dimensions_dropdown .bottom_apply_button{ position: absolute; bottom: 0; left: 0; right: 0px; padding: 10px; background-color: #fff; z-index: 10; } #dimensions_dropdown .search_top_option{ position: absolute; top: 0; left: 0; right: 0px; padding: 10px; background-color: #fff; z-index: 10; } .table-responsive{width: 100%; margin-bottom: 15px; overflow-y: hidden;min-height: .01%; overflow-x: auto;} .table-responsive table { table-layout: fixed; word-wrap: break-word;} .no_results{ text-align: center; padding: 60px 0px;} .no_results .glyphicon,.no_results .fa{ color: #c1cfd8; font-size: 75px; } .no_results h2{font-size: 20px; font-weight: normal; margin-bottom: 15px; color: #212529;} .no_results p{color: #798c9c; font-size: 15px; line-height: 22px; margin: 0 0 15px;} .no_results.smaller{ padding: 15px 0px;} .no_results.smaller h2{} .no_results.tiny{ padding: 10px 0px;} .no_results.tiny .glyphicon{ font-size: 48px; } .no_results.tiny h2{ font-size: 16px; opacity: 0.7; padding: 0 10%; } .settings_summary{ padding: 20px 40px; font-size: 18px; box-shadow: 0 1px 0 rgba(0,0,0,0.07);} .settings_summary p{font-size: 18px; color: #000; line-height: 28px;} .dropdown-menu{ top: 130%; webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -webkit-overflow-scrolling: touch;} .dropdown-menu .arrow{ width: 20px; height: 16px; background-image: url(../dropdown_arrow.png); position: absolute; top: -16px; left: 50px; margin-left: 25px;} .dropdown-menu>li>a{ font-size: 13px;} .dropdown-menu>li>a:hover{ color: #fff; background-color: #2e9ecc;} .scrollable-menu { height: auto; max-height: 180px; overflow-x: hidden; } .scrollable-menu::-webkit-scrollbar { -webkit-appearance: none; width: 4px; } .scrollable-menu::-webkit-scrollbar-thumb { border-radius: 3px; background-color: lightgray; -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75); } textarea:focus, .form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #479ccf; box-shadow: none; outline: 0 none; } .help_info_box{ text-align: center;} .help_info_box .msg{border: solid 1px #ccc; border-radius: 4px; padding: 15px; display: inline-block; font-size: 13px; color: #798c9c;} .collection_list{ list-style-type: none; margin: 0; padding: 0px;} .collection_list li{ border-bottom: solid 1px #e1e1e1;} .collection_list li:last-child{ border-bottom: none;} .collection_list li a{ text-decoration: none; display: block; padding: 10px 0px; color: #798c9c;} .collection_list li a:hover{ background-color: #ebeef0}; .collection_list li span{ margin-left: 10px;color: #798c9c; margin-right: 10px; font-size: 10px;} .tag_list{list-style-type: none; margin: 0; padding: 0px;} .tag_list li{ text-decoration: none; background: #cae9f7; color: #3e89b5; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; word-wrap: break-word; max-width: 100%; margin-right: 3px; margin-bottom: 3px; padding: 6px 5px; border-radius: 4px;} .tag_list li a{ text-decoration: none;} .tag_list li span{ margin-left: 10px;} .subdued{ color: #798c9c!important;} .next-heading{ color: #31373d; margin: 0 0 20px 0; font-weight: 500; font-size: 17px; line-height: 1.2em;} .next-heading.small{ font-size: 15px;} .next-heading.tiny{ font-size: 13px;} .next-heading .small_checkbox{ font-size: 13px; padding-top: 0px; margin: 0px; } .next-card-section{ border-top: 1px solid #ebeef0; background-color: #f5f6f7; padding: 20px;} .next-card-section.white{ background-color: transparent;} .next-card-section .glyphicon{ margin-right: 20px; font-size: 24px; vertical-align: middle;} .next-card-section .btn{ margin-left: 10px;} .next-card-section .btn .glyphicon{ margin-right: 0px;} .pic_ratio{position: relative; display: block; background: #fafbfc; padding: 0;} .pic_ratio:before {z-index: 1; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(195,207,216,0.3);} .pic_ratio.p40{ width: 40px;} .pic_ratio.square{ width: 100%; padding-bottom: 100%;} .pic_ratio_content { position: absolute; max-width: 100%; max-height: 100%; display: block; top: 0; right: 0; bottom: 0; left: 0; margin: auto;} .learn_more{-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #d3dbe2; border-radius: 3px; color: #798c9c; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 13px; margin: 0 auto; padding: 20px; text-align: left;} .learn_more .glyphicon{ margin-right: 15px; font-size: 35px; color: #479ccf; } .learn_more p{ padding-top: 10px; } .filter_select{ position: relative; margin: 0; padding: 0;} .filter_select .selected_value{ cursor: pointer; clear: both; border: 1px solid #d3dbe2; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 10px; padding: 6px 10px; background-color: #fff;border-radius: 4px; font-size: 14px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .filter_select .title{ font-weight: bold;} .filter_select ul{ position: absolute; top: 33px; left: 0; right: 0; z-index: 999; display: none; border: 1px solid #d3dbe2; border-radius: 4px; margin: 0; padding: 10px; list-style: none; background-color: #fff;} .filter_select ul .listwrap{ max-height: 250px; overflow: auto;} .filter_select ul input{ margin-bottom: 10px;} .filter_select ul li{margin: 0; padding: 0; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .filter_select ul li.active{ background-color: #0067a5; color: #fff;} .filter_select ul li:hover{ background-color: #e1e1e1; cursor: pointer;} .photo-grid{ padding: 0px; margin-top: 0; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .photo-grid:after{ content: ""; display: table; clear: both;} .photo-grid li{float: left; list-style-type: none; padding-left: 10px; margin: 0 0 10px 0; -moz-box-sizing: border-box; box-sizing: border-box; width: 20%; position: relative; overflow: hidden;} .photo-grid li .pic_ratio{ height: 145px;} .photo-grid li:first-child{ width: 40%; margin-bottom: 9px; } .photo-grid li:first-child .pic_ratio{ height: 300px;} .photo-grid .pic_overlay{ display: none; z-index: 3; background: rgba(49,55,61,0.75); position: absolute; width: 100%; height: 100%; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out;} .photo-grid .percentage{ display: none; } .photo-grid .placeholder .percentage{ display: block; position: absolute; top: 0px; left: 10px; z-index: 10; bottom: 0px; width: 5%; background-color: #999; } .photo-grid .pic_overlay .actions{position: absolute; height: 20px; max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block; position: absolute; top: 0; bottom: 0; right: 0px; left: 0px; margin: auto; font-size: 24px; text-align: center;} .photo-grid .pic_overlay .actions a{ color: #fff; margin: 0px 4px;} .photo-grid .pic_overlay .actions a.file_edit{ display: none;} .photo-grid .pic_overlay .actions a.file_alt_text{ display: none;} .photo-grid li:hover .pic_overlay{ display: block; } .seo_advert{} .seo_advert h3{ font-weight: normal; margin: 0px; font-size: 18px; color: #1a0dab; line-height: 21px; margin-bottom: 2px;} .seo_advert .plink{ color: #006621; font-size: 13px; display: block; word-wrap: break-word; line-height: 16px; margin-bottom: 2px;} .seo_advert .description{ display: block; color: #545454; line-height: 18px; font-size: 13px;} .small_map{ position: relative; margin-bottom: 20px;} .small_map .map{ height: 100px; background-color: #329ecc; border-radius: 3px 3px 0px 0px;} .small_map .profile_pic{ overflow: hidden; text-align: center; background-color: #329ecc; border: solid 1px #fff; width: 60px; height: 60px; position: absolute; bottom: -30px; left: 20px; border-radius: 50px;} .small_map .profile_pic span{ color: #fff; font-size: 49px; margin-top: 15px;} .panel-default{ border: none; -webkit-box-shadow: none; box-shadow: none; padding: 20px; border-radius: 3px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1);} .panel.no-padding{ padding: 0px;} .panel-body.no-padding{ padding: 0px;} .panel-default hr{ margin: 0px; margin-bottom: 20px; padding-top: 15px; clear: both; border-top: none; border-bottom: solid 1px #eee;} .panel-default > .panel-heading{color: #444; background-color: #fafcfc; border-color: #dee5eb;} .panel-default > .panel-heading .btn{ font-size: 12px;} .panel-default > .panel-heading .next-heading{ margin: 0px;} .panel-default.grey{ background-color: #f5f6f7;} .panel-heading-bottom-info{ padding: 20px 0px;} .panel-heading .glyphicon{ font-size: 17px;} .space_link_left{ margin-left: 20px; display: inline-block;} .grey_box{ background-color: #f5f6f7; border-top: 1px solid #ebeef0;} #top_bar{ height: 60px; background-color: #fff; position: fixed; top: 0px; width: 100%; top: 0px; left: 0px; z-index: 201;} #top_bar .logo{ float: left; padding-left: 10px; padding-top: 10px;} #top_bar .franchise_name{ padding-top: 20px; color: #fff; padding-left: 30px; float: left;} #top_bar .franchise_name span{ color: #70bd2b;} #top_bar .r_icon{ color: #fff; text-align: center; float: right; padding-right: 10px; padding-top: 18px;} #top_bar .r_icon .title{ clear: both; font-size: 12px; padding-top: 6px;} #top_bar .r_icon span{ font-size: 20px;} #top_bar .person{ float: right; padding-top: 8px; width: 267px;color: #fff; } #top_bar .person:hover{ text-decoration: none;} #top_bar .person .pic{ border-radius: 60px; margin-left: 15px; margin-right: 10px; float: right; width: 30px; height: 30px; background-color: #000; text-align: center; padding-top: 7px; font-size: 15px; background-image: url(../top_sec_bkg.jpg); background-size: cover; background-position: left top; margin-top: 6px;} #top_bar .person .pic span{ color: #fff; } #top_bar .person .wel{ color: #a8adae;} #top_bar .person .wel span{ float: right; color: #fff;} #top_bar .person .un{ text-align: right; padding-top: 13px; font-size: 12px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #top_bar .person .un a{ color: #fff!important;} /* =Next Tab List ----------------------------------------------- */ .next-tab_list{padding: 0; margin: 0; list-style: none; background-color: #f5f6f7; overflow: visible; border-radius: 3px 3px 0 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;} .next-tab_list li{position: relative; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;} .next-tab_list li a{padding: 15px 20px; text-decoration: none; color: #798c9c; border-right: 1px solid #ebeef0; border-bottom: 1px solid #ebeef0; text-align: center; line-height: 1; cursor: pointer; position: relative; font-size: 13px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .next-tab_list li a.active{background-color: #ffffff; color: #31373d; border-bottom-color: #ffffff; cursor: default; text-decoration: none;} .next-tab_list li .remove_filter{ cursor: pointer; position: absolute; z-index: 1; top: 18px; right: 8px; opacity: 0; font-size: 10px; } .next-tab_list li:hover .remove_filter{ opacity: 1; } /* =Top Section ----------------------------------------------- */ .trip_content{ display: none;} .trip_content.t1{ display: block;} .top_section{ position: relative; margin: 0px; margin-bottom: 30px; background-color: transparent; padding-right: 0px; padding-left: 0px;} .inner_container .top_section{ position: relative; margin: 0px; margin-bottom: 30px; background-color: transparent; padding-right: 0px; padding-left: 0px; } .top_section {} .top_section h1{ color: #555; font-size: 30px; font-weight: 600; } .top_section h1 a{ color: #000; } .top_section .school_filter{ width: 250px; margin-top: 15px; margin-right: 15px; float: right; } .top_section h1{ min-height: 46px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left; font-size: 22px; font-weight:500; margin: 0px; padding-top: 16px; color: #222; max-width: 77%;} .top_section h1 a{ color: #798c9c;} .top_section h1 span{ display: inline-block;} .top_section h1 span.glyphicon{ color: #888; font-size: 20px;} .top_section h1 span.small_text{ color: #888; font-size: 14px;} .top_section .buttons_wrap{ padding-top: 15px; float: right; border: none; padding-top: 0;} .top_section .buttons_wrap .btn,.top_section .buttons_wrap .btn-group{ margin-left: 10px;} .top_section .buttons_wrap .btn-group .btn{ margin-left: 0px;} .top_section .btn-group .dropdown-toggle{ height: 32px;} .top_section .btn-group .glyphicon{ line-height: 20px; } .breadcrumbs{ clear: both; } .breadcrumbs a{ color: #777; } .breadcrumbs a .fa{ color: #666; } .dash_bkg{ background-image: url(../images/dash_bkg.png); background-size: auto 207px; background-repeat: repeat-x; background-position: top center;} .dash_wrap{ max-width: 700px; margin: 0px auto;} .dash_content{ font-size: 15px;} .dash_welcome{ text-align: center; padding-top: 44px; } .dash_welcome h1{ font-weight: 400; margin-top: 0px; } .dash_welcome p{ color: #999; font-size: 18px; margin-bottom: 40px; } .dash_top_stats{} .dash_top_stats .panel{ display: block; text-decoration: none; position: relative; padding: 15px; } .dash_top_stats span{ color: #999; font-size: 14px; } .dash_top_stats .total{ color: #000; font-size: 24px; font-weight: 400;} .dash_top_stats img{ position: absolute; height: 60px; top: 15px; right: 15px;} .dashboard_list{ padding: 0px; margin: 0px;} .dashboard_list li{ font-size: 14px; position: relative; border-bottom: solid 1px #e1e1e1; list-style-type: none; padding: 20px 20px;} .dashboard_list li .text{ width: 70%; margin-left: 30px;} .dashboard_list li .circle{ width: 10px; height: 10px; background-color: #479CCF; float: left; margin-right: 10px; border-radius: 90px; margin-top: 4px;} .dashboard_list li:last-child{ border: none;} .dashboard_list li .btn{ position: absolute; top: 13px; right: 20px;} .dashboard_list li.important{ background-color: #ffe477; color: #6f4f0c; border-bottom: solid 1px #eec948; } .dashboard_list li.important .circle{ background-color: #6f4f0c; } .dashboard_list li.important .btn{ background-color: #ffe477; color: #6f4f0c; border-color: #6f4f0c; } .label{ } .label.complete { background: #F2F4F5; color: #96A7B6; border: solid 1px #E6EBED; } .label-default{ color: #FFF; background: #AAA; border: solid 1px #A0A0A0;} .label-warning { background-color: #F4C58F; color: #815621; border: solid 1px #E6B77F;} .label.attention { background-color: #FCF5D9; color: #9B731D; border: solid 1px #F2E7BB; } .right_dash{ min-height: 100vh; background-color: #fff; margin-top: 0px; margin-right: 0px; margin-bottom: -20px; margin-left: -30px;box-shadow: 0 2px 4px rgba(0,0,0,0.2);} .right_dash .next-heading{ text-transform: uppercase; font-size: 12px; letter-spacing: 2px; } .right_dash label{ text-transform: uppercase; color: #798c9c; font-size: 11px; font-weight: 500; letter-spacing: 0.04em;} .right_dash .total{ color: #31373d; font-size: 18px; font-weight: 400; } .right_dash .count{ color: #798c9c; font-size: 13px; padding-top: 3px; } .right_dash .card{padding: 20px; border-bottom: solid 1px #e1e1e1; } .right_dash .card .card_section{position: relative; margin-left: 30px;} .right_dash .card .icon{ position: absolute; left: -30px; top: 0px; color: #798c9c; } .right_dash .card .next-heading span{ color: #999;} .right_dash .bottom_i{ font-size: 13px; color: #798c9c; padding-top: 10px;} .right_dash .bottom_i a{ float: right;} .right_dash .activity{ color: #999; margin-bottom: 18px;} .dashboard_today{ background-color: #71be2c; border-radius: 5px; padding: 15px 30px; color: #fff; margin-bottom: 30px;} .dashboard_today .title{ border-bottom: solid 1px #fff; margin-bottom: 20px; font-size: 18px; padding-bottom: 10px;} .dashboard_today .day{ font-size: 94px; font-weight: 300;line-height: 94px;} .dashboard_today .day span{ margin-top: -20px; font-size: 60px; display: inline-block;} .dashboard_today .month{ font-size: 24px; font-weight: bold;} .dashboard_today .time_temp{ border-top: solid 1px #fff; padding-top: 20px; margin-top: 20px;} .dashboard_today .time_temp .clock{ float: left; width: 50px; margin-right: 20px;} .dashboard_today .time_temp .time{ float: left; font-size: 24px; padding-top: 5px;} .dash_info_strip{ height: 242px; margin: 0px; padding: 0px; padding-top: 25px; margin-bottom: 70px;} .dash_info_strip li{ position: relative; list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 25px;} .dash_info_strip li .line{ z-index: 1; position: absolute; right: 25px; top: 2px; background-color: #000; width: 4px; height: 65px; } .dash_info_strip li .icon{ font-size: 17px; position: absolute; top: 0px; right: 10px; background-color: #3e9dd1; color: #fff; border-radius: 50px; float: right; width: 35px; height: 35px; text-align: center; z-index: 2; } .dash_info_strip li .icon span{ padding-top: 8px;} .dash_info_strip li .dtitle{ color: #999; font-size: 12px;} .dash_info_strip li .dperc{ font-size: 18px;} .dash_info_strip.green li .line{ background-color: #75b600;} .dash_info_strip.green li .icon{ background-color: #75b600;} .buttons { margin: 0px auto; max-width: 1118px; border-bottom: none;padding: 20px 20px 20px 0px;} .buttons .mr{ margin-right: 6px;} .line_items{ margin: 0px; padding: 0px; border: solid 1px #e8e9e8; border-bottom: none;} .line_items li{ list-style-type: none; margin: 0px; padding: 0px; background-color: #fff; padding: 10px; padding-left: 50px; border-bottom: solid 1px #e8e9e8;} .line_items li .col-sm-1,.line_items li .col-sm-2,.line_items li .col-sm-3,.line_items li .col-sm-4,.line_items li .col-sm-5,.line_items li .col-sm-6,.line_items li .col-sm-7{padding-right: 7px;padding-left: 7px;} .line_items_head li .col-sm-1,.line_items_head li .col-sm-2,.line_items_head li .col-sm-3,.line_items_head li .col-sm-4,.line_items_head li .col-sm-5,.line_items_head li .col-sm-6,.line_items_head li .col-sm-7{padding-right: 7px;padding-left: 7px;} .line_items li .glyphicon{ padding-right: 20px; margin-top: 7px;} .line_items_head{ padding: 10px; padding-left: 45px; font-size: 12px; font-weight: bold;} .bottom_buttons{ border-top: solid 1px #e1e1e1; padding-top: 20px; text-align: right; height: 80px; } .activities{ margin: 0px; padding: 0px; padding-top: 30px;} .activities li{ border-bottom: solid 1px #e1e1e1; list-style-type: none; padding: 10px 0px; color: #777; position: relative; padding-left: 30px;} .activities li.first{ border-radius: 4px; border: solid 1px #e1e1e1!important; } .activities li .btn-default{ background-color: transparent; color: #479ccf; border: 1px solid #d3dbe2; margin-top: 10px; } .activities li .btn-default:hover{ text-decoration: underline; } .activities li .line_wrap{ float: left; } .activities li .line_wrap .line{ width: 3px; position: absolute; background-color: #c7ccd1; left: 15px; top: 0px; bottom: 0px; } .activities li .line_wrap .dot{ background-color: #c7ccd1; width: 15px; height: 15px; border-radius: 90px; border: solid 2px #e5eaec; position: absolute; left: 9px; top: 10px; } .other_entries{ margin: 0px; padding: 0px;} .other_entries li{ list-style-type: none; border-bottom: solid 1px #e1e1e1; background-color: #fff;} .other_entries li:hover{background-color: #f5f6f7;} .other_entries li a{ padding: 10px; display: block;} .section{position: relative; border-top: 1px solid #ced4d7; padding-top: 30px; } .section-summary{ padding-left: 0px; } .section-summary p{color: #798c9c;} .section-summary h3{font-size: 18px; font-weight: 400; margin-bottom: 10px; margin-top: 0px; } .message_top_option{ padding: 5px; background-color: #f9f9f9; text-align: right; } .template_btn{ display: inline-block; float: left; margin-top: 5px; color: #555; } .buttons_wrap{ border-top: solid 1px #E1e1e1; } .template_title{ display: none; border-top: solid 1px #E1e1e1; } .template_title .form-control{ border: none; } .message_users_list{ border: solid 1px #e1e1e1; padding: 5px; padding-bottom: 0; margin-bottom: 10px; } .message_users_list span{ display: inline-block; border-radius: 5px; background-color: #e1e1e1; padding: 5px; margin-right: 5px; margin-bottom: 5px; } .bulk_message{ height: 400px!important; } .popup_message{ position: fixed; bottom: 0px; right: 0px; left: 250px; background-color: #000; color: #fff; font-size: 24px; text-align: center; padding: 20px 0px; z-index: 99999; background-color: rgba(0,0,0,.8); font-weight: 300;} /* =Timeline ----------------------------------------------- */ .timeline_panel{ background-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0px; } .timeline_panel .panel-body{ padding: 0px; } .timeline_panel .next-heading{ border-bottom: solid 1px #ccc; padding-bottom: 15px; } .no_timeline_details{ text-align: center; padding-top: 30px; } .no_timeline_details .glyphicon{ font-size: 40px; color: #ccc; } .no_timeline_details h3{ color: #999; font-size: 18px; font-weight: 300; } /* =Theme Page ----------------------------------------------- */ .theme-panel > .panel-heading{ background-color: #fff!important;} .theme-panel > .panel-heading h3{ font-size: 18px; color: #333!important; margin: 6px 0px; padding: 0px;} .theme-panel > .panel-heading .btn{ margin-left: 6px;} .theme-panel > .panel-body{ padding: 25px 0px;} .main_theme_panel_body{ padding-bottom: 0px!important; overflow: hidden;} .theme_device{padding-top: 21px;} .theme_device .awrap{width: 80%; float: left; margin-left: 10%;} .theme_device .macbook { width: 736px; height: 469px; background-image: url(../images/mac_book.png); position: relative; margin: 0px auto; background-position: 0px 1px; background-repeat: no-repeat; background-size: 100%; } .theme_device iframe { pointer-events: none; width: 1159px; height: 694px; border: none; overflow: hidden; margin-left: 27px; top: 60px; position: relative; background-color: #FFF; -webkit-transform: scale(0.59); -ms-transform: scale(0.59); transform: scale(0.59); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme_device .store-preview-mask { display: block; width: 685px;height: 435px; position: absolute;left: 26px;top: 34px; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.7); padding-top: 202px; text-align: center; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .theme_device .awrap:hover .store-preview-mask{ opacity: 1;} .iphone { width: 183px; height: 274px; position: absolute; right: -21px; bottom: 0px; background-image: url(../images/iphone.png); background-repeat: no-repeat;background-position: 0px 1px; } .iphone iframe { width: 320px; height: 456px; margin-left: 15px; top: 54px; -webkit-transform: scale(0.484); -ms-transform: scale(0.484); transform: scale(0.484); border-top-left-radius: 2px; border-top-right-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .iphone .store-preview-mask { width: 155px; height: 220px; top: 54px; left: 15px; border-top-left-radius: 2px; border-top-right-radius: 2px;} /* =Activities Table ----------------------------------------------- */ .activies_table{ margin: 0px;} .activies_table td{ padding-right: 10px; position: relative; height: 46px; border-bottom: solid 1px #e1e1e1;} .activies_table .activities_buttons{ padding: 10px; border-top: solid 1px #e1e1e1; text-align: center;} .activies_table .activities_buttons a{ margin: 0px;} .activity_icon{ position: absolute; top: 0px; left: 10px; height: 50px; width: 40px;} .activity_icon .line{ height: 47px; width: 4px; background-color: #dbe0ea; margin-left:13px;} .activity_icon .icon{ height: 30px; width: 30px; border: solid 1px #5b6c74; background-color: #657880; position:absolute; top: 10px; left: 0px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; overflow: hidden; text-align: center;vertical-align: middle; display: block;} .activity_icon .icon .glyphicon{ margin-top: 6px; color: #fff;} .activity_icon .icon.green{ border: solid 1px #85ae3a; background-color: #94c140;} .activity_icon .icon.blue{ border: solid 1px #3b89b3; background-color: #3e9dd1;} /* =Side Bar ----------------------------------------------- */ .side_bar{ z-index: 5; position: fixed; top: 0px; left: 0px; bottom: 0px; padding-bottom: 50px; width: 250px; padding-top: 0px; overflow: hidden; -webkit-font-smoothing: antialiased;} .side_bar .search_everything{ margin: 10px; margin-top: 15px; } .side_bar .search_everything .form-control{ opacity: 1; border: none; border-radius: 40px; display: block; } .side_bar .product_name{ position: relative; height: 65px; background-color: #2a2a2a;} .side_bar .product_name .view{ position: absolute; top: 19px; right: 20px; color: #999;} .side_bar .product_name .main_logo{color: #fff; font-size: 20px; padding-top: 15px; display: block; text-align: left;} .side_bar .product_name .main_logo img{ margin-left: 15px; height: 30px; margin-top: 3px;} .side_bar .person{ background-color: transparent; width: 250px; position: fixed; z-index: 6; bottom: 0px; left: 0px; display: block; padding: 10px; color: #fff; font-size: 12px; padding-bottom: 10px; padding-top: 10px; border-top: solid 1px #212529;} .side_bar .person:hover{ text-decoration: none;} .side_bar .person .pic{ border-radius: 60px; margin-right: 15px; float: left; width: 40px; height: 40px; background-color: #000; text-align: center; padding-top: 7px; font-size: 20px;} .side_bar .person .pic span{ color: #fff; } .side_bar .person .wel{ color: #a8adae;} .side_bar .person .wel span{ float: right; color: #fff;} .side_bar .person .un{ color: #999; font-size: 13px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .side_bar .person .un a{ color: #999; font-size: 12px; } .side_bar .person .un a:hover{ color: #fff; text-decoration: none; } .side_bar .logo{ display: none; background-color: #12367e; text-align: center; float: left; padding: 6px 0px; padding-left: 10px; width: 100%; text-align: center; margin-bottom: 20px; width: 100%; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07); padding: 10px 0px; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 6; } .side_bar .logo img{ height: 45px;} .side_bar ul{ margin: 0px; padding: 0px; padding-bottom: 20px; float: none;} .side_bar ul li{ margin: 0px; padding: 0px; list-style-type: none; display: block; float: none;} .side_bar ul li .badge{ background-color: #329cda; font-size: 13px; color: #fff; float: right; margin-top: 0px; margin-right: 10px; border-radius: 40px; color: #fff!important; padding-right: inherit!important; font-weight: normal;} .side_bar ul li a{ font-weight: normal; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); outline: none; display: block; padding: 10px 0px; padding-left: 0px; color: #fff; font-size: 15px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; font-weight: 500;} .side_bar ul li a b{ float: right; margin-top: 8px; margin-right: 10px;} .side_bar ul li a.active{ margin-right: 0px; color: #fff; background-color: #263850;} .side_bar ul li a.active span{ color: #fff;} .side_bar ul li a.active:hover{ } .side_bar ul li a:hover{ background-color: transparent; color: #fff; text-decoration: none;} .side_bar ul li a span,.side_bar ul li a i{ color: #fff; font-size: 14px; padding-right: 10px;} .side_bar ul li a i{ font-size: 14px; } .side_bar ul li a .glyphicon-menu-right{ float: right; } .side_bar ul li ul{ display: none; background-color: #f1f1f1; } .side_bar ul li ul li a{ border-left: solid 2px #fff; padding-left: 35px;} .side_bar ul li a .inbox-badge{ font-size: 13px; background-color: #e1e1e1; color: #000;} .side_bar ul li:hover ul{} .side_bar ul li:first-child a{ border-top: none;} .side_bar ul.smaller{border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; margin-top: 0px;} .side_bar ul.smaller li{} .side_bar ul.smaller li a{ padding: 4px 6px; padding-left: 15px; text-transform: none;} .navbar-right{ float: none; } .side_bar .second_menu{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 179px; display: none; position: absolute; top: 0px; background-color: #263850; bottom: -20px; z-index: 5; padding-top: 0px; opacity: 0;box-sizing: border-box; -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1); right: -100%; } .side_bar .second_menu.active{ left: 50px; right: 0px; display: block; opacity: 1; width: 200px;} .side_bar .second_menu h3{ border-bottom: solid 1px #202428; text-transform: uppercase; padding: 26px 20px; font-size: 12px; color: #c3cfd8; margin-top: 0px; margin-bottom: 0px;} .side_bar .second_menu li a{ border: none!important;} .side_bar .second_menu li a.active{ background-color: #444f56; color: #fff;} .side_bar .small_logo{ text-align: center; width: 50px; height: 50px; margin: 7px 0px; display: none;} .side_bar .small_logo span{ color: #dca000; font-size: 25px; margin-top: 18px;} .side_bar .badge-top{ position: absolute; top: 3px; left:1px; padding: 3px 5px; } .side_bar ul li .badge-danger { background-color: #c94a48; } .side_bar ul li .badge-danger:hover { background-color: #953b39; } .side_bar ul li .badge-warning { background-color: #f89406; } .side_bar ul li .badge-warning:hover { background-color: #c67605; } .side_bar ul li .badge-success { background-color: #468847; } .side_bar ul li .badge-success:hover { background-color: #356635; } .side_bar ul li .badge-info { background-color: #3a87ad; } .side_bar ul li .badge-info:hover { background-color: #2d6987; } .copyright { margin: 10px; text-align: center; } #tour_settings{ float: none; } #tour_settings .dropdown-menu:before{ display: block; } .inner_sub_menu{ margin: 0px; padding: 0px; } .inner_sub_menu li{ padding: 10px; text-align: center; float: left; margin: 10px; border: solid 2px #f1f1f1; list-style: none; border-radius: 5px; width: 22%; min-height: 120px; padding-top: 20px;} .inner_sub_menu li:hover{border: solid 2px #ccc;} .inner_sub_menu li a{ display: block; color: #0067a5;} .inner_sub_menu li a:hover{ text-decoration: none; } .inner_sub_menu li a span,.inner_sub_menu li a .fa{ font-size: 45px; } .inner_sub_menu li a .title{ color: #333; padding-top: 10px; font-weight:500} .inner_sub_menu li a .desc{ color: #ccc; padding-top: 10px;} .drag_handle{display: inline-block; text-indent: -9999px; width: 21px;height: 21px; padding: 0; margin: 0; background: url(../image_actions.png) no-repeat 45% -93px; cursor: move; margin-top:5px; float: left;} .drag_handle.loading{ background-color: #ccc;} .page_left{ float: left; width: 200px; z-index: 5;} .page_left .menu.affix{top: 20px; } .page_left .menu{ padding: 0px; margin: 0px; padding-left: 15px; margin-top: 20px; margin-right: -1px; width: 200px;} .page_left .menu li{ list-style-type: none; padding: 0px; margin: 0px; margin-bottom: 2px; font-size: 12px;} .page_left .menu li a{ display: block; padding: 5px 10px; color: #222; margin-right: 1px;} .page_left .menu li a:hover{ background-color: #f9f9f9; color: #d50005; text-decoration: none;} .page_left .menu li.active a{ background-color: #fff; border-left: solid 3px #d50005; color: #000; font-weight: bold; margin-right: -1px; border-right: none;} .page_right{float: right; width: 78%; margin-right: 2%; background-color: #fff; min-height: 500px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-radius: 5px;} .page_right .section{ margin-bottom: 20px; padding: 30px; padding-bottom: 0px;} .section_title{ margin: 0px; padding: 0px; padding-bottom: 10px; font-weight: bold; border-bottom: solid 1px #e1e1e1; font-size: 13px; text-transform: uppercase; margin-bottom: 20px; color: #d90a16; } .filter_options{ margin-bottom: 20px; margin-top: -20px; } .top_filter{ padding-bottom: 30px;} .top_filter .form-control{ font-weight: normal; border: 1px solid #E3E3E3; height: 40px;} .top_filter .dropdown-toggle{ padding: 10px 12px; font-size: 14px; padding-bottom: 8px;} .top_filter .searchtext{ margin-left: -2px; } /*.top_filter .dropdown-menu:before { position: absolute; top: -7px; left: 50%; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; margin-left: -5px;}*/ /*.top_filter .dropdown-menu:after { position: absolute; top: -6px; left: 50%; display: inline-block; border-right: 6px solid transparent; */border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; margin-left: -5px;} .top_filter .dropdown-menu.filter{ top: 110%; min-width: 300px; padding: 15px; padding-top: 10px;} .top_filter .dropdown-menu.filter .form-control{ color: #333; font-size: 16px; } .top_filter .dropdown-menu.filter label{ color: #000; font-size: 14px; } .table{ background-color: transparent;} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-top: 1px solid #e8e8e8; padding: 11px; color: #262626; vertical-align: middle;} .table>thead>tr>th{ border-bottom: none; color: #31373d; border-top: none; color: #333; font-weight: 500;} .table>thead>tr>th a{ color: #444; } .table.no-borders>tbody>tr>td, .table.no-borders>tbody>tr>th, .table.no-borders>tfoot>tr>td, .table.no-borders>tfoot>tr>th, .table.no-borders>thead>tr>td, .table.no-borders>thead>tr>th { border-top: none;} .table.table-condensed>tbody>tr>td, .table.table-condensed>tbody>tr>th, .table.table-condensed>tfoot>tr>td, .table.table-condensed>tfoot>tr>th, .table.table-condensed>thead>tr>td, .table.table-condensed>thead>tr>th { padding: 6px 10px;} tr.active{ border-left: solid 3px #d50005; margin-left: 2px;} tr.active a.title{ color: #d50005;} tr .dark_link{ color: #768d9c; text-decoration: underline; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #eff9fd; } th { font-weight: normal; color: #31373d; font-size: 13px; text-align: left; padding: 8px 10px; border-bottom: 1px solid #ebeef0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } th.is-sortable{cursor:pointer} th.is-sortable:hover{background:#eff9fd;color:#479ccf} th.is-sortable .glyphicon{ font-size: 10px;} .table .selected_row td{ background-color: #F5FBFF;} .table .bulk_head{ display: none;} .check_td{ padding-right: 0px!important;} /* =Reprots Table ----------------------------------------------- */ .table.new{} .table.new thead{} .table.new thead a.order_by{ color: #555; font-size: 14px; } .table.new tbody tr{} .table.new tbody tr td{ color: #555; } .table.new tfoot tr{} .table.new tfoot tr td{ font-weight: bold; font-size: 15px; background-color: #f1f1f1; color: #555; border-top: solid 2px #e1e1e1; } /* =Refund Table ----------------------------------------------- */ .refund_table{} .refund_table >tbody>tr>td{ border: none; border-bottom: solid 1px #e1e1e1;} .refund_totals{ font-size: 12px; } .refund_totals .row{ margin-bottom: 10px; } .refund_bottom{ margin: 30px 0px; font-size: 12px; background-color: #f9f9f9; border-top: solid 1px #ececec; border-bottom: solid 1px #ececec; padding: 10px 10px; } .refund_bottom .subdued{ line-height: 29px; } .order_total_info.top_line{ border-top: solid 1px #e1e1e1; } .main_graph{ background-color: #fff; border-bottom: solid 1px #e1e1e1; padding: 30px;} .main_graph h5{ padding-bottom: 10px;} .main_graph .y_info{ text-align: center;} .bar_graph_wrap{ height: 300px;} .circles{ position: relative; width: 28%; float: left; margin:0px 2.5%; margin-top: 20px;} .circles .info{ position: absolute; width: 100%; top: 0px; left: 0px; padding-top: 50px; text-align: center;} .circles .info h3{ margin: 0px;} .circles .info p{ margin: 0px; padding-top: 10px;} .vehicle_thumbnails{} .vehicle_thumbnails .box{ margin-bottom: 30px; display: block; padding: 20px; border-radius: 5px; border: solid 1px #e1e1e1;} .vehicle_thumbnails .box:hover{ background-color: #f1f1f1;} .vehicle_thumbnails .box table{ width: 100%;} .vehicle_thumbnails .box table td{ color: #fff; padding: 3px 0px; font-size: 12px;} .vehicle_thumbnails .box.completed{ background-color: #5cb85c; border: solid 1px #5cb85c;} .vehicle_thumbnails .box.cancelled{ background-color: #d9534f; border: solid 1px #d9534f;} .vehicle_thumbnails .box.suspended{ background-color: #e9c934; border: solid 1px #e9c934;} .vehicles_tabs{ padding-left: 30px;padding-right: 30px; background-color: #5088b7; border-top: none; margin-bottom: 0px;} .vehicles_tabs .carousel-inner a{ background-color: #5088b7; border-right: solid 1px #2c6799; font-size: 12px; font-weight: normal; float: left; color: #fff; display: inline-block; padding: 10px 12px;} .vehicles_tabs .carousel-inner a:last-child{ border: none;} .vehicles_tabs .carousel-inner a:hover{ background-color: #2c6799; text-decoration: none;} .vehicles_tabs .carousel-control{ width: 30px;} .vehicles_tabs .carousel-control.left{ left: -30px;} .vehicles_tabs .carousel-control.right{ right: -30px;} .info_coming_soon{ padding-top: 90px; text-align: center; color: #999;} .info_coming_soon .icon{ font-size: 105px; padding-bottom: 30px;} .info_coming_soon .info{ font-size: 25px;} .section_wrap{ position: relative; padding: 20px; background-color: #f5f5f5; border-radius: 5px; margin-bottom: 40px;} .section_wrap h3{ font-weight: bold; margin: 0px; font-size: 17px; margin-bottom: 15px; padding-left: 10px;} .section_number{ position: absolute; top: -10px; left: -10px; background-color: #f5f5f5; padding: 7px; height: 40px; text-align: center; width: 40px; color: #444; border-radius: 30px; font-weight: bold; font-size: 17px; color: #999;} #trip_tabs{ margin-bottom: 20px;} #trip_tabs .btn{ border-radius: 50px;} #trip_tabs .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none;} #trip_tabs .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .map_area{ background-color: #fff; height: 300px;} .dash_box{ padding: 35px 30px;} .dash_h3{ font-size: 400; font-family: 'Dosis', sans-serif; border-bottom: solid 1px #e1e1e1; padding: 0px; padding-bottom: 10px; margin: 0px; font-size: 25px; text-transform: uppercase;} .dash_table td,.dash_table th{padding: 6px!important;} .dash_box th{ text-transform: none; background-color: #f2fff1;} .dashboard .panel-heading{ font-size: 15px!important; margin: 0px; color: #333; text-align: center;} .dash_title{ font-size: 13px; padding-bottom: 10px;} .dash_title span{ color: #888; float: right;} .today_deliveries{ margin: 0px; padding: 0px;} .today_deliveries li{ list-style-type: none; margin: 0px; padding: 0px; border-bottom: solid 1px #e1e1e1; padding-bottom: 10px; margin-bottom: 10px;} .today_deliveries li .info{ font-size: 11px; color: #888;} .today_deliveries li:last-child{ border: none;} /* =Bar Graph ----------------------------------------------- */ .bar_graph{ margin-bottom: 30px; clear: both; margin-top: 10px;} .bar_graph .lines{ margin: 0px; padding: 0px; border-bottom: solid 1px #d4d4d4; border-left: solid 1px #d4d4d4;} .bar_graph .lines li{ position: relative; height: 240px; list-style-type: none; margin: 0px; padding: 0px; width: 3.16%; float: left; margin-right: 1%; } .bar_graph .lines .perc{ position: absolute; height: 1px; bottom: 0px; left: 0px; width: 100%; background-color: #479ccf; } .bar_graph .lines .perc:hover{ background-color: #2b5e7c;} .bar_graph .x_label{position: absolute; bottom: -20px; height: 20px; width: 100%; margin-right: 1%; float: left; font-size: 11px; color: #999;} .bar_graph .x_label .dash{ height: 5px; border-right: solid 1px #d4d4d4; float: left; width: 50%;} .bar_graph .x_label i{ position: absolute; top: 6px; left: 0px; width: 40px; font-style: normal; clear: both; display: block;} .bar_graph .y_label{position: absolute; bottom: -20px; width: 100%; font-size: 11px; color: #ccc;} .bar_graph .y_label .dash{ height: 5px; border-right: solid 1px #d4d4d4; float: left; width: 50%;} .bar_graph .y_label i{ font-style: normal; clear: both; display: block;} .bar_graph#days7 .lines li{ width: 13%;} .bar_graph#days7 .x_label i{ text-align: center; } .bar_graph#days30 .lines li{ width: 2.3%;} .bar_graph#days60 .lines li{ width: 1.6%; margin-right: 0px;} /* =Upload Pictures ----------------------------------------------- */ .upload_pictures#list_view{ position: relative; float: none; margin: 0px; padding: 0px;} .upload_pictures#list_view .upload_btn{ position: absolute; top: -96px; right: 0px; height: 36px; margin-bottom: 20px; background-color: #f1f1f1; z-index: 900; border: solid 1px #e1e1e1; color: #FFF; background-color: #428BCA; border-color: #357EBD;} .upload_btn .file_btn{ width: 100%; height: 100%;} .upload_pictures#list_view .upload_btn .btn_text{ font-weight: bold; background-image: none; padding-top: 10px; color: #fff;} .upload_pictures#list_view li{ list-style: none; float: none; border-bottom: dotted 1px #ccc; width: 100%; height: auto; background-color:transparent; padding-bottom:10px; margin-top:10px; min-height: 50px;} .upload_pictures#list_view li .pic{ display: inline-block; float: left; width:50px; height: 50px;} .upload_pictures#list_view li .pic img{ max-width: 100%; max-height: 100%;} .upload_pictures#list_view li .info{ padding-top:0px; margin-left:10px; display: inline-block; float: left;} .upload_pictures#list_view li .info span{ font-size:11px; color: #888; margin-right: 20px;} .upload_pictures#list_view li .info h3{ margin: 0px; font-size: 12px;} .single_picture{ position: relative;} .single_picture img{ width:100%;} .single_picture .info{ display: none;} .single_picture .info{} .new_single_picture{ overflow: hidden; position: relative; display: table; width: 100%; max-width: 200px; height: 200px; border: solid 1px #eaeef1; background-color: #fafbfc; margin: 0px auto;} .new_single_picture:hover{ border-color: #ccc;} .new_single_picture .btn{ display: table-cell; color: #479ccf; position: relative; cursor: pointer;} .new_single_picture .btn input{ position: absolute; top: 0px; left: 0px; right: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer;} .new_single_picture .pic{ background-color: #fafbfc; z-index: 2; display: table; text-align: center; vertical-align: middle; width: 100%; height: 200px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;} .new_single_picture .pic .pwrap{display: table-cell; text-align: center; vertical-align: middle; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } .new_single_picture .pic .pwrap img{ max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block; position: absolute; top: 0; bottom: 0; right: 0px; left: 0px; margin: auto;} .new_single_picture .pic .icons{ z-index: 3; display: none; background-color: #000; background-color: rgba(0,0,0,0.4); text-align: center; position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px;} .new_single_picture .pic .icons .iwrap{position: absolute; height: 20px; max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block; position: absolute; top: 0; bottom: 0; right: 0px; left: 0px; margin: auto; font-size: 24px;} .new_single_picture .pic .icons .iwrap a{ color: #fff; margin: 0px 4px;} .new_single_picture .pic .icons .iwrap a.file_edit{ display: none;} .new_single_picture .pic .icons .iwrap a.file_alt_text{ display: none;} .new_single_picture .pic:hover .icons{ display: block;} .new_single_picture .loading{ z-index: 4; background-color: #fafbfc; text-align: center; position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px;} .new_single_picture .loading .percentage{ background-color: #479ccf; background-color: rgba(71,156,207,0.8); text-align: center; position: absolute; bottom: 0px; left: 0px; top: 0px; width: 60%;} .full_side_new_single_picture .new_single_picture{ max-width: 312px; height: 312px; } .full_side_new_single_picture .new_single_picture .pic{ height: 312px; } /* =Upload Button ----------------------------------------------- */ .upload_btn{overflow: hidden; float: left; position: relative;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: dashed 2px #ccc; width: 140px; height: 135px;} .upload_btn .file_btn{ z-index:10;position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;} .upload_btn .btn_text{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align: center; color: #999; position:absolute; top: 0px; left: 0px; width:100%; padding-top: 80px; background-image:url(../add_image.png); background-repeat: no-repeat; background-position: 50px 30px;} .upload_pictures li .info{ display: none;} .upload_pictures .percentage, .single_picture .percentage{ top: 0px; left: 0px; width:0%; background-color:#f1f1f1; background-image:url(../stripe.png); background-position:center center; background-repeat: repeat; height: 100%; position: absolute;} .upload_pictures{ float: left; margin: 0px; padding: 0px; padding-bottom: 0px;} .upload_pictures li{ overflow: hidden; position: relative; margin-left: 5px; float: left; list-style-type: none; background-color: #f1f1f1; width: 140px; height: 140px; margin-bottom:5px;} .upload_pictures li img{ width:100%; max-height: 100%;} .upload_pictures li .btns{ z-index:9; width:100%; height: 20px; position: absolute; bottom: 10px; right:10px;} .upload_pictures li .ico, .single_picture .ico{ float: right; background-color: #000; width:20px; height: 20px; -webkit-border-radius: 2px; border-radius: 2px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; background-repeat: no-repeat; cursor: pointer; margin-left:5px;} .upload_pictures li .ico:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity:1;} .upload_pictures li .delete_pic, .single_picture .delete_pic{ background-image:url(../glyph-cross-white.png); background-position: center center;} .upload_pictures li .edit_pic_url, .single_picture .edit_pic_url{ display: none; background-image:url(../glyph-link-white.png); background-position: center center;} .upload_pictures li .set_featured, .single_picture .set_featured{ display: none; background-image:url(../glyph-featured-white.png); background-position: center center;} .upload_pictures.show_featured_icon .set_featured{ display: block !important;} .upload_pictures.show_edit_pic_url .edit_pic_url{ display: block !important;} .nav_list_summary{ padding: 20px; margin: 0px;} .nav_list_summary li{ list-style-type: none; padding: 5px 0px;} .nav_list_summary li a{ color: #333;} .programmes_boxes .box{ display: block; background-color: #3d3f80; margin-bottom: 30px; border-radius: 6px; } .programmes_boxes .box.add_box{ text-decoration: none; border: none; background-color: #cee7e2; border-radius: 0px; } .programmes_boxes .box.add_box .title{ background-color: #5dae9d; color: #fff; } .programmes_boxes .box.add_box .content{ background-color: #cee7e2; } .programmes_boxes .box .title{color: #fff; background-color: #3d3f80;font-weight: bold; padding: 10px; } .programmes_boxes .box .title .main_title{ color: #fff; overflow: hidden; text-overflow: ellipsis;margin-left: 15px; white-space: nowrap; width: 80%; display: inline-block; } .programmes_boxes .box .title .btn{ padding: 0px; border-radius: 20px; width: 25px; height: 25px; } .programmes_boxes .box .title .btn span{ color: #444; } .programmes_boxes .box .content{ display: block; min-height: 170px; background-color: #c4c4d8; padding:0 20px 20px 20px; line-height: 25px; color: #000;} .programmes_boxes .box .content .stat{ text-align: right; color: #666; } .programmes_boxes .box .content .add_icon{ font-size: 74px; color: #9e9f9e; margin-top: 20px;} .modal-dialog{ z-index: 10000; } .modal { overflow-y:auto; } .modal-header{ font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1; font-weight: bold; background-color: #e5e6ea; font-size: 1.3em; color: #555459; border-radius: 5px 5px 0 0;} .modal-content{ font-size: 13px;} .modal-content{-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);} .modal-backdrop.in{ opacity: .4;} .modal-title{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; } .modal .close { font-size: 36px; font-weight: bold; margin-top: -11px; } .modal-xl{ width: 1219px; } .modal-md{ width: 790px; } @media (max-width: 1200px){ .modal-xl{ width: 990px; } .modal-md{ width: 790px; } } @media (max-width: 992px){ .modal-xl{ width: 840px;} .modal-md{ width: 790px; } } @media (max-width: 768px){ .modal-xl{ width: 100%;} .modal-md{ width: 100%; } } .variant_list{ list-style-type: none; margin: 0; padding: 0;overflow: auto; overflow-x: hidden;} .variant_list li{width: 100%; border-bottom: 1px solid #ebeef0; box-sizing: border-box;} .variant_list li .options{ float: right; padding-right: 20px; padding-top: 15px; } .variant_list li .options .fa{ margin-left: 5px; } .variant_list li a{display: block; color: #31373d; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; padding-left: 20px;} .variant_list li a:hover{ background-color: #fafbfc;} .variant_list li a.current{ background: #ffffff;} #variants_table{} #variants_table tr:hover{ background-color: #f1f1f1;} #variants_table tr td .form-control{ border: none; border-radius: 0px; padding: 0px 5px; font-size: 14px;} /* =Theme file - Openned Files ----------------------------------------------- */ .opened_files_list{ margin: 0px; padding: 0px; padding-left: 15px; height: 36px;} .opened_files_list li{margin: 0px; padding:9px 10px; display: inline-block; border: solid 1px #e4eaec; border-bottom: none; border-radius: 5px 5px 0px 0px; } .opened_files_list li a{ color: #666; } .opened_files_list li a:hover{ text-decoration: underline; } .opened_files_list li.active{ background-color: #fff; border: solid 1px #e1e1e1;} .opened_files_list li.active a{ color: #479ccf; } .opened_files_list li .close_x{ display: none; padding-top: 2px; font-size: 9px; width: 15px; height: 15px; text-align: center; border-radius: 100px; } .opened_files_list li .close_x:hover{ background-color: #e1e1e1;} .opened_files_list li.active .close_x{ display: inline-block; } .opened_files_list .pick_a_file_top_msg{ margin: 0px; color: #555; float: left; padding-top: 10px;} .opened_files_list .pick_a_file_top_msg span{ margin-right: 15px; } .template_editor_container{ border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; box-shadow: 1px 1px #e6e6e6; background: #ffffff; box-sizing: border-box; height: 720px;} .template_editor_container .editor_wrap{ position: relative; padding-top: 46px; float: left; width: 80%; height: 100%; } .template_editor_container .editor_wrap .form-control,.template_editor_container .editor_wrap .t_area{ border: none; float: left; height: 100%; width: 100%; } .template_editor_container .editor_wrap .picture_wrap{ border: none; float: left; height: 100%; width: 100%; overflow: scroll; background: #eff9fd;} .template_editor_container .editor_wrap .picture_wrap img{display: block; margin: 0 auto; padding: 57px 0 100px 0;} .template_editor_container .asset-listing{ float: left; width: 20%; position: relative; background: #ffffff; padding: 48px 0 0 0; height: 100%; overflow: auto; border-right: 1px solid #e6e6e6; box-sizing: border-box; } .template_editor_container .asset-listing h2{ margin: 0px; margin-bottom: 0px; border: none; padding: 5px 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: bold;} .template_editor_container .asset-listing h2 span{ margin-right: 10px; margin-left: 10px; color: #3084CA; } .template_editor_container .asset-listing ul{ display: block; list-style: none inside none; margin: 0; padding: 0px; padding-bottom: 5px;} .template_editor_container .asset-listing ul li{ margin: 0px; padding: 0px; } .template_editor_container .asset-listing ul li a.add-theme-asset{font-size: 13px; display: block; color: #3084CA; text-decoration: underline; padding: 5px 10px 5px 45px; background-image: none;} .template_editor_container .asset-listing ul li a:hover{ background-color: #f1f1f1; } .template_editor_container .asset-listing ul li a.file{color: #444444;font-size: 13px; display: block; padding: 7px 10px 3px 70px; background-image: url(//cdn.shopify.com/s/assets/admin/ico-mime-types-eaf16c36eb15fce4911bddf6baacd8568a09124005569ea618063a49497bfdd9.png); background-position: 30px -124px; background-repeat: no-repeat; white-space: nowrap;text-decoration: none; } .asset-listing ul li a.file.file-type-twig { background-position: 30px -205px;} .asset-listing ul li a.file.file-type-js { background-position: 30px -5px;} .asset-listing ul li a.file.file-type-gif { background-position: 30px -44px;} .asset-listing ul li a.file.file-type-jpg { background-position: 30px -44px;} .asset-listing ul li a.file.file-type-jpeg { background-position: 30px -44px;} .asset-listing ul li a.file.file-type-png { background-position: 30px -44px;} .asset-listing ul li a.file.file-type-css { background-position: 30px -284px;} .asset-listing ul li a.file.file-type-html { background-position:30px -85px} .template_editor_container .asset-listing .asset_search{position: absolute; top: 0px; left: 0px; width: 100%; padding: 10px 18px 7px 18px; box-sizing: border-box;} /* =Theme file Overview ----------------------------------------------- */ .template_editor_container .file_overview{ position: absolute; top: 0px; left: 0px; right: 0px; padding: 7px; background: #ffffff; border-bottom: 1px solid #e6e6e6; height: 46px;} .template_editor_container .file_overview .buttons_ops{ float: right;} .template_editor_container .file_overview .buttons_ops .btn{ margin-left: 6px; } .template_editor_container .file_overview .asset_name{ margin: 0px; padding: 0px; float: left; font-size: 14px; font-weight: normal; padding-left: 10px; line-height: 28px;} .template_editor_container .file_overview strong{ font-weight: bold; float: left; margin-right: 10px; } .template_editor_container .file_overview span{ float: left; } .template_editor_container .file_overview span.split{ margin: 0px 5px; } .template_editor_container .file_overview span.order_versions_list{ display: none; } .template_editor_container .file_overview span a{ text-decoration: underline; color: #333; font-size: 13px; } /* =Theme Settings ----------------------------------------------- */ .settings_screen{ position: relative;height: 750px; background-color: #fff; text-align: center; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);} .settings_screen iframe{ margin: 0px auto; width: 100%; height: 750px; border: none; } .settings_screen .devices{ border-radius: 3px; overflow: hidden; position: absolute; bottom: 10px; left: 10px; border: solid 1px #ccc; z-index: 3;} .settings_screen .devices { margin: 0px; padding: 0px; } .settings_screen .devices li{ float: left; margin: 0px; padding: 0px; list-style-type: none; } .settings_screen .devices li a{ padding: 20px; border-radius: none; background-color: #fff; color: #555; border: none; border-radius: 0px; } .settings_screen .devices li a:hover{ background-color: #f1f1f1; } .settings_screen .devices li a.active{ background-color: #0078bd; color: #fff; } .theme_settings{ } .theme_settings .next-heading{ padding: 10px; padding-bottom: 0px; text-align: center; font-weight: bold; border-bottom: 1px solid #ebeef0; margin: 0px; padding-bottom: 10px; font-size: 17px; font-weight: 400; padding-left: 43px; padding-right: 43px; margin-bottom: 0px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .theme_settings .next-heading span{ cursor: pointer; position: absolute; top: 12px; left: 18px; color: #0078bd; } .theme_settings .main_secs{background-color: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1); } .theme_settings .main_secs .wrap{overflow: auto; height: 695px; } .theme_settings ul.listed{ margin: 0px; padding: 0px; list-style-type: none; } .theme_settings ul.listed li{width: 100%; display: block; } .theme_settings ul.listed li a{ text-decoration: none; font-size: 14px; display: block; color: #31373d; padding: 10px 20px; border-bottom: 1px solid #ebeef0; box-sizing: border-box; cursor: pointer;} .theme_settings ul.listed li a:hover{ background-color: #eff9fd; } .theme_settings .sections{ } .theme_settings .sections .cont{font-size: 14px; display: none; background-color: #fff; padding-bottom: 0px; } .theme_settings .sections .cont .wrap{overflow: auto; height: 620px; } .theme_settings .sections .bottom{ display: none; background-color: #fff; padding: 15px; border-top: 1px solid #ebeef0; } .theme_settings .section_item{ padding: 0px 10px; } .theme_settings .section_item label{ font-weight: normal; } .theme_settings .section_item .text_field{ padding-bottom: 15px; } .theme_settings .section_item .checkbox_field{ width: 100%; float: left; display: block; padding-bottom: 0px; } .theme_settings .section_item .select_field{ padding-bottom: 15px; } .theme_settings .section_item .colour_field{ padding-bottom: 3px; } .theme_settings .section_item .file_field{ padding-bottom: 15px; } .theme_settings .section_item .file_field input[type=file]{ float: left; width: 100%; } .theme_settings .section_item .paragraph{ margin: 0px; padding-bottom: 15px; } .theme_settings .section_item .colour_box{ position: relative; min-width:1px; float: left; padding-top: 0px; } .theme_settings .section_item .colour_box .input-group-addon{ float: left; padding: 0px; border: none;} .theme_settings .section_item .colour_box label{ float: left; padding-top: 0px; } .theme_settings .section_item .colour_box i{border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1); } .theme_settings .section_item .colour_box .colorpicker:before{ display: none; } .theme_settings .section_item .sp-replacer{ background-color: transparent; float: left; margin-right: 15px; padding: 0px; border: none; } .theme_settings .section_item .sp-dd{ display: none; } .theme_settings .section_item .sp-preview{ border:none; margin: 0px; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1); height: 19px; width: 38px; border-radius: 5px; margin-bottom: 20px; overflow: hidden; border: solid 1px #e1e1e1; } .theme_settings .sections .cont .header_h2{ margin: 0px; padding: 5px 0px; font-size: 16px; font-weight: normal; margin-bottom: 15px; } /* =Close Account ----------------------------------------------- */ .close_store{} .close_store p{ margin-bottom: 20px;} .close_store .icon{background: #fafcfc; border-radius: 150px; border: 1px solid #dae9e9; display: inline-block; padding: 30px; margin-bottom: 15px;} .close_store .icon span{ font-size: 34px; color: #479CCF;} /* =Short Code ----------------------------------------------- */ #short_code_modal { -webkit-transition: max-width .2s; -moz-transition: max-width .2s; transition: max-width .2s;} .breadcrumbs_nav{ margin: 10px -15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #eee; color: #555; text-align: center; padding: 14px 20px;} .breadcrumbs_nav a{border-bottom: 1px dotted #ccc; text-decoration: none; margin: 0 1em; line-height: 1; display: inline-block; color: #3498db;} .shortcodes_choices{ } .shortcodes_choices span.item{ position: relative; display: block; float: left; vertical-align: top; text-align: left; line-height: 28px; width: 20%; padding: 0 5px 0 30px; height: 28px; border-bottom: 1px dotted #e5e5e5; color: #222; cursor: pointer; } .shortcodes_choices span.item:hover{ color: #fff; border-bottom: 1px solid #333; background: #333;} .shortcodes_choices span.item i{ position: absolute; top: 1px; left: 1px; display: block; width: 26px; height: 26px; color: #888; text-align: center; font-size: 14px; line-height: 26px;} .code_options{margin-top: -26px; margin-bottom: -26px; } .code_options .box{ padding: 1.5em 20px; border-bottom: 1px solid #ccc; margin: 0 -15px;} .code_options .box:last-child{ border: none; } .code_options .box h3{ margin-top: 0px; font-size: 14px; font-weight: bold; } .code_options .box p.subdued{ padding-top: 10px; } .code_options .box.buttons{ padding: 1.5em 15px; background: #eee; } /* =Pricing ----------------------------------------------- */ .pricing_wrap{ padding-top: 100px; padding-bottom: 100px;} .pricing_wrap .pricing{ margin-bottom: 50px; width: 80%; margin: 0px auto; border: solid 1px #e1e1e1; } .price_box{ background-color: #fff; height: 460px; border-right: solid 1px #e1e1e1; float: left; width: 33.33%; } .price_box#last{ border: none; margin-right: -1px;} .price_box#mid{ margin-top: -50px; margin-left: -1px; border: solid 1px #8bc0e0; height: 520px; -webkit-box-shadow: 0px 0px 5px #8bc0e0; box-shadow: 0px 0px 5px #8bc0e0; } .price_box#mid .top{ background-color: #fff;} .price_box .top{padding: 20px; text-align: center;} .price_box .top h3{ margin: 0px; font-size: 16px; font-weight: 400; padding-bottom: 30px;} .price_box .top .price{ font-size: 54px; color: #479CCF; font-weight: 300;} .price_box .top .price span{ font-size: 15px;} .price_box .top a{padding: 10px 30px;} .price_box .bottom{padding: 20px;} .price_box .bottom ul{ margin: 0px; padding: 0px;} .price_box .bottom ul li{ list-style-type: none; text-align: center; margin-bottom: 10px;} .nice_popup{position: absolute; z-index: 23; left: 0; top: 100%; -webkit-transform: scale(0.8); width: 250px; -webkit-transform: scale(0.8); transform: scale(0.8); display: none; max-width: 100%; margin: 0px 0px; background-color: rgba(255, 255, 255, 0.98); border-radius: 3px; opacity: 0; box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 2px 7px 1px rgba(39, 44, 48, 0.16); -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease; transition: opacity 0.2s ease, -webkit-transform 0.2s ease; transition: transform 0.2s ease, opacity 0.2s ease; transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease; } .nice_popup.active{display: block; -webkit-transform: scale(1); transform: scale(1); opacity: 1} .nice_popup .content{} .nice_popup .content ul{max-height: 267px; display: block; list-style-type: none; margin: 0px; padding: 5px 0; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: auto; -webkit-overflow-scrolling: touch; max-width: 100%;} .nice_popup .top_shadow{position: absolute; left: 50%; top: -20px; width: 20px; height: 20px; margin-left: -10px; overflow: hidden; pointer-events: none;} .nice_popup .top_shadow::after { top: -5px; content: ""; position: absolute; top: 15px; left: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: -5px; display: block; height: 10px; width: 10px; background-color: rgba(255,255,255,0.98); box-shadow: 0 0 0 1px rgba(39,44,48,0.05),0 2px 7px 1px rgba(39,44,48,0.16);} .nice_popup .content ul li{ margin: 0px; padding: 0px;width: 100%; } .nice_popup .content ul li a{display: block; font-size: 14px; padding: 5px 10px; text-align: left; text-decoration: none; color: #31373d; word-wrap: break-word; border-radius: 0; line-height: 24px; white-space: normal;} .nice_popup .content ul li a.action{color: #0078bd;} .nice_popup .content ul li a:hover{ background-color: #0078bd; color: #fff; } #applicants_table{ position: relative; } #applicants_table .outcome_color{} #applicants_table .pics{ width: auto; position: absolute; left: 0; top: 0px;} #applicants_table .pics td{width: 1px; white-space: nowrap;} #applicants_table .pics th{width: 1px; white-space: nowrap; background-color: #f1f1f1;} #applicants_table .main_table{ margin-left: 70px; margin-right: 120px; } #applicants_table .main_table th{ white-space: nowrap; } #applicants_table .main_table td{ white-space: nowrap;} #applicants_table .supp_table{ margin-left: 5px; } #applicants_table .mailing_table{ margin-left: 20px; } #applicants_table .full_table{ margin-right: 0; } #applicants_table .main_table .table_wrap{ } #applicants_table .options{ width: 120px; position: absolute; right: 0; top: 0px; border-top: 30px solid #f1f1f1; } #applicants_table .options td{height: 63px;} #applicants_table .shadow{content: ''; display: none; position: absolute; top: 0; bottom: 0; width: 1.6rem; left: 70px; box-shadow: inset 9px 0 6px -6px rgba(0,0,0,0.1); z-index: 3;} #applicants_table .shadow_options{content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 1.6rem; right: 100px; box-shadow: inset 9px 0 -6px 6px rgba(0,0,0,0.1); z-index: 3;} .main_table .table_draggable th { cursor: col-resize; } .main_table .table_draggable .drag { background-color: rgba(0, 0, 0, 0.25); opacity: 0.25 } .main_table .table_draggable .dnd-drag { opacity: 0.25 } #filters_modal{} #filters_modal .modal-body{ min-height: 300px; } #filters_modal .filter{ position: relative; border-bottom: solid 1px #e1e1e1; padding-bottom: 20px; margin-bottom: 20px;background-color: #f1f1f1; padding: 10px; border-radius: 10px;} #filters_modal .filter .trash{ position: absolute; top: 0; right: 10px; top: 10px; height: 32px; } #filters_modal .filter .info{ padding-right: 50px; } #filters_modal .filter .info .f_type{ margin-bottom: 10px; float: left; width: 100%;} #filters_modal .filter .info .f_type.smaller{ width: 73%; } #filters_modal .filter .info .f_con{margin-bottom: 10px; float: right; width: 25%;} #filters_modal .filter .info .f_val{} #filters_tabs{ background-color: #f4f6f8; padding: 10px; padding-bottom: 4px; margin-bottom: 10px; margin-top: 10px;} #filters_tabs .filter{ background-color: #dfe4e8; border-radius: 3px; color: #454f5b; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-block; max-width: 100%; min-height: 32px; overflow-wrap: break-word; padding: 5px 10px; margin-right: 6px; margin-bottom: 6px;} #filters_tabs .filter .fa{ float: right; margin-top: 3px; margin-left: 5px;} .ng-cloak { display: none !important; } /* =Form Maker ----------------------------------------------- */ #new_reports_dashboard{ -webkit-font-smoothing: antialiased; } #new_reports_dashboard .report_name{ margin: 0px; padding-bottom: 30px; font-size: 24px; } #new_reports_dashboard .grey_text{ color: #777; line-height: 26px;} #new_reports_dashboard .titles_row{ font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #555; } #new_reports_dashboard .panel{ min-height: 250px; padding: 15px; border: none;-webkit-box-shadow: none; box-shadow: none; padding: 20px; border-radius: 3px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1); } #new_reports_dashboard .panel.smaller{ min-height: 170px; } #new_reports_dashboard .subdued{ color: #777; } #new_reports_dashboard .list-unstyled{ margin-bottom: 0px; } #new_reports_dashboard .list-unstyled li{ margin-bottom: 5px; } #new_reports_dashboard .list-unstyled.linked{} #new_reports_dashboard .list-unstyled.linked li{ border-bottom: solid 1px #e1e1e1; padding-bottom: 7px;} #new_reports_dashboard .list-unstyled.linked li:last-child{ border: none; } #new_reports_dashboard .section-heading{ color: #000; margin: 0px; margin-bottom: 20px; font-size: 17px; font-weight: bold; } #new_reports_dashboard .tiny-heading{ font-size: 13px; text-transform: uppercase; font-weight: bold; } #new_reports_dashboard .big_total{ font-size: 28px; color: #000; } #new_reports_dashboard .conversion_box{ color: #666; } #new_reports_dashboard .conversion_box .title{} #new_reports_dashboard .conversion_box .total{ font-size: 24px;color: #000; } #new_reports_dashboard .conversion_box .amount{} #new_reports_dashboard .show_more_reports{ display: block; font-size: 13px; margin-top: 10px; text-align: center; color: } #new_reports_dashboard .show_more_reports span{ display: inline-block; line-height: 34px } #new_reports_dashboard .table.report{} #new_reports_dashboard .table.report thead{} #new_reports_dashboard .table.report thead a.order_by{ color: #555; font-size: 14px; } #new_reports_dashboard .table.report tbody tr{} #new_reports_dashboard .table.report tbody tr td{ color: #555; } #new_reports_dashboard .table.report tfoot tr{} #new_reports_dashboard .table.report tfoot tr td{ font-weight: bold; font-size: 15px; background-color: #f1f1f1; color: #555; border-top: solid 2px #e1e1e1; } #new_reports_dashboard .table.report tbody tr td.main_item{ border-right: solid 1px #e8e8e8; width: 150px;} .not_found_404{ padding: 100px 0; color: #999;} .not_found_404 .fa{ color: #999; font-size: 100px; } .not_found_404 h1{ color: #222; font-weight: 400; font-size: 44px; } .not_found_404 p{ font-weight: 400; font-size: 24px; } .confirmations{ padding-top: 100px; color: #999;} .confirmations .fa{ color: #999; font-size: 100px; } .confirmations h1{ color: #222; font-weight: 200; font-size: 34px; } .confirmations p{ font-weight: 200; font-size: 15px; } .confirmations p a{ font-weight: 200; font-size: 18px; padding: 10px; } .side_bar .container{ padding: 0px; margin: 0px; width: 100%; max-width: 100%; min-width: 0; } .side_bar .person .hi{ display: block; } #old_design{ padding-top: 60px; background-color: #e5eaec; } #old_design .side_bar{ overflow: visible; height: 51px; width: 100%; background: #044a74; background: #044a74 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCS…Ji+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; background: -moz-linear-gradient(top, #343434 0%, #292929 100%); background: #343434 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #292929)); font-family: 'roboto', sans-serif, arial; -webkit-font-smoothing: auto;} #mrn_design .side_bar{ overflow: visible; height: 51px; width: 100%; background: #044a74; background: #044a74 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCS…Ji+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; background: -moz-linear-gradient(top, #0ea2f8 0%, #292929 100%); background: #0ea2f8 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0ea2f8), color-stop(100%, #0ea2f8)); font-family: 'roboto', sans-serif, arial; -webkit-font-smoothing: auto;} #old_design .side_bar .container{ max-width: 1200px; margin: 0 auto; } #old_design .side_bar .product_name{ float: left; height: auto; background-color: transparent;} #old_design .side_bar .person{ display: none; padding: 17px 0; line-height: 12px; bottom: auto; position: relative; float: right; border:none; width: 147px; text-align: right;} #old_design .side_bar .person .wel{ display: none; } #old_design .side_bar .person .pic{ padding: 0px; margin: 0; display: inline-block; float: none; background-color: transparent; padding: 0px; width: auto; height: auto; font-size: 12px; } #old_design .side_bar .person .logout{ display: none; } #old_design .side_bar .person .hi{ display: inline-block; } #old_design .side_bar .person .name{ color: #fff; display: inline-block; } #old_design .side_bar .person .un a{ color: #fff; } #old_design .side_bar .product_name .main_logo{ padding-top: 6px; line-height: 39px;} #old_design .side_bar .product_name .main_logo .title{ color: #fff; font-weight: normal; display: inline-block; font-size: 18px; padding-right: 10px; } #old_design .search_everything{ display: none; } #old_design .side_bar ul{ float: left; padding-bottom: 0;} #old_design .side_bar ul.smaller{ padding-top: 0px; border-top: 0px; } #old_design .side_bar ul li{ float: left; } #old_design .side_bar ul li a{ font-weight: normal; font-size: 12px; padding: 15px 11px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25);} #old_design .side_bar ul li a:hover{ background-color: transparent; } #old_design .side_bar ul li a span,#old_design .side_bar ul li a i{ color: #fff; padding-right: 0px; font-size: 10px; } #old_design .side_bar ul li a i{ font-size: 14px; } #old_design .side_bar ul li a:focus,#old_design .side_bar ul li a:hover { background-color: #080808; color: #fff;} #old_design .side_bar ul li ul{ background-color: #fff;padding: 5px 0; } #old_design .side_bar ul li ul li a{ color: #333;} #old_design .side_bar ul li ul li{ float: none; display: block; } #old_design .side_bar ul li ul li a{ border: none; font-size: 14px; padding: 3px 20px; text-shadow:none; } #old_design .side_bar ul li ul li a .fa{ color: #333; } #old_design .side_bar ul li ul li a:hover{ background-color: #e8e8e8; color: #000; } #old_design .popup_message{ left: 0px; } #old_design .dropdown-menu{ top: 93%; } #old_design .main_content{margin-left: 0px;} #old_design .inner_container{ max-width: 1200px; } #old_design .s_progress_bar{ left: 0px; } #old_design .form_maker .top_section .container{ width: 1160px; } #old_design #fields_list{ padding-top: 0px; } #old_design .container{ max-width: 1219px; } #old_design .navbar-right{ float: right; } #old_design #tour_settings .dropdown-menu:before{ display: table; } #old_design #tour_settings{ float: left; } #mrn_design{ padding-top: 60px; background-color: #e5eaec; } #mrn_design .side_bar{ overflow: visible; height: 51px; width: 100%; background: #044a74; background: #044a74 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCS…Ji+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; background: -moz-linear-gradient(top, #0ea2f8 0%, #292929 100%); background: #0ea2f8 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0ea2f8), color-stop(100%, #0ea2f8)); font-family: 'roboto', sans-serif, arial; -webkit-font-smoothing: auto;} #mrn_design .side_bar .container{ max-width: 1200px; margin: 0 auto; } #mrn_design .side_bar .product_name{ float: left; height: auto; background-color: transparent;} #mrn_design .side_bar .person{ display: none; padding: 17px 0; line-height: 12px; bottom: auto; position: relative; float: right; border:none; width: 147px; text-align: right;} #mrn_design .side_bar .person .wel{ display: none; } #mrn_design .side_bar .person .pic{ padding: 0px; margin: 0; display: inline-block; float: none; background-color: transparent; padding: 0px; width: auto; height: auto; font-size: 12px; } #mrn_design .side_bar .person .logout{ display: none; } #mrn_design .side_bar .person .hi{ display: inline-block; } #mrn_design .side_bar .person .name{ color: #fff; display: inline-block; } #mrn_design .side_bar .person .un a{ color: #fff; } #mrn_design .side_bar .product_name .main_logo{ padding-top: 6px; line-height: 39px;} #mrn_design .side_bar .product_name .main_logo .title{ color: #fff; font-weight: normal; display: inline-block; font-size: 18px; padding-right: 10px; } #mrn_design .search_everything{ display: none; } #mrn_design .side_bar ul{ float: left; padding-bottom: 0;} #mrn_design .side_bar ul.smaller{ padding-top: 0px; border-top: 0px; } #mrn_design .side_bar ul li{ float: left; } #mrn_design .side_bar ul li a{ font-weight: normal; font-size: 12px; padding: 15px 11px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25);} #mrn_design .side_bar ul li a:hover{ background-color: transparent; } #mrn_design .side_bar ul li a span,#mrn_design .side_bar ul li a i{ color: #fff; padding-right: 0px; font-size: 10px; } #mrn_design .side_bar ul li a i{ font-size: 14px; } #mrn_design .side_bar ul li a:focus,#mrn_design .side_bar ul li a:hover { background-color: #080808; color: #fff;} #mrn_design .side_bar ul li ul{ background-color: #fff;padding: 5px 0; } #mrn_design .side_bar ul li ul li a{ color: #333;} #mrn_design .side_bar ul li ul li{ float: none; display: block; } #mrn_design .side_bar ul li ul li a{ border: none; font-size: 14px; padding: 3px 20px; text-shadow:none; } #mrn_design .side_bar ul li ul li a .fa{ color: #333; } #mrn_design .side_bar ul li ul li a:hover{ background-color: #e8e8e8; color: #000; } #mrn_design .popup_message{ left: 0px; } #mrn_design .dropdown-menu{ top: 93%; } #mrn_design .main_content{margin-left: 0px;} #mrn_design .inner_container{ max-width: 1200px; } #mrn_design .s_progress_bar{ left: 0px; } #mrn_design .form_maker .top_section .container{ width: 1160px; } #mrn_design #fields_list{ padding-top: 0px; } #mrn_design .container{ max-width: 1219px; } #mrn_design .navbar-right{ float: right; } #mrn_design #tour_settings .dropdown-menu:before{ display: table; } #mrn_design #tour_settings{ float: left; } #new_design .side_bar .dropdown-menu{ position: relative; display: none; } #new_design .side_bar ul{ padding-bottom: 0; } #new_design .side_bar ul li ul li{ border-left: none; } #new_design .side_bar ul li ul li .fa{ display: none; } #new_design .side_bar ul li ul li a{ font-size: 14px; border-left: none; padding: 7px 0; background-color: transparent!important; padding-left: 28px;} #new_design .side_bar ul li ul{ display: none; border: none; background-color: transparent!important; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; padding: 0;} #new_design .side_bar .caret{ display: none; } #new_design .navbar-collapse{ overflow: scroll; } #new_design .tour_li{ display: none; } #new_design .support_li{ display: none; } #new_design #tour_settings{} #new_design .profile_information{ display: none; } #new_design .setting_dropdown{ float: none!important; } #new_design .nav .open>a,#new_design .nav .open>a:focus,#new_design .nav .open>a:hover{ background-color: transparent; } /* =Single Message ----------------------------------------------- */ #single_message{} #single_message .profile{ padding-top:0px; margin-bottom: 0px; } #single_message .profile .pic{ background-size: cover; background-position: center center; float: left; width: 70px; height: 70px; border-radius: 200px; background-color: #e1e1e1; margin-right: 15px;} #single_message .profile .options_buttons{ float: right; padding-top: 10px; } #single_message .profile .options_buttons a.btn{ color: #555; } #single_message .profile .info{ float: left; padding-top: 10px; } #single_message .profile .info .title{ font-size: 16px; font-weight: bold; } #single_message .profile .info .email{ cursor: pointer; color: #999; } #single_message .profile .info .email:hover{ color: #333; } .messages_list{ margin: 0px; padding: 0px; margin-top: -20px;} .messages_list .new_date{ border-top: solid 1px #f1f1f1; text-align: center; color: #999; padding-bottom: 20px; margin-top: 40px;} .messages_list .new_date span{ display: inline-block; margin-top: -20px; background-color: #fff; padding: 8px; } .messages_list li{ position: relative; list-style-type: none; padding-left: 49px; } .messages_list li .pic_wrap{ position: absolute; background-color: #f1f1f1; top: 0; left: 0; border-radius: 200px 0 200px 200px; } .messages_list li .pic{ background-size: cover; background-position: center center; float: left; width: 50px; height: 50px; border-radius: 200px; background-color: #e1e1e1; border: solid 5px #fff; } .messages_list li .message{ background-color: #f0f2f5; padding: 20px; padding-bottom: 20px; padding-left: 20px; border-radius: 0 5px 5px 5px; max-width: 80%; display: inline-block; font-size: 13px; color: #666;} .messages_list li .user_name{ margin-bottom: 20px; padding-top: 5px; font-size: 12px; color: #9ca2a9; } .messages_list li .user_name .fa{ font-size: 6px; margin: 0px 3px; margin-top: 0px; color: #ccc; } .messages_list li .user_name .date{} .messages_list li.reply{ text-align: right; padding-left: 10px; padding-right: 49px; } .messages_list li.reply .pic_wrap{ left: auto; right: 0px; border-radius: 0 200px 200px 200px;} .messages_list li.reply .message{ background-color: #e7f3fd; border-radius: 5px 0 5px 5px; text-align: left; } #single_message .response{ border: solid 1px #e1e1e1; border-radius: 4px; margin-top: 70px; } #single_message .response textarea{ height: 100px; border-radius: 8px; border: none; } #single_message .buttons_wrap{ text-align: right; padding: 10px; } #single_message .buttons_wrap .btn{ margin-bottom: 0px; background-color: #5b8fc2; border: none; } #form_top_options{background-color: #454F59; text-align: center; position: absolute; bottom: 0px; left: 0; top: 66px; height: 60px; right: 0px; z-index: 4;} #form_top_options a{ display: inline-block; padding: 15px; color: #fff; font-size: 15px; border-top: solid 3px #454F59;} #form_top_options a.active{ border-top: solid 3px #fff; } #fields_types{ display: none; background-color: #f8fafc; border-right: 1px solid #d4dde3; width: 300px; float: left; padding: 20px; height: 86.5vh; overflow: auto; margin-top: 55px; position: fixed; top: 65px;} #fields_types ul{ margin: 0px; padding: 0px; list-style-type: none;} #fields_types ul li{ margin: 0px; padding: 0px; float: none; } #fields_types ul li a{background-color: #fff; border: solid 1px #e1e1e1; margin-bottom: 10px; display: block; padding: 5px; color: #666; border-radius: 4px; font-size: 12px;} #fields_types ul li a:hover{ background-color: #f1f1f1; text-decoration: none; cursor: move; } #fields_types ul li .glyphicon{ color: #999; } #fields_list_users{ margin-top: 90px; text-align: center;} #field_types_options { position: absolute; top: 0px; right: } #fields_list{ padding: 30px; padding-top: 130px; width: 770px; } #fields_list.auto_width{ width: 100%; padding: 0; } #fields_list ul.wrap{ margin: 0px; padding: 30px; padding-bottom: 1px; list-style-type: none; background: #fff; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1);} #fields_list ul li.field{ background-color: #fff; position: relative; margin: 0px; padding: 0px; float: none; padding-left: 0px; margin-bottom: 40px;} #fields_list ul li.field:last-child{ margin-bottom: 0; } #fields_list ul li .position {position: absolute; left: 0; background-color: #fff; border: 1px solid #D7D7D9; -moz-border-radius: 3px; border-radius: 3px; font-size: 1.1em; width: 40px; height: 45px; text-align: center; font-size: 14px; line-height: 45px; border: 1px solid #BFBFBF; border-bottom: 1px solid #999; color: #39434F; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); display: none;} #fields_list ul li .position.required{ background-color: #d00a0a; color: #fff; } #fields_list ul li .info{background-color: #fff; border: 1px solid #D7D7D9; -moz-border-radius: 3px; border-radius: 3px; font-size: 1.1em; text-align: center; font-family: "Avenir Next W01", Arial, "sans-serif"; font-size: 1em; border: 1px solid #BFBFBF; border-bottom: 1px solid #999; color: #39434F; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); font-size: 14px; text-align: left; padding: 0px 15px; position: relative;} #fields_list ul li .drag{ background-color: #fff; cursor: move; height: 10px; width: 24px; margin: 0px auto; height: 20px; margin-top: -28px; } #fields_list ul li .drag .dots{ float: left; border-radius: 100px; width: 3px; height: 3px; background-color: #fff; margin: 2px; margin-bottom: 1px; } #fields_list ul li.field.ui-sortable-placeholder{ background-color: #ccc!important; } #fields_list ul li.field:hover .drag .dots{background-color: #999; } #fields_list ul li.field .field_bottom_options{ border-top: solid 1px #e1e1e1; padding-top: 10px; text-align: right; } #fields_list ul li.field .field_bottom_options .btn{ color: #333; font-size: 16px; } #fields_list ul li.field .field_bottom_options .btn:hover{ color: #999; } #fields_list ul li .info .title{ position: relative; font-size: 15px; cursor: pointer; } #fields_list ul li .info .title input.main_title_field{ width: 100%; border: none; font-size: 15px; padding: 10px 0px; } #fields_list ul li .info .title span{ position: absolute; top: 3px; background: #fff; padding: 5px; right: -5px; font-weight: normal!important; margin-top: 4px; } #fields_list ul li .info .form_wrap{ display: none; padding-bottom: 20px; } #fields_list ul li .info .form_wrap label{ font-weight: bold; font-size: 13px; } #fields_list ul li .info .form_wrap .checkbox{} #fields_list ul li .info .form_wrap .checkbox label{ font-weight: normal; } #fields_list ul li .info .form_wrap .options{ } #fields_list ul li .info .form_wrap .options ul{margin: 0px; list-style-type: none; padding: 0px; width: 50%;} #fields_list ul li .info .form_wrap .options input{ height: 32px; } #fields_list ul li.field.subtitle{ margin-top: 50px; } #fields_list ul li.field.subtitle .position,#fields_list ul li.field.title .position{ border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} #fields_list ul li.field.subtitle .title,#fields_list ul li.field.title .title{ font-weight: bold; font-size: 17px; } #fields_list ul li.field.textonly .title{ line-height: 22px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; color: #888; } #fields_list ul li .quick_options{position: absolute; right: 0px; z-index: 2; display: none; margin-top: 14px; margin-left: 10px; } #fields_list ul li .quick_options span{ cursor: pointer; } #fields_list ul li .preview{ position: relative; } #fields_list ul li .preview label{ position: relative; } #fields_list ul li .preview .required{ color: #cb1616; position: absolute; top: 0px; left: -15px; font-weight: bold; font-size: 20px;} #fields_list ul li .preview .label_field{ font-size: 17px; position: relative; padding-left: 30px; width: 100%; border: none; padding: 0px; margin: 0px; } #fields_list ul li .preview .label_field:placeholder-shown{ color: #999; } #fields_list ul li .preview h2{ font-size: 28px; margin-top: 20px; } #fields_list ul li .preview h2 input{ font-size: 28px!important; width: 100%; border: none; padding: 0px; margin: 0px;} #fields_list ul li .preview h3{ font-size: 21px; margin-top: 20px; } #fields_list ul li .preview h3 input{ font-size: 21px!important; width: 100%; border: none; padding: 0px; margin: 0px;} #fields_list ul li .preview p{ font-size: 13px; margin-bottom: 30px; } #fields_list ul li .preview .cover{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; } #fields_list ul li .preview input.main_title_holder{ width: 100%; border: none; border-bottom: dotted 1px #e1e1e1; font-size: 15px; padding: 10px 0px; color: #999; font-size: 12px;} #fields_list ul li .field_type_dropdown{ display: none; position: absolute; top: -37px; right: 0px; width: 30%; background: #f1f1f1; border-radius: 5px; color: #000; border: solid 1px #f1f1f1; } #fields_list ul li .field_type_dropdown.no_preview{ top: 0px; } #fields_list ul li .field_type_dropdown.no_preview span{ display: none;} #fields_list ul li.field.active{-webkit-box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); border-left: solid 5px #3480ff; padding: 30px; margin-left: -15px; margin-top: -42px; margin-right: -30px;} #fields_list ul li.field.active .field_type_dropdown{ display: block; } #fields_list ul li.field.active .preview{ width: 65%; } #fields_list ul li.field.active .info .title.no_preview{ width: 65%;} #fields_list ul li.field.active .info .title.no_preview span{ display: none;} #fields_list ul li.field.active .info{ border: none; padding: 0px; -webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;} #fields_list ul li.field.active .form_wrap{ display: block; border-top: solid 2px #e1e1e1; padding-top: 20px; margin-top: 20px; padding-bottom: 0px;} #fields_list ul li.field.active .drag .dots{ background-color: #999; } #fields_list .form-control[disabled],#fields_list .form-control[readonly],#fields_list fieldset[disabled] .form-control{ background: #fff; } #form_options{ position: fixed; top: 143px; z-index: 3; width: 70px; right: 290px; } #form_options.big{ width: 250px; } #form_options .set{ margin-bottom: 15px; background-color: #fff; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); -webkit-border-radius: 2px; border-radius: 2px;} #form_options .btn{ color: #333; display: block; font-size: 28px; padding: 15px 0px; } #form_options .btn.disabled{ opacity: 0.5; } #form_options ul{ margin: 0; padding: 0px; } #form_options ul li{ margin: 0; padding: 0px; list-style-type: none; } #form_options ul li a{ padding: 10px; display: block; color: #444; } #form_options ul li a:hover{ text-decoration: none; background-color: #f1f1f1;} .fields_side_menu{ background-color: #fff; padding: 15px; border-right: solid 1px #e1e1e1; border-radius: 5px; } .fields_side_menu ul{margin: 0;padding: 0; height: 520px; overflow: auto; } .fields_side_menu li{ list-style-type: none; padding: 10px; background-color: #f1f1f1; margin-bottom: 5px; border-radius: 5px; cursor: pointer; } #sideoptions h4{ border-radius: 5px;border: solid 1px #e1e1e1;font-size: 15px;color: #333;background-color: #f9f9f9;} #sideoptions h4.active_title{ background: #343434; color:#fff;} #sideoptions h4.active_title a{color:#fff;} #sideoptions h4.active_title a span {color:#fff;} #sideoptions h4.active_title a span i{color:#fff;} #sideoptions h4 a{ color: #333;padding: 10px;display: block; text-decoration: none;} .fields_side_menu li span.icon{ float: right; margin-top: 2px;} .fields_side_menu li span.icon{ font-size: 16px; color: #999;} .fields_side_menu li:hover{ background-color: #e1e1e1;} .fields_side_menu .serach_field{ margin-bottom: 15px; } /*.fields_side_menu li.greyout{ opacity: 0.3; } .fields_side_menu li.greyout:hover{ opacity:1; }*/ .fields_side_menu li.in_use{ border-right: solid 5px #ffa234; } .form_editor_wrap #fields_list ul.wrap{ -webkit-box-shadow: none; box-shadow: none; padding: 0; padding-top: 30px;} #theme_wrap{position: relative; background-color: #333; border-radius: 5px; padding-left: 200px;} #theme_wrap .left_menu{ position: absolute; left: 0; top: 0; width: 200px;} #theme_wrap .left_menu ul{ margin: 0; padding: 0; list-style:none} #theme_wrap .left_menu ul li:first-child a{ border-radius: 5px 0 0 0} #theme_wrap .left_menu ul li a{ display: block; padding: 10px; color: #fff;} #theme_wrap .left_menu ul li a:hover{ background-color: #444; text-decoration: none; } #theme_wrap .left_menu ul li.active{} #theme_wrap .left_menu ul li.active a{background-color: #fff; color: #000; font-weight: bold;} #theme_wrap .theme_editor{ background-color: #fff; padding: 30px; min-height: 500px;} #theme_wrap .theme_editor .html{ height: 500px;} #theme_wrap .theme_editor .color{ height: 30px; width: 30px; padding: 2px; margin-right: 10px; float: left;} .accordian_wrap{ border-top: solid 1px #e1e1e1;} .accordian_wrap .title{ font-weight: bold; padding: 1px 10px; border: solid 1px #e1e1e1; border-top: none; background-color: #f1f1f1;} .accordian_wrap .title label{ font-weight: bold;} .accordian_wrap .title .btn-group{ margin-top: 10px; margin-left: 10px;} .accordian_wrap .title .btn-group .fa{} .accordian_wrap .content{ border: solid 1px #e1e1e1; border-top: none;} .accordian_wrap .content table{} .accordian_wrap .content .field_title{ padding-left: 30px;} .accordian_wrap .content .field_title label{ margin: 0; padding: 0;} #fields_list .table_row{ display: none; } #fields_list ul.table_view{ padding-top: 0!important; } #fields_list ul.table_view{ padding: 0; box-shadow:none; } #fields_list ul.table_view .preview{ display: none; } #fields_list ul.table_view .table_row{ border-radius: 5px; background: #f1f1f1; display: block; padding-left: 20px; border: solid 1px #e1e1e1; position: relative; } #fields_list ul.table_view .stage_title{ background: #A9A9A9;} #fields_list ul.table_view .stage_body{ margin-left: 30px;} /*#fields_list ul.table_view li.field .drag_in{margin-left: 30px;}*/ #fields_list ul.table_view .table_row .table_view_options{ z-index: 2; position: absolute; top: 10px; right: 10px; background: inherit;} #fields_list ul.table_view .table_row .table_view_options .disabled_field{ float: left; font-size: 18px; opacity: 0.6; } #fields_list ul.table_view .table_row .table_view_options .hide_show_field{ float: right; margin-left: 10px; } #fields_list ul.table_view .table_row .table_view_options .hide_show_field .btn{ border-width: 2px; } #fields_list ul.table_view .table_row .table_view_options .hide_show_field .btn.selected{ border-color: #479CCF; border-size: 2px; color: #479CCF; } #fields_list ul.table_view .table_row .table_view_options .hide_show_field .btn .fa{ display: none; } #fields_list ul.table_view .table_row .table_view_options .hide_show_field .btn.selected .fa{ display: inline-block; } #fields_list ul.table_view .table_row .ftype{ float: right; background-color: #e7e9ec; color: #000; border-radius: 0px 0px 0px 9px; font-size: 10px; padding: 5px; padding-left: 10px; cursor: move;} #fields_list ul.table_view .table_row .label_field{background: transparent; position: relative; padding: 10px; font-size: 16px; border: none; width: 100%; } #fields_list ul.table_view .table_row .required{ color: #cb1616; position: absolute; top: 8px; right: -15px; font-weight: bold; font-size: 20px;} #fields_list ul.table_view li.field{ margin-bottom: 15px; } #fields_list ul.table_view li.field .drag{float: left; position: absolute; top: 40px; left: 10px; z-index: 10; width: 14px; background-color: transparent;} #fields_list ul.table_view li.field .drag .dots{ background-color: #999;} #fields_list ul.table_view li.field.active{margin-bottom: 20px; margin-top: 10px;} #fields_list ul.table_view li.field.active .drag{ background-color: #fff; cursor: move; height: 10px; width: 24px; margin: 0px auto; height: 20px; margin-top: -28px; position: relative; float: none; top: auto; left: auto; } #fields_list ul.table_view li.field.active .table_row{margin-left: 0px; width: 430px; border: solid 1px #fff; padding-left: 0; } #fields_list ul.table_view li.field.active .table_row .label_field{ padding-left: 0px; background-color: #fff; } #fields_list ul.table_view li.field.active .table_row .ftype{ display: none; } #fields_list ul.table_view li.field.active .table_row .table_view_options{ display: none; } #fields_list ul.table_view li.field.active .table_row .required{ top: 10px; left: -15px; } .files_to_upload{ margin: 0; padding: 0; } .files_to_upload li{ list-style-type: none; padding: 10px; padding-left: 0; border-bottom: solid 1px #e1e1e1;} .files_to_upload li:last-child{ border: none; } .files_to_upload li .fa{ margin-top: 5px; } .nav-tabs { border-bottom: 2px solid #DDD; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; } .nav-tabs > li > a { border: none; color: #666; } .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; } .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); } .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); } .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; } .tab-pane { padding: 15px 0; } .tab-content{padding:20px} .card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; } #dynamic_tabs li{ border-top: 2px solid #eee; border-right: 2px solid #eee; } #dynamic_tabs_container .tab-content{ border-right: 2px solid #eee; } #dynamic_tabs_container{ border-bottom: 2px solid #eee; border-left: 2px solid #eee; } .programmes_boxes .box .content a { color: #000; } .programmes_boxes .box .content a:active { color: #000; } .programmes_boxes .box .content a:visited { color: #000; } .bold{ font-weight: bold; } .italic{ font-style: italic; } .heading{ font-size: 18px; font-weight: bolder; } .red{ color: red; } .blue{ color: blue; } .green{ color: green; } .yellow{ color: gold; } .center{ text-align: center; } .left{ text-align: left; } .right{ text-align: right; } .justify{ text-align: justify; } .no-decoration{ text-decoration: none; } .overline{ text-decoration: overline; } .line-through{ text-decoration: line-through; } .underline { text-decoration: underline; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .indent-10 { text-indent: 10px; } .indent-20 { text-indent: 20px; } .indent-30 { text-indent: 30px; } .indent-50 { text-indent: 50px; } .rtl { direction: rtl; } .ltr { direction: ltr; } .xx-small{ font-size: xx-small; } .x-small{ font-size: x-small; } .small{ font-size: small; } .medium{ font-size: medium; } .large{ font-size: large; } .x-large{ font-size: x-large; } .xx-large{ font-size: xx-large; } /*added to show and or buttons*/ .ui-group-buttons .or{position:relative;float:left;width:.3em;height:1.3em;z-index:3;font-size:12px} .ui-group-buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#5a5a5a;margin-top:-.1em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.55;color:#fff;font-style:normal;font-weight:400;text-align:center;border-radius:500px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} .ui-group-buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:2.84em;background-color:rgba(0,0,0,0);border-top:.6em solid #5a5a5a;border-bottom:.6em solid #5a5a5a} .ui-group-buttons .or.or-xs{height:.25em} .ui-group-buttons .or.or-xs:after{height:1.84em;z-index:-1000} .ui-group-buttons{display:inline-block;vertical-align:middle; margin: 0 20%;} .ui-group-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden} .ui-group-buttons .btn{float:left;border-radius:0} .ui-group-buttons .btn:first-child{margin-left:0;border-top-left-radius:.25em;border-bottom-left-radius:.25em;padding-right:15px} .ui-group-buttons .btn:last-child{border-top-right-radius:.25em;border-bottom-right-radius:.25em;padding-left:15px} .highlighted_pill{ background: #29b6f6; color: #fff; } .tile_selected_box{ margin: 0 5px; font-size: 13px; position: absolute; top: 8; left: 4; } .badge { padding: 1px 9px 2px; font-size: 12.025px; font-weight: bold; white-space: nowrap; color: #ffffff; background-color: #999999; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .badge:hover { color: #ffffff; text-decoration: none; cursor: pointer; } .badge-error { background-color: #b94a48; } .badge-error:hover { background-color: #953b39; } .badge-warning { background-color: #f89406; } .badge-warning:hover { background-color: #c67605; } .badge-success { background-color: #468847; } .badge-success:hover { background-color: #356635; } .badge-info { background-color: #3a87ad; } .badge-info:hover { background-color: #2d6987; } .badge-inverse { background-color: #333333; } .badge-inverse:hover { background-color: #1a1a1a; } .messages_list li .message:hover{ cursor: pointer; } .bulk_email_templates_dropdown { max-height: 350px !important; overflow-y: scroll; } ul.bulk_email_templates_dropdown::-webkit-scrollbar { width: 0.5em; } ul.bulk_email_templates_dropdown::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } ul.bulk_email_templates_dropdown::-webkit-scrollbar-thumb { background-color: #5bc0de; outline: 1px solid #5bc0de; } .caret.caret-reversed { border-top-width: 0; border-bottom: 4px solid #000000; } .nowrap{ white-space: nowrap; } .auto-help input:focus + .help-block{ color: #333; } .booking_incomplete_status{ background: #efbab8 !important; } .booking_active_status{background:#e3fcd6 !important;} .booking_cancelled_status{ background:#d8d8d8 !important; } .bootstrap-select .dropdown-menu.open { max-width: 500px; }