.widget_premium_feature_contact { color: #FF0000; font-size: 13px !important; } .contact_icon { background: url(../../../../../wp-content/plugins/contact-bank/assets/images/icon.png) no-repeat top left; display: inline-block; height: 16px; margin: 0 2px 0 0; vertical-align: sub; width: 16px; } .label-shortcode { color:#5A5A5A!important; font-family:Georgia,Times New Roman,Times,serif!important; font-size:1.8em!important; font-weight:normal!important; } .rdl{ margin:0 5px 0 0; vertical-align: text-bottom; } .black_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); } .white_content { display: none; position: fixed; padding: 10px; border: 10px solid #999999; background-color: white; z-index: 1002; width: 650px; } .closeButtonLightbox { position: absolute; top: -22px; right: -22px; width: 30px; height: 30px; background: transparent url("../../../../../wp-content/plugins/contact-bank/assets/images/fancybox.png") -40px 0; cursor: pointer; z-index: 1103; } #dvLoading { background: #000 url("../../../../../wp-content/plugins/contact-bank/assets/images/lightbox_loading.gif") no-repeat center center; height: 100px; width: 100px; position: fixed; z-index: 1000; left: 50%; top: 50%; margin: -25px 0 0 -25px; } .separator-doubled { padding: 0; height: 0; border: none; border-top: medium double #d5d5d5; color: #333; text-align: center; margin-top: 10px; } .separator-single { padding: 0; height: 0; border: none; border-bottom: 1px solid #d5d5d5; color: #333; text-align: center; margin-top: 10px; margin-bottom: 10px; } .dataTable td { text-align: left !important; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb > li { display: inline-block; *display: inline; text-shadow: 0 1px 0 #ffffff; *zoom: 1; } .breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #999999; } .btn-small { padding: 7px 12px 6px 12px; line-height: 13px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } .btn { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 12px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0044cc", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); margin-top: 0; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffbb450", endColorstr="#fff89406", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffee5f5b", endColorstr="#ffbd362f", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff62c462", endColorstr="#ff51a351", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de", endColorstr="#ff2f96b4", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); margin-top: 0; } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff444444", endColorstr="#ff222222", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } .stat { margin: 0; padding: 0; } .item-list.table .percent { width: 30px; float: right; margin-right: 10px; margin-top: 3px; } .item-list.table .title { padding-top: -5px; } .stat .title { margin-left: 10px; margin-right: 10px; font-size: 13px; } .stat.good .percent { color: #52e136; font-size: 16px; font-weight: bold; } .stat.bad .percent { color: #d12610; font-size: 16px; font-weight: bold; } .stat.ok .percent { color: #37b7f3; font-size: 16px; font-weight: bold; } .line-chart { display: none } .layout-block { background-color: #F6F6F6; background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#F9F9F9), to(#EDEDED)); background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%); background-image: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%); background-image: -ms-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%); background-image: -o-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%); background-image: linear-gradient(top, #F9F9F9 0%, #EDEDED 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr="#ffF9F9F9", endColorstr="#ffEDEDED", GradientType=0); border: 1px solid #D5D5D5; box-shadow: 0 1px 0 0 white inset, 0 1px 0 rgba(255, 255, 255, 0.4); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; line-height: 18px; margin: 0 0 20px 0; padding: 10px; } .layout-span12 { width: 940px; } .layout-span11 { width: 860px; } .layout-span10 { width: 780px; } .layout-span9 { width: 700px; } .layout-span8 { width: 620px; } .layout-span7 { width: 540px; } .layout-span6 { width: 460px; } .layout-span5 { width: 380px; } .layout-span4 { width: 300px; } .layout-span3 { width: 220px; } .layout-span2 { width: 140px; } .layout-span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .fluid-layout { width: 99%; margin-top: 1%; *zoom: 1; } .fluid-layout:before, .fluid-layout:after { display: table; line-height: 0; content: ""; } .fluid-layout:after { clear: both; } .fluid-layout [class*="layout-span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fluid-layout [class*="layout-span"]:first-child { margin-left: 0; } .fluid-layout .controls-row [class*="layout-span"] + [class*="layout-span"] { margin-left: 2.127659574468085%; } .fluid-layout .layout-span12 { width: 100%; *width: 99.94680851063829%; } .fluid-layout .layout-span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .fluid-layout .layout-span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .fluid-layout .layout-span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .fluid-layout .layout-span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .fluid-layout .layout-span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .fluid-layout .layout-span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .fluid-layout .layout-span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .fluid-layout .layout-span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .fluid-layout .layout-span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .fluid-layout .layout-span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .fluid-layout .layout-span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .fluid-layout .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .fluid-layout .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .fluid-layout .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .fluid-layout .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .fluid-layout .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .fluid-layout .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .fluid-layout .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .fluid-layout .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .fluid-layout .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .fluid-layout .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .fluid-layout .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .fluid-layout .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .fluid-layout .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .fluid-layout .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .fluid-layout .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .fluid-layout .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .fluid-layout .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .fluid-layout .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .fluid-layout .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .fluid-layout .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .fluid-layout .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .fluid-layout .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .fluid-layout .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .fluid-layout .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="layout-span"].hide, .fluid-layout [class*="layout-span"].hide { display: none; } [class*="layout-span"].pull-right, .fluid-layout [class*="layout-span"].pull-right { float: right; } .fluid-layout input[class*="layout-span"], .fluid-layout select[class*="layout-span"], .fluid-layout textarea[class*="layout-span"], .fluid-layout .uneditable-input[class*="layout-span"] { float: none; margin-left: 0; } .fluid-layout input[class*="layout-span"], .fluid-layout select[class*="layout-span"], .fluid-layout textarea[class*="layout-span"], .fluid-layout .uneditable-input[class*="layout-span"], .fluid-layout .input-prepend [class*="layout-span"], .fluid-layout .input-append [class*="layout-span"] { display: inline-block; } .controls-row [class*="layout-span"], .fluid-layout .controls-row [class*="layout-span"] { float: left; } /*********************************TABLE CONTENT********************************/ table td[class*="layout-span"], table th[class*="layout-span"], .fluid-layout table td[class*="layout-span"], .fluid-layout table th[class*="layout-span"] { display: table-cell; float: none; margin-left: 0; } table td.layout-span1, table th.layout-span1 { float: none; width: 44px; margin-left: 0; } table td.layout-span2, table th.layout-span2 { float: none; width: 124px; margin-left: 0; } table td.layout-span3, table th.layout-span3 { float: none; width: 204px; margin-left: 0; } table td.layout-span4, table th.layout-span4 { float: none; width: 284px; margin-left: 0; } table td.layout-span5, table th.layout-span5 { float: none; width: 364px; margin-left: 0; } table td.layout-span6, table th.layout-span6 { float: none; width: 444px; margin-left: 0; } table td.layout-span7, table th.layout-span7 { float: none; width: 524px; margin-left: 0; } table td.layout-span8, table th.layout-span8 { float: none; width: 604px; margin-left: 0; } table td.layout-span9, table th.layout-span9 { float: none; width: 684px; margin-left: 0; } table td.layout-span10, table th.layout-span10 { float: none; width: 764px; margin-left: 0; } table td.layout-span11, table th.layout-span11 { float: none; width: 844px; margin-left: 0; } table td.layout-span12, table th.layout-span12 { float: none; width: 924px; margin-left: 0; } .layout-table-controls { margin: 0 -1px; } .layout-table-controls > li { display: inline-block; margin: 0 1px; } .layout-table-controls > li > .btn > i { margin-left: 0; margin-right: 0; } .layout-table-controls > li > a > i { margin-right: 0; font-size: 14px; color: #555; } .layout-table-controls > li > a.btn > b, .layout-table-controls > li > a > b { margin: 1px 0 -1px 0; font-size: 14px; color: #555; width: 1.1em; float: none; } .stats-overview-cont { padding-top: 0; margin-bottom: 15px; } .stats-overview { clear: both; padding: 10px 10px 0 10px; margin: 0; margin-bottom: 5px; } .stats-overview .display { margin-right: 5px; float: left; } .stats-overview .details { color: #888; } .stats-overview .details .title { color: #777; font-size: 12px; font-weight: normal; margin-bottom: 3px; padding: 0 !important; } .stats-overview .details .title i { color: #999; margin-right: 2px; } .stats-overview .details .numbers { color: #777; font-size: 20px; font-weight: bold; margin-bottom: 6px; !important } .stats-overview .progress-layout { height: 10px; margin-bottom: 10px !important; } .stats-overview:hover { text-decoration: none !important; border-color: #999 !important; color: #444 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 1) !important; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .55) !important; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .55) !important; box-shadow: 0 0 3px rgba(0, 0, 0, .55) !important; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress-layout { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5", endColorstr="#fff9f9f9", GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-layout .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff149bdf", endColorstr="#ff0480be", GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-layout .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .progress-layout-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress-layout.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-layout-danger .bar, .progress-layout .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffee5f5b", endColorstr="#ffc43c35", GradientType=0); } .progress-layout-danger.progress-layout-striped .bar, .progress-layout-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-layout-success .bar, .progress-layout .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff62c462", endColorstr="#ff57a957", GradientType=0); } .progress-layout-success.progress-layout-striped .bar, .progress-layout-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-layout-info .bar, .progress-layout .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de", endColorstr="#ff339bb9", GradientType=0); } .progress-layout-info.progress-layout-striped .bar, .progress-layout-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-layout-warning .bar, .progress-layout .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffbb450", endColorstr="#fff89406", GradientType=0); } .progress-layout-warning.progress-layout-striped .bar, .progress-layout-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .widget-layout { background: none repeat scroll 0 0 #F9F9F9; border-top: 1px solid #e0dede; border-left: 1px solid #e0dede; border-right: 1px solid #e0dede; clear: both; margin-top: 0; margin-bottom: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .widget-layout-title { background-color: #EFEFEF; background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#FDFDFD), to(#EAEAEA)); background-image: -webkit-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%); background-image: -moz-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%); background-image: -ms-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%); background-image: -o-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%); background-image: -linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfdfd", endColorstr="#eaeaea", GradientType=0); border-bottom: 1px solid #e0dede; height: 36px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } /****************************** Widget Section *********************************/ .widget-layout-title > h4 { color: #444; float: left; font-size: 13px; font-weight: bold; padding: 12px 11px 10px 15px; line-height: 12px; margin: 0 !important; } .widget-layout-title > h4 i { font-size: 14px; margin-right: 6px; !important } .widget-layout-title span.tools { padding: 3px 5px 2px; float: right; margin: 6px 0 0 0 !important; cursor: pointer; } .widget-layout-title span.tools > a { display: inline-block; margin-right: 5px !important; color: #555; font-size: 14px; } .widget-layout-title span.tools > a:hover { text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: .6; } .widget-layout-title .btn-group { margin-right: 5px !important; margin-top: -2px !important; } .widget-layout-title .btn-group .caret { margin-top: 8px !important; margin-left: 3px !important; } .widget-layout-body { padding: 10px 15px; border-bottom: 1px solid #CDCDCD; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /********************** Widget Section *********************************/ .fluid-layout table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .fluid-layout .table { width: 100%; margin-bottom: 20px; margin-top: 10px !important } .fluid-layout .table th, .fluid-layout .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .fluid-layout .table th { font-weight: bold; } .fluid-layout .table caption + thead tr:first-child th, .fluid-layout .table caption + thead tr:first-child td, .fluid-layout .table colgroup + thead tr:first-child th, .fluid-layout .table colgroup + thead tr:first-child td, .fluid-layout.table thead:first-child tr:first-child th, .fluid-layout.table thead :first-child tr:first-child td { border-top: 0; } .fluid-layout .table tbody + tbody { border-top: 2px solid #dddddd; } .fluid-layout .table .table { background-color: #ffffff; } .fluid-layout .table-condensed th, .fluid-layout .table-condensed td { padding: 4px 5px; } .fluid-layout .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fluid-layout .table-bordered th, .fluid-layout .table-bordered td { border-left: 1px solid #dddddd; } .fluid-layout .table-striped tbody > tr:nth-child(odd) > td, .fluid-layout .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .fluid-layout .table-hover tbody tr:hover td, .fluid-layout .table-hover tbody tr:hover th { background-color: #f5f5f5; } .fluid-layout .table tbody tr.success td { background-color: #dff0d8; } .fluid-layout .table tbody tr.error td { background-color: #f2dede; } .fluid-layout .table tbody tr.warning td { background-color: #fcf8e3; } .fluid-layout .table tbody tr.info td { background-color: #d9edf7; } .fluid-layout .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } .fluid-layout .table-hover tbody tr.error:hover td { background-color: #ebcccc; } .fluid-layout .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } .fluid-layout .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } .label-layout, .badge { display: inline-block; padding: 2px 4px; font-size: 12px; font-weight: bold; line-height: 14px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #999999; } .label-layout { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-right: 9px; padding-left: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .label-layout:empty, .badge:empty { display: none; } .label-layout-important, .badge-important { background-color: #b94a48; } .label-layout-important[href], .badge-important[href] { background-color: #953b39; } .label-layout-warning, .badge-warning { background-color: #f89406; } .label-layout-warning[href], .badge-warning[href] { background-color: #c67605; } .label-layout-success, .badge-success { background-color: #468847; } .label-layout-success[href], .badge-success[href] { background-color: #356635; } .label-layout-info, .badge-info { background-color: #3a87ad; } .label-layout-info[href], .badge-info[href] { background-color: #2d6987; } .label-layout-inverse, .badge-inverse { background-color: #333333; } .label-layout-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label-layout, .btn .badge { position: relative; top: -1px; } .btn-mini .label-layout, .btn-mini .badge { top: 0; } .fluid-layout a { text-decoration: none !important } .fluid-layout a:hover { text-decoration: none !important } /***********************************************FORM CONTENT***********************************************/ .widget-layout-body .form form { margin: 0 !important; padding: 0 !important; } .widget-layout-body .layout-control-group:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; } .widget-layout-body .form-actions { margin-left: -15px !important; margin-right: -15px !important; margin-top: 20px !important; margin-bottom: -15px !important; margin-top: 20px; padding-left: 195px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .widget-layout-body .dataTables_info, .widget-layout-body .dataTables_paginate { /*margin-top: 5px !important;*/ padding-bottom: 0 !important; margin-bottom: -4px !important; } .dataTables_info { padding: 0; display: block; float: left; } .dataTables_paginate { float: right; margin: 0; } .dataTables_paginate .last { margin-right: 0 !important; } .paging_full_numbers { height: 22px; line-height: 22px; } .paging_full_numbers .next:active, .paging_full_numbers .first:active, .paging_full_numbers .previous:active, .paging_full_numbers .last:active { font-weight: normal !important; } .paging_full_numbers a:active { outline: none } .paging_full_numbers a:hover { text-decoration: none; } .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #d3d3d3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 5px 8px; margin: 0 3px; cursor: pointer; *cursor: hand; color: #919191; font-size: 11px; box-shadow: 0 1px 0 #fff inset, 0 1px 0 #eaeaea; -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0 #eaeaea; -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0 #eaeaea; } .paging_full_numbers a.paginate_button { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: linear-gradient(top, #ffffff 0%, #f5f5f5 100%); } .paging_full_numbers a.paginate_button:hover { background: #fcfcfc; color: #327394; } .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button:active { background: #6f6f6f; color: #fff; border-color: #646464; box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; -moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; font-weight: bold; } .paginate_button_disabled, .paginate_button_disabled:active { background: #F9F9F9 !important; color: #CCC !important; box-shadow: none !important; font-weight: normal !important; border: 1px solid #E5E5E5 !important; } .paginate_button_disabled:active { border-color: #d3d3d3 !important; } .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; } .sorting { background: url("../../../../../wp-content/plugins/contact-bank/assets/images/tables/sort_both.png") no-repeat 100% 8px; } .sorting_asc { background: url("../../../../../wp-content/plugins/contact-bank/assets/images/tables/sort_asc.png") no-repeat 100% 8px; } .sorting_desc { background: url("../../../../../wp-content/plugins/contact-bank/assets/images/tables/sort_desc.png") no-repeat 100% 8px; } .sorting_asc_disabled { background: url("../../../../../wp-content/plugins/contact-bank/assets/images/tables/sort_asc_disabled.png") no-repeat 100% 8px; } .sorting_desc_disabled { background: url("../../../../../wp-content/plugins/contact-bank/assets/images/tables/sort_desc_disabled.png") no-repeat 100% 8px; } .table.dataTable th:active { outline: none; } .datatable-footer { border-top: 1px solid #ddd; padding: 15px 0; } .datatable-footer { background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); background: linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); } .dataTables_scroll { clear: both; } .dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .table.dataTable th:active { outline: none; } .datatable-footer { border-top: 1px solid #ddd; padding: 15px 0; } .datatable-footer { background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); background: linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); } .dataTables_scroll { clear: both; } .dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .widget-layout-body .table { padding-bottom: 0 !important; margin-bottom: 0 !important; } .form-search input, .form-inline input, .layout-form input, .form-search textarea, .form-inline textarea, .layout-form textarea, .form-search select, .form-inline select, .layout-form select, .form-search .help-inline, .form-inline .help-inline, .layout-form .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .layout-form .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .layout-form .input-prepend, .form-search .input-append, .form-inline .input-append, .layout-form .input-append { display: inline-block; *display: inline; margin-bottom: 0; vertical-align: middle; *zoom: 1; } .layout-control-group { margin-bottom: 10px; } legend + .layout-control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .layout-form .layout-control-group { *zoom: 1; } .layout-form .layout-control-group:before, .layout-form .layout-control-group:after { display: table; line-height: 0; content: ""; } .layout-form .layout-control-group:after { clear: both; } .layout-form .layout-control-label { float: left; width: 160px; padding-top: 8px; text-align: left; } .layout-form .layout-controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .layout-form .layout-controls-radio { margin-top: 7px; float: left; margin-left: 20px; } .layout-form .layout-controls:first-child { *padding-left: 180px; } .layout-form .help-block { margin-bottom: 0; } .layout-form input + .help-block, .layout-form select + .help-block, .layout-form textarea + .help-block, .layout-form .uneditable-input + .help-block, .layout-form .input-prepend + .help-block, .layout-form .input-append + .help-block { margin-top: 10px; } .layout-form .form-actions { padding-left: 180px; } .layout-control-group.warning > label, .layout-control-group.warning .help-block, .layout-control-group.warning .help-inline { color: #c09853; } .layout-control-group.warning .checkbox, .layout-control-group.warning .radio, .layout-control-group.warning input, .layout-control-group.warning select, .layout-control-group.warning textarea { color: #c09853; } .layout-control-group.warning input, .layout-control-group.warning select, .layout-control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .layout-control-group.warning input:focus, .layout-control-group.warning select:focus, .layout-control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .layout-control-group.warning .input-prepend .add-on, .layout-control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .layout-control-group.error > label, .layout-control-group.error .help-block, .layout-control-group.error .help-inline { color: #b94a48; } .error { color: #b94a48; display: inline-block; margin-left: 5px; } .span-description { font-style: italic; } .layout-control-group.error .checkbox, .layout-control-group.error .radio, .layout-control-group.error input, .layout-control-group.error select, .layout-control-group.error textarea { color: #b94a48; } .layout-control-group.error input, .layout-control-group.error select, .layout-control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .layout-control-group.error input:focus, .layout-control-group.error select:focus, .layout-control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .layout-control-group.error .input-prepend .add-on, .layout-control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .layout-control-group.success > label, .layout-control-group.success .help-block, .layout-control-group.success .help-inline { color: #468847; } .layout-control-group.success .checkbox, .layout-control-group.success .radio, .layout-control-group.success input, .layout-control-group.success select, .layout-control-group.success textarea { color: #468847; } .layout-control-group.success input, .layout-control-group.success select, .layout-control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .layout-control-group.success input:focus, .layout-control-group.success select:focus, .layout-control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .layout-control-group.success .input-prepend .add-on, .layout-control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .layout-control-group.info > label, .layout-control-group.info .help-block, .layout-control-group.info .help-inline { color: #3a87ad; } .layout-control-group.info .checkbox, .layout-control-group.info .radio, .layout-control-group.info input, .layout-control-group.info select, .layout-control-group.info textarea { color: #3a87ad; } .layout-control-group.info input, .layout-control-group.info select, .layout-control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .layout-control-group.info input:focus, .layout-control-group.info select:focus, .layout-control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .layout-control-group.info .input-prepend .add-on, .layout-control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } .layout-controls > .radio, .layout-controls > .checkbox { display: inline-block; /*padding: 0 !important;*/ margin: 0 !important; margin-top: 0 !important; margin-right: 15px !important; } .layout-controls > .radio.line, .layout-controls > .checkbox.line { display: block; padding: 0 !important; margin: 0 !important; margin-top: 5px !important; } .layout-controls .text { display: block; margin-top: 5px; } .layout-controls > .radio:first-child, .layout-controls > .checkbox:first-child { padding-top: 7px; } /* # Modal ================================================== */ .modal-open .modal .dropdown-menu { z-index: 2050; } .modal-open .modal .dropdown.open { *z-index: 2050; } .modal-open .modal .popover { z-index: 2060; } .modal-open .modal .tooltip { z-index: 2080; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.3; filter: alpha(opacity=30); } .modal { position: fixed; top: 50%; left: 50%; z-index: 1050; overflow: auto; width: 560px; margin: -250px 0 0 -280px; background: url(../../../../../wp-content/plugins/contact-bank/assets/images/backgrounds/bg.png); border: 1px solid #c5c5c5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { top: -25%; -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; } .modal.fade.in { top: 50%; z-index: 10000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #444444; -webkit-box-shadow: 0 0 5px #444; box-shadow: 0 0 5px #444; border: 10px solid rgba(52, 52, 52, .5); } .modal-header { padding: 7px 15px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom: 1px solid #c1c1c1; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #ececec)); background: -webkit-linear-gradient(top, #fcfcfc 0%, #ececec 100%); background: -o-linear-gradient(top, #fcfcfc 0%, #ececec 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, #ececec 100%); background: linear-gradient(to bottom, #fcfcfc 0%, #ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcfc", endColorstr="#ececec", GradientType=0); } .modal-header .close { margin-top: 6px; } .modal-header h5 { margin: 0; padding: 3px 0 3px 0; } .modal-body { overflow-y: auto; padding: 15px; } .modal-body .selector, .modal-body .select { max-width: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; height: 30px; } .modal-body .control-group { padding: 15px 0; } .modal-body .control-group:first-child { padding-top: 0; } .modal-body .control-group:last-child { padding-bottom: 0; } .modal-form { margin-bottom: 0; } .modal-footer .btn { margin-top: 0; margin-bottom: 0; } .modal-footer { padding: 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; *zoom: 1; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } /* # Other classes ================================================== */ .close { float: right; font-size: 16px; line-height: 16px; color: #000000; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .typeahead { margin-top: -1px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .hidden { display: none; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; background-color: #ffffff; border: 1px solid #d5d5d5; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); } .popover.top { margin-bottom: 10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { border-bottom: 1px solid #d5d5d5; margin: 0; padding: 9px 14px 8px 14px; font-size: 12px; font-weight: bold; line-height: 18px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background: #f7f7f7; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f2f2f2", GradientType=0); box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; } .popover-content { padding: 9px 14px; } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; } .popover .arrow, .popover .arrow:after { position: absolute; display: inline-block; width: 0; height: 0; border: solid transparent; } .popover .arrow:after { content: ""; z-index: -1; } .popover.top .arrow { bottom: -7px; left: 50%; margin-left: -7px; border-width: 7px 7px 0; border-top-color: #ffffff; } .popover.top .arrow:after { border-width: 8px 8px 0; border-top-color: rgba(0, 0, 0, 0.25); bottom: -1px; left: -8px; } .popover.right .arrow { top: 50%; left: -7px; margin-top: -7px; border-width: 7px 7px 7px 0; border-right-color: #ffffff; } .popover.right .arrow:after { border-width: 8px 8px 8px 0; border-right-color: rgba(0, 0, 0, 0.25); bottom: -8px; left: -1px; } .popover.bottom .arrow { top: -7px; left: 50%; margin-left: -7px; border-width: 0 7px 7px; border-bottom-color: #ffffff; } .popover.bottom .arrow:after { border-width: 0 8px 8px; border-bottom-color: rgba(0, 0, 0, 0.25); top: -1px; left: -8px; } .popover.left .arrow { top: 50%; right: -7px; margin-top: -7px; border-width: 7px 0 7px 7px; border-left-color: #ffffff; } .popover.left .arrow:after { border-width: 8px 0 8px 8px; border-left-color: rgba(0, 0, 0, 0.25); bottom: -8px; right: -1px; } .custom-layout-label { width: 120px; display: inline-block; } .layout-form .layout-label-control-group { float: left; width: 160px; text-align: left; } .layout-system-report { display: none; margin: 10px 0; padding: 0; position: relative; } .layout-system-report textarea { font-family: monospace; width: 100%; margin: 0; height: 300px; padding: 20px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; resize: none; font-size: 12px; line-height: 20px; outline: 0; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } @media (min-width: 1200px) { [class*="layout-span"] { float: left; min-height: 1px; margin-left: 30px; } .layout-span12 { width: 1170px; } .layout-span11 { width: 1070px; } .layout-span10 { width: 970px; } .layout-span9 { width: 870px; } .layout-span8 { width: 770px; } .layout-span7 { width: 670px; } .layout-span6 { width: 570px; } .layout-span5 { width: 470px; } .layout-span4 { width: 370px; } .layout-span3 { width: 270px; } .layout-span2 { width: 170px; } .layout-span1 { width: 70px; } .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .fluid-layout { width: 99%; margin-top: 1%; *zoom: 1; } .fluid-layout:before, .fluid-layout:after { display: table; line-height: 0; content: ""; } .fluid-layout:after { clear: both; } .fluid-layout [class*="layout-span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fluid-layout [class*="layout-span"]:first-child { margin-left: 0; } .fluid-layout .controls-row [class*="layout-span"] + [class*="layout-span"] { margin-left: 2.564102564102564%; } .fluid-layout .layout-span12 { width: 100%; *width: 99.94680851063829% !important; } .fluid-layout .layout-span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .fluid-layout .layout-span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .fluid-layout .layout-span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .fluid-layout .layout-span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .fluid-layout .layout-span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .fluid-layout .layout-span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .fluid-layout .layout-span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .fluid-layout .layout-span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .fluid-layout .layout-span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } .fluid-layout .layout-span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .fluid-layout .layout-span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } .fluid-layout .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; } .fluid-layout .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } .fluid-layout .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; } .fluid-layout .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } .fluid-layout .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; } .fluid-layout .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } .fluid-layout .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; } .fluid-layout .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } .fluid-layout .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; } .fluid-layout .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } .fluid-layout .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; } .fluid-layout .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } .fluid-layout .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; } .fluid-layout .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } .fluid-layout .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; } .fluid-layout .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } .fluid-layout .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; } .fluid-layout .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } .fluid-layout .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; } .fluid-layout .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } .fluid-layout .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; } .fluid-layout .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } .fluid-layout .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; } .fluid-layout .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="layout-span"] + [class*="layout-span"] { margin-left: 30px; } input.layout-span12, textarea.layout-span12, .uneditable-input.layout-span12 { width: 1156px; } input.layout-span11, textarea.layout-span11, .uneditable-input.layout-span11 { width: 1056px; } input.layout-span10, textarea.layout-span10, .uneditable-input.layout-span10 { width: 956px; } input.layout-span9, textarea.layout-span9, .uneditable-input.layout-span9 { width: 856px; } input.layout-span8, textarea.layout-span8, .uneditable-input.layout-span8 { width: 756px; } input.layout-span7, textarea.layout-span7, .uneditable-input.layout-span7 { width: 656px; } input.layout-span6, textarea.layout-span6, .uneditable-input.layout-span6 { width: 556px; } input.layout-span5, textarea.layout-span5, .uneditable-input.layout-span5 { width: 456px; } input.layout-span4, textarea.layout-span4, .uneditable-input.layout-span4 { width: 356px; } input.layout-span3, textarea.layout-span3, .uneditable-input.layout-span3 { width: 256px; } input.layout-span2, textarea.layout-span2, .uneditable-input.layout-span2 { width: 156px; } input.layout-span1, textarea.layout-span1, .uneditable-input.layout-span1 { width: 56px; } .thumbnails { margin-left: -30px; } .thumbnails > li { margin-left: 30px; } .fluid-layout .thumbnails { margin-left: 0; } } @media (min-width: 768px) and (max-width: 979px) { [class*="layout-span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .layout-span12 { width: 724px; } .layout-span11 { width: 662px; } .layout-span10 { width: 600px; } .layout-span9 { width: 538px; } .layout-span8 { width: 476px; } .layout-span7 { width: 414px; } .layout-span6 { width: 352px; } .layout-span5 { width: 290px; } .layout-span4 { width: 228px; } .layout-span3 { width: 166px; } .layout-span2 { width: 104px; } .layout-span1 { width: 42px; } .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; } .fluid-layout { width: 99%; margin-top: 1%; *zoom: 1; } .fluid-layout:before, .fluid-layout:after { display: table; line-height: 0; content: ""; } .fluid-layout:after { clear: both; } .fluid-layout [class*="layout-span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fluid-layout [class*="layout-span"]:first-child { margin-left: 0; } .fluid-layout .controls-row [class*="layout-span"] + [class*="layout-span"] { margin-left: 2.7624309392265194%; } .fluid-layout .layout-span12 { width: 100%; *width: 99.94680851063829%; } .fluid-layout .layout-span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .fluid-layout .layout-span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .fluid-layout .layout-span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .fluid-layout .layout-span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .fluid-layout .layout-span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .fluid-layout .layout-span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .fluid-layout .layout-span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .fluid-layout .layout-span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .fluid-layout .layout-span3 { width: 22.92817679558011%; *width: 22.87498530621841%; } .fluid-layout .layout-span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .fluid-layout .layout-span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } .fluid-layout .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962%; } .fluid-layout .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031%; } .fluid-layout .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274%; } .fluid-layout .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089%; } .fluid-layout .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252%; } .fluid-layout .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868%; } .fluid-layout .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%; } .fluid-layout .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%; } .fluid-layout .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%; } .fluid-layout .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%; } .fluid-layout .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%; } .fluid-layout .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%; } .fluid-layout .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; } .fluid-layout .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%; } .fluid-layout .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%; } .fluid-layout .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%; } .fluid-layout .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%; } .fluid-layout .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%; } .fluid-layout .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%; } .fluid-layout .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%; } .fluid-layout .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%; } .fluid-layout .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102%; } .fluid-layout .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%; } .fluid-layout .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%; } .controls-row [class*="layout-span"] + [class*="layout-span"] { margin-left: 20px; } input.layout-span12, textarea.layout-span12, .uneditable-input.layout-span12 { width: 710px; } input.layout-span11, textarea.layout-span11, .uneditable-input.layout-span11 { width: 648px; } input.layout-span10, textarea.layout-span10, .uneditable-input.layout-span10 { width: 586px; } input.layout-span9, textarea.layout-span9, .uneditable-input.layout-span9 { width: 524px; } input.layout-span8, textarea.layout-span8, .uneditable-input.layout-span8 { width: 462px; } input.layout-span7, textarea.layout-span7, .uneditable-input.layout-span7 { width: 400px; } input.layout-span6, textarea.layout-span6, .uneditable-input.layout-span6 { width: 338px; } input.layout-span5, textarea.layout-span5, .uneditable-input.layout-span5 { width: 276px; } input.layout-span4, textarea.layout-span4, .uneditable-input.layout-span4 { width: 214px; } input.layout-span3, textarea.layout-span3, .uneditable-input.layout-span3 { width: 152px; } input.layout-span2, textarea.layout-span2, .uneditable-input.layout-span2 { width: 90px; } input.layout-span1, textarea.layout-span1, .uneditable-input.layout-span1 { width: 28px; } } @media (max-width: 767px) { .fluid-layout { width: 99%; margin-top: 1%; } [class*="layout-span"], .uneditable-input[class*="layout-span"], .fluid-layout [class*="layout-span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .layout-span12, .fluid-layout .layout-span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fluid-layout [class*="offset"]:first-child { margin-left: 0; } input[class*="layout-span"], select[class*="layout-span"], textarea[class*="layout-span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input[class*="layout-span"], .input-append input[class*="layout-span"] { display: inline-block; width: auto; } .controls-row [class*="layout-span"] + [class*="layout-span"] { margin-left: 0; } } @media (max-width: 480px) { .layout-form .layout-control-label { float: none; width: auto; padding-top: 0; text-align: left; } .layout-form .layout-label-control-group { float: none; width: auto; padding-top: 0; text-align: left; } .layout-form .layout-controls { margin-left: 0; } .layout-form .layout-controls-radio { margin-left: 0; } .layout-form .control-list { padding-top: 0; } .layout-form .form-actions { padding-right: 10px; padding-left: 10px; } } @media (max-width: 979px) { .layout-thumbnails { margin-left: -30px; } .layout-thumbnails > li { margin-left: 30px; } .fluid-layout .layout-thumbnails { margin-left: 0; } .layout-thumbnails { margin-left: 0; } .layout-thumbnails > li { float: none; margin-left: 0; } } @media (min-width: 980px) { } .div_border { border: 1px dashed #B6B4B4; padding: 5px; cursor: default; } .button_space { width: 150px; margin-left: 5px; text-align: left; } .delete_control { vertical-align: middle; margin-left: 10px; } /* # Tooltips & popovers ================================================== */ .tooltip { position: absolute; z-index: 10300; display: block; visibility: visible; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: 3px; } .tooltip.bottom { margin-top: 3px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #202020; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .close-report { display: none; } .error_field { color:#CC0000; font-size: 12px; } .gb_text_control { color: #FFF; font-size: 15px; line-height: 26px; margin-top: 8px; float: left; width: auto; margin-left: 10px; } .gb_buy_pro { cursor:pointer; min-width: 800px; border: 1px solid #1b6394; padding: 5px; margin: 12px 0; background: #AE3A3A; position: relative; overflow: hidden; } .gb_text_control span { font-size: 13px; opacity: 0.8; } .gb_buy_pro .gb_message_buttons { float: right; border: 1px solid #FF6D1E; font-size: 13px; margin: 12px; padding: 4px 0; color: #FFF; text-shadow: 0 1px 3px #FF6D1E; font-weight: bold; background: #FF6D1E; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; height: 35px; text-align: center; width: 110px; -moz-box-shadow: 0px 1px 1px 0 #FF6D1E inset; -webkit-box-shadow: 0px 1px 1px 0 #FF6D1E inset; box-shadow: 0px 1px 1px 0 #FF6D1E inset; } .gb_buy_pro .gb_message_buttons:hover, .gb_buy_pro .gb_message_buttons:focus { background: #FF6D1E; color: #FFF; border: 1px solid #FF6D1E; -moz-box-shadow: 0px 1px 1px 0 #FF6D1E inset; -webkit-box-shadow: 0px 1px 1px 0 #FF6D1E inset; box-shadow: 0px 1px 1px 0 #FF6D1E inset; } /*************************** Contact Bank Information Popup********************************/ .contact_bank_popup_box .ui-dialog-titlebar { background : #AE3A3A; color : #fff; font-size : 1.5em; font-weight : normal; height : auto; line-height : 2.5; padding : 0 1em; } .contact_bank_popup_box .ui-dialog-titlebar span { text-align : left; } .contact_bank_popup_box .ui-dialog-titlebar button { width : 30px; height : 30px; color : #ffffff; top : 15px; right : 15px; margin : 0; padding : 0; } .contact_bank_popup_box .ui-dialog-titlebar button:before { color : #ffffff; } .contact_bank_popup_box .ui-dialog-titlebar button:hover:before { color : #fff; } .contact_bank_popup_box .ui-icon, .contact_bank_popup_box .ui-icon:hover { background : none !important; } #contact_bank_popup { padding : 0; margin : 0; } #contact_bank_popup li { border-bottom : 1px solid #AE3A3A; padding : 1em 2em; overflow : hidden; list-style : decimal; list-style-position : inside; } #contact_bank_popup li p { margin-top : 0; margin-left: 13px; } #contact_bank_popup li h4 { margin : 0; } #contact_bank_popup .gb_close_popup { position : relative; display : block; width : 98%; line-height : 3; text-align : right; color : #AE3A3A; } .wp-core-ui .gb_buttons { border: 1px solid #FF6D1E; font-size: 13px; padding: 4px 0; color: #FFF; text-shadow: 0 1px 3px #FF6D1E; font-weight: bold; background: #FF6D1E; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; height: 35px; text-align: center; width: 100px; -moz-box-shadow: 0px 1px 1px 0 #FF6D1E inset; -webkit-box-shadow: 0px 1px 1px 0 #FF6D1E inset; box-shadow: 0px 1px 1px 0 #FF6D1E inset; margin-left: 13px; } .wp-core-ui .gb_buttons:hover, .wp-core-ui .gb_buttons:focus { background: #FF6D1E; color: #FFF; border: 1px solid #FF6D1E; -moz-box-shadow: 0px 1px 1px 0 #FF6D1E inset; -webkit-box-shadow: 0px 1px 1px 0 #FF6D1E inset; box-shadow: 0px 1px 1px 0 #FF6D1E inset; } /****************************** Contact Bank Getting Started **********************************/ #contact_bank_get_started .inside { padding : 0; margin : 0; } #contact_bank_get_started .contact-bank-video { position : relative; padding-bottom : 48.5%; padding-top : 25px; height : 0; width : 85%; margin : 1em auto 0 auto; } #contact_bank_get_started .contact-bank-video iframe { position : absolute; top : 0; left : 0; width : 100%; height : 100%; } .contact_bank_getting_started { padding : 0 2em; overflow : hidden; } .contact_bank_layout { padding: 0px 10px 0 16px; } .contact_bank_layout > a { margin-top:15px; margin-bottom:10px; text-decoration:none !important; } .contact_bank_layout > .btn { margin-top:15px; margin-bottom:10px; text-decoration:none !important; } .contact_bank_getting_started .column { width : 100%; max-width : 45%; float : left; padding-right : 2.5%; padding-bottom : 2em; } .contact_bank_getting_started .column.two { margin-right : 0; padding-right : 0; padding-left : 2.5%; border : 0; max-width : 49%; border-left : 1px solid #ebebeb; } .contact_bank_getting_started .contact-bank-video-link { width : 100%; max-width : 200px; float : left; margin : 0 1.5em 1.5em 0; } .contact_bank_getting_started .contact-bank-video-link img { max-width : 100%; height : auto; } .contact_bank_getting_started .contact_bank_video { display : none; } .contact-bank-video-popup .contact_bank_video { padding : 0; margin : 0 0 -5px 0; } .contact-bank-video-popup .ui-dialog-titlebar { line-height : 1; font-size : 1em; height : 35px; background : #222; border-bottom : none; } .contact-bank-video-popup .ui-dialog-titlebar button { width : 30px; height : 30px; color : #ffffff; top : 0px; right : 0px; margin : 0; padding : 0; }