/*** Mid ***/
.ccmsfe .mid { border-bottom: 0px solid #F5F5F5; }

.ccmsfe .mid .wrapper { display: block; width: 100%; }

/*** Content Nav ***/
.ccmsfe .mid .content-nav { display:table-cell; width: 5%; min-width: 90px; vertical-align: top; float: right; position: absolute; left: 0; display:none; }
.ccmsfe .mid .content-nav .smallContentMenuIcon { display:block; background-color: #E7E7E7; transition: 0.3s; }
.ccmsfe .mid .content-nav .smallContentMenuIcon:hover,
.ccmsfe .mid .content-nav .smallContentMenuIcon.sel { background-color: #0EA94E; }
.ccmsfe .mid .content-nav .smallContentMenuIcon a .icon { display: block; height: 80px; background-repeat: no-repeat; background-size: 35px auto; background-position: center; }
.ccmsfe .mid .content-nav .smallContentMenuIcon a .icon.nav { background-image: url(../image/content-nav-small-black.png); }
.ccmsfe .mid .content-nav .smallContentMenuIcon:hover a .icon.nav,
.ccmsfe .mid .content-nav .smallContentMenuIcon.sel a .icon.nav { background-image: url(../image/content-nav-small-white.png); }
.ccmsfe .mid .content-nav .smallContentMenu { display: block; }

.ccmsfe .mid .content-nav ul { list-style: none; margin: 0; padding: 0; display: block; }
.ccmsfe .mid .content-nav ul li { list-style: none; margin: 0; padding: 0; background-color: #F5F5F5; transition: 0.3s; }
.ccmsfe .mid .content-nav ul li.even { background-color: #E7E7E7; }
.ccmsfe .mid .content-nav ul li:hover,
.ccmsfe .mid .content-nav ul li.sel { background-color: #0EA94E; }
.ccmsfe .mid .content-nav ul li a .icon { display: block; height: 80px; background-repeat: no-repeat; background-size: 35px auto; background-position: center; }
.ccmsfe .mid .content-nav ul li a .icon.application { background-image: url(../image/application-black.png); }
.ccmsfe .mid .content-nav ul li:hover a .icon.application,
.ccmsfe .mid .content-nav ul li.sel a .icon.application { background-image: url(../image/application-white.png); }
.ccmsfe .mid .content-nav ul li a .icon.payment { background-image: url(../image/payment-black.png); }
.ccmsfe .mid .content-nav ul li:hover a .icon.payment,
.ccmsfe .mid .content-nav ul li.sel a .icon.payment { background-image: url(../image/payment-white.png); }
.ccmsfe .mid .content-nav ul li a .icon.profile { background-image: url(../image/profile-black.png); }
.ccmsfe .mid .content-nav ul li:hover a .icon.profile,
.ccmsfe .mid .content-nav ul li.sel a .icon.profile { background-image: url(../image/profile-white.png); }
.ccmsfe .mid .content-nav ul li a .icon.cancellation { background-image: url(../image/cancellation-black.png); }
.ccmsfe .mid .content-nav ul li:hover a .icon.cancellation,
.ccmsfe .mid .content-nav ul li.sel a .icon.cancellation { background-image: url(../image/cancellation-white.png); }
.ccmsfe .mid .content-nav ul li a .icon.inquiry { background-image: url(../image/inquiry-black.png); }
.ccmsfe .mid .content-nav ul li:hover a .icon.inquiry,
.ccmsfe .mid .content-nav ul li.sel a .icon.inquiry { background-image: url(../image/inquiry-white.png); }
.ccmsfe .mid .content-nav ul li a .icon.faq { background-image: url(../image/faq-black.png); }
.ccmsfe .mid .content-nav ul li:hover a .icon.faq,
.ccmsfe .mid .content-nav ul li.sel a .icon.faq { background-image: url(../image/faq-white.png); }


/*** Content Nav ***/
.ccmsfe .mid .app-form { vertical-align: top; padding: 20px 5%; width: 100%; overflow: hidden; color: #5b6472; }
.ccmsfe .mid .app-form .title { font-family: Arial; font-size: 200%; line-height: 120%; color: #1F4A7E; min-height:50px; width:100%; font-weight: 800; color: #5b6472; padding-bottom: 15px;}
.ccmsfe .mid .app-form .box-cnt { border-style: solid; border-color:#5b6472; padding: 10px 20px; color: black; width: 100%; }
.ccmsfe .mid .app-form .box-cnt .heading { font-size: 123.08%; padding: 0 0 10px 0; color: #FFFFFF; }

.ccmsfe .mid .wp-accord { width: 100%; padding: 10px 0;  }
.ccmsfe .mid .wp-accord .acchide { display:none; }
.ccmsfe .mid .wp-accord .accshow { display:block; }
.ccmsfe .mid .wp-accord .acc_collapse { width: 100%; cursor: pointer; }
.ccmsfe .mid .wp-accord .acc_collapse .arrow-right { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #FFFFFF; margin-left: 5px; }
.ccmsfe .mid .wp-accord .acc_collapse .arrow-down { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 12px solid #FFFFFF; margin-left: 5px; }

/*** Links ***/
.ccmsfe .mid .app-form a { font-family: "Arial"; font-size: 107.69%; line-height: 120%; color: #0EA94E; text-decoration: none; padding: 10px 0; display: inline-block; }
.ccmsfe .mid .app-form a:hover { text-decoration: underline; }

/*** Form ***/
.ccmsfe .mid .app-form .heading { font-size: 170%; line-height: 120%; font-weight: bold; color: #5b6472; padding: 15px 0; text-decoration: underline; }
.ccmsfe .mid .app-form .below-heading { margin-top: -5px; }
.ccmsfe .mid .app-form label { font-size: 123.08%; color: #4A4A4A; margin-bottom: 10px; }
.ccmsfe .mid .app-form .caption { font-family: "Arial"; color: #8993AE; margin: 0px 0 20px 0; }
.ccmsfe .mid .wp-row { display: block; width: 100%; }
.ccmsfe .mid .section-1 { left: 0; display: block; }
.ccmsfe .mid .section-2 { left: 0; display: block; padding: 20px 0; }

.ccmsfe .mid .wp-row .wp-col { }
.ccmsfe .mid .wp-row .wp-col.lft-col{ }
.ccmsfe .mid .wp-row .wp-col.rgt-col{ }

.ccmsfe .mid .app-form .wp-btn-right { text-align: right; }
.ccmsfe .mid .app-form .wp-btn-right .wp-btn { margin: 0; }
.ccmsfe .mid .app-form .wp-btn { -moz-user-select: none; background-image: none; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin: 0 10px 10px 0; padding: 6px 12px; text-align: center; touch-action: manipulation; vertical-align: middle; white-space: nowrap; min-width: 100px; border-radius: 5px; }
.ccmsfe .mid .app-form .wp-btn.blue { background-color: #5b6472; color: #FFFFFF; border: 1px solid #1E3C72; }
.ccmsfe .mid .app-form .wp-btn.blue:hover { background-color: #747577; border-color: #204D74; }
.ccmsfe .mid .app-form .wp-btn.white { background-color: #FFFFFF; color: #333333; border: 1px solid #CCCCCC; }
.ccmsfe .mid .app-form .wp-btn.white:hover { background-color: #E6E6E6; border-color: #ADADAD; }
.ccmsfe .mid .app-form .wp-btn .right-icon { display: inline-block; height: 20px; width: 20px; vertical-align: top; background-repeat: no-repeat; background-position: right; margin-left: 10px; }
.ccmsfe .mid .app-form .wp-btn .right-icon[icon="upload"] { background-image: url('../image/upload-white.png'); background-size: 20px 18px; }
.ccmsfe .mid .app-form .wp-btn .right-icon[icon="submit"] { background-image: url('../image/submit-white.png'); background-size: 20px 20px; }
.ccmsfe .mid .app-form .wp-btn .right-icon[icon="close"] { background-image: url('../image/close-black-sm.png'); background-size: 14px 14px; }
.ccmsfe .mid .app-form .wp-btn .right-icon[icon="search"] { background-image: url('../image/search-white.png'); background-size: 16px 14px; }
.ccmsfe .mid .app-form .wp-btn .right-icon[icon="dollar"] { background-image: url('~/Content/icons/png/white/1x/247.Dollar.png'); background-size: 14px 14px; }


.ccmsfe .mid input, .ccmsfe .mid select{ width: 100%;  padding: 2.5px 5px; color:#000000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  height: 30px; border: 1px solid #E4E4E4; margin-bottom: 0px; }
.ccmsfe .mid select { width: 100%; }
.ccmsfe .mid .doc-upload #file-input { display: none; }
.ccmsfe .mid .doc-upload img { cursor: pointer; }

.ccmsfe .mid .rdBtnLbl { padding-bottom: 10px; }
input[type="radio"] { display: none; }
input[type="radio"] + label { cursor: pointer; }
input[type="radio"] + label span { display: inline-block; width: 20px; height: 20px; margin: 0 10px 0px 5px; vertical-align: middle; background-image:url(../image/radio-btn.png); cursor: pointer; float: right; }
input[type="radio"]:checked + label span { background-image:url(../image/radio-btn-sel.png); }

/*** Table ***/
.ccmsfe .mid .table-wrapper { width: 100%; overflow-x: auto; }
.ccmsfe .mid table { width: 100%; }
.ccmsfe .mid table th,
.ccmsfe .mid table tr,
.ccmsfe .mid table td { vertical-align: middle; }
.ccmsfe .mid table th.cen,
.ccmsfe .mid table tr.cen,
.ccmsfe .mid table td.cen { text-align: center; }

/*** Form Nav ***/
.ccmsfe .mid .form-nav { display:none; }

/*** Assignment Entitlement ***/
.ccmsfe .mid .app-form.rgt-pad{width:100%;}
.ccmsfe .mid .app-form.rgt-pad .title{width:70%; min-height:80px;}
.ccmsfe .mid .app-form.rgt-pad p.instruction{ margin: 0; padding: 25px 0 0; font-family:"Arial",sans-serif;color: #1F4A7E;font-weight:600;}
.ccmsfe .mid .app-form.rgt-pad label.space{margin-top:25px;}
.ccmsfe .mid .wp-row .wp-col.full p.instruction{padding: 0 0 25px;}
.ccmsfe .mid .wp-row .wp-col.full .acc_cnt {overflow-x:auto;}
.ccmsfe .mid .wp-row .wp-col.full .acc_cnt table {min-width:100% }
.ccmsfe .mid .wp-row .wp-col.full table {font-size:10px;}
.ccmsfe .mid .wp-row .wp-col.full table thead{ background: #5b6472; }
.ccmsfe .mid .wp-row .wp-col.full table:nth-of-type(2n+1){background:#f5f5f5;}
.ccmsfe .mid .wp-row .wp-col.full table:nth-of-type(2n+2){background:#dee4ec;}
.ccmsfe .mid .wp-row .wp-col.full .ctrl-table tr:nth-of-type(2n+1) td[rowspan]{padding-bottom:10px;}
.ccmsfe .mid .wp-row .wp-col.full .ctrl-table tr:nth-of-type(2n+1){background:transparent;}
.ccmsfe .mid .wp-row .wp-col.full .ctrl-table tr:nth-of-type(2n+1) td{ padding-bottom:0;}
.ccmsfe .mid .wp-row .wp-col.full .ctrl-table tr:nth-of-type(2n+2){background:transparent;}
.ccmsfe .mid .wp-row .wp-col.full .ctrl-table tr:nth-of-type(2n+2) td{padding-top:0;}
.ccmsfe .mid .wp-row .wp-col.full table.data-table.inner tr:first-of-type{/*background:#eceff3 !important;*/border-bottom:1px solid #666 !important;}
.ccmsfe .mid .wp-row .wp-col.full table.data-table.inner tr{background:#fbfbfb}
.ccmsfe .mid .wp-row .wp-col.full table.data-table.inner tr:nth-of-type(2n+1) {background:#fbfbfb;border-bottom:1px solid #666;}
.ccmsfe .mid .wp-row .wp-col.full table.data-table.inner tr:nth-of-type(2n+2) {background:#fbfbfb;border-bottom:1px solid #666;}
.ccmsfe .mid .wp-row .wp-col.full table.data-table tr:nth-of-type(2n+1) {/*background:#dee4ec;*/	}
.ccmsfe .mid .wp-row .wp-col.full table.data-table tr:nth-of-type(2n+2) {background:#f5f5f5;}
.ccmsfe .mid .wp-row .wp-col.full table.data-table thead { background: #5b6472; color:white; }
.ccmsfe .mid .wp-row .wp-col.full table tr th {padding: 10px 20px;font-family:'Arial',sans-serif;color:white;}
.ccmsfe .mid .wp-row .wp-col.full table.acc_collapse tr td{font-size:16px}
.ccmsfe .mid .wp-row .wp-col.full table tr td{padding: 10px 20px; color:#00004e;font-weight:500;}
.ccmsfe .mid .wp-row .wp-col.full .acc_collapse .arrow-right{ width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 12px solid #00004e;border-bottom:0px; }
.ccmsfe .mid .wp-row .wp-col.full .acc_collapse .arrow-down { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #00004e;border-top:0px; }
.ccmsfe .mid .wp-row .wp-col.full .wp-btn.assign-btn{margin:0;width:100%;}
.ccmsfe .mid .wp-row .wp-col.full .acc_cnt:nth-of-type(2n+1) .ctrl-table{background:#f5f5f5; }
.ccmsfe .mid .wp-row .wp-col.full .acc_cnt:nth-of-type(2n+2) .ctrl-table{background:#dee4ec;}

/*** Season Parking Profile ***/
.ccmsfe .mid .wp-row.season-parking-profile .heading.no-bot-pad{padding-bottom:0;}
.ccmsfe .mid .wp-row.season-parking-profile .instruction.no-top-pad{padding-top:10px;}
.ccmsfe .mid .wp-row.season-parking-profile .instruction.pad-bot{padding-bottom:10px;}
.ccmsfe .mid .wp-row.season-parking-profile .wp-col.full .data-table tr th,
.ccmsfe .mid .wp-row.season-parking-profile .wp-col.full .data-table tr td{padding: 10px 10px;font-size: 11px;}
.ccmsfe .mid .wp-row .wp-col.full { overflow-x: auto;}
.ccmsfe .mid .wp-row .wp-col.full .data-table.empty td{background:#f5f5f5;text-align:center;}
.ccmsfe .mid .wp-row .wp-col.full .data-table .icons-table{background:transparent;}
.ccmsfe .mid .wp-row .wp-col.full .data-table .icons-table tr{background:transparent !important;}
.ccmsfe .mid .wp-row .wp-col.full .data-table .icons-table tr td{padding: 0 4px 0 6px;}
.ccmsfe .mid .wp-row .wp-col.full .data-table .icons-table tr td:first-child{padding: 0 4px 0 0;}
.ccmsfe .mid .wp-row .wp-col.full .data-table .icons-table tr td:last-child{padding: 0 0 0 4px;}

/*** FAQ Content ***/
.ccmsfe .mid .wp-row .wp-col.full .faq .acc_cnt { background-color: #FBFBFB; color: #00004E; font-weight: 500; padding: 10px 20px; }
.ccmsfe .mid .wp-row .wp-col.full .faq .acc_cnt p { margin: 10px 0; }
.ccmsfe .mid .wp-row .wp-col.full .faq .acc_cnt ol { list-style-type: lower-alpha; }
.ccmsfe .mid .wp-row .wp-col.full .faq .acc_cnt img { width: 100%; padding: 10px 0; }
.ccmsfe .mid .wp-row .wp-col.full .faq .acc_cnt b { font-family: 'Arial'; }
.ccmsfe .mid .wp-row .wp-col.full .faq .acc_cnt .faq-tbl-cnt { background-color: transparent; }
.ccmsfe .mid .wp-row .wp-col.full .faq .acc_cnt .faq-tbl-cnt tr { border-bottom: 1px solid #666666; }
.ccmsfe .mid .wp-row .wp-col.full .faq .acc_cnt .faq-tbl-cnt tr:last-child { border-bottom: none; }
.ccmsfe .mid .wp-row .wp-col.full .faq .acc_cnt .faq-tbl-cnt ul { margin: 0; padding-left: 15px; }

/* alphawave add-on */
.ccmsfe .mid .wp-row .wp-col.full .wrapper-en:nth-of-type(2n+1) table{background:#f5f5f5;}
.ccmsfe .mid .wp-row .wp-col.full .wrapper-en:nth-of-type(2n+1) table{background:#dee4ec;}
.col-sm-12 {position:initial}

/* to resolve datatable scrollbar issue */

.ccmsfe .mid .dataTables_wrapper .row {
    margin-left: 0;
    margin-right: 0;
}

.ccmsfe .mid .dataTables_wrapper div[class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.payment-date {
    min-width: 100px;
}

.glyphicon-exclamation-sign {
    padding-top: 3px;
    float: left;
    position: inherit;
}


/*Modal table*/
.modal-table tr th {
    padding: 10px 20px;
    font-family: 'Arial',sans-serif;
    color: black;
    font-size: 13px;
    background: #eceff3 !important;
}
.modal-table tr {
    border-bottom: 1px black solid;
}

.modal-table tr td {
    padding: 10px 20px;
    font-family: 'Arial',sans-serif;
    color: black;
    font-size: 13px;
    background: #eceff3 !important;
}

    /* alphawave add-on */
    .ccmsfe .mid .wp-row .wp-col.full .wrapper-en:nth-of-type(2n+1) table {
        background: #f5f5f5;
    }

    .ccmsfe .mid .wp-row .wp-col.full .wrapper-en:nth-of-type(2n+1) table {
        background: #dee4ec;
    }

    .ccmsfe .mid .modal-content .modal-body .wp-col{
        overflow-x: auto;
    }