/* common - based on Eric Meyer's reset, you shouldn't change this section
======================================*/
        
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        font,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td {
            border: 0;
            margin: 0;
            padding: 0;
            vertical-align: baseline;
            font-weight: inherit;
            font-style: inherit;
            font-size: 100%;
            font-family: inherit;
        }
        
        body {
            background: #ddd;
            font: 75%/1.5 "myriad pro", helvetica, arial, sans-serif;
            color: #333;
        }
        
        table {
            border-collapse: separate;
            border-spacing: 0;
        }
        
        caption,
        th,
        td {
            text-align: left;
            font-weight: normal;
        }
        
        blockquote:before,
        blockquote:after,
        q:before,
        q:after {
            content: "";
        }
        
        blockquote,
        q {
            quotes: "" "";
        }
        
        li {
            list-style-type: none;
        }
        
        hr {
            display: none;
        }
        
        strong,
        b {
            font-weight: bold;
        }
        
        em,
        i {
            font-style: italic;
        }
        /* basic links properties */
        
        a {
            border-bottom: 1px solid #ccc;
            text-decoration: none;
            color: #333;
        }
        
        a.alt,
        .altbox .content a {
            border-color: #ccc;
            color: #333;
        }
        
        a:hover,
        a:active,
        a:focus,
        a.alt:hover,
        a.alt:active,
        a.alt:focus,
        .altbox .content a:hover,
        .altbox .content a:active,
        .altbox .content a:focus {
            border-color: #999;
            color: #000;
        }
        
        a img {
            border: none;
        }
        /* abstract classes
======================================*/
        /* autocleaning (use for parent of floated element, but take care, it has some limitations) */
        
        .cw {
            width: 100%;
            overflow: hidden;
        }
        
        .cw2 {
            overflow: hidden;
            height: 1%;
        }
        /* float helpers */
        
        .fl {
            float: left;
        }
        
        .fr {
            float: right;
        }
        /* classic cleaner */
        
        .cleaner {
            clear: both;
            visibility: hidden;
            height: 0;
            overflow: hidden;
            line-height: 0;
            font-size: 0;
        }
        /* safe cleaning, use eg. for parent of floated element */
        
        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        /* image replacement (see <h1 id="logo"> section in index.html for example) */
        
        .ir {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
        }
        /* text align helpers */
        
        .tl {
            text-align: left !important;
        }
        
        .tr {
            text-align: right !important;
        }
        
        .tc {
            text-align: center !important;
        }
        
        .ttop {
            vertical-align: top !important;
        }
        /* for buttons etc. */
        
        .hand {
            cursor: hand;
            cursor: pointer;
        }
        /* accessible hiding of elements */
        
        .a-hidden {
            position: absolute;
            top: -10000em;
        }
        /* first and last helpers, mainly for table cells */
        
        .first {
            border-left: 0 !important;
        }
        
        .last {
            border-right: 0 !important;
        }
        /* layout
======================================*/
        
        .inner-container {
            width: 960px;
            margin: 0 auto;
        }
        
        #header {
            border-bottom: 1px solid #666;
            background: #333 url("img/black/header.png") repeat-x;
            min-height: 100px;
        }
        
        #header .inner-container {
            padding: 20px 0 16px 0;
        }
        /* logo: set the width and height of your logo (in px) and margin-top depending on height of your logo */
        
        #header #logo {
            position: relative;
            float: left;
            width: 250px;
        }
        
        #header #logo a.home {
            border: 0;
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            text-shadow: #000 1px 1px 0;
            font-size: 180%;
            font-weight: bold;
            font-style: italic;
            color: #fff;
        }
        
        #header #logo a.home .ir {
            background: url("img/black/logo.png");
        }
        
        #header #logo a.button {
            position: absolute;
            left: 100%;
            top: 3px;
            margin-left: 20px;
            padding: 4px 9px 4px;
            white-space: nowrap;
        }
        /* box for user info, settings and logout */
        
        #header #userbox {
            background: url("img/black/userbox.png") no-repeat;
            position: relative;
            float: right;
            width: 225px;
            min-height: 65px;
            line-height: 1.3;
        }
        
        #header #userbox .inner {
            padding: 17px 50px 0 55px;
        }
        
        #header #userbox a#logout {
            border: 0;
            position: absolute;
            right: 14px;
            top: 21px;
            display: block;
            width: 23px;
            height: 24px;
            overflow: hidden;
            line-height: 1;
            font-size: 90%;
        }
        
        #header #userbox a#logout .ir {
            background: url("img/black/logout.png");
        }
        
        #header #userbox a#logout:hover .ir,
        #header #userbox a#logout:focus .ir,
        #header #userbox a#logout:active .ir {
            background-position: -23px 0;
        }
        
        #header #userbox strong {
            font-size: 120%;
            font-weight: normal;
            color: #fff;
        }
        
        #header #userbox a {
            border-color: #555;
            color: #ccc;
        }
        
        #header #userbox a:hover,
        #header #userbox a:active,
        #header #userbox a:focus {
            border-color: #777;
            color: #fff;
        }
        
        #header #userbox ul {}
        
        #header #userbox ul li {
            display: inline;
        }
        
        #header #userbox ul a {
            float: left;
            margin-right: 7px;
        }
        /* navigation stripe */
        
        #nav {
            border-top: 1px solid #000;
            border-bottom: 1px solid #999;
            background: #fff;
        }
        
        #nav .inner-container {
            position: relative;
            z-index: 2;
            padding: 26px 0 25px 0;
        }
        /* navigation section switcher */
        
        #nav #h-wrap {
            position: absolute;
            top: 14px;
            left: 0;
            =width: 220px;
        }
        /* Set your width for section switcher (only in IE 7 and older, modern browsers will set optimal width automatically) */
        
        #nav #h-wrap.active {
            border: 4px solid rgba(200, 200, 200, 0.5);
            top: 7px;
            left: -22px;
        }
        
        #nav #h-wrap.active {
            -moz-border-radius: 9px;
            -webkit-border-radius: 9px;
            border-radius: 9px;
        }
        
        #nav #h-wrap.active .inner {
            border: 1px solid #999;
            background: #fff;
            padding: 2px 0 10px 17px;
        }
        
        #nav #h-wrap.active .inner {
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
        }
        
        #nav #h-wrap .h-ico {
            background: 0 50% no-repeat;
        }
        
        #nav #h-wrap .h-ico span {
            display: block;
            padding-left: 50px;
        }
        
        #nav #h-wrap .ico-dashboard {
            background-image: url("img/h-ico/dashboard.png");
        }
        /* feel free to add/modify your own icons - icons are located in "css/img/h-ico/*" */
        
        #nav #h-wrap .ico-comments {
            background-image: url("img/h-ico/comments.png");
        }
        
        #nav #h-wrap .ico-color {
            background-image: url("img/h-ico/color.png");
        }
        
        #nav #h-wrap .ico-edit {
            background-image: url("img/h-ico/edit.png");
        }
        
        #nav #h-wrap .ico-media {
            background-image: url("img/h-ico/media.png");
        }
        
        #nav #h-wrap .ico-syndication {
            background-image: url("img/h-ico/syndication.png");
        }
        
        #nav #h-wrap .ico-cash {
            background-image: url("img/h-ico/cash.png");
        }
        
        #nav #h-wrap .ico-users {
            background-image: url("img/h-ico/users.png");
        }
        
        #nav #h-wrap .ico-advanced {
            background-image: url("img/h-ico/advanced.png");
        }
        
        #nav #h-wrap .ico-send {
            background-image: url("img/h-ico/send.png");
        }
        /* feel free to add more icons here like above (icon set is included in directory "./img/h-ico" and is free for commercial use) */
        
        #nav #h-wrap h2 {
            background: url("img/h-wrap-h2.png") 100% 100% no-repeat;
            position: relative;
            float: left;
            height: 51px;
            line-height: 55px;
            vertical-align: middle;
            font-size: 200%;
            font-weight: bold;
        }
        
        #nav #h-wrap.active h2 {
            background: none;
        }
        
        #nav #h-wrap h2 .h-ico {
            display: block;
            height: 100%;
            padding-right: 42px;
        }
        
        #nav #h-wrap h2 .h-arrow {
            background: url("img/black/h-arrow.gif") 0 0 no-repeat;
            position: absolute;
            top: 18px;
            right: 19px;
            display: block;
            width: 11px;
            height: 15px;
            overflow: hidden;
        }
        
        #nav #h-wrap.active h2 .h-arrow {
            background-position: 100% 0;
        }
        
        #nav #h-wrap ul {
            display: none;
            clear: both;
        }
        
        #nav #h-wrap ul li {
            display: inline;
        }
        
        #nav #h-wrap ul a {
            border: 0;
            display: block;
            height: 40px;
            width: 100%;
            overflow: hidden;
            line-height: 45px;
            vertical-align: middle;
            font-size: 150%;
        }
        
        #nav #h-wrap ul a:hover,
        #nav #h-wrap ul a:focus,
        #nav #h-wrap ul a:active {
            color: #000;
        }
        /* search form */
        
        #nav form {
            background: url("img/search-input.png") no-repeat;
            float: right;
            width: 227px;
            height: 28px;
            padding: 0;
            overflow: hidden;
            font-family: inherit;
        }
        
        #nav form input.text {
            outline: 0;
            border: 0;
            background: transparent;
            width: 194px;
            height: 14px;
            vertical-align: middle;
            margin: 1px 0 1px 1px;
            padding: 6px 2px;
            overflow: hidden;
            font-size: 100%;
            color: #555;
        }
        /* content wrapper */
        
        #container {
            background: url("img/container.gif") repeat-x;
        }
        
        #container .inner-container {
            position: relative;
            z-index: 1;
            left: 10px;
            width: 980px;
            padding: 20px 0;
        }
        
        #footer {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            text-align: center;
            clear: both;
            padding: 20px 0 0px 0;
            text-align: center;
        }
        
        #footer p {
            margin: 0 0 10px 0;
            color: #999;
        }
        
        #footer a {
            color: #777;
        }
        
        #footer a:hover,
        #footer a:active,
        #footer a:focus {
            border: none;
        }
        /* content styling
--------------------------------------*/
        /* stylish buttons with rounded corners */
        
        .button {
            border: medium none;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            background: #37ac50 url("img/black/button.gif") repeat-x;
            padding: 5px 12px 5px;
            color: #fff;
            cursor: pointer;
        }
        
        .button:hover,
        .button:focus,
        .button:active {
            border-color: #272727;
            background: #37ac50 url("img/altbutton.gif") repeat-x;
            /* text-shadow: #000 1px 1px 0; */
            color: #fff;
        }
        /* alternative colors */
        
        .altbox .button {
            border: 1px solid #272727;
            background: #37ac50 url("img/altbutton.gif") repeat-x;
            text-shadow: #000 1px 1px 0;
        }
        
        .altbox .button:hover,
        .altbox .button:focus,
        .altbox .button:active {
            border-color: #000;
            background: #37ac50 url("img/black/button.gif") repeat-x;
            color: #fff;
        }
        
        .altbutton {
            border: 1px solid #272727;
            background: #37ac50 url("img/altbutton.gif") repeat-x;
            text-shadow: #000 1px 1px 0;
        }
        
        .altbutton:hover,
        .altbutton:focus,
        .altbutton:active {
            border-color: #000;
            background: #37ac50 url("img/black/button.gif") repeat-x;
            color: #fff;
        }
        
        .altbox .altbutton {
            border: 1px solid #000;
            background: #37ac50 url("img/black/button.gif") repeat-x;
        }
        
        .altbox .altbutton:hover,
        .altbox .altbutton:focus,
        .altbox .altbutton:active {
            border-color: #272727;
            background: #37ac50 url("img/altbutton.gif") repeat-x;
            text-shadow: #000 1px 1px 0;
            color: #fff;
        }
        /* icons for content links etc. */
        
        .ico {
            border: 0 !important;
        }
        
        .ico-a {
            border: 0 !important;
            padding-left: 20px !important;
        }
        /* tags, filetypes */
        
        .tag {
            padding: 4px 7px;
            color: #fff !important;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }
        
        .tag-gray {
            /* feel free to add more tag types, just change the colors of gradients/borders */
            border-bottom: 1px solid #666;
            background: #999;
            background: gradient(linear, left top, left bottom, from(#bbb), to(#999));
            background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
        }
        /* error/information messages */
        
        .msg {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid;
            margin: 0 0 15px 0;
            padding: 8px 10px 0 10px;
        }
        
        .msg p {
            margin: 0 0 8px 0;
            padding-left: 25px;
        }
        
        .msg-ok {
            border-color: #a6d877;
            background: #d2ecba url("img/msg-ok.png") repeat-x;
            color: #336801;
        }
        
        .msg-error {
            border-color: #f3abab;
            background: #f9c9c9 url("img/msg-error.png") repeat-x;
            color: #8d0d0d;
        }
        
        .msg-warn {
            border-color: #d7e059;
            background: #f3f7aa url("img/msg-warn.png") repeat-x;
            color: #6c6600;
        }
        
        .msg-info {
            border-color: #9fd1f5;
            background: #c3e6ff url("img/msg-info.png") repeat-x;
            color: #005898;
        }
        
        .msg-ok p {
            background: url("img/led-ico/accept.png") 0 50% no-repeat;
        }
        
        .msg-error p {
            background: url("img/led-ico/cross_octagon.png") 0 50% no-repeat;
        }
        
        .msg-warn p {
            background: url("img/led-ico/exclamation_octagon_fram.png") 0 50% no-repeat;
        }
        
        .msg-info p {
            background: url("img/led-ico/exclamation.png") 0 50% no-repeat;
        }
        
        .error {
            color: #b70b0b;
        }
        /* forms */
        
        form {
            padding: 18px;
        }
        
        form.plain {
            padding: 0;
        }
        /* plain forms - used in tabular and grid data structures, TAKE CARE of it, please */
        
        form.plain fieldset {
            border: 0 !important;
            padding: 0 !important;
        }
        
        form.basic dl {
            width: 100%;
            overflow: hidden;
        }
        /* basic layout for forms */
        
        form.basic dl dt,
        form.basic dl dd {
            float: left;
        }
        
        form.basic dl dt {
            padding: 3px 5px 3px 0;
            width: 20%;
        }
        
        form.basic dl dd {
            padding: 3px 0 3px 5px;
            width: 76%;
        }
        
        label.check,
        label.radio {
            margin-right: 5px;
        }
        
        form small {
            color: #999;
        }
        
        input.txt,
        textarea {
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border: 1px solid #999;
            background: url("img/txt.gif") repeat-x;
            padding: 5px 2px;
        }
        
        form.basic input.txt,
        form.basic textarea {
            width: 100%;
        }
        
        input.error,
        textarea.error {
            border-color: #d35757;
            background-image: url("img/txt-error.gif");
        }
        
        span.loading {
            background: url("img/upload.gif") 0 50% no-repeat;
            padding: 3px 0 3px 20px;
        }
        
        form.fields {}
        /* plain and clean layout for forms */
        
        form.fields fieldset {
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border: 1px solid #ccc;
            margin-bottom: 15px;
            padding: 10px 15px 15px 15px;
        }
        
        form.fields fieldset.last {
            margin-bottom: 0;
            border-right: 1px solid #ccc !important;
        }
        
        form.fields fieldset legend {
            padding: 0 10px;
            font-size: 110%;
        }
        
        form.fields label,
        form.fields div.sep {
            display: block;
            margin-top: 6px;
        }
        
        form.fields label.check,
        form.fields label.radio {
            display: inline;
            margin-top: 0;
        }
        
        form.fields span.loading {
            margin-left: 10px;
        }
        /* lists for actions (remove, modify) */
        
        ul.actions {
            margin: 0;
        }
        
        ul.actions li {
            display: inline;
            margin-right: 5px;
        }
        /* content boxes */
        
        .box {
            float: left;
            width: 960px;
            margin: 0 20px 20px 0;
        }
        
        .box-25 {
            width: 225px;
        }
        /* 25% box */
        
        .box-50 {
            width: 470px;
        }
        /* 50% box */
        
        .box-75 {
            width: 715px;
        }
        /* 75% box */
        
        .box-100 {
            width: 960px;
        }
        /* 100% box */
        
        .altbox {}
        /* class for alternative (emphasized) boxes (blue headings and colors) */
        /* wrap of box's content */
        
        .boxin {
            box-shadow: #aaa 0 0 10px;
            -webkit-box-shadow: #aaa 0 0 10px;
            -moz-box-shadow: #aaa 0 0 10px;
            border: 1px solid #999;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            background: #fff;
        }
        /* boxes' headers */
        
        .box .header {
            background: #3d3d3d url("img/headerbox.png") repeat-x;
            border-top: 1px solid #444;
            border-radius: 5px 5px 0 0;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            position: relative;
            margin: -1px -1px 0 -1px;
            padding: 7px 0 9px 20px;
        }
        
        .altbox .header {
            border-top-color: #000;
            background: #000 url("img/black/altheaderbox.png") repeat-x;
        }
        
        .box .header h3 {
            position: relative;
            top: 2px;
            display: inline;
            font-size: 150%;
            color: #fff;
            text-shadow: #151515 0 1px 0;
        }
        
        .altbox .header h3 {}
        
        .box .header .button {
            margin-left: 15px;
        }
        /* tags in the header */
        
        .box .header ul {
            position: absolute;
            right: 9px;
            bottom: 0;
        }
        
        .box .header ul li {
            display: inline;
        }
        
        .box .header ul a {
            border-radius: 5px 5px 0 0;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            background: #777;
            border: 0;
            float: left;
            margin: 0 0 0 5px;
            padding: 8px 13px 6px;
            color: #fff;
        }
        
        .box .header ul a.active,
        .box .header ul a:hover,
        .box .header ul a:focus,
        .box .header ul a:active {
            background: #fff url("img/headertab.png") repeat-x;
            color: #444;
        }
        
        .altbox .header ul a {
            background-color: #444;
        }
        
        .altbox .header ul a.active,
        .altbox .header ul a:hover,
        .altbox .header ul a:focus,
        .altbox .header ul a:active {
            background: #fff url("img/black/altheadertab.png") repeat-x;
            color: #444;
        }
        /* boxes' content types – tabular */
        
        .box .content {
            margin-bottom: 5px;
        }
        
        .box .content table {
            width: 100%;
        }
        
        .box .content table th,
        .box .content table td {
            padding: 10px 10px 8px 10px;
        }
        
        .box .content table th {
            text-align: left;
            font-weight: normal;
        }
        
        .box .content table tr.even th,
        .box .content table tr.even td {
            background: #f5f5f5;
        }
        
        .altbox .content table tr.even th,
        .altbox .content table tr.even td {
            background: #f5f5f5;
        }
        
        .box .content table th.first,
        .box .content table td.first {
            padding-left: 20px;
        }
        
        .box .content table thead th,
        .box .content table thead td {
            border-left: 1px solid #f2f2f2;
            border-right: 1px solid #d5d5d5;
            background: #ddd url("img/thead.gif") repeat-x;
            text-shadow: #fff 0 1px 0;
        }
        
        .box .content table tbody tr.first th,
        .box .content table tbody tr.first td {
            border-top: 1px solid #bbb;
        }
        
        .altbox .content table tbody {
            color: #333;
        }
        
        .box .content table a.ico-comms {
            border: 0;
            background: url("img/black/ico-tablecomms.gif") 50% 60% no-repeat;
            padding: 10px;
            color: #fff;
        }
        
        .box .content table tfoot th,
        .box .content table tfoot td {
            border-top: 1px solid #ccc;
            background: #fff url("img/tfoot.gif") repeat-x;
        }
        /* boxes' content types – simple list */
        
        .box .content ul.simple li {
            clear: both;
            padding: 10px 20px 8px 20px;
            overflow: hidden;
        }
        
        .box .content table tr.even th,
        .box .content ul.simple li.even {
            background: #f5f5f5;
        }
        
        .altbox .content ul.simple li.even {
            background: #f5f5f5;
        }
        
        .box .content ul.simple strong {
            float: left;
            font-weight: normal;
        }
        
        .box .content ul.simple span {
            float: right;
        }
        /* boxes' content types – grid */
        
        .box .content .grid {}
        
        .box .content .grid .line {
            border-bottom: 1px solid #ddd;
            width: 100%;
            overflow: hidden;
        }
        
        .box .content .grid .even {
            background: #f5f5f5;
        }
        
        .box .content .grid .item {
            float: left;
            width: 50%;
        }
        
        .box .content .grid .item .inner {
            padding: 17px 15px 12px 20px;
        }
        
        .box .content .grid .firstline {
            border-top: 0 !important;
        }
        
        .box .content .grid .lastline {
            border-bottom: 0 !important;
        }
        
        .box .content .grid .item a.thumb {
            border: 0;
            float: left;
        }
        
        .box .content .grid .item .data {
            margin-left: 165px;
        }
        
        .box .content .grid .item h4 {
            margin: 0 0 10px 0;
            font-size: 110%;
            font-weight: bold;
        }
        
        .box .content .grid .item h4 span {
            margin-right: 5px;
            font-weight: normal;
            font-size: 90%;
        }
        
        .box .content .grid .item p {
            margin: 0 0 5px 0;
            color: #666;
        }
        
        .box .content .grid ul.actions {
            margin-top: 8px;
        }
        /* boxes' pagination */
        
        .pagination {
            border-top: 1px solid #999;
            background: #fff url("img/pagination.gif") repeat-x;
            text-align: center;
            color: #333 !important;
        }
        
        .pagination ul {
            position: relative;
            top: -1px;
            padding: 12px 10px 6px;
        }
        
        .pagination ul li {
            display: inline;
        }
        
        .pagination a {
            border: 0;
            background: #ebebeb url("img/pagination-item.gif") repeat-x;
            margin: 0 5px;
            padding: 6px 10px;
            color: #333 !important;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 5px;
        }
        
        .pagination a:hover,
        .pagination a:active,
        .pagination a:focus {
            color: #000 !important;
        }
        
        .pagination strong {
            background: url("img/pagination-arrow.gif") 50% 0 no-repeat;
            padding: 15px 10px 8px;
        }
        /* calendar */
        
        table.calendar {
            width: 100%;
        }
        
        table.calendar thead {
            zoom: 1;
        }
        
        table.calendar thead tr {
            zoom: 1;
        }
        
        table.calendar thead th.month {
            border-bottom: 1px solid #bbb;
            font-weight: bold;
            font-size: 120%;
            zoom: 1;
        }
        
        table.calendar thead th.month a {
            border: none;
            position: relative;
            top: 5px;
            margin: 0 10px;
            zoom: 1;
        }
        
        table.calendar th,
        table.calendar td {
            width: 14.3%;
            text-align: center;
        }
        
        table.calendar tbody td,
        table.calendar tbody th {
            border: 1px solid #ddd;
            border-top-color: #fff;
            border-left-color: #fff;
        }
        
        table.calendar strong {
            font-size: 140%;
        }
        
        table.calendar .inactive {
            color: #aaa;
        }
        
        table.calendar div.items a {
            border: 0;
            margin: 0 1px;
        }
        /* login page */
        
        #login {
            background: #222;
            padding: 100px;
        }
        
        #login .box {
            float: none;
            margin: 0 auto;
        }
        
        #login .boxin {
            box-shadow: #111 0 0 10px;
            -webkit-box-shadow: #111 0 0 10px;
            -moz-box-shadow: #111 0 0 10px;
            border: 0;
        }
        
        #login .header {
            padding-top: 20px;
            padding-bottom: 15px;
            margin: 0;
        }
        
        #login table {
            width: 75%;
            margin: 0 auto;
        }
        
        #login th,
        #login td {
            padding: 0 0 5px 0;
        }
        
        #login th {
            width: 60px;
        }
        
        #login td.proceed {
            padding-right: 0;
        }
        
        #login td.proceed input {
            margin: 0;
        }
        
        #login input.txt {
            width: 260px;
        }
        
        #flashMessage {
            text-align: center;
        }
        /* plan table css */
        
        .checkbox-field input[type="checkbox"] {
            position: relative;
            top: 2px;
        }
        
        .box .content.plan-manage-table table td {
            border-right: 1px solid #f3f3f3;
            border-bottom: 1px solid #f3f3f3;
        }
        /* .box .content.plan-manage-table table tbody td:nth-child(2) {
            background: #fffaf5;
        } */
        
        a.button.updatePlan {
            border: medium none;
            border-radius: 3px;
        }
        
        .checkbox-field.field-input label {
            margin-right: 5px;
        }
        
        .checkbox-field {
            width: 33%;
            display: inline-block;
            margin: 0 0 5px 0;
        }
        
        .checkbox-field input {
            position: relative;
            top: 2px;
        }
        
        .form-fields {
            margin: 0 0 10px;
            width: 49%;
            display: inline-block;
            position: relative;
        }
        
        .form-fields .edit-user-checkbox {
            display: inline-block;
            margin: 0 5px 0 0;
            min-width: 24%;
        }
        
        .form-fields .edit-user-checkbox input[type="checkbox"] {
            position: relative;
            top: 2px;
        }
        
        .form-fields input[type="checkbox"],
        .form-fields input[type="radio"] {
            width: 15px;
            height: 15px;
        }
        
        .form-fields input {
            padding: 4px 3px;
            width: 300px;
            height: 32px;
            box-sizing: border-box;
        }
        
        .form-fields select {
            padding: 4px 2px;
            width: 300px;
            height: 32px;
            box-sizing: border-box;
        }
        
        .width-100 {
            width: 100% !important;
        }
        
        .ValidationErrors {
            font-style: normal !important;
            position: absolute;
            font-size: 12px;
            margin-top: -2px;
        }
        /*-- common css ----*/
        
        *,
        *:before,
        *:after {
            box-sizing: border-box;
        }
        
        .p-0 {
            padding: 0px !important;
        }
        
        .ml-3 {
            margin-left: 1rem!important;
        }
        
        .ml-2 {
            margin-left: .5rem!important;
        }
        
        .ml-1 {
            margin-left: .25rem!important;
        }
        
        .mr-3 {
            margin-right: 1rem!important;
        }
        
        .mr-2 {
            margin-right: .5rem!important;
        }
        
        .mr-1 {
            margin-right: .25rem!important;
        }
        
        .mt-3 {
            margin-top: 1rem!important;
        }
        
        .mt-2 {
            margin-top: .5rem!important;
        }
        
        .mt-1 {
            margin-top: .25rem!important;
        }
        
        .mb-3 {
            margin-bottom: 1rem!important;
        }
        
        .mb-2 {
            margin-bottom: .5rem!important;
        }
        
        .mb-1 {
            margin-bottom: .25rem!important;
        }
        
        .d-flex {
            display: -ms-flexbox!important;
            display: flex!important;
        }
        
        .d-inline-flex {
            display: -ms-inline-flexbox!important;
            display: inline-flex!important;
        }
        
        .flex-row {
            -ms-flex-direction: row!important;
            flex-direction: row!important;
        }
        
        .flex-row-reverse {
            -ms-flex-direction: row-reverse!important;
            flex-direction: row-reverse!important;
        }
        
        .flex-column {
            -ms-flex-direction: column!important;
            flex-direction: column!important;
        }
        
        .justify-content-start {
            -ms-flex-pack: start!important;
            justify-content: flex-start!important;
        }
        
        .justify-content-end {
            -ms-flex-pack: end!important;
            justify-content: flex-end!important;
        }
        
        .justify-content-center {
            -ms-flex-pack: center!important;
            justify-content: center!important;
        }
        
        .justify-content-between {
            -ms-flex-pack: justify!important;
            justify-content: space-between!important;
        }
        
        .justify-content-around {
            -ms-flex-pack: distribute!important;
            justify-content: space-around!important;
        }
        
        .align-items-start {
            -ms-flex-align: start!important;
            align-items: flex-start!important;
        }
        
        .align-items-end {
            -ms-flex-align: end!important;
            align-items: flex-end!important;
        }
        
        .flex-wrap {
            -ms-flex-wrap: wrap!important;
            flex-wrap: wrap!important;
        }
        
        .align-items-center {
            -ms-flex-align: center!important;
            align-items: center!important;
        }
        
        .align-items-baseline {
            -ms-flex-align: baseline!important;
            align-items: baseline!important;
        }
        
        .align-items-stretch {
            -ms-flex-align: stretch!important;
            align-items: stretch!important;
        }
        
        .row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px;
        }
        
        .col,
        .col-1,
        .col-10,
        .col-11,
        .col-12,
        .col-2,
        .col-3,
        .col-4,
        .col-5,
        .col-6,
        .col-7,
        .col-8,
        .col-9,
        .col-auto,
        .col-lg,
        .col-lg-1,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-auto,
        .col-md,
        .col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-auto,
        .col-sm,
        .col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-auto,
        .col-xl,
        .col-xl-1,
        .col-xl-10,
        .col-xl-11,
        .col-xl-12,
        .col-xl-2,
        .col-xl-3,
        .col-xl-4,
        .col-xl-5,
        .col-xl-6,
        .col-xl-7,
        .col-xl-8,
        .col-xl-9,
        .col-xl-auto {
            position: relative;
            width: 100%;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }
        
        .col-1 {
            -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }
        
        .col-2 {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
        
        .col-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        
        .col-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        
        .col-5 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }
        
        .col-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        
        .col-7 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }
        
        .col-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }
        
        .col-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }
        
        .col-10 {
            -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
        }
        
        .col-11 {
            -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
        }
        
        .col-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        
        @media (min-width: 576px) {
            .col-sm-1 {
                -ms-flex: 0 0 8.333333%;
                flex: 0 0 8.333333%;
                max-width: 8.333333%;
            }
            .col-sm-2 {
                -ms-flex: 0 0 16.666667%;
                flex: 0 0 16.666667%;
                max-width: 16.666667%;
            }
            .col-sm-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%;
            }
            .col-sm-4 {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%;
            }
            .col-sm-5 {
                -ms-flex: 0 0 41.666667%;
                flex: 0 0 41.666667%;
                max-width: 41.666667%;
            }
            .col-sm-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
            }
            .col-sm-7 {
                -ms-flex: 0 0 58.333333%;
                flex: 0 0 58.333333%;
                max-width: 58.333333%;
            }
            .col-sm-8 {
                -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
                max-width: 66.666667%;
            }
            .col-sm-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%;
            }
            .col-sm-10 {
                -ms-flex: 0 0 83.333333%;
                flex: 0 0 83.333333%;
                max-width: 83.333333%;
            }
            .col-sm-11 {
                -ms-flex: 0 0 91.666667%;
                flex: 0 0 91.666667%;
                max-width: 91.666667%;
            }
            .col-sm-12 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
            }
        }
        
        @media (min-width: 768px) {
            .col-md-1 {
                -ms-flex: 0 0 8.333333%;
                flex: 0 0 8.333333%;
                max-width: 8.333333%;
            }
            .col-md-2 {
                -ms-flex: 0 0 16.666667%;
                flex: 0 0 16.666667%;
                max-width: 16.666667%;
            }
            .col-md-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%;
            }
            .col-md-4 {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%;
            }
            .col-md-5 {
                -ms-flex: 0 0 41.666667%;
                flex: 0 0 41.666667%;
                max-width: 41.666667%;
            }
            .col-md-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
            }
            .col-md-7 {
                -ms-flex: 0 0 58.333333%;
                flex: 0 0 58.333333%;
                max-width: 58.333333%;
            }
            .col-md-8 {
                -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
                max-width: 66.666667%;
            }
            .col-md-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%;
            }
            .col-md-10 {
                -ms-flex: 0 0 83.333333%;
                flex: 0 0 83.333333%;
                max-width: 83.333333%;
            }
            .col-md-11 {
                -ms-flex: 0 0 91.666667%;
                flex: 0 0 91.666667%;
                max-width: 91.666667%;
            }
            .col-md-12 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
            }
        }
        /*-- new css add --- */
        
        .add_form_area form {
            padding: 20px;
            border: 0px;
        }
        
        .form-group {
            margin: 0px 0px 15px 0px;
            display: block;
            position: relative;
        }
        
        .form-group label {
            font-weight: normal;
            color: #000000;
            display: inline-block;
            margin-bottom: 5px;
            font-size: 13px;
        }
        
        .form-group .radio label {
            font-size: 12px;
            color: #333;
            margin: 0px;
            line-height: 20px;
        }
        
        .form-group .checkbox label {
            font-size: 12px;
            color: #333;
            margin: 0px;
            line-height: 20px;
        }
        
        .form-group .checkbox label.heading-label {
            font-size: 13px;
            color: #000;
            margin-bottom: 5px;
            margin-top: 6px;
        }
        
        .form-group .form-control {
            font-size: 13px;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            background: #FFFFFF;
            border: 1px solid #D6D3CE;
            color: #000000;
            border-radius: 2px;
            height: 34px;
            box-sizing: border-box;
            width: 100%;
            padding: 5px 10px;
        }
        
        .form-group textarea.form-control {
            height: 100px;
        }
        
        textarea.no-resize-textarea {
            resize: none;
        }
        
        .check-input {
            display: flex !important;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .check-input input {
            margin: 0px 5px 0px 0px;
        }
        
        .btn.common-btn {
            background: #37AC50;
            border: 1px solid #2D8E42;
            color: #FFFFFF;
            font-size: 16px;
            padding: 10px 35px;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            white-space: nowrap;
            line-height: 1.428571429;
        }
        
        .btn.common-btn:hover,
        .btn.common-btn:focus {
            background: #28a242;
            border-color: #2D8E42;
            color: #FFFFFF;
            text-shadow: none;
        }
        
        div.repeat-outer {
            padding: 10px;
            border: 1px solid #eee;
            margin: 0px;
            border-radius: 3px;
            position: relative;
            margin-bottom: 25px;
        }
        
        div.repeat-outer .check-input {
            position: absolute;
            bottom: -9px;
            left: 21px;
            display: flex;
            background: #fff;
            align-items: center;
            padding: 0px 4px;
        }
        
        div.repeat-outer .check-input label {
            margin: 0;
        }
        
        .radio {
            position: relative;
        }
        
        .radio input[type="radio"] {
            position: absolute;
            opacity: 0;
            z-index: 1;
            width: 100%;
            margin: 0px;
            height: 100%;
        }
        
        .radio input[type="radio"]+label:before {
            content: '';
            background: #f4f4f4;
            border-radius: 100%;
            border: 1px solid #b4b4b4;
            display: inline-block;
            width: 16px;
            height: 16px;
            position: relative;
            top: 2px;
            margin-right: 10px;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            transition: all 250ms ease;
        }
        
        .radio input[type="radio"]:checked+label:before {
            background-color: #37ac50;
            box-shadow: inset 0 0 0 3px #f4f4f4;
        }
        
        .radio input[type="radio"]:focus+label:before {
            outline: none;
            border-color: #3197EE;
        }
        
        .radio input[type="radio"]:disabled+label:before {
            box-shadow: inset 0 0 0 4px #f4f4f4;
            border-color: #b4b4b4;
            background: #b4b4b4;
        }
        
        .radio input[type="radio"]+label:empty:before {
            margin-right: 0;
        }
        
        .checkbox {
            position: relative;
        }
        
        .checkbox input[type="checkbox"] {
            position: absolute;
            opacity: 0;
            z-index: 1;
            cursor: pointer;
            width: 100%;
            height: 100%;
            margin: 0px;
        }
        
        .checkbox input[type="checkbox"]+label:before {
            content: '';
            background: #f4f4f4;
            border-radius: 2px;
            border: 1px solid #b4b4b4;
            display: inline-block;
            width: 16px;
            height: 16px;
            position: relative;
            top: 2px;
            margin-right: 10px;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            transition: all 250ms ease;
        }
        
        .checkbox input[type="checkbox"]:checked+label:before {
            background-color: #37ac50;
            border-color: #37ac50;
        }
        
        .checkbox input[type="checkbox"]:disabled+label:before {
            border-color: #9c9c9c;
            background: #9c9c9c;
        }
        
        .checkbox input[type="checkbox"]+label:after {
            content: '';
            position: absolute;
            left: 3px;
            top: 9px;
            background: white;
            width: 2px;
            height: 2px;
            box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 0;
        }
        
        .checkbox input[type="checkbox"]:checked+label:after {
            opacity: 1;
        }
        
        .checkbox input[type="checkbox"]+label:empty:before {
            margin-right: 0;
        }
        
        .am-pm-block {
            position: absolute;
            right: 16px;
            top: 31px;
            background: #eee;
            padding: 6px 0px 6px 10px;
            border-left: 1px solid #D6D3CE;
        }
        
        .select-time-input .form-control {
            padding-right: 135px;
        }
        
        .select-time-input {
            margin-bottom: 15px;
        }
        
        .select-days {
            display: block;
            position: relative;
            margin: 0px 0px 5px 0px;
            border: 1px solid #ddd;
            padding: 5px 10px;
            background: #eee;
        }
        
        .ValidationErrors {
            color: rgb(255, 0, 0);
            display: block;
            font-style: italic;
            font-weight: lighter !important;
            margin-bottom: 0 !important;
            padding-bottom: 15px !important;
        }
        /* new css Ms 18 SEP */
        
        .keys-list {
            padding: 0px 7px;
        }
        
        span.keyword_cols {
            display: inline-block;
            background-color: #efefef;
            margin: 3px;
            padding: 2px 5px;
            border-radius: 2px;
        }
        
        .foot-submit {
            display: flex;
            margin-top: 20px;
        }
        
        .foot-submit button.button {
            margin-left: 5px;
        }
        
        button.button.cancelBtn,
        a.button.cancelBtn {
            background: #3d3d3d url(img/black/button.gif) repeat-x;
        }
        
        .map-forum-lists ul {
            padding: 10px;
        }
        
        .map-forum-lists ul li {
            padding: 7px 0px;
        }
        
        .signin-col,
        .signup-col {
            text-align: center;
        }
        
        .signin-col p {
            text-align: right;
            padding-bottom: 10px;
        }
        
        .signin-col p a {
            text-decoration: none;
            border: none;
        }
        
        .signup-col {
            padding: 6px 0px 0px;
        }
        
        .signup-col p {
            padding-bottom: 3px;
        }
        
        .error-message,
        .success-message {
            background-color: rgba(216, 17, 17, 0.68);
            margin-bottom: 10px;
            color: #fff;
            border-radius: 3px;
            line-height: 21px;
        }
        
        .success-message {
            background-color: rgb(55, 172, 80);
        }
        
        .email_in {
            max-width: 230px;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        
        .email_in a {
            border: none;
            cursor: default;
        }
        
        .form-group .form-control[disabled] {
            background-color: #efefef;
            cursor: not-allowed;
        }
        
        .headerwith2col {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-right: 6px !important;
        }
        
        tr .signin-col {
            padding-top: 10px;
        }
        /* loader css */
        
        .loader-container {
            position: fixed;
            z-index: 1;
            background-color: rgba(51, 51, 51, 0.74);
            width: 100%;
            height: 100%;
            left: 0px;
            display: none;
            /* display: flex;*/
            top: 0px;
            justify-content: center;
            align-items: center;
        }
        
        .loader,
        .loader:before,
        .loader:after {
            border-radius: 50%;
            width: 2em;
            height: 2em;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation: load7 1.8s infinite ease-in-out;
            animation: load7 1.8s infinite ease-in-out;
        }
        
        .loader {
            color: #ffffff;
            font-size: 10px;
            margin: 80px auto;
            position: relative;
            text-indent: -9999em;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
        }
        
        .loader:before,
        .loader:after {
            content: '';
            position: absolute;
            top: 0;
        }
        
        .loader:before {
            left: -2.5em;
            -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
        }
        
        .loader:after {
            left: 2.5em;
        }
        
        @-webkit-keyframes load7 {
            0%,
            80%,
            100% {
                box-shadow: 0 2.5em 0 -1.3em;
            }
            40% {
                box-shadow: 0 2.5em 0 0;
            }
        }
        
        @keyframes load7 {
            0%,
            80%,
            100% {
                box-shadow: 0 2.5em 0 -1.3em;
            }
            40% {
                box-shadow: 0 2.5em 0 0;
            }
        }
        
        .center-text {
            text-align: center;
        }
        
        form.fields div.verify-btn-sep {
            margin-top: 21px;
        }
        /* new login css */
        
        #login .inner-form table {
            display: block;
        }
        
        #login .inner-form table th,
        #login .inner-form table td {
            padding: 0 0 3px 0;
            display: block;
            width: 100%;
        }
        
        #login .inner-form table tbody,
        #login .inner-form table tr {
            width: 100%;
            display: inline-block;
        }
        
        #login .inner-form table input.txt {
            width: 100%;
        }
        
        .boxin.forgot-boxin {
            /* max-width: 420px;
            margin: auto;
            padding: 20px; */
        }
        
        .boxin.forgot-boxin form {
            /* padding: 20px 0px 0px 0px; */
        }
        
        .boxin.forgot-boxin form table {
            width: 100%;
        }
        
        .boxin.forgot-boxin h3 {
            font-weight: 600;
            font-size: 14px;
        }
        
        .boxin.forgot-boxin form table input[type="email"] {
            width: 100%;
            margin: 0px 0px 8px;
        }
        
        .edit-reporting-groups .checkbox {
            position: relative;
            display: inline-block;
            margin-right: 15px;
        }
        
        .mt-0 {
            margin-top: 0px !important;
        }
        
        div#containerreport {
            padding: 0px 25px !important;
            margin: 28px auto !important;
        }
        
        #EventAdminAddverifyForm div#callstatus {
            margin-bottom: 8px;
        }
        
        div.planHeading {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0px 0px 10px;
            font-size: 16px;
            color: #37ac50;
        }
        
        #flashMessage {
            width: 100%;
        }
        
        .plan-manage-table.profile-content table {
            display: inline-block;
            width: 100%;
        }
        
        .plan-manage-table.profile-content table thead {
            display: none;
        }
        
        .plan-manage-table.profile-content table tbody {
            width: 100%;
            display: block;
            margin: auto;
            padding: 0px;
        }
        
        .plan-manage-table.profile-content table tr {
            float: left;
            width: 100%;
        }
        
        .box .plan-manage-table.profile-content table tr td {
            width: 50%;
            display: inline-block;
            float: left;
            border: none;
            text-align: left !important;
            padding: 15px;
        }
        
        .box .plan-manage-table.profile-content table tr td label {
            font-weight: 600;
            min-width: 110px;
            display: inline-block;
        }
        
        .box .plan-manage-table.profile-content table tr td.lastAction {
            width: 100%;
            display: flex;
            text-align: right !important;
            justify-content: flex-end;
            background-color: #f5f5f5;
            padding: 8px;
            border-radius: 2px;
        }
        
        .box .plan-manage-table.profile-content table tr td.lastAction label {
            display: none;
        }
        
        .box .content.plan-manage-table.profile-content table tbody td:nth-child(2) {
            background-color: #fff;
        }
        
        .subscriptionMainCol {
            width: 100%;
            display: inline-block;
            box-shadow: #aaa 0 0 10px;
            -webkit-box-shadow: #aaa 0 0 10px;
            -moz-box-shadow: #aaa 0 0 10px;
            border: 1px solid #999;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            background: #fff;
        }
        
        .subscriptionMainCol>.header {
            background: #3d3d3d url(img/headerbox.png) repeat-x;
            border-top: 1px solid #444;
            border-radius: 5px 5px 0 0;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            position: relative;
            margin: -1px -1px 0 -1px;
            padding: 7px 0 9px 20px;
        }
        
        .subscriptionMainCol .box {
            margin: 20px;
            width: 940px;
        }
        
        .subscriptionMainCol .boxin {
            box-shadow: none;
            border: none;
        }
        
        .subscriptionMainCol .boxin .header {
            background: none;
            border-radius: 0px;
            border-top: none;
            border-bottom: 1px solid #e0e0e0;
            margin: 0px;
            padding: 7px 0 9px 0px;
        }
        
        .subscriptionMainCol .boxin .header h4 {
            color: #252525 !important;
            font-size: 14px;
        }
        
        .subscriptionMainCol .boxin table {
            border: 1px solid #e0e0e0;
        }
        
        .subscriptionMainCol .stripe-box {
            border: 1px solid #d6d6d6;
            /* border-top: none; */
        }
        
        .subscriptionMainCol .foot-submit {
            justify-content: flex-end;
        }
        
        .top-10 {
            margin-top: 10px;
        }
        
        .limit-textarea {
            max-width: 100%;
        }