@font-face { font-family: open-sans;font-style: normal;font-weight: 100;src: url( "../fonts/open-sans/open-sans-light.ttf" ), url( "../fonts/open-sans/open-sans-light.eot" ) format( 'truetype' ); } @font-face { font-family: open-sans;font-style: normal;font-weight: 400;src: url( "../fonts/open-sans/open-sans.ttf" ), url( "../fonts/open-sans/open-sans.eot" ) format( 'truetype' ); } @font-face { font-family: open-sans;font-style: normal;font-weight: 700;src: url( "../fonts/open-sans/open-sans-bold.ttf" ), url( "../fonts/open-sans/open-sans-bold.eot" ) format( 'truetype' ); } @font-face { font-family: open-sans;font-style: italic;font-weight: 100;src: url( "../fonts/open-sans/open-sans-light-italic.ttf" ), url( "../fonts/open-sans/open-sans-light-italic.eot" ) format( 'truetype' ); } @font-face { font-family: open-sans;font-style: italic;font-weight: 400;src: url( "../fonts/open-sans/open-sans-italic.ttf" ), url( "../fonts/open-sans/open-sans-italic.eot" ) format( 'truetype' ); } @font-face { font-family: open-sans;font-style: italic;font-weight: 700;src: url( "../fonts/open-sans/open-sans-bold-italic.ttf" ), url( "../fonts/open-sans/open-sans-bold-italic.eot" ) format( 'truetype' ); } @font-face { font-family: aeroportal;font-style: normal;font-weight: 100;src: url( "../fonts/aeroportal/aeroportal-light.ttf" ), url( "../fonts/aeroportal/aeroportal-light.eot" ) format( 'truetype' ); } @font-face { font-family: aeroportal;font-style: normal;font-weight: 400;src: url( "../fonts/aeroportal/aeroportal.ttf" ), url( "../fonts/aeroportal/aeroportal.eot" ) format( 'truetype' ); } @font-face { font-family: aeroportal;font-style: normal;font-weight: 700;src: url( "../fonts/aeroportal/aeroportal-bold.ttf" ), url( "../fonts/aeroportal/aeroportal-bold.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: normal;font-weight: 100;src: url( "../fonts/gotham/gotham-light.ttf" ), url( "../fonts/gotham/gotham-light.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: normal;font-weight: 400;src: url( "../fonts/gotham/gotham.ttf" ), url( "../fonts/gotham/gotham.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: normal;font-weight: 700;src: url( "../fonts/gotham/gotham-bold.ttf" ), url( "../fonts/gotham/gotham-bold.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: italic;font-weight: 100;src: url( "../fonts/gotham/gotham-light-italic.ttf" ), url( "../fonts/gotham/gotham-light-italic.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: italic;font-weight: 400;src: url( "../fonts/gotham/gotham-italic.ttf" ), url( "../fonts/gotham/gotham-italic.eot" ) format( 'truetype' ); } @font-face { font-family: gotham;font-style: italic;font-weight: 700;src: url( "../fonts/gotham/gotham-bold-italic.ttf" ), url( "../fonts/gotham/gotham-bold-italic.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: normal;font-weight: 100;src: url( "../fonts/roboto/roboto-light.ttf" ), url( "../fonts/roboto/roboto-light.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: normal;font-weight: 400;src: url( "../fonts/roboto/roboto.ttf" ), url( "../fonts/roboto/roboto.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: normal;font-weight: 700;src: url( "../fonts/roboto/roboto-bold.ttf" ), url( "../fonts/roboto/roboto-bold.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: italic;font-weight: 100;src: url( "../fonts/roboto/roboto-light-italic.ttf" ), url( "../fonts/roboto/roboto-light-italic.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: italic;font-weight: 400;src: url( "../fonts/roboto/roboto-italic.ttf" ), url( "../fonts/roboto/roboto-italic.eot" ) format( 'truetype' ); } @font-face { font-family: roboto;font-style: italic;font-weight: 700;src: url( "../fonts/roboto/roboto-bold-italic.ttf" ), url( "../fonts/roboto/roboto-bold-italic.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: normal;font-weight: 100;src: url( "../fonts/poppins/poppins-light.ttf" ), url( "../fonts/poppins/poppins-light.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: normal;font-weight: 400;src: url( "../fonts/poppins/poppins.ttf" ), url( "../fonts/poppins/poppins.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: normal;font-weight: 700;src: url( "../fonts/poppins/poppins-bold.ttf" ), url( "../fonts/poppins/poppins-bold.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: italic;font-weight: 100;src: url( "../fonts/poppins/poppins-light-italic.ttf" ), url( "../fonts/poppins/poppins-light-italic.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: italic;font-weight: 400;src: url( "../fonts/poppins/poppins-italic.ttf" ), url( "../fonts/poppins/poppins-italic.eot" ) format( 'truetype' ); } @font-face { font-family: poppins;font-style: italic;font-weight: 700;src: url( "../fonts/poppins/poppins-bold-italic.ttf" ), url( "../fonts/poppins/poppins-bold-italic.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: normal;font-weight: 100;src: url( "../fonts/brandon/brandon-light.ttf" ), url( "../fonts/brandon/brandon-light.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: normal;font-weight: 400;src: url( "../fonts/brandon/brandon.ttf" ), url( "../fonts/brandon/brandon.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: normal;font-weight: 700;src: url( "../fonts/brandon/brandon-bold.ttf" ), url( "../fonts/brandon/brandon-bold.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: italic;font-weight: 100;src: url( "../fonts/brandon/brandon-light-italic.ttf" ), url( "../fonts/brandon/brandon-light-italic.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: italic;font-weight: 400;src: url( "../fonts/brandon/brandon-italic.ttf" ), url( "../fonts/brandon/brandon-italic.eot" ) format( 'truetype' ); } @font-face { font-family: brandon;font-style: italic;font-weight: 700;src: url( "../fonts/brandon/brandon-bold-italic.ttf" ), url( "../fonts/brandon/brandon-bold-italic.eot" ) format( 'truetype' ); } * { margin: 0; padding: 0; border: 0; font: inherit; color: inherit; font-size: inherit; text-decoration: none; font-variant: normal; letter-spacing: inherit; word-spacing: inherit; line-height: inherit; vertical-align: baseline; outline: none; box-sizing: border-box; -webkit-tap-highlight-color: transparent;  } *:before,*:after { box-sizing: border-box;  } :root { --fb-primary-color: #95298a; --copyright-primary-color: #2974f2; --cess-primary-color: #ff00f8; --ceas-primary-color: #c52c35; --cal-primary-color: #f32331; --cwp-primary-color: #fc933a; --cim-primary-color: #26b455; --ep-primary-color: #00683d; --cw-primary-color: #00a89b; --cd-primary-color: #00a9dd; --broadcast-primary-color: #006fb6; --search-primary-color: #682e8c; --cpl-primary-color: #f75b35; --cbm-primary-color: #00914d; --takedown-primary-color: #00b477; --csign-primary-color: #30328d; --tsa-primary-color: #201861; --legal-primary-color: #736359; --primary-color: #020545; --primary-color-dark: #020535; --primary-color-darker: #020525; --primary-color-light: #121555; --primary-color-lighter: #222565; --primary-color-rgb: 2, 5, 69; --secondary-color: #f3c361; --secondary-color-dark: #e3b351; --secondary-color-darker: #d3a341; --secondary-color-light: #e5d572; --secondary-color-lighter: #f5e582; --secondary-color-rgb: 243, 195, 97; --tertiary-color: #5a51d8; --tertiary-color-dark: #4a51c8; --tertiary-color-darker: #3a31b8; --tertiary-color-light: #6a61e8; --tertiary-color-lighter: #7a71f8;  } .row { display: block; clear: both;  } .row:after { display: block; width: 100%; height: 0; content: ""; clear: both;  } .col { position: relative; float: left; padding: 0 15px 0 15px;  } .col-np { position: relative; float: left;  } .col-lp-min { position: relative; float: left; padding-left: 10px;  } .col-rp-min { position: relative; float: left; padding-right: 10px;  } .col-tp-min { position: relative; float: left; padding-top: 10px;  } .col-bp-min { position: relative; float: left; padding-bottom: 10px;  } .col-lp-med { position: relative; float: left; padding-left: 20px;  } .col-rp-med { position: relative; float: left; padding-right: 20px;  } .col-tp-med { position: relative; float: left; padding-top: 20px;  } .col-bp-med { position: relative; float: left; padding-bottom: 20px;  } .col-lp-max { position: relative; float: left; padding-left: 40px;  } .col-rp-max { position: relative; float: left; padding-right: 40px;  } .col-tp-max { position: relative; float: left; padding-top: 40px;  } .col-bp-max { position: relative; float: left; padding-bottom: 40px;  } .col-1 { width: 8.33%;  } .col-2 { width: 16.66%;  } .col-3 { width: 25%;  } .col-4 { width: 33.33%;  } .col-5 { width: 41.66%;  } .col-6 { width: 50%;  } .col-7 { width: 58.33%;  } .col-8 { width: 66.66%;  } .col-9 { width: 75%;  } .col-10 { width: 83.33%;  } .col-11 { width: 91.66%;  } .col-12 { width: 100%;  } .aci { position: relative; min-height: 50px; overflow: hidden; border: 2px solid #e6e9ef; border-radius: 5px; background-color: #ffffff;  } .aci span { position: relative; display: block; width: 100%; height: 46px; padding: 0 0 0 10px; line-height: 46px; color: #333333; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  } .aci:after { position: absolute; top: 15px; right: 19px; display: block; width: 12px; height: 12px; content: ""; border-right: 2px solid #e6e9ef; border-bottom: 2px solid #e6e9ef; box-sizing: border-box; transition: all 0.2s; transform: rotate( 45deg );  } .aci:before { position: absolute; top: 0px; right: 50px; display: block; width: 2px; height: 46px; content: ""; background-color: #e6e9ef;  } .aci input { position: absolute; z-index: 6; display: none; top: 62px; left: 20px; width: calc( 100% - 50px ) !important; height: 46px; padding: 10px; color: #666666; border: 2px solid #e6e9ef; border-radius: 3px; clear: both;  } .aci ol { display: none; z-index: 5; width: 100%; padding: 84px 0 0 0; overflow: hidden; list-style-type: none; background-color: #ffffff; border-radius: 0 0 3px 3px; border-top: 2px solid #e6e9ef;  } .aci li { display: block; line-height: 40px; width: 100%; padding: 0 0 0 10px; color: #666666; cursor: pointer; border-top: 2px dotted #e6e9ef;  } .aci li:first-child {  } .aci li:hover { background-color: #f7f6f9;  } .aci .sel { color: #2b2e4f; background-color: #f7f6f9;  } .aciv input { display: block;  } .aciv ol { display: block; list-style: none;  } .aciv:after { top: 17px; transform: rotate( -135deg );  } .aciv span { border-bottom: 0;  } .acivt input { display: block; top: auto; bottom: 40px;  } .acivt ol { display: block; top: auto; bottom: 35px; padding: 0 0 55px 0; border-radius: 3px 3px 0 0; border-bottom: 0; border-top: 1px solid #e6e9ef;  } .cb,.cbs { position: relative; display: block; width: 20px; height: 20px; margin: 0; border: 2px solid var( --primary-color ); background-color: transparent; border-radius: 5px; cursor: pointer; position: relative; display: block; width: 20px; height: 20px; cursor: pointer; border-radius: 4px;  } .cbs { width: 20px; height: 20px; border: 0; background-color: var( --primary-color ); background-color: #3278f9;  } .cbs:before { position: absolute; top: 3px; left: 7px; display: block; width: 6px; height: 12px; content: ""; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; box-sizing: border-box; transform: rotate( 38deg );  } .cb:hover { border: 2px solid var( --primary-color-light ); border: 2px solid #3278f9;  } .cbs:hover { background-color: var( --primary-color-light ); background-color: #3278f9;  } #loading { position: fixed; z-index: 14; top: 0; left: 0; display: block; width: 100%; height: 100%; position: fixed; z-index: 14; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: transparent;  } #loading > div { position: fixed; top: 50%; left: 50%; display: block; width: 110px; height: 110px; transform: translate( -50%, -50% ); position: fixed; top: 50%; left: 50%; display: block; width: 63px; height: 63px; transform: translate( -50%, -50% );  } #loading span,#loading div:before,#loading div:after { position: absolute; top: 50%; display: block; width: 24px; height: 24px; background-color: var( --primary-color ); border-radius: 50%; content: ""; animation: loading 1.4s ease-in-out infinite;  } #loading div:before { left: 0px; margin: -12px 0 0 0; animation-delay: 0s;  } #loading span { left: 50%; margin: -12px 0 0 -12px; animation-delay: 0.2s; display: block; float: left; width: 20px; height: 20px; margin: 0 1px 1px 0; background-color: #c52c35; border-radius: 3px; animation: loading 1.4s ease-in-out infinite;  } #loading div:after { right: 0px; margin: -12px 0 0 0; animation-delay: 0.4s;  } #popup { position: fixed; z-index: 15; display: none; top: 0; left: 0; width: 100%; height: 100%; padding: 0; background-color: rgba( 0, 0, 0, 0.2 ); position: fixed; z-index: 13; display: none; top: 0; left: 0; width: 100%; height: 100%; padding: 0; background-color: rgba( 0, 0, 0, 0.2 );  } #popup section { position: absolute; top: 50%; left: 50%; display: block; max-width: 600px; width: calc( 100% - 40px ); padding: 0; overflow: hidden; background-color: #ffffff; transform: translate( -50%, -80% ); position: absolute; top: 50%; left: 50%; display: block; max-width: 600px; width: calc( 100% - 40px ); padding: 0; overflow: hidden; background-color: #ffffff; transform: translate( -50%, -80% );  } #popup header { display: block; height: 55px; padding: 0 0 0 20px; line-height: 50px; color: #2b2e4f; font-size: 18px; font-weight: bold; display: block; height: 55px; padding: 0 0 0 20px; line-height: 50px; color: #2b2e4f; font-size: 18px; font-weight: bold;  } #popup header span { position: relative; display: block; float: right; width: 50px; height: 50px; cursor: pointer; position: relative; display: block; float: right; width: 50px; height: 50px; cursor: pointer;  } #popup header span:before,#popup header span:after { position: absolute; top: 24px; left: 15px; display: block; width: 20px; height: 2px; background-color: #2b2e4f; content: ""; opacity: 0.5; position: absolute; top: 24px; left: 15px; display: block; width: 20px; height: 2px; background-color: #2b2e4f; content: ""; opacity: 0.5;  } #popup header span:before { transform: rotate( -45deg ); transform: rotate( -45deg );  } #popup header span:after { transform: rotate( 45deg ); transform: rotate( 45deg );  } #popup header span:hover:before,#popup header span:hover:after { opacity: 1; opacity: 1;  } #popup .error { border-top: 5px solid #d04030; border-top: 5px solid #d04030;  } #popup .success { border-top: 5px solid #7cb644; border-top: 5px solid #7cb644;  } #popup .warning { border-top: 5px solid #eea510; border-top: 5px solid #eea510;  } #popup article { display: block; min-height: 80px; padding: 20px; font-size: 16px; color: #70757a; line-height: 150%; background-color: #ffffff; overflow: hidden; clear: both; display: block; min-height: 80px; padding: 20px; font-size: 16px; color: #70757a; line-height: 150%; background-color: #ffffff; overflow: hidden; clear: both;  } #popup label { float: left; line-height: 20px; float: left; line-height: 20px;  } #popup .row { display: block; padding: 20px 0 20px 0; display: block; padding: 20px 0 20px 0;  } #popup .fieldtype { display: block; list-style: none;  } #popup .fieldtype:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #popup .fieldtype li { display: block; float: left; width: 33.33%;  } #popup .fieldtype li span { display: block; margin: 10px 10px 10px 10px; height: 40px; line-height: 40px; text-align: center; color: #787878; border-radius: 5px; background-color: #e5e5e5; cursor: pointer;  } #popup .fieldtype li.sel span { color: #ffffff; background-color: #5342a4;  } #popup footer { display: block; height: 80px; margin: 0; padding: 20px 20px 20px 20px; clear: both; border-top: 2px solid #e5e5e7; background-color: #f8f8fa; display: block; height: 80px; margin: 0; padding: 20px 20px 20px 20px; clear: both; border-top: 2px solid #e5e5e7; background-color: #f8f8fa;  } #popup footer span { position: relative; display: block; float: left; min-width: 100px; height: 40px; padding: 0 15px 0 15px; line-height: 36px; font-weight: bold; cursor: pointer; text-align: center; text-transform: uppercase; border-radius: 5px; overflow: hidden; color: #9ba8b0; border: 2px solid #9ba8b0; position: relative; display: block; float: left; min-width: 100px; height: 40px; padding: 0 15px 0 15px; line-height: 36px; font-weight: bold; cursor: pointer; text-align: center; text-transform: uppercase; border-radius: 3px; overflow: hidden; color: #9ba8b0; border: 2px solid #9ba8b0;  } #popup footer span:hover { background-color: #f0f0f0; background-color: #f0f0f0;  } #popup footer span:nth-child( 2 ) { float: right; float: right;  } #blacklist { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #000000;  } #blacklist article { position: absolute; top: 50%; left: 50%; display: block; width: 100%; max-width: 500px; transform: translate( -50%, -50% );  } #blacklist h1 { margin: 0 0 10px 0; font-size: 28px; color: #ed1c24; line-height: 100%; text-align: center;  } #blacklist p { margin: 0 0 0 0; font-size: 18px; color: #ffffff; line-height: 180%; font-weight: lighter; text-align: center;  } #download-message { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #ee2c23;  } #download-message p { position: absolute; top: 50%; left: 0; width: 100%; color: #ffffff; font-size: 5vw; text-align: center; clear: both; line-height: 100%; text-transform: uppercase; text-shadow: 0 0 1px rgba( 0, 0, 128, 0.5 ); transform: translate( 0, -50% );  } #notification { display: block; margin: 0 auto 20px auto; padding: 10px 20px 10px 20px; line-height: 180%; background-color: #eea510; color: #000000; text-align: center;  } html, body { width: 100%; height: 100%; min-height: 100%; background-color: #d7d9df;  } html { position: relative; overflow: auto;  } strong, b { font-weight: bold;  } em, i { font-style: italic;  } table { border-collapse: collapse; border-spacing: 0;  } body { font-size: 14px; font-family: poppins, helvetica, arial; text-align: left;  } textarea:focus, input:focus { outline: none;  } form { display: inline; margin: 0; padding: 0;  } #all { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; height: auto; margin: 0; overflow: auto; background-color: #d7d9df; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; overflow-x: hidden;  } #all:before {  } #all:after { display: block; width: 100%; content: ""; clear: both;  } #loadtime { position: fixed; z-index: 5; width: 73px; bottom: 0px; left: -70px; padding: 9px 0px 9px 0px; background-color: #000000; color: #ffffff; text-align: center; font-weight: bold;  } #loadtime:hover { left: 0px;  } .nosel {  } #maintenance { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;  } #maintenance article { position: absolute; top: 50%; left: 50%; display: block; width: 100%; max-width: 500px; transform: translate( -50%, -50% );  } #maintenance img { display: block; width: 100px; height: 100px; margin: 0 auto 20px auto; border: 2px solid #ffffff; border-radius: 50%;  } #maintenance h1 { margin: 0 0 10px 0; font-size: 28px; color: #052850; line-height: 100%; text-align: center;  } #maintenance p { margin: 0 10px 0 10px; font-size: 18px; color: #333333; line-height: 180%; font-weight: lighter; text-align: center;  } #page-not-found { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #052850;  } #page-not-found article { position: absolute; top: 50%; left: 50%; display: block; width: 100%; max-width: 500px; transform: translate( -50%, -50% );  } #page-not-found img { display: block; width: 80px; height: 80px; margin: 0 auto 20px auto; border: 2px solid #ffffff; border-radius: 50%;  } #page-not-found p { margin: 0 0 0 0; font-size: 18px; color: #ffffff; font-weight: normal; text-align: center; line-height: 180%;  } #page-not-found a { color: #0bbbff;  } #page-not-found a:hover { color: #ed1c24;  } .calendar { position: fixed; display: none; left: 50%; top: 50%; z-index: 12; width: 258px; margin: 0; padding: 0 0 10px 0; text-transform: uppercase; overflow: hidden; border-radius: 3px; background-color: #ffffff; box-shadow: 2px 5px 20px 0 rgba( 0, 0, 0, 0.2 ), 0 6px 6px 0 rgba( 0, 0, 0, 0.3 ); transform: translate( -50%, -50% );  } .calendar .cal-nav { display: block; width: 100%; height: 50px; margin: 0 0 0 0; padding: 10px 20px 0 20px; line-height: 40px; color: #202b4b; font-size: 14px; text-align: center; background-color: #f5f5f5;  } .calendar .cal-nav div { float: left; font-weight: bold; margin: 0 10px 0 0; cursor: pointer;  } .calendar .cal-nav span { position: relative; display: block; float: right; width: 30px; height: 40px; cursor: pointer; opacity: 0.7;  } .calendar .cal-nav span:after { position: absolute; top: 14px; display: block; width: 8px; height: 8px; border-top: 2px solid #202b4b; content: "";  } .calendar .cal-nav span:not(:last-child):after { right: 5px; border-right: 2px solid #202b4b; transform: rotate( 45deg );  } .calendar .cal-nav span:last-child:after { left: 5px; border-left: 2px solid #202b4b; transform: rotate( -45deg );  } .calendar .cal-nav span:hover { opacity: 1;  } .calendar ol { display: block; width: 100%; height: 40px; margin: 0 0 10px 0; padding: 0 10px 0 10px; list-style-type: none; color: #f58220; background-color: #f5f5f5;  } .calendar ol li { position: relative; float: left; width: 34px; height: 40px; line-height: 40px; margin: 0; padding: 0; font-weight: normal; font-size: 14px; text-align: center;  } .calendar ol li:last-child { border-right: 0;  } .calendar ul { display: block; width: 100%; margin: 0; padding: 0 10px 0 10px; list-style-type: none; background-color: #ffffff;  } .calendar ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } .calendar ul li { position: relative; float: left; width: 34px; height: 34px; margin: 0; padding: 0; line-height: 34px; font-weight: normal; color: #aaaaaa; font-size: 14px; text-align: center;  } .calendar ul .day { cursor: pointer; font-weight: bold; color: #202b4b; border-radius: 50%;  } .calendar ul .day:hover { color: #000000; background-color: #f0f0f0;  } .calendar ul .sel { color: #ffffff; background-color: #202b4b;  } .calendar ul .today { color: #f58220;  } .calendar .cal-frame { position: absolute; z-index: 12; display: none; top: 60px; left: 0; width: 100%; height: 100%; padding: 40px 5px 0 5px; background-color: #ffffff;  } .calendar .cal-frame:after { display: block; width: 100%; height: 0; clear: both; content: "";  } .calendar .cal-frame span { display: block; float: left; width: 33.33%; padding: 5px;  } .calendar .cal-frame strong { display: block; background-color: #f5f5f5; font-size: 14px; border-radius: 4px; line-height: 34px; font-weight: bold; font-style: normal; text-align: center; color: #202b4b; text-transform: none; cursor: pointer; opacity: 0.8;  } .calendar .cal-frame strong:hover { opacity: 1;  } .calendar .cal-frame .sel strong { background-color: #202b4b; color: #ffffff;  } .calendar .cal-footer { display: block; height: 25px; padding: 5px 0 0 20px; line-height: 15px;  } .calendar .cal-footer span { display: block; float: left; margin: 0 10px 0 0; font-weight: bold; font-size: 12px; color: #202b4b; cursor: pointer;  } .calendar .cal-footer span:hover { color: #f58220;  } .cb { border: 2px solid #3278f9;  } .cbs:after { position: absolute; top: 4px; left: 8px; display: block; width: 5px; height: 10px; content: ""; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate( 40deg );  } .imagefile { position: relative; display: block; width: 100px; height: 100px; background-color: #f5f5f7; border-radius: 4px; border: 2px dashed #8a8ea5; background: no-repeat scroll center center / cover;  } .imagefile:before { position: absolute; top: 47px; left: 38px; display: block; width: 20px; height: 2px; content: ""; background-color: #d5d5d7;  } .imagefile:after { position: absolute; top: 38px; left: 47px; display: block; width: 2px; height: 20px; content: ""; background-color: #d5d5d7;  } .imagefile input { position: absolute; top: 0; left: 0; opacity: 0; width: 100% !important; height: 100% !important; overflow: hidden; cursor: pointer;  } .imagefile span { position: absolute; top: -10px; right: -10px; display: none; width: 20px; height: 20px; background-color: #ed1c24; border-radius: 50%; cursor: pointer; opacity: 0.7;  } .imagefile span:hover { opacity: 1;  } .imagefile span:before,.imagefile span:after { position: absolute; top: 50%; left: 50%; display: block; width: 2px; height: 12px; margin: -6px 0 0 -1px; content: ""; background-color: #ffffff;  } .imagefile span:before { transform: rotate( -45deg );  } .imagefile span:after { transform: rotate( 45deg );  } .imagefile-available span { display: block;  } .imagefile-available:after,.imagefile-available:before { display: none;  } #loading span:nth-child( 7 ) { animation-delay: 0s;  } #loading span:nth-child( 4 ),#loading span:nth-child( 8 ) { animation-delay: 0.1s;  } #loading span:nth-child( 1 ),#loading span:nth-child( 5 ),#loading span:nth-child( 9 ) { animation-delay: 0.2s;  } #loading span:nth-child( 2 ),#loading span:nth-child( 6 ) { animation-delay: 0.3s;  } #loading span:nth-child( 3 ) { animation-delay: 0.4s;  } .select { position: relative; display: block; width: 100%; height: 44px; margin: 0; cursor: pointer; background-color: transparent; border-bottom: 2px solid #e8e8e6; line-height: 42px; color: #333333;  } .select:after { position: absolute; top: 0; left: 0; width: calc( 100% - 40px ); padding: 0; content: attr( data-name ); color: #333333; line-height: 42px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  } .select:before { position: absolute; top: 10px; right: 2px; display: block; width: 12px; height: 12px; content: ""; border-right: 2px solid #e8e8e6; border-bottom: 2px solid #e8e8e6; opacity: 0.8; transform: rotate( 45deg );  } .select select { position: absolute; z-index: 3; top: 0; left: 0; display: block; width: 100%; height: 40px; padding: 0 0 0 10px; font-size: 14px; color: #717478; outline: 0; text-indent: 0.01px; text-overflow: ""; appearance: none; -webkit-appearance: none; -moz-appearance: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; opacity: 0;  } .select select::-ms-expand { display: none;  } .select select:focus { background-color: #ffffff; border: 1px solid #d5d5d5;  } .select option { line-height: 40px;  } .off,.on { position: relative; display: inline-block; width: 40px; height: 16px; border-radius: 16px; background-color: #969696; cursor: pointer;  } .off:before,.on:before { position: absolute; top: -2px; left: -2px; display: block; width: 20px; height: 20px; content: ""; box-shadow: 0px 3px 1px -2px rgba( 0, 0, 0, 0.2 ), 0px 2px 2px 0px rgba( 0, 0, 0, 0.14 ), 0px 1px 5px 0px rgba( 0, 0, 0, 0.12 ); border-radius: 50%; background-color: #f0f0f0; transition: all 0.1s ease-in-out;  } .on { background-color: #6ac259;  } .on:before { top: -2px; left: 20px; background-color: #579e49;  } .off:after { position: absolute; top: -12px; left: -12px; display: block; width: 40px; height: 40px; content: ""; border-radius: 50%; background-color: rgba( 0, 0, 0, 0.1 ); transition: opacity 0.3s ease-in-out; opacity: 0;  } .on:after { position: absolute; top: -12px; left: 10px; display: block; width: 40px; height: 40px; content: ""; border-radius: 50%; background-color: rgba( 24, 130, 94, 0.3 ); transition: opacity 0.3s ease-in-out; opacity: 0;  } .off:hover:after,.on:hover:after { opacity: 1;  } #header .header-acc { position: absolute; top: 70px; right: 10px; display: none; width: 300px; padding: 20px 0 0 0; border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 20px 1px rgba( 0, 0, 0, 0.2 );  } #header .header-acc:after { position: absolute; top: -5px; right: 75px; display: block; width: 10px; height: 10px; content: ""; background-color: #ffffff; transform: rotate( 45deg );  } #header .header-acc > div { position: relative; height: 90px; margin: 0 0 20px 0; padding: 5px 0 0 110px; border-bottom: 1px solid #f0f0f0;  } #header .header-acc > div figure { position: absolute; top: 0; left: 20px; display: block; width: 70px; height: 70px; background-color: #f0f0f0; border-radius: 50%; overflow: hidden;  } #header .header-acc > div figure img { display: block; width: 100%;  } #header .header-acc > div figure span { display: block; line-height: 70px; text-align: center; font-size: 20px; font-weight: bold; color: #1b1464; text-transform: uppercase;  } #header .header-acc > div h2 { margin: 0 0 0 0; overflow: hidden; font-weight: bold; color: #333333; line-height: 20px;  } #header .header-acc > div > h3 { margin: 0; line-height: 20px;  } #header .header-acc > div > span { margin: 0 0 10px 0; overflow: hidden; color: #666666; line-height: 20px;  } #header .header-acc > div > figure i { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 0 0 5px 0; line-height: 30px; text-align: center; background-color: rgba( 0, 0, 0, 0.5 ); color: #ffffff; font-style: normal; text-transform: uppercase; font-size: 10px; cursor: pointer;  } #header .header-acc footer { display: block; height: 80px; background-color: #e9efff; padding: 20px 20px 20px 20px; border-radius: 0 0 5px 5px;  } #header .header-acc footer span { display: block; float: right; min-width: 80px; padding: 0 15px 0 15px; line-height: 40px; border-radius: 5px; background-color: #357af9; color: #ffffff; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: bold; cursor: pointer;  } #header .header-acc footer span:hover { background-color: #538ef6;  } #header .header-acc footer i { display: block; float: left; margin: 0 20px 0 0; line-height: 40px; font-style: normal; cursor: pointer; color: #357af9; cursor: pointer;  } #header .header-acc footer i:hover { color: #ed1c24;  } #header .header-acc h3 { font-weight: bold; margin: 0 20px 10px 20px; color: #357af9; cursor: pointer; line-height: 100%;  } #header .header-acc h3:hover { color: #ed1c24;  } #header .header-acc p { margin: 0 20px 20px 20px; color: #666666; font-size: 12px;  } #header .header-modules { position: absolute; top: 70px; right: 10px; display: none; padding: 10px; border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 20px 1px rgba( 0, 0, 0, 0.2 );  } #header .header-modules h3 { display: block; margin: 0 5px 15px 5px; padding: 10px 0 15px 0; line-height: 100%; color: #1a1363; border-bottom: 1px solid #f0f0f0; font-weight: bold; text-transform: uppercase;  } #header .header-modules ul { display: block; width: 240px; list-style: none;  } #header .header-modules ul:before { position: absolute; top: -5px; right: 25px; display: block; width: 10px; height: 10px; margin: 0 0 0 -5px; background-color: #ffffff; transform: rotate( 45deg ); content: "";  } #header .header-modules ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #header .header-modules ul li { position: relative; display: block; float: left; height: 36px; width: calc( 25% - 10px ); margin: 5px 5px 5px 5px; border: 1px solid #365a88; overflow: hidden; border-radius: 5px 5px 15px 5px; perspective: 50px;  } #header .header-modules ul .inactive { filter: grayscale( 1 ); opacity: 0.4;  } #header .header-modules ul li:after { z-index: 1; position: absolute; bottom: -1px; right: -1px; display: block; width: 8px; height: 8px; border: 1px solid #365a88; background-color: #ffffff; content: "";  } #header .header-modules a { position: absolute; z-index: 9; top: 0; left: 0; display: block; width: 100%; height: 36px;  } #header .header-modules ul h6 { z-index: 1; position: absolute; left: 8px; top: 10px; display: block; width: 30px; color: #ffffff; font-weight: bold; line-height: 10px; font-size: 10px;  } #header .header-modules ul li:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; transition: all 0.25s ease-in-out; transform-style: preserve-3d; transform: rotate3d(1, 1, 0, 25deg);  } #header .header-modules ul li:hover:before { transform-style: none; transform: rotate3d(0, 0, 0, 0);  } #header .header-modules ul .gb:before { background-color: #95298a;  } #header .header-modules ul .cop:before { background-color: #2974f2;  } #header .header-modules ul .cess:before { background-color: #ff00f8;  } #header .header-modules ul .ceas:before { background-color: #c52c35;  } #header .header-modules ul .cal:before { background-color: #f32331;  } #header .header-modules ul .cwp:before { background-color: #fc933a;  } #header .header-modules ul .cim:before { background-color: #26b455;  } #header .header-modules ul .ep:before { background-color: #00683d;  } #header .header-modules ul .cw:before { background-color: #00a89b;  } #header .header-modules ul .cd:before { background-color: #00a9dd;  } #header .header-modules ul ._b:before { background-color: #006fb6;  } #header .header-modules ul ._s:before { background-color: #682e8c;  } #header .header-modules ul .cpl:before { background-color: #f75b35;  } #header .header-modules ul .cbm:before { background-color: #00914d;  } #header .header-modules ul ._t:before { background-color: #00b477;  } #header .header-modules ul .csign:before { background-color: #30328d;  } #header .header-modules ul .tsa:before { background-color: #201861;  } #header .header-modules ul .legal:before { background-color: #736359;  } #header { position: fixed; z-index: 9; top: 0; left: 0; display: block; width: 100%; height: 60px; padding: 0 0 0 10px; background-color: #c52c35; box-shadow: 0px 0px 0px 1px #e54c55;  } #header .logo { position: absolute; top: 0; left: 20px; display: block; width: 150px; height: 60px; background: url( "../images/accounts/accounts.png" ) no-repeat -100px -20px; cursor: pointer;  } #header .logo:after { position: absolute; bottom: 10px; right: 0; content: attr( data-label ); color: rgba( 255, 255, 255, 0.7 ); text-transform: uppercase; font-size: 10px; line-height: 100%;  } #header nav { position: relative; display: block; float: right; height: 60px;  } #header nav .lang { position: relative; display: block; float: left; width: 61px; height: 60px; border-left: 1px solid rgba( 255, 255, 255, 0.2 );  } #header nav .lang > span { display: block; line-height: 60px; text-align: center; color: #ffffff; font-weight: bold; text-transform: uppercase; cursor: pointer;  } #header nav .lang ul { display: block; position: absolute; top: 100%; display: none; width: 100%; margin-top: 1px; list-style: none; background-color: #c52c35;  } #header nav .lang ul li { display: block;  } #header nav .lang ul li a { display: block; line-height: 40px; text-align: center; color: #ffffff; text-transform: uppercase;  } #header nav .lang ul a:hover { background-color: #d53c45;  } #header nav .notifications { position: relative; display: block; float: left; width: 61px; height: 60px; border-left: 1px solid rgba( 255, 255, 255, 0.2 ); cursor: pointer;  } #header nav .notifications:before { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 60px; background: url( "../images/accounts/accounts.png" ) no-repeat -720px -20px; content: "";  } #header nav .messages { position: relative; display: block; float: left; width: 61px; height: 60px; border-left: 1px solid rgba( 255, 255, 255, 0.2 ); cursor: pointer;  } #header nav .messages:before { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 60px; background: url( "../images/accounts/accounts.png" ) no-repeat -820px -20px; content: "";  } #header nav .cwallet { position: relative; display: block; float: left; width: 121px; height: 60px; border-left: 1px solid rgba( 255, 255, 255, 0.2 );  } #header nav .cwallet > span { display: block; padding: 0 0 0 20px; line-height: 60px; color: #ffffff; font-weight: bold; text-transform: uppercase; cursor: pointer;  } #header nav .cwallet > span:after { content: " €";  } #header nav .cwallet > span:before { position: absolute; top: 25px; right: 20px; width: 8px; height: 8px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate( 45deg ); content: "";  } #header nav .cwallet ul { display: block; position: absolute; top: 100%; display: none; width: 100%; margin-top: 1px; list-style: none; background-color: #c52c35;  } #header nav .cwallet ul li { display: block;  } #header nav .cwallet ul li a { display: block; padding: 0 0 0 20px; line-height: 40px; color: #ffffff; text-transform: uppercase; font-size: 12px;  } #header nav .cwallet ul a:hover { background-color: #d53c45;  } #header nav .my { position: relative; display: block; float: left; width: 61px; height: 60px; border-left: 1px solid rgba( 255, 255, 255, 0.2 ); cursor: pointer;  } #header nav .my figure { top: 10px; left: 10px; position: absolute; display: block; width: 40px; height: 40px; overflow: hidden; border-radius: 50%;  } #header nav .my figure span { display: block; line-height: 40px; text-align: center; color: #ffffff; font-weight: bold;  } #header nav .my figure img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;  } #header nav .my .default:before { position: absolute; top: -30px; left: -30px; display: block; width: 100px; height: 100px; background: url( "../images/accounts/accounts.png" ) no-repeat -900px 0px; content: "";  } #header nav .my .no-avatar { background: #155ad9;  } #header nav .mm { position: relative; display: block; float: left; width: 61px; height: 60px; border-left: 1px solid rgba( 255, 255, 255, 0.2 ); cursor: pointer;  } #header nav .mm:before { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 60px; background: url( "../images/accounts/accounts.png" ) no-repeat -1020px -20px; content: "";  } #header nav .info:after { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; line-height: 20px; font-size: 10px; color: #ffffff; text-align: center; content: attr( data-info ); background-color: #dc2323; border-radius: 50%; box-shadow: 0 0 0 2px #357af9; font-weight: bold;  } #footer { position: absolute; z-index: 9; left: 0; bottom: 0; display: block; width: 100%; height: 50px; background-color: #c52c35;  } #footer .seal { position: absolute; bottom: 10px; left: 50%; display: block; width: 80px; height: 80px; padding: 5px; margin: 0 0 0 -40px; background-color: #ffffff; border-radius: 50%;  } #dashboard > div { display: block; min-height: 200px; margin: 0 0 20px 0;  } #dashboard > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #dashboard > div > article { position: relative; display: block; float: left; width: 16%; margin: 0 0 20px 0;  } #dashboard > div > article > div { height: 200px; margin: 0 20px 0 0; background-color: #ffffff;  } #dashboard > div > article label { display: block; margin: 0 0 10px 20px; padding: 20px 0 0 0; line-height: 100%; color: #bcbbb6; font-style: italic;  } #dashboard > div > article h3 { margin: 0 0 10px 20px; font-size: 26px; color: #2974f2; font-weight: bold;  } #dashboard > div > article h4 { position: relative; margin: 0 0 0 20px; padding: 0 0 0 25px; font-size: 14px; font-weight: bold; color: #6db94a;  } #dashboard > div > article h4:after { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; background: url( "../images/accounts/accounts.png" ) no-repeat -139px -240px; content: "";  } #dashboard > div > article .down { color: #f32731;  } #dashboard > div > article .down:after { background-position: -239px -239px;  } #dashboard > div > article figure { position: absolute; display: block; width: 200px; height: 200px; background: url( "../images/accounts/accounts.png" ) no-repeat 0 0; transform: scale( 0.3 );  } #dashboard > div > article span { position: absolute; bottom: 20px; right: 40px; display: block; padding: 0 0 0 15px; line-height: 100%; font-size: 12px; font-weight: bold; color: #2974f2;  } #dashboard > div > article span:before { position: absolute; top: 0; left: 0; display: block; width: 12px; height: 12px; background: url( "../images/accounts/accounts.png" ) no-repeat -44px -243px; content: "";  } #dashboard > div > article em { position: absolute; bottom: 20px; right: 40px; display: block; width: calc( 100% - 60px ); padding: 0 30px 0 15px; line-height: 38px; font-style: normal; color: #ffffff; text-transform: uppercase; background-color: #2974f2; border-radius: 3px; text-align: center; font-size: 12px; cursor: pointer;  } #dashboard > div > article em:before { position: absolute; top: 13px; right: 10px; display: block; width: 12px; height: 12px; background: url( "../images/accounts/accounts.png" ) no-repeat -44px -143px; content: "";  } #dashboard > div .c-wallet { width: 20%;  } #dashboard > div .c-wallet > div { background-color: #2974f2;  } #dashboard > div .c-wallet label { color: #ffffff;  } #dashboard > div .c-wallet h3 { font-size: 30px; color: #ffffff;  } #dashboard > div .c-wallet h4 { position: absolute; top: 63px; right: 40px; color: #ffffff;  } #dashboard > div .c-wallet figure { left: -60px; bottom: -60px; background-position: 0px -500px;  } #dashboard > div .c-wallet span { right: 40px; bottom: 30px; color: #ffffff;  } #dashboard > div .c-wallet span:before { background-position: -44px -143px;  } #dashboard > div .followers {  } #dashboard > div .followers > div {  } #dashboard > div .followers label {  } #dashboard > div .followers h3 {  } #dashboard > div .followers h4 {  } #dashboard > div .followers figure { right: -40px; bottom: -60px; background-position: -200px -500px;  } #dashboard > div .followers span { left: 20px; bottom: 30px;  } #dashboard > div .following {  } #dashboard > div .following > div {  } #dashboard > div .following label {  } #dashboard > div .following h3 {  } #dashboard > div .following h4 {  } #dashboard > div .following figure { right: -40px; bottom: -60px; background-position: -400px -500px;  } #dashboard > div .following span { left: 20px; bottom: 30px;  } #dashboard > div .posts {  } #dashboard > div .posts > div {  } #dashboard > div .posts label {  } #dashboard > div .posts h3 {  } #dashboard > div .posts figure { right: -40px; bottom: 0px; background-position: -600px -500px;  } #dashboard > div .posts span { left: 20px; bottom: 90px;  } #dashboard > div .posts em {  } #dashboard > div .events {  } #dashboard > div .events > div {  } #dashboard > div .events label {  } #dashboard > div .events h3 {  } #dashboard > div .events figure { right: -40px; bottom: 0px; background-position: -800px -500px;  } #dashboard > div .events span { left: 20px; bottom: 90px;  } #dashboard > div .events em {  } #dashboard > div .protecteditems {  } #dashboard > div .protecteditems > div {  } #dashboard > div .protecteditems label {  } #dashboard > div .protecteditems h3 {  } #dashboard > div .protecteditems figure { right: -40px; bottom: 0px; background-position: -1400px -500px;  } #dashboard > div .protecteditems span { left: 20px; bottom: 90px;  } #dashboard > div .protecteditems em {  } #dashboard > div .gigs { width: 26%;  } #dashboard > div .gigs > div { border-radius: 0 0 0 50px;  } #dashboard > div .gigs h3 {  } #dashboard > div .gigs figure { top: -25px; right: 0px; background-position: -1000px -500px; transform: scale( 0.5 );  } #dashboard > div .gigs span { left: 20px; bottom: 30px;  } #dashboard > div .gigs span:before {  } #dashboard > div .gigs em { width: auto;  } #dashboard > div .affiliates { width: 26%;  } #dashboard > div .affiliates > div { border-radius: 0 0 0 50px;  } #dashboard > div .affiliates h3 {  } #dashboard > div .affiliates figure { top: -25px; right: 0px; background-position: -1200px -500px; transform: scale( 0.5 );  } #dashboard > div .affiliates span { left: 20px; bottom: 30px;  } #dashboard > div .affiliates span:before {  } #dashboard > div .affiliates em { width: auto;  } #dashboard > div .all-modules { width: 48%;  } #dashboard > div .all-modules > div { border: 1px dashed #c6d8fc; background-color: transparent;  } #dashboard > div .all-modules label { text-transform: uppercase; font-style: normal; font-weight: bold; color: #2a75f2;  } #dashboard > div .all-modules p { display: block; max-width: 30%; margin: 0 0 10px 20px; padding: 20px 0 0 0; font-size: 12px; line-height: 150%; color: #636460;  } #dashboard > div .all-modules span { left: 20px; bottom: 30px; right: auto;  } #dashboard > div .all-modules span:before {  } #dashboard > div .all-modules ul { position: absolute; top: 50%; right: 40px; display: block; width: 100%; max-width: 60%; list-style: none; transform: translate( 0, -50% );  } #dashboard > div .all-modules ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #dashboard > div .all-modules ul li { position: relative; display: block; float: left; height: 36px; width: calc( 16.66% - 10px ); margin: 5px 5px 5px 5px; border: 1px solid #365a88; overflow: hidden; border-radius: 5px 5px 15px 5px; perspective: 50px;  } #dashboard > div .all-modules ul li:after { z-index: 1; position: absolute; bottom: -1px; right: -1px; display: block; width: 8px; height: 8px; border: 1px solid #365a88; background-color: #ffffff; content: "";  } #dashboard > div .all-modules ul h6 { z-index: 1; position: absolute; left: 8px; top: 10px; display: block; width: 30px; color: #ffffff; font-weight: bold; line-height: 10px; font-size: 10px;  } #dashboard > div .all-modules ul li:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; transition: all 0.25s ease-in-out; transform-style: preserve-3d; transform: rotate3d(1, 1, 0, 25deg);  } #dashboard > div .all-modules ul li:hover:before { transform-style: none; transform: rotate3d(0, 0, 0, 0);  } #dashboard > div .all-modules ul .gb:before { background-color: #95298a;  } #dashboard > div .all-modules ul .cop:before { background-color: #2974f2;  } #dashboard > div .all-modules ul .cess:before { background-color: #ff00f8;  } #dashboard > div .all-modules ul .ceas:before { background-color: #c52c35;  } #dashboard > div .all-modules ul .cal:before { background-color: #f32331;  } #dashboard > div .all-modules ul .cwp:before { background-color: #fc933a;  } #dashboard > div .all-modules ul .cim:before { background-color: #26b455;  } #dashboard > div .all-modules ul .ep:before { background-color: #00683d;  } #dashboard > div .all-modules ul .cw:before { background-color: #00a89b;  } #dashboard > div .all-modules ul .cd:before { background-color: #00a9dd;  } #dashboard > div .all-modules ul ._b:before { background-color: #006fb6;  } #dashboard > div .all-modules ul ._s:before { background-color: #682e8c;  } #dashboard > div .all-modules ul .cpl:before { background-color: #f75b35;  } #dashboard > div .all-modules ul .cbm:before { background-color: #00914d;  } #dashboard > div .all-modules ul ._t:before { background-color: #00b477;  } #dashboard > div .all-modules ul .csign:before { background-color: #30328d;  } #dashboard > div .all-modules ul .tsa:before { background-color: #201861;  } #dashboard > div .all-modules ul .legal:before { background-color: #736359;  } #dashboard > div .all-modules ul i { position: absolute; bottom: 4px; left: 4px; width: 28px; height: 2px; background-image: linear-gradient( to right, #ffffff, #ffffff 2px, transparent 2px, transparent 4px, #ffffff 4px, #ffffff 14px, transparent 14px, transparent 16px, #ffffff 16px, #ffffff );  } #dashboard > div .all-modules ul a { position: absolute; z-index: 1; bottom: 0; left: 0; display: block; width: 100%; height: 100%;  } #dashboard { display: none; max-width: 1420px; margin: 0 auto 0 auto; padding: 100px 0 100px 10px;  } #dashboard:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #dashboard header { position: relative; display: block; margin: 0 0 50px 0; padding: 0 10px 0 0;  } #dashboard header figure { position: absolute; top: 0; left: 20px; display: none; width: 60px; height: 60px; background-color: #2472f0; border-radius: 50%; overflow: hidden;  } #dashboard header figure img { display: block; width: 100%; height: 100%;  } #dashboard header figure span { display: block; line-height: 60px; text-align: center; color: #ffffff; font-weight: bold; font-size: 18px;  } #dashboard header h2 { position: absolute; top: 0; left: 0; height: 50px; overflow: hidden; font-size: 24px; line-height: 50px; font-weight: bold; color: #343330; white-space: nowrap;  } #dashboard header span { display: inline-block; color: #246cf1;  } #dashboard header p { text-align: center; color: #a6a8a2; font-size: 20px; line-height: 50px;  } #acc { position: fixed; z-index: 7; top: 0; left: 0; width: 100%; height: 100%;  } #acc section { position: absolute; top: 50%; left: 0; width: 100%; max-height: calc( 100% - 50px ); padding: 50px 0 0 0; transform: translate( 0px, -50% ); overflow: auto;  } #acc header { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 50px; padding: 0 0 0 20px; background-color: #ffffff; line-height: 50px; color: #052850; font-weight: bold; box-shadow: 0 0 0 1px #e0e0e0;  } #acc header span { position: absolute; top: 0; right: 0; width: 50px; height: 50px; cursor: pointer;  } #acc header span:before,#acc header span:after { position: absolute; top: 24px; left: 23px; display: block; width: 14px; height: 2px; background-color: #052850; content: ""; transition: all 0.25s ease-in-out;  } #acc header span:before { transform: rotate( 45deg );  } #acc header span:after { transform: rotate( -45deg );  } #acc header span:hover:before,#acc header span:hover:after { background-color: #ed1c24;  } #acc label { display: block; margin: 0 0 5px 0; clear: both; color: #9da3a8; line-height: 100%; font-size: 12px; text-transform: uppercase; font-weight: bold;  } #acc label img { display: block; height: 12px;  } #acc .label-inline { float: left; margin: 0 0 0 0; clear: none; line-height: 20px; text-transform: none;  } #acc .cb,#acc .cbs { float: left; margin: 0 10px 0 0;  } #acc .on,#acc .off { float: left; margin: 2px 10px 0 0;  } #acc .submit { display: block; margin: 0 0 20px 0; clear: both; font-size: 14px; font-weight: bold; color: #ffffff; line-height: 100px; line-height: 44px; cursor: pointer; text-align: center; text-transform: uppercase; clear: both; background-color: #357af9; border-radius: 3px;  } #acc .submit:hover { background-color: #458aff;  } #acc .avatar { position: relative; display: block; clear: both; height: 0; margin: 0 0 20px 0; padding: 0 0 calc( 100% - 0px ) 0; background: center center / cover #f0f5fa; border-radius: 5px; overflow: hidden;  } #acc .avatar:before,#acc .avatar:after { position: absolute; z-index: 1; top: 50%; left: 50%; display: block; background-color: rgba( 0, 0, 0, 0.2 ); content: ""; cursor: pointer; transform: translate( -50%, -50% );  } #acc .avatar:before { width: 100px; height: 6px;  } #acc .avatar:after { width: 6px; height: 100px;  } #acc .avatar:hover:before,#acc .avatar:hover:after { background-color: rgba( 0, 0, 0, 1 );  } #acc .auth .avatar input { position: absolute; z-index: 2; display: block; width: 100%; height: 100%; opacity: 0; cursor: pointer;  } #acc .auth { display: block; min-height: 100%; padding: 150px 0 20px 0; background: url( "../images/accounts/login-bg.png" ) no-repeat 100%;  } #acc .auth > div { max-width: 800px; margin: 0 auto 110px auto;  } #acc .auth > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #acc .auth aside { display: block; float: left; width: 55%; padding: 0 40px 0 0;  } #acc .auth aside h2 { display: block; margin: 0 0 20px 0; clear: both; color: #357af9; font-size: 24px; font-weight: bold; line-height: 100%; text-transform: uppercase; text-align: center;  } #acc .auth aside h3 { display: block; margin: 0 0 40px 0; clear: both; text-align: center;  } #acc .auth aside h3 span { position: relative; display: inline-block; text-transform: uppercase; font-weight: bold; color: #357af9; font-size: 16px; line-height: 16px;  } #acc .auth aside h3 span:before,#acc .auth aside h3 span:after { position: absolute; top: 7px; display: block; width: 5px; height: 2px; content: ""; background-color: #357af9;  } #acc .auth aside h3 span:before { left: -15px;  } #acc .auth aside h3 span:after { right: -15px;  } #acc .auth aside .list-modules { display: block; margin: 0 0 30px 0; list-style: none;  } #acc .auth aside .list-modules:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #acc .auth aside .list-modules li { position: relative; display: block; float: left; height: 36px; width: 12.66%; margin: 0 4.8% 0 0; border: 1px solid #365a88; overflow: hidden; border-radius: 5px 5px 15px 5px; perspective: 50px;  } #acc .auth aside .list-modules li:after { z-index: 1; position: absolute; bottom: -1px; right: -1px; display: block; width: 8px; height: 8px; border: 1px solid #365a88; background-color: #ffffff; content: "";  } #acc .auth aside .list-modules span { z-index: 1; position: absolute; left: 8px; top: 10px; display: block; width: 30px; color: #ffffff; font-weight: bold; line-height: 10px; font-size: 10px;  } #acc .auth aside .list-modules li:last-child { margin: 0 0 0 0;  } #acc .auth aside .list-modules li:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; transition: all 0.25s ease-in-out; transform-style: preserve-3d; transform: rotate3d(1, 1, 0, 25deg);  } #acc .auth aside .list-modules li:hover:before { transform-style: none; transform: rotate3d(0, 0, 0, 0);  } #acc .auth aside .list-modules .gb:before { background-color: #95298a;  } #acc .auth aside .list-modules .cop:before { background-color: #1b1464;  } #acc .auth aside .list-modules .cbm:before { background-color: #00914d;  } #acc .auth aside .list-modules .cim:before { background-color: #26b455;  } #acc .auth aside .list-modules .ct:before { background-color: #00a9dd;  } #acc .auth aside .list-modules .time:before { background-color: #00b477;  } #acc .auth aside .list-modules i { position: absolute; bottom: 4px; left: 4px; width: 28px; height: 2px; background-image: linear-gradient( to right, #ffffff, #ffffff 2px, transparent 2px, transparent 4px, #ffffff 4px, #ffffff 14px, transparent 14px, transparent 16px, #ffffff 16px, #ffffff );  } #acc .auth aside .list-modules a { position: absolute; z-index: 1; bottom: 0; left: 0; display: block; width: 100%; height: 100%;  } #acc .auth aside .link { position: relative; display: block; margin: 0 0 40px 0; padding: 0 0 0 15px; line-height: 20px; color: #357af9; font-weight: bold;  } #acc .auth aside .link:hover { color: #ed1c24;  } #acc .auth aside .link:before { position: absolute; top: 5px; left: 0; display: block; width: 10px; height: 10px; content: ""; background: url( "../images/accounts/accounts.png" ) no-repeat -45px -145px;  } #acc .auth aside hr { display: block; height: 1px; margin: 0 0 30px 0; background-color: #deeafc; border: 0;  } #acc .auth aside hr:last-of-type {  } #acc .auth aside p { display: block; margin: 0 0 30px 0; clear: both; color: #333333;  } #acc .auth aside p a,#acc .auth aside p span { color: #357af9; cursor: pointer;  } #acc .auth aside p a:hover,#acc .auth aside p span:hover { color: #ed1c24;  } #acc .auth aside footer { display: block;  } #acc .auth aside footer:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #acc .auth aside footer .link { float: left; margin: 0 20px 0 0;  } #acc .auth aside footer .link:last-child { margin: 0 0 0 0;  } #acc .auth article { display: block; float: left; width: 45%; padding: 40px; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 20px 0 #e9efff;  } #acc .auth .full { float: none; max-width: 800px; width: auto; margin: 0 auto 10px auto; clear: both;  } #acc .auth .hidden { display: none;  } #acc .auth .sel { display: block;  } #acc .auth .tabbed { position: relative; padding: 70px 20px 20px 20px;  } #acc .auth .tabbed nav { position: absolute; top: 0; left: 0; width: 100%; height: 50px; padding: 0 0 0 0; overflow: hidden; border-bottom: 1px solid #f0f0f0; border-radius: 5px 5px 0 0;  } #acc .auth .tabbed nav span { float: left; margin: 0 0 0 0; line-height: 50px; width: 33.33%; cursor: pointer; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #aaaaaa; text-align: center; border-right: 1px solid #f0f0f0; background-color: #f8f8f8;  } #acc .auth .tabbed nav .half { width: 50%;  } #acc .auth .tabbed nav span:last-child { border-left: 0;  } #acc .auth .tabbed nav span:hover { background-color: #f5f5f5;  } #acc .auth .tabbed nav .sel { color: #333333; background-color: #ffffff;  } #acc .auth article h2 { display: block; margin: 0 0 20px 0; clear: both; color: #357af9; font-size: 20px; font-weight: bold; line-height: 100%; text-transform: uppercase;  } #acc .auth article p { display: block; margin: 0 0 30px 0; clear: both; color: #333333;  } #acc .auth article p a,#acc .auth article p span { color: #357af9; cursor: pointer;  } #acc .auth article p a:hover,#acc .auth article p span:hover { color: #357af9;  } #acc .auth article fieldset { position: relative; display: block; margin: 0 0 20px 0; clear: both;  } #acc .auth article fieldset:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #acc .auth article .ifield { padding: 0 44px 0 0;  } #acc .auth article .ico { position: absolute; bottom: -7px; right: 0; width: 40px; height: 40px; opacity: 0.5; background: url( "../images/accounts/accounts.png" ) no-repeat 0 0; cursor: pointer;  } #acc .auth article .ico:before { position: absolute; right: 15px; bottom: 40px; display: none; width: 10px; height: 10px; content: ""; background-color: #357af9; transform: rotate( 45deg );  } #acc .auth article .ico:after { position: absolute; right: 0; bottom: 45px; display: none; width: 320px; padding: 10px; content: attr( data-label ); background-color: #357af9; border-radius: 5px; font-size: 12px; color: #ffffff;  } #acc .auth article .ico:hover { opacity: 1;  } #acc .auth article .ico:hover:before,#acc .auth article .ico:hover:after { display: block;  } #acc .auth article .user { background-position: -130px -130px;  } #acc .auth article .pass { background-position: -230px -130px;  } #acc .auth article .email { background-position: -330px -130px;  } #acc .auth article .pin { background-position: -430px -130px;  } #acc .auth article .affiliate { background-position: -530px -130px;  } #acc .auth article .captcha { background-position: -630px -130px;  } #acc .auth article .phone { background-position: -730px -130px;  } #acc .auth article .cal { background-position: -1130px -130px;  } #acc .auth article .name { background-position: -1230px -130px;  } #acc .auth article .gender { background-position: -1330px -130px;  } #acc .auth article .globe { background-position: -1430px -130px;  } #acc .auth article .loc { background-position: -1530px -130px;  } #acc .auth article .zipcode { background-position: -1630px -130px;  } #acc .auth article .bank { background-position: -1730px -130px;  } #acc .auth article .bankacc { background-position: -1830px -130px;  } #acc .auth article .iban { background-position: -1930px -130px;  } #acc .auth article .swift { background-position: -2030px -130px;  } #acc .auth article .currency { background-position: -2130px -130px;  } #acc .auth article .business { background-position: -2230px -130px;  } #acc .auth article .web { background-position: -2330px -130px;  } #acc .auth article .vat { background-position: -2430px -130px;  } #acc .auth article .reg { background-position: -2530px -130px;  } #acc .auth article .info { background-position: -2630px -130px;  } #acc .auth input,#acc .auth textarea { display: block; width: 100%; height: 44px; color: #333333; border-bottom: 2px solid #e8e8e6; line-height: 40px;  } #acc .auth textarea { padding: 10px 10px 10px 10px; min-height: 150px; resize: vertical; line-height: 22px;  } #acc .auth input:focus,#acc .auth textarea:focus { border-bottom: 2px solid #d8d8f6;  } #acc .auth input:disabled { color: #aaaaaa; background-color: #f0f0f0; border-bottom: 2px solid #e0e0e0;  } #acc .auth .locations { position: relative;  } #acc .auth .locations > div { position: absolute; z-index: 2; top: 100%; left: 0; display: none; width: 100%; overflow: hidden; background-color: #f5f5f5; border-radius: 5px; box-shadow: 0 0 20px 0 #e9efff;  } #acc .auth .locations > div span { display: block; height: 30px; padding: 0 20px 0 20px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; color: #666666;  } #acc .auth .locations > div span:hover,#acc .auth .locations > div .sel { background-color: #f0f0f0; color: #333333;  } #acc .auth article footer { display: block; margin: 0 0 0 0; clear: both;  } #acc .auth article footer:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #acc .auth article footer span { display: block; float: left; line-height: 100%; color: #357af9; cursor: pointer;  } #acc .auth article footer span:nth-child(2) { float: right;  } #acc .auth article footer span:hover { color: #ed1c24;  } #acc .settings { display: block; min-height: 100%; padding: 150px 0 20px 0; background: url( "../images/accounts/login-bg.png" ) no-repeat 100%;  } #acc .settings > div { max-width: 800px; margin: 0 auto 110px auto; padding: 20px 20px 20px 20px; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 20px 0 #e9efff;  } #acc .settings > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #acc .settings article { display: block; float: left; width: 45%; padding: 40px; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 20px 0 #e9efff;  } #acc .settings .full { float: none; max-width: 800px; width: auto; margin: 0 auto 10px auto; clear: both;  } #acc .settings h2 { display: block; margin: 0 0 20px 0; clear: both; color: #357af9; font-size: 20px; font-weight: bold; line-height: 100%; text-transform: uppercase;  } #acc .settings p { display: block; margin: 0 0 30px 0; clear: both; color: #333333;  } #acc .settings p a,#acc .settings p span { color: #357af9; cursor: pointer;  } #acc .settings p a:hover,#acc .settings p span:hover { color: #357af9;  } #acc .settings h3 { display: block; margin: 0 0 20px 0; clear: both; color: #565656; font-size: 14px; font-weight: bold; line-height: 30px; text-transform: uppercase; border-bottom: 1px solid #e5e5e5;  } #acc .settings fieldset { position: relative; display: block; margin: 0 0 20px 0; padding: 0 0 0 50px; clear: both;  } #acc .settings fieldset:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #acc .settings .on,#acc .settings .off { position: absolute; top: 2px; left: 0;  } #acc .settings fieldset p { line-height: 20px;  } #acc .settings .submit { display: block; max-width: 200px;  } #acc .settings footer { display: block; margin: 0 0 0 0; clear: both;  } #acc .settings footer:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #acc .settings footer span { display: block; float: left; line-height: 100%; color: #357af9; cursor: pointer;  } #acc .settings footer span:nth-child(2) { float: right;  } #acc .settings footer span:hover { color: #ed1c24;  } #legal { padding: 90px 20px 50px 20px; margin: 0 auto 0 auto; max-width: 1440px; padding: 90px 20px 50px 20px; margin: 0 auto 0 auto; max-width: 1440px;  } #legal:after { display: block; width: 100%; height: 0; clear: both; content: ""; display: block; width: 100%; height: 0; clear: both; content: "";  } #legal header { position: relative; display: block; margin: 0 0 30px 0; padding: 0 0 30px 0; overflow: hidden; border-bottom: 2px dashed #e0e0e0; position: relative; display: block; margin: 0 0 30px 0; padding: 0 0 30px 0; overflow: hidden; border-bottom: 2px dashed #e0e0e0;  } #legal header h2 { position: relative; display: inline-block; margin: 0 0 20px 0; font-weight: bold; color: #052850; font-size: 34px; line-height: 100%; position: relative; display: inline-block; margin: 0 0 20px 0; font-weight: bold; color: #052850; font-size: 34px; line-height: 100%;  } #legal header p { color: #052850; font-size: 18px; line-height: 180%; opacity: 0.5; color: #052850; font-size: 18px; line-height: 180%; opacity: 0.5;  } #legal article {  } #legal article h3 { margin: 0 0 20px 0; font-weight: bold; color: #052850; font-size: 18px; text-transform: uppercase; line-height: 200%; margin: 0 0 20px 0; font-weight: bold; color: #052850; font-size: 18px; text-transform: uppercase; line-height: 200%;  } #legal article p { margin: 0 0 30px 0; font-size: 16px; text-align: justify; color: #2b2b4b; line-height: 200%; margin: 0 0 30px 0; font-size: 16px; text-align: justify; color: #2b2b4b; line-height: 200%;  } #legal br { display: block; clear: both; display: block; clear: both;  } #legal .dblbr { display: block; clear: both; margin: 0 0 40px 0; display: block; clear: both; margin: 0 0 40px 0;  } #legal a { color: #0bbbff; cursor: pointer; color: #0bbbff; cursor: pointer;  } #legal a:hover { color: #ed1c24; color: #ed1c24;  } #legal article ul { list-style: none; margin: 0 0 30px 0; list-style: none; margin: 0 0 30px 0;  } #legal article ul li { position: relative; margin: 0 0 10px 0; padding: 0 0 0 20px; text-align: justify; color: #2b2b4b; line-height: 200%; font-size: 16px; position: relative; margin: 0 0 10px 0; padding: 0 0 0 20px; text-align: justify; color: #2b2b4b; line-height: 200%; font-size: 16px;  } #legal article ul li:before { position: absolute; top: 0; left: 0; display: block; content: "•"; line-height: 200%; color: #052850; position: absolute; top: 0; left: 0; display: block; content: "•"; line-height: 200%; color: #052850;  } #legal article ul p { margin: 0 0 10px 0; margin: 0 0 10px 0;  } #legal i { color: #052850; font-size: 16px; line-height: 16px; opacity: 0.5; font-style: normal; color: #052850; font-size: 16px; line-height: 16px; opacity: 0.5; font-style: normal;  } #messages { position: fixed; z-index: 8; top: 60px; left: 0; display: none; width: 100%; height: calc( 100% - 60px ); background-color: #f7f9ff;  } #messages > div { position: absolute; top: 40px; left: 40px; width: calc( 100% - 80px ); height: calc( 100% - 80px ); background: url( "../images/global/message-bg.png" ) no-repeat bottom right / 50% #ffffff; overflow: hidden;  } #messages .create { position: absolute; bottom: 0; right: 0; display: block; height: 40px; padding: 0 20px 0 50px; overflow: hidden; line-height: 40px; color: #ffffff; font-size: 12px; background-color: #3278f9; border-radius: 20px 0 0 20px; cursor: pointer;  } #messages .create:hover { background-color: #4288ff;  } #messages .create:before,#messages .create:after { position: absolute; top: 19px; left: 30px; width: 10px; height: 2px; background-color: #ffffff; content: "";  } #messages .create:after { transform: rotate( 90deg );  } #messages .form { position: absolute; top: 0; right: -100%; display: block; width: calc( 100% - 760px ); height: 100%; background-color: #ffffff; transition: all 0.2s; overflow: auto;  } #messages .form.active { right: 0;  } #messages .form h2 { position: relative; padding: 20px 0 20px 20px; color: #333333; font-weight: bold; font-size: 16px; line-height: 100%;  } #messages .form h2 span { position: absolute; top: 20px; right: 20px; width: 16px; height: 16px; cursor: pointer; opacity: 0.5;  } #messages .form h2 span:before,#messages .form h2 span:after { position: absolute; top: 7px; left: 0; width: 16px; height: 2px; content: ""; background-color: #000000;  } #messages .form h2 span:before { transform: rotate( 45deg );  } #messages .form h2 span:after { transform: rotate( -45deg );  } #messages .form h2 span:hover { opacity: 1;  } #messages .form fieldset { position: relative; display: block; margin: 0 20px 20px 20px;  } #messages .form fieldset:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .form label { display: block; margin: 0 0 5px 0; line-height: 100%; font-size: 10px; text-transform: uppercase; color: #aaaaaa;  } #messages .form input,#messages .form textarea { display: block; width: 100%; border: 2px solid #e8e8e6; border-radius: 5px;  } #messages .form input { height: 44px; padding: 0 10px 0 10px; line-height: 40px;  } #messages .form textarea { min-height: 150px; resize: vertical; padding: 5px 10px 5px 10px; line-height: 30px;  } #messages .form input:focus,#messages .form textarea:focus { border: 2px solid #d8d8f6;  } #messages .form .maci { display: block; width: 100%; min-height: 44px; border: 2px solid #e8e8e6; border-radius: 5px;  } #messages .form .maci:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .form .maci input { float: left; width: auto; height: 44px; overflow: hidden; clear: none; border: 0; line-height: 44px;  } #messages .form .maci span { position: relative; display: block; float: left; height: 34px; line-height: 34px; margin: 5px 5px 5px 5px; padding: 0 40px 0 15px; background-color: #f0f0f0; border-radius: 5px; color: #666688; cursor: pointer;  } #messages .form .maci .edit-color { background-color: #5b5e7f; color: #ffffff;  } #messages .form .maci span > span { position: absolute; top: 7px; right: 10px; display: block; width: 20px; height: 20px; margin: 0; padding: 0; opacity: 0.6; border-radius: 50%; background-color: transparent; cursor: pointer;  } #messages .form .maci span span:hover { opacity: 1; background-color: #ed1c24;  } #messages .form .maci span span:before,#messages .form .maci span span:after { position: absolute; top: 9px; left: 3px; width: 14px; height: 2px; content: ""; background-color: #2b2e4f;  } #messages .form .maci span span:before { transform: rotate( -45deg );  } #messages .form .maci span span:after { transform: rotate( 45deg );  } #messages .form .maci .edit-color span:before,#messages .form .maci .edit-color span:after { background-color: #ffffff;  } #messages .form .maci span span:hover:before,#messages .form .maci span span:hover:after { background-color: #ffffff;  } #messages .form .maci ol { display: none; z-index: 5; width: 100%; padding: 0 0 0 0; overflow: hidden; list-style-type: none; background-color: #ffffff; border-radius: 0 0 3px 3px; border-top: 0 solid #e0e0e0;  } #messages .form .maci li { display: block; line-height: 40px; width: 100%; padding: 0 0 0 10px; color: #666666; cursor: pointer; border-top: 2px dotted #e8e8e8;  } #messages .form .maci li:first-child {  } #messages .form .maci li:hover { background-color: #f7f6f9;  } #messages .form .maci .sel { color: #2b2e4f; background-color: #f7f6f9;  } #messages .form footer { display: block; min-height: 50px; margin: 0 0 0 20px;  } #messages .form footer:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .form footer .submit { display: block; float: left; min-width: 100px; height: 44px; margin: 3px 20px 0 0; padding: 0 15px 0 15px; line-height: 40px; border: 2px solid #4288ff; text-align: center; font-weight: bold; font-size: 12px; text-transform: uppercase; background-color: #3278f9; color: #ffffff; border-radius: 5px; cursor: pointer;  } #messages .form footer .submit:hover { background-color: #4288ff;  } #messages .form footer .draft { display: block; float: left; min-width: 100px; height: 44px; margin: 3px 0 0 0; padding: 0 15px 0 15px; line-height: 40px; border: 2px solid #e8e8e6; text-align: center; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #666666; border-radius: 5px; cursor: pointer;  } #messages .form footer .draft:hover { border: 2px solid #d8d8f6;  } #messages .form footer .delete { position: relative; display: block; float: right; width: 50px; height: 50px; overflow: hidden; cursor: pointer; opacity: 0.5;  } #messages .form footer .delete:after { position: absolute; top: -25px; left: -25px; display: block; width: 100px; height: 100px; content: ""; background: url( ../images/global/messages.png ) no-repeat -300px -100px;  } #messages .form footer .delete:hover { opacity: 1;  } #messages .form footer .attach { position: relative; display: block; float: left; width: 50px; height: 50px; overflow: hidden; cursor: pointer; opacity: 0.5;  } #messages .form footer .attach:before { position: absolute; top: -25px; left: -25px; display: block; width: 100px; height: 100px; content: ""; background: url( ../images/global/messages.png ) no-repeat -800px -100px;  } #messages .form footer .attach:hover { opacity: 1;  } #messages .form footer .attach input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0; cursor: pointer;  } #messages .form footer .disabled { cursor: default; opacity: 0.2;  } #messages .form footer label { float: left; margin: 0; clear: none; line-height: 50px;  } #messages .form .files { display: block; margin: 0 20px 0 20px; list-style: none;  } #messages .form .files li { position: relative; display: block; height: 40px; margin: 0 0 10px 0; padding: 0 40px 0 10px; overflow: hidden; background-color: #f0f0f0; border-radius: 5px;  } #messages .form .files p { position: absolute; z-index: 2; top: 0; left: 0; width: calc( 100% - 40px ); padding: 0 0 0 10px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  } #messages .form .files div { position: absolute; z-index: 1; top: 0; left: 0; width: calc( 100% - 40px ); heigth: 40px;  } #messages .form .files div div { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 40px; background-color: #e0d270;  } #messages .form .files span { position: absolute; display: block; top: 0; right: 0; width: 40px; height: 40px; opacity: 0.5; cursor: pointer; background-color: #f94646;  } #messages .form .files span:hover { opacity: 1;  } #messages .form .files span:before,#messages .form .files span:after { position: absolute; top: 8px; left: 19px; display: block; width: 2px; height: 24px; background-color: #ffffff; content: "";  } #messages .form .files span:before { transform: rotate( 45deg );  } #messages .form .files span:after { transform: rotate( -45deg );  } #messages .list { position: absolute; top: 0; left: 300px; display: block; width: 460px; height: 100%; border-right: 1px solid #ecf2ff;  } #messages .list > header { height: 71px; padding: 10px 0 0 50px; border-bottom: 1px solid #ecf2ff;  } #messages .list > header .cb,#messages .list > header .cbs { position: absolute; top: 25px; left: 20px;  } #messages .list > header input { display: block; float: left; width: calc( 100% - 150px ); height: 50px; padding: 0 20px 0 10px; background-color: transparent;  } #messages .list > header .delete,#messages .list > header .deleteforever,#messages .list > header .restore,#messages .list > header .block,#messages .list > header .unblock { position: relative; display: block; float: left; width: 50px; height: 50px; overflow: hidden; cursor: pointer; opacity: 0.5;  } #messages .list > header .delete:hover,#messages .list > header .deleteforever:hover,#messages .list > header .restore:hover,#messages .list > header .block:hover,#messages .list > header .unblock:hover { opacity: 1;  } #messages .list > header .delete:after,#messages .list > header .deleteforever:after,#messages .list > header .restore:after,#messages .list > header .block:after,#messages .list > header .unblock:after { position: absolute; top: -25px; left: -25px; display: block; width: 100px; height: 100px; content: "";  } #messages .list > header .delete:after { background: url( ../images/global/messages.png ) no-repeat -300px -100px;  } #messages .list > header .deleteforever:after { background: url( ../images/global/messages.png ) no-repeat -300px -200px;  } #messages .list > header .restore:after { background: url( ../images/global/messages.png ) no-repeat -500px -100px;  } #messages .list > header .block:after { background: url( ../images/global/messages.png ) no-repeat 0px -300px;  } #messages .list > header .unblock:after { background: url( ../images/global/messages.png ) no-repeat -100px -300px;  } #messages .list ul { display: block; list-style: none; overflow: auto; max-height: calc( 100vh - 210px );  } #messages .list ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .list ul > li { position: relative; padding: 0 0 0 0; display: block; cursor: pointer;  } #messages .list ul .semitransparent { opacity: 0.5;  } #messages .list ul > li:hover { opacity: 1;  } #messages .list ul header { position: relative; display: block; min-height: 60px; margin: 0 0 10px 0; padding: 10px 90px 0 110px;  } #messages .list ul > .multiple header { padding: 10px 90px 0 60px;  } #messages .list ul header .cb,#messages .list ul header .cbs { position: absolute; top: 20px; left: 20px;  } #messages .list ul header figure { position: absolute; top: 10px; left: 55px; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #cbdcfe; line-height: 40px; text-align: center; color: #357af9; font-weight: bold; text-transform: uppercase; overflow: hidden;  } #messages .list ul header figure img { display: block; width: 100%; height: 100%;  } #messages .list ul time { position: absolute; top: 10px; right: 10px; display: block; line-height: 20px; font-size: 12px; color: #a8a9a3; text-transform: uppercase;  } #messages .list ul h5 { overflow: hidden;  } #messages .list ul h5 span { float: left; margin: 0 0 0 0; line-height: 20px; color: #a6a9a2;  } #messages .list ol { display: block; list-style: none;  } #messages .list ol:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .list ol li { display: block; float: left; margin: 0 10px 10px 0; padding: 0 10px 0 10px; line-height: 20px; color: #ffffff; background-color: #3278f9; font-size: 12px; border-radius: 5px;  } #messages .list ul h3 { color: #466acc; line-height: 40px;  } #messages .list ul h4 { color: #466acc; line-height: 20px;  } #messages .list ul p { margin: 0 20px 10px 60px; padding: 0 0 20px 0; color: #a8a9aa; border-bottom: 1px solid #ecf2ff;  } #messages aside { position: absolute; z-index: 8; top: 0; left: 0; display: block; width: 300px; height: 100%; padding: 0 0 0 0; background-color: #3278f9; overflow: hidden; border-radius: 0 0 0 50px;  } #messages:before { position: absolute; z-index: 7; top: 30px; left: 35px; display: block; width: 300px; height: calc( 100% - 80px ); content: ""; background-color: #d2e1fe; border-radius: 0 0 0 90%; transform: rotate( 2deg );  } #messages aside h2 { height: 50px; margin: 0 0 10px 0; padding: 10px 0 0 30px; color: #ffffff; text-transform: uppercase; line-height: 50px;  } #messages aside h2 span {  } #messages aside h2 i { position: absolute; top: 25px; left: 18px; display: none; width: 14px; height: 2px; background-color: #ffffff; font-style: normal;  } #messages aside h2 i:before,#messages aside h2 i:after { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #ffffff; content: "";  } #messages aside h2 i:before { margin: -4px 0 0 0;  } #messages aside h2 i:after { margin: 4px 0 0 0;  } #messages aside ul { display: block; list-style: none;  } #messages aside ul li { position: relative; display: block; height: 50px; margin: 0 0 0 10px; padding: 0 0 0 50px; line-height: 50px; color: #ffffff; cursor: pointer; overflow: hidden;  } #messages aside ul li:before { position: absolute; top: -25px; left: -25px; display: block; width: 100px; height: 100px; background: url( ../images/global/messages.png ) no-repeat; content: ""; opacity: 0.5;  } #messages aside ul li span { opacity: 0.5;  } #messages aside ul li:after { position: absolute; bottom: 0; left: 0; display: none; width: 100%; height: 1px; background-color: rgba( 255, 255, 255, 0.1 ); content: "";  } #messages aside ul .sel { background-color: #4d8afd;  } #messages aside ul .sel span { opacity: 1;  } #messages aside ul .sel:before { opacity: 1;  } #messages aside ul li:hover:before { opacity: 1;  } #messages aside ul li:hover span { opacity: 1;  } #messages aside ul .inbox:before { background-position: 0 0;  } #messages aside ul .drafts:before { background-position: -100px 0;  } #messages aside ul .sent:before { background-position: -200px 0;  } #messages aside ul .deleted:before { background-position: -300px 0;  } #messages aside ul .new { display: none;  } #messages aside ul .new:before { background-position: -500px 0; opacity: 0.8;  } #messages aside ul .contacts { display: none;  } #messages aside ul .contacts:before { background-position: -600px 0;  } #messages aside > div { position: absolute; bottom: 20px; left: 0; width: 100%; overflow: hidden; max-height: 350px; padding: 0 0 50px 0;  } #messages aside h3 { position: relative; padding: 0 0 0 30px; color: #ffffff; text-transform: uppercase; line-height: 50px; cursor: pointer;  } #messages aside h3:after { float: right; margin: 0 20px 0 0; content: attr( data-label ); font-weight: bold;  } #messages aside > div ol { display: block; width: calc( 100% + 20px ); list-style: none; max-height: 300px; overflow: auto;  } #messages aside > div ol li { position: relative; display: block; height: 50px; margin: 0 0 10px 20px; padding: 10px 0 0 60px; color: #ffffff; cursor: pointer;  } #messages aside > div ol figure { position: absolute; top: 5px; left: 10px; width: 40px; height: 40px; border-radius: 50%; background-color: #ffffff; text-transform: uppercase; font-weight: bold;  } #messages aside > div ol i { display: block; line-height: 40px; text-align: center; color: #888888; font-style: normal;  } #messages aside > div ol span { display: block; line-height: 20px; color: #ffffff;  } #messages aside > div ol em { display: block; line-height: 10px; font-size: 10px; font-style: normal; opacity: 0.5;  } #messages aside h4 { padding: 0 0 0 20px; color: #ffffff; line-height: 50px; cursor: pointer;  } #messages .view { position: absolute; top: 0; right: -100%; display: block; width: calc( 100% - 760px ); height: 100%; background-color: #ffffff; transition: all 0.2s; overflow: auto;  } #messages .view.active { right: 0;  } #messages .view header { display: block; min-height: 71px; margin: 0 0 20px 0; padding: 20px 0 0 20px; border-bottom: 1px solid #ecf2ff;  } #messages .view header:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .view header h5 { line-height: 40px;  } #messages .view header ol { display: block; list-style: none;  } #messages .view header ol:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .view header ol li { display: block; float: left; margin: 0 20px 20px 0;  } #messages .view header .close { position: absolute; top: 20px; right: 20px; width: 16px; height: 16px; cursor: pointer; opacity: 0.5;  } #messages .view header .close:before,#messages .view header .close:after { position: absolute; top: 7px; left: 0; width: 16px; height: 2px; content: ""; background-color: #000000;  } #messages .view header .close:before { transform: rotate( 45deg );  } #messages .view header .close:after { transform: rotate( -45deg );  } #messages .view header .close:hover { opacity: 1;  } #messages .view .user { position: relative; display: block; float: left; height: 30px; margin: 0 20px 0 0; padding: 0 0 0 50px;  } #messages .view .user figure { position: absolute; top: -5px; left: 0; width: 40px; height: 40px; overflow: hidden; line-height: 40px; font-weight: bold; font-size: 16px; text-align: center; color: #565676; border-radius: 50%; background-color: #caddfd; text-transform: uppercase;  } #messages .view .user figure img { display: block; width: 100%; height: 100%;  } #messages .view .user h6 { line-height: 30px; color: #397cff;  } #messages .view .recipients { display: block; margin: 0 0 0 20px; list-style: none;  } #messages .view .recipients:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .view .recipients span { display: block; float: left; margin: 0 10px 10px 0; padding: 0 10px 0 10px; line-height: 20px; color: #ffffff; background-color: #3278f9; font-size: 12px; border-radius: 5px;  } #messages .view h2 { position: relative; margin: 0 20px 20px 20px; padding: 0 90px 0 0;  } #messages .view h2 span { display: block; font-size: 16px; line-height: 26px; color: #466acc;  } #messages .view h2 time { position: absolute; top: 0; right: 0; display: block; clear: both; font-size: 12px; line-height: 26px; color: #a9a9a9; text-transform: uppercase;  } #messages .view article { display: block; margin: 0 20px 20px 20px; line-height: 30px; color: #777777;  } #messages .view article:after { display: block; width: 100%; height: 0; clear: both;  } #messages .view footer { display: block; margin: 0 20px 0 20px; padding: 20px 0 20px 0; border-top: 1px solid #ecf2ff;  } #messages .view .files { display: block; margin: 0 0 10px 0; list-style: none;  } #messages .view .files:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #messages .view .files li { position: relative; display: block; float: left; width: 50%; height: 50px; margin: 0 0 10px 0; padding: 0 0 0 60px; overflow: hidden;  } #messages .view .files li:before { position: absolute; top: -25px; left: -25px; width: 100px; height: 100px; background: url( ../images/global/messages.png ) no-repeat -700px 0px #eaf1ff; content: ""; transform: scale( 0.5 );  } #messages .view .files span { display: block; height: 25px; width: 100%; color: #0e54d9; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  } #messages .view .files em { display: block; font-style: normal; line-height: 25px; color: #a8a9a3;  } #messages .view footer ul { display: block; height: 44px; list-style: none;  } #messages .view footer ul li { position: relative; display: block; float: left; height: 44px; margin: 0 20px 0 0; padding: 0 15px 0 44px; overflow: hidden; text-align: center; line-height: 40px; color: #466acc; border: 2px solid #466acc; border-radius: 3px; cursor: pointer;  } #messages .view footer ul li:after { position: absolute; display: block; top: -29px; left: -29px; display: block; width: 100%; height: 100px; content: "";  } #messages .view footer ul .reply:after { background: url( ../images/global/messages.png ) no-repeat -600px -200px;  } #messages .view footer ul .forward { opacity: 0.5; margin: 0 0 0 0;  } #messages .view footer ul .forward:after { background: url( ../images/global/messages.png ) no-repeat -700px -200px;  } #messages .view footer ul .forward:hover { opacity: 1;  } #items-list { position: fixed; z-index: 8; top: 60px; left: 0; display: block; width: 100%; height: calc( 100% - 110px ); padding: 20px; overflow: auto; background-color: #f8f8f8;  } #items-list .list { margin: 0 0 0 0; background-color: #ffffff; border: 2px solid rgba( 128, 128, 128, 0.2 ); border-radius: 10px;  } #items-list .border-top-left { border-top-left-radius: 5px;  } #items-list .no-results { display: block; max-width: 240px; margin: 0 auto 0 auto; padding: 100px 20px 100px 20px; opacity: 0.2;  } #items-list .no-results img { display: block; width: 100%;  } #items-list .list header { display: block; padding: 15px 15px 15px 15px; border-bottom: 2px solid rgba( 128, 128, 128, 0.2 ); color: #555577; font-size: 12px; text-transform: uppercase; font-weight: bold;  } #items-list .list header:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-list .list header div { position: relative; float: left; padding: 0 0 0 0;  } #items-list .list header label { position: relative; display: block; float: left; padding: 0 15px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;  } #items-list .list header .desc:after,#items-list .list header .asc:after { position: absolute; width: 6px; height: 6px; right: 2px; content: "";  } #items-list .list header .asc:after { top: 7px; border-top: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; transform: rotate( -45deg );  } #items-list .list header .desc:after { bottom: 7px; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; transform: rotate( 45deg );  } #items-list .list header .mycol { width: 20%;  } #items-list .list article { display: block; padding: 10px 15px 10px 15px; border-bottom: 1px solid rgba( 128, 128, 128, 0.1 );  } #items-list .list article:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-list .list article:last-of-type { border-bottom: 0;  } #items-list .list article div { float: left;  } #items-list .list article div:last-child {  } #items-list .list article div:after { display: none; width: 100%; height: 0; clear: both; content: "";  } #items-list .list article label { display: none; margin: 0 0 5px 0; color: #a0a0a0; font-size: 12px; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  } #items-list .list article p { margin: 0 10px 0 0; color: #30265e; font-size: 14px; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  } #items-list .list article .mycol { width: 20%;  } #items-list .list .pagination { display: block; margin: 0 0 0 0; padding: 20px 20px 20px 20px; overflow: hidden; clear: both; border-top: 1px solid #f0f0f0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  } #items-list .list .pagination:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-list .list .pagination div { float: left; overflow: hidden;  } #items-list .list .pagination div:after { display: none; width: 100%; height: 0; clear: both; content: "";  } #items-list .list .pagination span,#items-list .list .pagination a { display: block; float: left; min-width: 31px; height: 30px; padding: 0 10px 0 10px; margin: 0 0 0 0; color: #7b7e9f; line-height: 30px; font-weight: bold; background-color: #ffffff; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;  } #items-list .list .pagination span:first-child,#items-list .list .pagination a:first-child { border-left: 1px solid #e5e5e5; border-radius: 4px 0 0 4px;  } #items-list .list .pagination span:last-child,#items-list .list .pagination a:last-child { border-radius: 0 4px 4px 0;  } #items-list .list .pagination a:hover { background-color: #f5f5f5; cursor: pointer;  } #items-list .list .pagination span { color: #2b2e4f; background-color: #e5e5e5;  } #items-list .list .pagination h4 { float: right; margin: 0; font-weight: bold; font-size: 14px; line-height: 32px; color: #2b2e4f;  } #items-list nav { position: relative; margin: 0 0 20px 0;  } #items-list nav:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-list nav .top { position: relative; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid rgba( 128, 128, 128, 0.2 );  } #items-list nav .top:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-list nav .top h2 { margin: 0 0 10px 0; font-size: 28px; line-height: 100%; font-weight: bold; color: #332222;  } #items-list nav .top p { font-size: 16px; line-height: 120%; color: #665555;  } #items-list nav .top .create { position: absolute; top: 0; right: 0; display: block; height: 46px; padding: 0 20px 0 20px; line-height: 42px; text-align: center; background-color: #287c5a; color: #ffffff; font-weight: bold; border-radius: 10px; border: 2px solid #186c4a; cursor: pointer; overflow: hidden;  } #items-list nav ul { display: block; float: left; height: 46px; list-style: none;  } #items-list nav ul li { position: relative; display: block; float: left; height: 46px; padding: 5px 15px 0 15px; background-color: #ffffff; color: #666666; cursor: pointer; border-top: 2px solid rgba( 128, 128, 128, 0.2 ); border-bottom: 2px solid rgba( 128, 128, 128, 0.2 ); border-left: 2px solid rgba( 128, 128, 128, 0.2 );  } #items-list nav ul li:first-child { border-radius: 10px 0 0 10px;  } #items-list nav ul li:last-child { border-right: 2px solid rgba( 128, 128, 128, 0.2 ); border-radius: 0 10px 10px 0;  } #items-list nav ul li span { display: block; line-height: 20px; font-weight: bold;  } #items-list nav ul li i { display: block; font-style: normal; font-size: 10px; line-height: 10px;  } #items-list nav ul li:hover,#items-list nav ul .sel { background-color: #f8f2f5;  } #items-list nav ul .sel span,#items-list nav ul .sel i { color: #775555;  } #items-list nav .filter { position: relative; z-index: 2; float: right; width: 400px; height: 46px; padding: 0 0 0 66px;  } #items-list nav .filter i { position: absolute; top: 0; left: 71px; display: block; width: 46px; height: 46px; font-style: normal; cursor: pointer;  } #items-list nav .filter i:before,#items-list nav .filter i:after { position: absolute; display: block; content: "";  } #items-list nav .filter i:before { top: 14px; left: 10px; width: 18px; height: 18px; border: 2px solid rgba( 127, 127, 127, 0.5 ); border-radius: 50%;  } #items-list nav .filter i:after { top: 22px; left: 28px; width: 8px; height: 2px; background-color: rgba( 127, 127, 127, 0.5 ); transform-origin: -8px 1px; transform: rotate( 50deg );  } #items-list nav .types { position: absolute; top: 0; left: 0; width: 46px; height: 46px; cursor: pointer; background-color: #ffffff; border: 2px solid rgba( 128, 128, 128, 0.2 ); border-radius: 10px;  } #items-list nav .types span { position: absolute; top: 20px; left: 16px; width: 10px; height: 2px; background-color: #aaaaaa;  } #items-list nav .types span:before,#items-list nav .types span:after { position: absolute; top: 0; display: block; height: 2px; background-color: #aaaaaa; content: "";  } #items-list nav .types span:before { width: 18px; margin: -4px 0 0 -4px;  } #items-list nav .types span:after { width: 4px; margin: 4px 0 0 3px;  } #items-list nav .filter input { display: block; width: 100%; height: 46px; background-color: #ffffff; padding: 0 10px 0 50px; border: 2px solid rgba( 128, 128, 128, 0.2 ); border-radius: 10px;  } #items-list nav ol { position: absolute; top: 60px; left: 0; display: none; width: 100%; list-style: none; background-color: #ffffff; border-radius: 10px; border: 1px solid rgba( 128, 128, 128, 0.1 ); box-shadow: 1px 1px 5px 0 rgba( 0, 0, 0, 0.1 );  } #items-list nav ol:before { position: absolute; top: -6px; left: 17px; width: 12px; height: 12px; background-color: #ffffff; content: ""; border-top: 1px solid rgba( 128, 128, 128, 0.1 ); border-left: 1px solid rgba( 128, 128, 128, 0.1 ); transform: rotate( 45deg );  } #items-list nav ol li { position: relative; padding: 0 0 0 60px; line-height: 40px; border-bottom: 1px dotted #e5e5e5;  } #items-list nav ol li:last-child { border-bottom: 0;  } #items-list nav ol span { position: absolute; top: 10px; left: 15px;  } #items-list nav ol p { color: #333333;  } #items-form { position: fixed; z-index: 8; top: 60px; left: 0; display: none; width: 100%; height: calc( 100% - 60px ); padding: 20px 0 0 0; overflow: auto; background-color: #f5f5f5;  } #items-form section { max-width: 800px; margin: 0 auto 0 auto; padding: 0 0 20px 0;  } #items-form section:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-form section article { position: relative; margin: 0 0 20px 0; padding: 20px 20px 20px 20px; background-color: #ffffff; border-radius: 5px; border: 2px solid #d0d0d0;  } #items-form section article:last-of-type {  } #items-form section article > div { display: block;  } #items-form section article > div:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-form section article.hidden > div { display: none;  } #items-form section article.done h2 span { display: block;  } #items-form section .items {  } #items-form section .items:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-form section .item { position: relative; margin: 0 0 20px 0; padding: 20px 20px 70px 20px; background-color: rgba( 240, 230, 230, 0.3 ); border-radius: 10px; border: 2px solid  rgba( 240, 230, 230, 0.4 );  } #items-form section .item:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-form section .item footer { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 60px; padding: 20px 0 0 20px; background-color: rgba( 240, 230, 230, 0.4 );  } #items-form section fieldset.hidden { display: none;  } #items-form section .line { position: relative; display: block; clear: both; width: 100%; height: 2px; background-color: #f0f0f0; border: 0; margin: 0 0 20px 0; cursor: pointer;  } #items-form section .sep { position: relative; display: block; clear: both; width: 100%; height: 2px; background-color: #f0f0f0; border: 0; margin: 0 0 20px 0; cursor: pointer;  } #items-form section .sep:before { position: absolute; top: -7px; left: 10px; display: block; padding: 0 10px 0 10px; color: #9da3a8; line-height: 14px; text-transform: uppercase; background-color: #fbf8f8; font-weight: bold; content: attr( data-label );  } #items-form section .sep span { position: absolute; top: -9px; right: 0; display: block; width: 20px; height: 20px; background-color: #fbf8f8; border: 2px solid #f0f0f0; box-shadow: 0 0 0 10px #fbf8f8; border-radius: 50%; cursor: pointer;  } #items-form section .sep span:before,#items-form section .sep span:after { position: absolute; top: 50%; left: 50%; display: block; width: 8px; height: 2px; margin: -1px 0 0 -4px; background-color: #f0f0f0; content: "";  } #items-form section .min span {  } #items-form section .max span:after { transform: rotate( 90deg );  } #items-form section h2 { position: relative; height: 22px; padding: 0 0 0 30px; font-size: 16px; line-height: 22px; color: rgba( 0, 0, 0, 0.8 ); text-transform: uppercase; font-weight: bold;  } #items-form section h2:before { position: absolute; top: 1px; left: 0px; width: 20px; height: 20px; border: 2px solid rgba( 0, 0, 0, 0.8 ); font-size: 10px; font-weight: bold; color: rgba( 0, 0, 0, 0.8 ); text-align: center; line-height: 16px; border-radius: 50%; content: attr( data-label );  } #items-form section h2 span { position: absolute; top: -14px; right: -10px; display: none; width: 50px; height: 50px; overflow: hidden; font-style: normal; cursor: pointer; opacity: 0.5;  } #items-form section h2 span:after { position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; background: url( "../images/ceas/ceas.png" ) no-repeat -25px -325px; content: ""; transform: scale( 0.4 );  } #items-form section h2 span:hover { opacity: 1;  } #items-form section em { display: block; width: 100%; clear: both; margin: 0 0 5px 0; font-size: 14px; line-height: 24px; color: #6c7b98; font-style: normal;  } #items-form section p { margin: 0 0 20px 0; font-size: 14px; line-height: 24px; color: rgba( 0, 0, 0, 0.5 );  } #items-form section fieldset { position: relative; display: block; margin: 0 0 20px 0; clear: both;  } #items-form section fieldset:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-form section fieldset:last-of-type { margin: 0 0 0 0;  } #items-form section label { display: block; margin: 0 0 5px 0; clear: both; color: #666666; line-height: 100%; font-size: 12px; text-transform: uppercase; font-weight: bold;  } #items-form section .label-inline { float: left; margin: 0 0 0 0; clear: none; line-height: 20px; text-transform: none;  } #items-form section .cb,#items-form section .cbs { float: left; margin: 0 10px 0 0;  } #items-form section .on,#items-form section .off { float: left; margin: 2px 10px 0 0;  } #items-form section .files { position: relative; display: block; min-height: 70px; margin: 0 0 20px 0; border: 2px dashed #e0e0e0; border-radius: 5px; cursor: pointer;  } #items-form section .files:before,#items-form section .files:after { position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; margin: -1px 0 0 -10px; background-color: #e0e0e0; content: "";  } #items-form section .files:after { transform: rotate( 90deg );  } #items-form section .files input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;  } #items-form section .remove { position: relative; display: block; float: left; line-height: 26px; font-size: 10px; text-transform: uppercase; color: #ffffff; margin: 0 20px 0 0; padding: 0 10px 0 10px; border-radius: 5px; background-color: #c52c35; cursor: pointer; border: 2px solid #b51c25;  } #items-form section .remove:hover { background-color: #d53c45;  } #items-form section .add { position: relative; display: block; float: left; line-height: 26px; font-size: 10px; text-transform: uppercase; color: #ffffff; margin: 0 20px 0 0; padding: 0 10px 0 10px; border-radius: 5px; background-color: #579e49; cursor: pointer;  } #items-form section .add:hover { background-color: #67ae59;  } #items-form section .additem { position: relative; display: block; width: 40px; height: 40px; margin: 0 auto 0 auto; border: 2px solid #579e49; border-radius: 50%; cursor: pointer;  } #items-form section .additem:before,#items-form section .additem:after { position: absolute; top: 50%; left: 50%; display: block; width: 12px; height: 2px; margin: -1px 0 0 -6px; background-color: #579e49; content: "";  } #items-form section .additem:after { transform: rotate( 90deg );  } #items-form section .additem:hover { border: 2px solid #67ae59;  } #items-form section .additem:hover:before,#items-form section .additem:hover:after { background-color: #67ae59;  } #items-form section > footer { display: block; width: 100%; padding: 20px 20px 20px 20px; clear: both; background-color: #ffffff; border: 2px solid #d0d0d0; border-radius: 5px; overflow: hidden;  } #items-form section > footer span { display: block; float: left; height: 40px; min-width: 100px; line-height: 36px; padding: 0 15px 0 15px; border-radius: 5px; text-align: center; border: 2px solid #5a5e75; color: #333333; font-weight: bold; cursor: pointer; text-transform: uppercase;  } #items-form section > footer span:hover { background-color: #5a5e75; color: #ffffff;  } #items-form section > footer span:nth-child( 2 ) { float: right;  } #items-form > header { max-width: 800px; height: 62px; margin: 0 auto 20px auto; background-color: #ffffff; overflow: hidden; border-radius: 5px; border: 2px solid #d0d0d0;  } #items-form > header:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-form > header ul { display: block; list-style: none; height: 60px;  } #items-form > header ul:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #items-form > header ul li { position: relative; display: block; float: left; height: 60px; padding: 10px 30px 0 20px;  } #items-form > header ul li:after { position: absolute; top: 0; right: 0; display: block; width: 60px; height: 60px; content: ""; border-color: #d0d0d0; border-style: solid; border-width: 0 2px 2px 0; transform: rotate( -45deg );  } #items-form > header ul li:last-of-type:after { display: none;  } #items-form > header .inactive * { opacity: 0.5;  } #items-form > header ul label { display: block; margin: 0 0 0 0; line-height: 20px; font-size: 12px; color: #666666;  } #items-form > header ul span { display: block; margin: 0 0 0 0; line-height: 20px; color: #333333; text-transform: uppercase;  } #item-form { position: fixed; z-index: 8; top: 60px; left: 0; display: none; width: 100%; height: calc( 100% - 60px ); padding: 20px 0 0 0; overflow: auto; background-color: rgba( 255, 255, 255, 0.8 );  } #item-form:before {  } #item-form > div { max-width: 760px; margin: 20px auto 0 auto; background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 20px 0 rgba( 0, 0, 0, 0.8 );  } #item-form > div > header { position: relative; display: block; height: 50px; padding: 0 0 0 20px; line-height: 50px; color: #333333; font-weight: bold; text-align: center; border-radius: 5px 5px 0 0;  } #item-form > div > header span { position: absolute; top: 10px; right: 10px; display: block; width: 30px; height: 30px; cursor: pointer; opacity: 0.7;  } #item-form > div > header span:hover { opacity: 1;  } #item-form > div > header span:before,#item-form > div > header span:after { position: absolute; top: 14px; left: 5px; width: 20px; height: 2px; background-color: #c52c35; content: "";  } #item-form > div > header span:before { transform: rotate( 45deg );  } #item-form > div > header span:after { transform: rotate( -45deg );  } #item-form nav { display: block; height: 52px; margin: 0 0 20px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;  } #item-form nav ul { display: block; list-style: none; height: 50px;  } #item-form nav ul li { position: relative; display: block; float: left; width: 25%; height: 50px; text-align: center; line-height: 50px; cursor: pointer; text-transform: uppercase; color: #333333; font-weight: bold; font-size: 12px; border-right: 1px solid #e0e0e0;  } #item-form nav ul li:last-child { border-right: 0;  } #item-form nav ul .sel { background-color: #f0f0f0;  } #item-form article { display: none; margin: 0 0 20px 0; border-bottom: 1px solid #e0e0e0;  } #item-form article:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #item-form article.sel { display: block;  } #item-form .hidden { display: none;  } #item-form em { display: block; width: 100%; clear: both; margin: 0 0 5px 0; font-size: 14px; line-height: 24px; color: #6c7b98; font-style: normal;  } #item-form p { margin: 0 0 20px 0; font-size: 14px; line-height: 24px; color: #4c5b68;  } #item-form fieldset { position: relative; display: block; margin: 0 20px 20px 20px; clear: both;  } #item-form fieldset:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #item-form fieldset:last-of-type {  } #item-form .line { position: relative; display: block; clear: both; width: 100%; height: 1px; background-color: #e0e0e0; border: 0; margin: 0 0 20px 0; cursor: pointer;  } #item-form label { display: block; margin: 0 0 5px 0; clear: both; color: #bdc3c8; line-height: 100%; font-size: 12px; text-transform: uppercase; font-weight: bold;  } #item-form .label-inline { float: left; margin: 0 0 0 0; clear: none; line-height: 20px; text-transform: none;  } #item-form .cb,#item-form .cbs { float: left; margin: 0 10px 0 0;  } #item-form .on,#item-form .off { float: left; margin: 2px 10px 0 0;  } #item-form .files { position: relative; display: block; min-height: 70px; border: 2px dashed #8a8ea5; border-radius: 5px; cursor: pointer;  } #item-form .files:before,#item-form .files:after { position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; margin: -1px 0 0 -10px; background-color: #e0e0e0; content: "";  } #item-form .files:after { transform: rotate( 90deg );  } #item-form .files input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;  } #item-form .users { display: block; margin: 0 0 20px 0;  } #item-form .users:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #item-form .users ol { display: block; list-style: none; height: 51px; padding: 0 100px 0 20px; border-bottom: 1px solid #e0e0e0;  } #item-form .users ol li { display: block; float: left; line-height: 50px; color: rgba( 0, 0, 0, 0.5 );  } #item-form .users ol li:nth-child( 1 ) { width: 10%;  } #item-form .users ol li:nth-child( 2 ) { width: 20%;  } #item-form .users ol li:nth-child( 3 ) { width: 60%;  } #item-form .users ol li:nth-child( 4 ) { width: 10%;  } #item-form .users .user { position: relative; display: block; list-style: none; height: 70px; padding: 10px 100px 10px 20px; border-bottom: 1px solid #e0e0e0;  } #item-form .users .user:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #item-form .users .user div { display: block; float: left; color: rgba( 0, 0, 0, 0.8 );  } #item-form .users .user div:nth-child( 1 ) { width: 10%;  } #item-form .users .user div:nth-child( 2 ) { width: 20%;  } #item-form .users .user div:nth-child( 3 ) { width: 60%;  } #item-form .users .user div:nth-child( 4 ) { width: 10%;  } #item-form .users .yesno { position: relative; display: block; float: left; width: 20px; height: 20px; margin: 15px 0 0 0; overflow: hidden; border: 2px solid #579e49; border-radius: 50%;  } #item-form .users .yes:after { position: absolute; top: 2px; left: 6px; width: 5px; height: 10px; border-right: 2px solid #579e49; border-bottom: 2px solid #579e49; transform: rotate( 45deg ); content: "";  } #item-form .users .user i { position: absolute; top: 0; right: 0; display: block; width: 50px; height: 50px; overflow: hidden; font-style: normal; cursor: pointer;  } #item-form .users .user i:after { position: absolute; top: 10px; left: 0; display: block; width: 50px; height: 50px; background: url( "../images/ceas/ceas.png" ) no-repeat -125px -425px; content: ""; opacity: 0.5; transform: scale( 0.4 );  } #item-form .users .user i:hover:after { opacity: 1;  } #item-form .users .user .edit { right: 50px;  } #item-form .users .user .edit:after { background-position: -25px -425px;  } #item-form .users .user h5 { line-height: 25px;  } #item-form .users .user h6 { line-height: 50px;  } #item-form .additem { position: relative; display: block; width: 40px; height: 40px; margin: 0 auto 20px auto; border: 2px solid #579e49; border-radius: 50%; cursor: pointer;  } #item-form .additem:before,#item-form .additem:after { position: absolute; top: 50%; left: 50%; display: block; width: 12px; height: 2px; margin: -1px 0 0 -6px; background-color: #579e49; content: "";  } #item-form .additem:after { transform: rotate( 90deg );  } #item-form .additem:hover { border: 2px solid #67ae59;  } #item-form .additem:hover:before,#item-form .additem:hover:after { background-color: #67ae59;  } #item-form .remove { position: relative; display: block; float: left; line-height: 30px; font-size: 10px; text-transform: uppercase; color: #ffffff; margin: 0 0 0 20px; padding: 0 15px 0 15px; border-radius: 5px; background-color: #c52c35; cursor: pointer; border: 2px solid #b51c25;  } #item-form .remove:hover { background-color: #d53c45;  } #item-form footer { display: block; height: 70px; overflow: hidden; padding: 0 20px 0 20px; border-radius: 0 0 5px 5px;  } #item-form footer span { display: block; float: left; height: 44px; padding: 0 25px 0 25px; text-align: center; line-height: 40px; font-size: 12px; text-transform: uppercase; font-weight: bold; cursor: pointer; border-radius: 5px;  } #item-form footer span:first-child { border: 2px solid #cccccc; color: #aaaaaa;  } #item-form footer span:first-child:hover { background-color: #cccccc; color: #666666;  } #item-form footer span:last-child { float: right; border: 2px solid #579e49; color: #579e49;  } #item-form footer span:last-child:hover { background-color: #579e49; color: #ffffff;  } #item-user-form { position: fixed; z-index: 8; top: 60px; left: 0; display: none; width: 100%; height: calc( 100% - 60px ); padding: 20px 0 0 0; overflow: auto; background-color: rgba( 255, 255, 255, 0.8 );  } #item-user-form:before {  } #item-user-form > div { max-width: 760px; margin: 20px auto 0 auto; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 20px 0 rgba( 0, 0, 0, 0.8 );  } #item-user-form > div > header { position: relative; display: block; height: 50px; margin: 0 0 20px 0; padding: 0 0 0 20px; line-height: 51px; color: #333333; font-weight: bold; text-align: center; border-radius: 5px 5px 0 0; border-bottom: 1px solid #e0e0e0;  } #item-user-form > div > header span { position: absolute; top: 10px; right: 10px; display: block; width: 30px; height: 30px; cursor: pointer; opacity: 0.7;  } #item-user-form > div > header span:hover { opacity: 1;  } #item-user-form > div > header span:before,#item-user-form > div > header span:after { position: absolute; top: 14px; left: 5px; width: 20px; height: 2px; background-color: #c52c35; content: "";  } #item-user-form > div > header span:before { transform: rotate( 45deg );  } #item-user-form > div > header span:after { transform: rotate( -45deg );  } #item-user-form nav { display: block; height: 52px; margin: 0 0 20px 0; background-color: #2a2e45; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;  } #item-user-form nav ul { display: block; list-style: none; height: 50px;  } #item-user-form nav ul li { position: relative; display: block; float: left; width: 25%; height: 50px; text-align: center; line-height: 50px; cursor: pointer; text-transform: uppercase; color: #333333; font-weight: bold; font-size: 12px; border-right: 1px solid #e0e0e0;  } #item-user-form nav ul li:last-child { border-right: 0;  } #item-user-form nav ul .sel { color: #ffffff; background-color: #4a4e65;  } #item-user-form article { display: none; margin: 0 0 20px 0; border-bottom: 1px solid #e0e0e0;  } #item-user-form article:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #item-user-form article.sel { display: block;  } #item-user-form .hidden { display: none;  } #item-user-form em { display: block; width: 100%; clear: both; margin: 0 0 5px 0; font-size: 14px; line-height: 24px; color: #6c7b98; font-style: normal;  } #item-user-form p { margin: 0 20px 20px 20px; font-size: 14px; line-height: 24px; color: rgba( 0, 0, 0, 0.8 );  } #item-user-form fieldset { position: relative; display: block; margin: 0 20px 20px 20px; clear: both;  } #item-user-form fieldset:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #item-user-form fieldset:last-of-type {  } #item-user-form .line { position: relative; display: block; clear: both; width: 100%; height: 1px; background-color: #e0e0e0; border: 0; margin: 0 0 20px 0; cursor: pointer;  } #item-user-form label { display: block; margin: 0 0 5px 0; clear: both; color: #666666; line-height: 100%; font-size: 12px; text-transform: uppercase; font-weight: bold;  } #item-user-form .label-inline { float: left; margin: 0 0 0 0; clear: none; line-height: 20px; text-transform: none;  } #item-user-form .cb,#item-user-form .cbs { float: left; margin: 0 10px 0 0;  } #item-user-form .on,#item-user-form .off { float: left; margin: 2px 10px 0 0;  } #item-user-form .files { position: relative; display: block; min-height: 70px; border: 2px dashed #8a8ea5; border-radius: 5px; cursor: pointer;  } #item-user-form .files:before,#item-user-form .files:after { position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; margin: -1px 0 0 -10px; background-color: #e0e0e0; content: "";  } #item-user-form .files:after { transform: rotate( 90deg );  } #item-user-form .files input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;  } #item-user-form .users { display: block; margin: 0 0 20px 0;  } #item-user-form .users:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #item-user-form .users ol { display: block; list-style: none; height: 41px; padding: 0 100px 0 20px;  } #item-user-form .users ol li { display: block; float: left; line-height: 40px; color: rgba( 255, 255, 255, 0.5 );  } #item-user-form .users ol li:nth-child( 1 ) { width: 10%;  } #item-user-form .users ol li:nth-child( 2 ) { width: 20%;  } #item-user-form .users ol li:nth-child( 3 ) { width: 60%;  } #item-user-form .users ol li:nth-child( 4 ) { width: 10%;  } #item-user-form .users .user { display: block; list-style: none; height: 70px; padding: 10px 100px 10px 20px; border-top: 1px solid #e0e0e0;  } #item-user-form .users .user:after { display: block; width: 100%; height: 0; clear: both; content: "";  } #item-user-form .users .user div { display: block; float: left; color: rgba( 255, 255, 255, 0.8 );  } #item-user-form .users .user div:nth-child( 1 ) { width: 10%;  } #item-user-form .users .user div:nth-child( 2 ) { width: 20%;  } #item-user-form .users .user div:nth-child( 3 ) { width: 60%;  } #item-user-form .users .user div:nth-child( 4 ) { width: 10%;  } #item-user-form .users .yesno { position: relative; display: block; float: left; width: 20px; height: 20px; margin: 15px 0 0 0; overflow: hidden; border: 2px solid #579e49; border-radius: 50%;  } #item-user-form .users .yes:after { position: absolute; top: 2px; left: 6px; width: 5px; height: 10px; border-right: 2px solid #579e49; border-bottom: 2px solid #579e49; transform: rotate( 45deg ); content: "";  } #item-user-form .users .user i { position: absolute; top: 0; display: block; width: 50px; height: 50px; overflow: hidden; font-style: normal;  } #item-user-form .users .user .edit:after {  } #item-user-form .users .user h5 { line-height: 25px;  } #item-user-form .users .user h6 { line-height: 50px;  } #item-user-form .additem { position: relative; display: block; width: 40px; height: 40px; margin: 0 auto 20px auto; border: 2px solid #579e49; border-radius: 50%; cursor: pointer;  } #item-user-form .additem:before,#item-user-form .additem:after { position: absolute; top: 50%; left: 50%; display: block; width: 12px; height: 2px; margin: -1px 0 0 -6px; background-color: #579e49; content: "";  } #item-user-form .additem:after { transform: rotate( 90deg );  } #item-user-form .additem:hover { border: 2px solid #67ae59;  } #item-user-form .additem:hover:before,#item-user-form .additem:hover:after { background-color: #67ae59;  } #item-user-form .remove { position: relative; display: block; float: left; line-height: 30px; font-size: 10px; text-transform: uppercase; color: #ffffff; margin: 0 0 0 20px; padding: 0 15px 0 15px; border-radius: 5px; background-color: #c52c35; cursor: pointer; border: 2px solid #b51c25;  } #item-user-form .remove:hover { background-color: #d53c45;  } #item-user-form footer { display: block; height: 70px; overflow: hidden; padding: 0 20px 0 20px; border-radius: 0 0 5px 5px;  } #item-user-form footer span { display: block; float: left; height: 44px; padding: 0 25px 0 25px; text-align: center; line-height: 40px; font-size: 12px; text-transform: uppercase; font-weight: bold; cursor: pointer; border-radius: 5px;  } #item-user-form footer span:first-child { border: 2px solid #cccccc; color: #aaaaaa;  } #item-user-form footer span:first-child:hover { background-color: #cccccc; color: #666666;  } #item-user-form footer span:last-child { float: right; border: 2px solid #579e49; color: #579e49;  } #item-user-form footer span:last-child:hover { background-color: #579e49; color: #ffffff;  } #items-form .aci,#item-form .aci,#item-user-form .aci { position: relative; min-height: 44px; border: 2px solid #e0e0e0; border-radius: 3px;  } #items-form .aci span,#item-form .aci span,#item-user-form .aci span { position: relative; display: block; width: 100%; height: 40px; padding: 0 0 0 10px; line-height: 40px; color: #565656; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  } #items-form .aci:after,#item-form .aci:after,#item-user-form .aci:after { position: absolute; top: 11px; right: 14px; display: block; width: 12px; height: 12px; content: ""; border-right: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; box-sizing: border-box; transform: rotate( 45deg );  } #items-form .aci:before,#item-form .aci:before,#item-user-form .aci:before { position: absolute; top: 0px; right: 40px; display: block; width: 2px; height: 40px; content: ""; background-color: #e0e0e0;  } #items-form .aci input,#item-form .aci input,#item-user-form .aci input { position: absolute; z-index: 6; display: none; top: 56px; left: 20px; width: calc( 100% - 40px ) !important; height: 44px; padding: 10px; color: #666666; border: 2px solid #e0e0e0; border-radius: 3px; clear: both;  } #items-form .aci ol,#item-form .aci ol,#item-user-form .aci ol { position: absolute; top: 40px; left: -2px; width: calc( 100% + 4px ); display: none; z-index: 5; padding: 74px 0 0 0; overflow: hidden; list-style-type: none; background-color: #ffffff; border-radius: 0 0 3px 3px; border: 2px solid #e0e0e0;  } #items-form .aci li,#item-form .aci li,#item-user-form .aci li { display: block; line-height: 40px; width: 100%; padding: 0 0 0 10px; color: #565656; cursor: pointer; border-top: 2px dotted #e8e8e8;  } #items-form .aci li:first-child,#item-form .aci li:first-child,#item-user-form .aci li:first-child {  } #items-form .aci li:hover,#item-form .aci li:hover,#item-user-form .aci li:hover { background-color: #f7f6f9;  } #items-form .aci .sel,#item-form .aci .sel,#item-user-form .aci .sel { color: #2b2e4f; background-color: #f7f6f9;  } #items-form .aciv input,#item-form .aciv input,#item-user-form .aciv input { display: block;  } #items-form .aciv ol,#item-form .aciv ol,#item-user-form .aciv ol { display: block; list-style: none;  } #items-form .aciv:after,#item-form .aciv:after,#item-user-form .aciv:after { top: 16px; transform: rotate( -135deg );  } #items-form .aciv span,#item-form .aciv span,#item-user-form .aciv span { border-bottom: 0;  } #items-form .acivt input,#item-form .acivt input,#item-user-form .acivt input { display: block; top: auto; bottom: 40px;  } #items-form .acivt ol,#item-form .acivt ol,#item-user-form .acivt ol { display: block; top: auto; bottom: 35px; padding: 0 0 55px 0; border-radius: 3px 3px 0 0; border-bottom: 0; border-top: 1px solid #e0e0e0;  } #items-form input,#item-form input,#item-user-form input,#items-form textarea,#item-form textarea,#item-user-form textarea { display: block; width: 100%; height: 42px; padding: 0 10px 0 10px; line-height: 40px; color: #565656; border: 2px solid #8a8ea5; border-radius: 5px; clear: both; background-color: transparent;  } #items-form textarea,#item-form textarea,#item-user-form textarea { min-height: 150px; padding: 10px; line-height: 26px; resize: vertical;  } #items-form textarea:focus,#item-form textarea:focus,#item-user-form textarea:focus,#items-form input:focus,#item-form input:focus,#item-user-form input:focus { color: #565656; border: 2px solid #aaaec5;  } #items-form .ierror,#item-form .ierror,#item-user-form .ierror { border: 2px solid #ff374f;  } @media only screen and ( max-width : 1400px ) { #dashboard > div > article { width:  25%;  } #dashboard > div .c-wallet { width:  25%;  } #dashboard > div .gigs { width:  25%;  } #dashboard > div .gigs > div { border-radius:  0 0 0 0;  } #dashboard > div .affiliates { width:  25%;  } #dashboard > div .affiliates > div { border-radius:  0 0 0 0;  } #dashboard > div .all-modules { float:  none; width:  100%; max-width:  600px; margin:  0 auto 0 auto; clear:  both;  } #dashboard > div .all-modules > div { padding:  20px 0 60px 0; height:  auto; border:  0;  } #dashboard > div .all-modules label { margin:  0 0 20px 0; text-align:  center; font-size:  18px;  } #dashboard > div .all-modules p { max-width:  80%; margin:  0 auto 30px auto; padding:  0 0 0 0; text-align:  center;  } #dashboard > div .all-modules span { left:  50%; bottom:  30px; transform:  translate( -50%, 0 );  } #dashboard > div .all-modules ul { position:  relative; top:  0; right:  0; max-width:  100%; margin:  0 auto 0 auto; transform:  translate( 0, 0 ); text-align:  center;  } #dashboard > div .all-modules ul li { width:  calc( 11.111% - 10px );  }  } @media only screen and ( max-width : 1200px ) { #messages .form { width:  calc( 100% - 660px );  } #messages .list { left:  250px; width:  400px;  } #messages aside { width:  250px;  } #messages:before { width:  250px;  } #messages .view { width:  calc( 100% - 660px );  }  } @media only screen and ( max-width : 1024px ) { #dashboard > div > article { width:  50%;  } #dashboard > div .c-wallet { width:  50%;  } #dashboard > div .gigs { width:  50%;  } #dashboard > div .affiliates { width:  50%;  } #acc .auth { padding:  100px 10px 0 10px;  } #acc .settings { padding:  100px 10px 0 10px;  } #messages > div { top:  20px; left:  20px; width:  calc( 100% - 40px ); height:  calc( 100% - 40px );  } #messages .form { width:  calc( 100% - 450px );  } #messages .list { left:  50px;  } #messages .list > header { height:  51px; padding:  0 0 0 50px;  } #messages .list > header .cb,#messages .list > header .cbs { top:  15px;  } #messages .list ul { max-height:  calc( 100vh - 150px );  } #messages aside { width:  50px; border-radius:  0;  } #messages:before { display:  none;  } #messages aside h2 { display:  none; margin:  0 0 0 0; cursor:  pointer;  } #messages aside h2 span { display:  none;  } #messages aside ul { border-top:  1px solid rgba( 255, 255, 255, 0.1 );  } #messages aside ul li { margin:  0;  } #messages aside ul li:after { display:  block;  } #messages aside ul .contacts { display:  block;  } #messages aside > div { display:  none;  } #messages .view { width:  calc( 100% - 450px );  } #messages .view h2 { padding:  0 0 0 0;  } #messages .view h2 time { position:  relative;  } #items-list .list article p { font-size:  12px;  } #items-list nav .filter { width:  300px;  } #items-form section article { float:  none; width:  100%; clear:  both;  }  } @media only screen and ( max-width : 768px ) { #blacklist h1 { font-size:  22px;  } #blacklist p { font-size:  14px;  } #maintenance img { width:  60px; height:  60px;  } #maintenance h1 { font-size:  22px;  } #maintenance p { font-size:  14px;  } #page-not-found img { width:  60px; height:  60px;  } #page-not-found p { font-size:  13px;  } #header .header-acc { top:  60px; padding:  10px 0 0 0;  } #header .header-acc:after { right:  62px;  } #header .header-acc > div { height:  70px; margin:  0 0 10px 0; padding:  0 0 0 80px;  } #header .header-acc > div figure { left:  10px; width:  60px; height:  60px;  } #header .header-acc > div figure span { line-height:  60px;  } #header .header-acc > div h2 { font-size:  12px;  } #header .header-acc > div > h3 { font-size:  12px;  } #header .header-acc > div > span { font-size:  12px;  } #header .header-acc > div > figure i { font-size:  8px;  } #header .header-acc footer { height:  60px; padding:  10px 10px 10px 10px;  } #header .header-acc h3 { margin:  0 10px 5px 10px;  } #header .header-acc p { margin:  0 10px 10px 10px;  } #header .header-modules { top:  60px; right:  5px;  } #header .header-modules ul:before { right:  20px;  } #header { height:  50px;  } #header .logo { left:  10px; width:  50px; height:  50px; background:  url( "../images/accounts/accounts.png" ) no-repeat -332px -25px;  } #header .logo:after { display:  none;  } #header nav { height:  50px;  } #header nav .lang { width:  51px; height:  50px;  } #header nav .lang > span { line-height:  50px;  } #header nav .notifications { width:  51px; height:  50px;  } #header nav .notifications:before { width:  50px; height:  50px; background:  url( "../images/accounts/accounts.png" ) no-repeat -725px -25px;  } #header nav .messages { width:  51px; height:  50px;  } #header nav .messages:before { width:  50px; height:  50px; background:  url( "../images/accounts/accounts.png" ) no-repeat -825px -25px;  } #header nav .cwallet { height:  50px;  } #header nav .cwallet > span { line-height:  50px;  } #header nav .cwallet > span:before { top:  16px;  } #header nav .my { width:  51px; height:  50px;  } #header nav .my figure { top:  5px; left:  5px;  } #header nav .my figure span { line-height:  50px;  } #header nav .my .default:before { transform:  scale( 0.8 );  } #header nav .mm { width:  51px; height:  50px;  } #header nav .mm:before { width:  50px; height:  50px; background:  url( "../images/accounts/accounts.png" ) no-repeat -1025px -25px;  } #dashboard { padding:  60px 0 100px 10px;  } #dashboard header { height:  60px; margin:  0 0 20px 0; padding:  10px 10px 0 90px;  } #dashboard header figure { display:  block;  } #dashboard header h2 { position:  relative; height:  20px; line-height:  20px; font-size:  20px;  } #dashboard header p { text-align:  left; line-height:  30px; font-size:  14px; color:  #636460;  } #acc .auth { padding:  80px 10px 0 10px; background:  url( "../images/accounts/login-bg.png" ) no-repeat 80%;  } #acc .auth aside { float:  none; width:  auto; max-width:  360px; margin:  0 auto 20px auto; padding:  0 0 0 0; clear:  both;  } #acc .auth aside h2 { margin:  0 0 10px 0; font-size:  18px;  } #acc .auth aside h3 { margin:  0 0 20px 0;  } #acc .auth aside .list-modules { margin:  0 0 20px 0;  } #acc .auth aside .link { margin:  0 0 10px 0; font-size:  12px;  } #acc .auth aside hr { margin:  0 0 10px 0;  } #acc .auth aside hr:last-of-type { display:  none;  } #acc .auth aside p { display:  none;  } #acc .auth aside footer .link { margin:  0 10px 0 0;  } #acc .auth article { float:  none; width:  auto; max-width:  360px; padding:  20px; clear:  both; margin:  0 auto 10px auto;  } #acc .auth .full { max-width:  none;  } #acc .auth .tabbed nav { height:  40px;  } #acc .auth .tabbed nav span { line-height:  40px;  } #acc .auth article h2 { font-size:  16px; margin:  0 0 10px 0;  } #acc .auth article p { margin:  0 0 10px 0; font-size:  12px;  } #acc .auth article fieldset { margin:  0 0 10px 0;  } #acc .settings { padding:  80px 10px 0 10px; background:  url( "../images/accounts/login-bg.png" ) no-repeat 80%;  } #acc .settings article { float:  none; width:  auto; max-width:  360px; padding:  20px; clear:  both; margin:  0 auto 10px auto;  } #acc .settings .full { max-width:  none;  } #acc .settings h2 { font-size:  16px; margin:  0 0 10px 0;  } #acc .settings p { margin:  0 0 10px 0; font-size:  12px;  } #acc .settings h3 { font-size:  12px; margin:  0 0 10px 0;  } #acc .settings fieldset { margin:  0 0 10px 0;  } #legal header h2 { font-size:  22px; font-size:  22px;  } #legal header p { font-size:  16px; font-size:  16px;  } #legal article h3 { font-size:  16px; font-size:  16px;  } #legal article p { margin:  0 0 20px 0; font-size:  14px; margin:  0 0 20px 0; font-size:  14px;  } #legal article ul { margin:  0 0 20px 0; margin:  0 0 20px 0;  } #legal article ul li { font-size:  14px; font-size:  14px;  } #messages { top:  50px; height:  calc( 100% - 50px );  } #messages > div { top:  0; left:  0; width:  100%; height:  100%; background:  #ffffff;  } #messages .create { display:  none;  } #messages .form { width:  calc( 100% - 50px );  } #messages .list { width:  calc( 100% - 50px ); border:  1px solid #ecf2ff;  } #messages .list ul { max-height:  calc( 100vh - 100px );  } #messages aside ul .new { display:  block;  } #messages .view { width:  calc( 100% - 50px );  } #messages .view .files li { width:  100%;  } #messages .view footer ul li { padding:  0 10px 0 40px;  } #items-list { top:  50px; height:  calc( 100% - 100px );  } #items-list .list header { display:  none;  } #items-list .list article div { float:  none; margin:  0 0 10px 0; padding:  0 0 10px 0; clear:  both; border-bottom:  1px dotted #f5f5f5;  } #items-list .list article div:last-child { border-bottom:  0; margin:  0 0 0 0; padding:  0 0 0 0;  } #items-list .list article div:after { display:  block;  } #items-list .list article label { display:  block;  } #items-list .list article .mycol { width:  100%;  } #items-list .list .pagination { padding:  20px 0 20px 0;  } #items-list .list .pagination div { height:  auto; float:  none; text-align:  center;  } #items-list .list .pagination div:after { display:  block;  } #items-list .list .pagination span,#items-list .list .pagination a { display:  inline-block; float:  none; border:  1px solid #e5e5e5; margin:  5px; border-radius:  4px;  } #items-list .list .pagination span:first-child,#items-list .list .pagination a:first-child { border-radius:  4px;  } #items-list .list .pagination span:last-child,#items-list .list .pagination a:last-child { border-radius:  4px;  } #items-list .list .pagination h4 { float:  none; text-align:  center; line-height:  30px;  } #items-list nav .top h2 { font-size:  22px;  } #items-list nav .top p { margin:  0 0 20px 0; font-size:  14px;  } #items-list nav .top .create { position:  relative; clear:  both; max-width:  180px;  } #items-list nav ul { float:  none; margin:  0 0 20px 0;  } #items-list nav ul li { width:  25%;  } #items-list nav .filter { float:  none; width:  100%;  } #items-form { top:  50px; height:  calc( 100% - 50px );  } #items-form section fieldset { margin:  0 0 10px 0;  } #items-form section fieldset:last-of-type { margin:  0 0 0 0;  } #item-form { top:  50px; height:  calc( 100% - 50px );  } #item-user-form { top:  50px; height:  calc( 100% - 50px );  }  } @media only screen and ( max-width : 480px ) { #blacklist h1 { font-size:  18px;  } #blacklist p { font-size:  12px;  } #maintenance h1 { font-size:  18px;  } #maintenance p { font-size:  12px;  } #page-not-found p { font-size:  12px;  } #header nav .cwallet { display:  none;  } #dashboard > div > article { width:  100%;  } #dashboard > div > article label { font-size:  18px;  } #dashboard > div > article em { padding:  0;  } #dashboard > div > article em:before { display:  none;  } #dashboard > div .c-wallet { width:  100%;  } #dashboard > div .c-wallet > div { margin:  0 20px 0 20px; padding:  20px 0 0 0;  } #dashboard > div .c-wallet h3 { padding:  30px 0 0 0; font-size:  40px;  } #dashboard > div .c-wallet h4 { top:  123px;  } #dashboard > div .c-wallet figure { left:  auto; bottom:  auto; right:  -20px; top:  -60px;  } #dashboard > div .c-wallet span { display:  none;  } #dashboard > div .followers { width:  50%; margin:  0;  } #dashboard > div .followers > div { height:  160px; margin:  0; background-color:  transparent;  } #dashboard > div .followers label { margin:  0 0 10px 0; text-align:  center;  } #dashboard > div .followers h3 { margin:  0 auto 10px auto; text-align:  center; font-size:  36px;  } #dashboard > div .followers h4 { position:  absolute; bottom:  30px; left:  50%; margin:  0; transform:  translate( -50%, 0 );  } #dashboard > div .followers figure { display:  none;  } #dashboard > div .followers span { display:  none;  } #dashboard > div .following { width:  50%; margin:  0;  } #dashboard > div .following > div { height:  160px; margin:  0; background-color:  transparent;  } #dashboard > div .following label { margin:  0 0 10px 0; text-align:  center;  } #dashboard > div .following h3 { margin:  0 auto 10px auto; text-align:  center; font-size:  36px;  } #dashboard > div .following h4 { position:  absolute; bottom:  30px; left:  50%; margin:  0; transform:  translate( -50%, 0 );  } #dashboard > div .following figure { display:  none;  } #dashboard > div .following span { display:  none;  } #dashboard > div .posts { width:  50%;  } #dashboard > div .posts > div { height:  160px; margin:  0 10px 0 20px;  } #dashboard > div .posts label { margin:  0 0 10px 0; text-align:  center;  } #dashboard > div .posts h3 { margin:  0 auto 10px auto; text-align:  center; font-size:  36px;  } #dashboard > div .posts figure { display:  none;  } #dashboard > div .posts span { display:  none;  } #dashboard > div .posts em { bottom:  10px; right:  20px; display:  block; width:  calc( 100% - 50px ); font-size:  12px;  } #dashboard > div .events { width:  50%;  } #dashboard > div .events > div { margin:  0 20px 0 10px; height:  160px;  } #dashboard > div .events label { margin:  0 0 10px 0; text-align:  center;  } #dashboard > div .events h3 { margin:  0 auto 10px auto; text-align:  center; font-size:  36px;  } #dashboard > div .events figure { display:  none;  } #dashboard > div .events span { display:  none;  } #dashboard > div .events em { bottom:  10px; right:  30px; display:  block; width:  calc( 100% - 50px ); font-size:  12px;  } #dashboard > div .protecteditems > div { height:  160px; padding:  20px 50% 20px 20px; margin:  0; background-color:  #2c76f2;  } #dashboard > div .protecteditems label { position:  absolute; top:  50%; left:  27%; width:  30%; margin:  0; padding:  0; color:  #ffffff; line-height:  120%; transform:  translate( 0, -50% );  } #dashboard > div .protecteditems h3 { margin:  0 0 0 0; color:  #ffffff; font-size:  80px; line-height:  120px;  } #dashboard > div .protecteditems figure { display:  none;  } #dashboard > div .protecteditems span { display:  none;  } #dashboard > div .protecteditems em { bottom:  50%; right:  30px; width:  calc( 50% - 50px ); padding:  0 0 0 0; font-size:  18px; background-color:  #ffffff; color:  #343330; font-weight:  bold; transform:  translate( 0, 50% );  } #dashboard > div .gigs { width:  100%;  } #dashboard > div .gigs > div { border-radius:  0 0 0 50px;  } #dashboard > div .gigs h3 { font-size:  80px; line-height:  80px;  } #dashboard > div .gigs figure { right:  10px; transform:  scale( 0.6 );  } #dashboard > div .gigs em { width:  140px;  } #dashboard > div .affiliates { width:  100%;  } #dashboard > div .affiliates > div { border-radius:  0 0 0 50px;  } #dashboard > div .affiliates h3 { font-size:  80px; line-height:  80px;  } #dashboard > div .affiliates figure { right:  10px; transform:  scale( 0.6 );  } #dashboard > div .affiliates em { width:  140px;  } #dashboard > div .all-modules > div { border:  0; margin:  0; background-color:  #1a1a1a;  } #dashboard > div .all-modules label { color:  #ffffff;  } #dashboard > div .all-modules p { color:  #ffffff;  } #dashboard > div .all-modules span { color:  #ffffff;  } #dashboard > div .all-modules span:before { background:  url( "../images/accounts/accounts.png" ) no-repeat -44px -143px;  } #dashboard > div .all-modules ul { max-width:  340px;  } #dashboard > div .all-modules ul li { width:  calc( 16.66% - 10px ); background-color:  #ffffff;  } #dashboard { padding:  60px 0 100px 0;  } #acc .auth { background:  none;  } #acc .settings .submit { max-width:  100%;  } #legal { padding:  80px 10px 30px 10px; padding:  80px 10px 30px 10px;  } #legal header { margin:  0 0 20px 0; padding:  0 0 20px 0; margin:  0 0 20px 0; padding:  0 0 20px 0;  } #legal header h2 { font-size:  16px; font-size:  16px;  } #legal header p { font-size:  14px; font-size:  14px;  } #legal article h3 { margin:  0 0 10px 0; font-size:  14px; margin:  0 0 10px 0; font-size:  14px;  } #legal article p { font-size:  12px; font-size:  12px;  } #legal article ul li { font-size:  12px; font-size:  12px;  } #messages .list { border:  0;  } #messages .list > header { padding:  0 0 0 40px;  } #messages .list > header .cb,#messages .list > header .cbs { left:  10px;  } #messages .list ul > li { border-bottom:  1px solid #ecf2ff;  } #messages .list ul header { padding:  10px 0 0 100px;  } #messages .list ul > .multiple header { padding:  10px 0 0 60px;  } #messages .list ul header .cb,#messages .list ul header .cbs { left:  10px;  } #messages .list ul header figure { left:  45px;  } #messages .list ul time { position:  relative; top:  0; right:  0;  } #messages .list ul p { display:  none;  } #items-list { padding:  10px;  } #items-list .list article { padding:  10px 10px 10px 10px;  } #items-list nav { margin:  0 0 10px 0;  } #items-list nav .top { margin:  0 0 10px 0; padding:  0 0 10px 0;  } #items-list nav .top p { margin:  0 0 10px 0;  } #items-list nav .top .create { max-width:  100%;  } #items-list nav ul { margin:  0 0 10px 0;  } #items-list nav ul li { padding:  5px 10px 0 10px;  } #items-list nav ul li span { font-size:  10px;  } #items-list nav .filter { padding:  0 0 0 56px;  } #items-form { padding:  10px;  } #items-form > header { height:  50px;  } #items-form > header ul { height:  50px;  } #items-form > header ul li { height:  50px; padding:  5px 20px 0 10px;  } #items-form > header ul span { font-size:  12px;  } #item-form { padding:  10px;  } #item-form nav ul li { font-size:  11px;  } #item-user-form { padding:  10px;  } #item-user-form nav ul li { font-size:  11px;  }  } @keyframes loading { 0%, 100% { opacity: 1;transform: scale( 1 ); } 50% { opacity: 0.2;transform: scale( 0.4 ); }  } @keyframes loading { 0%, 70%, 100% { transform: scale3D( 1, 1, 1 );opacity: 1; } 35% { transform: scale3D( 0, 0, 1 );opacity: 0; }  }