@font-face { font-family: 'rupee_foradianregular'; src: url('fonts/rs/rupee_foradian-webfont.eot'); src: url('fonts/rs/rupee_foradian-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/rs/rupee_foradian-webfont.woff') format('woff'), url('fonts/rs/rupee_foradian-webfont.ttf') format('truetype'), url('fonts/rs/rupee_foradian-webfont.svg#rupee_foradianregular') format('svg'); font-weight: normal; font-style: normal; }
body { font-family: 'Lato', sans-serif; }
.rx-rs { font-family: 'rupee_foradianregular'; }
@font-face { font-family: "Lato Light"; src: url("fonts/Lato-Light.eot?") format("eot"), url("fonts/Lato-Light.woff") format("woff"), url("fonts/Lato-Light.ttf") format("truetype"), url("fonts/Lato-Light.svg#Lato-Light") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Regular'; src: url('fonts/Lato-Regular.eot'); src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Regular.woff') format('woff'), url('fonts/Lato-Regular.ttf') format('truetype'), url('fonts/Lato-Regular.svg#Lato-Regular') format('svg'); }
body { margin: 0px; padding: 0px; font-size: 14px; font-family: 'Lato-Regular'; color: #000;  }
p { word-break: break-all }
.bBg { background: url(../images/loginBg.jpg) repeat left top; }
.bBgForm { background: #fcfcfc; }
.paddtb20 { padding: 20px 0px; }
.paddtb30 { padding: 30px 0px; }
.paddtb40 { padding: 40px 0px; }
.paddtb50 { padding: 50px 0px; }
section { width: 100%; float: left; clear: both; position: relative; }
.header { width: 100%; min-height: 152px; height: auto; position: relative; float: left; }
.header header { width: 100%; height: 100%; position: absolute; background: url(../images/login-banner.jpg) no-repeat center top; background-size: cover; }
.header header .hlogolt { text-align: left; }
.header header .hlogort { text-align: right; padding-top: 10px; }
.MainMenu { font-family: "Lato Light"; margin: 0; padding: 0; background: rgba(37,30,27,1); background: -moz-linear-gradient(left, rgba(37,30,27,1) 0%, rgba(0,0,0,1) 23%, rgba(240,116,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(37,30,27,1)), color-stop(23%, rgba(0,0,0,1)), color-stop(100%, rgba(240,116,55,1))); background: -webkit-linear-gradient(left, rgba(37,30,27,1) 0%, rgba(0,0,0,1) 23%, rgba(240,116,55,1) 100%); background: -o-linear-gradient(left, rgba(37,30,27,1) 0%, rgba(0,0,0,1) 23%, rgba(240,116,55,1) 100%); background: -ms-linear-gradient(left, rgba(37,30,27,1) 0%, rgba(0,0,0,1) 23%, rgba(240,116,55,1) 100%); background: linear-gradient(to right, rgba(37,30,27,1) 0%, rgba(0,0,0,1) 23%, rgba(240,116,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#251e1b', endColorstr='#f07437', GradientType=1 );
border-top: 2px solid #741a05; }
.MainMenu ul { margin: 0; padding: 0; list-style: none; }
.MainMenu ul li { float: left; height: 24px; color: #fff; display: table; padding: 0 0px; margin: 10px 0; border-right: 1px solid #b38f7d; }
.MainMenu ul li:first-child { border-left: 0px solid #b38f7d; }
.MainMenu ul li a { color: #ffffff !important; padding: 10px 10px; font-size: 16px; font-weight: 200; font-family: 'Oswald', sans-serif; }
.MainMenu ul li a:hover { background-color: transparent }
.caret-up { width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle; }
.MainMenu .navbar-toggle.change .bar1 { -webkit-transform: rotate(-45deg) translate(-5px, 4px); transform: rotate(-45deg) translate(-5px, 4px); }
.MainMenu .navbar-toggle.change .bar2 { opacity: 0; }
.MainMenu .navbar-toggle.change .bar3 { -webkit-transform: rotate(45deg) translate(-4px, -4px); transform: rotate(45deg) translate(-4px, -4px); }
/* Form Ragistration */
.formRgWrp { width: 100%; margin: 0 auto; padding: 0px 0px; }
.formRgWrp .formRow { width: 100%; float: left; clear: both; position: relative; }
.formRgWrp .forminput { width: 33.33%; float: left; position: relative; }
.formRgWrp .forminput .inputBox { width: 94%; margin: 0px 3% 20px; float: left; position: relative; }
.formRgWrp .forminput .inputBox label { transition: all 0.4s ease-out; position: absolute; left: 10px; top: 12px; z-index: 1; font-size: 18px; font-family: "Lato Light"; font-weight: 300; color: rgba(0,0,0,1); }
.formRgWrp .forminput .inputBox input { transition: all 0.4s ease-out; position: relative; z-index: 2; background: transparent; width: 100%; border: 1px solid #c9c8c8; min-height: 48px; padding: 10px 10px 10px 10px; font-size: 18px; font-family: "Lato Light"; }
.formRgWrp .forminput .inputBox textarea { transition: all 0.4s ease-out; position: relative; z-index: 2; background: transparent; width: 100%; border: 1px solid #c9c8c8; min-height: 48px; padding: 10px 10px 10px 10px; font-size: 18px; font-family: "Lato Light"; }
.formRgWrp .forminput .inputBox input.datepicker { background: url("../images/date-icon.png") no-repeat 96% center; cursor: pointer; }
.formRgWrp .forminput .inputBox input.inputFileName { background: url("../images/icon-photos.png") no-repeat 0px center; border: none; padding-left: 26px; }
.formRgWrp .forminput .inputBox input.inputFileName.videos { background: url("../images/icon-video.png") no-repeat 0px center; }
.formRgWrp .forminput .inputBox input.inputFileName.brochure { background: url("../images/icon-brochure.png") no-repeat 0px center; }
.formRgWrp .forminput .inputBox input.inputFileName.documents { background: url("../images/icon-document.png") no-repeat 0px center; }
.formRgWrp .forminput .inputBox input.inputFileName.cpartner { background: url("../images/icon-logo.png") no-repeat 0px center; }
.formRgWrp .forminput .inputBox input.inputFile { opacity: 0; position: absolute; left: 0px; top: 0px; cursor: pointer; }
.formRgWrp .forminput .inputBox .uploadfiles { background: url("../images/icon-upload.png") no-repeat right center; height: 30px; cursor: pointer; display: inline-block; padding: 4px 36px 0px 0px; position: absolute; right: 10px; top: 10px; font-size: 16px; font-family: "Lato Light"; font-weight: 300; color: #f26622; }
.formRgWrp .forminput .inputBox input::placeholder {
color:#000;
}
.formRgWrp .forminput .inputBox.active label { top: 4px; font-size: 14px; }
.formRgWrp .forminput .inputBox.active input { color: #f26622; padding: 18px 10px 2px 10px; }
.formRgWrp .forminput .inputBox.active input.inputFileName { color: #f26622; padding: 10px 10px 10px 26px; }
.formRgWrp .forminput .inputBox.active textarea { padding: 20px 10px 4px 10px; color: #f26622; }
.formRgWrp .forminput .inputBox .selectWrp { display: inline-block; border: 1px solid #c9c8c8; background: url("../images/select-arrow.png") no-repeat 96% center; cursor: pointer; }
.formRgWrp .forminput .inputBox .selectWrp { width: 100%; height: 48px; line-height: 48px; }
.formRgWrp .forminput .inputBox .selectWrp select { width: 100%; height: 48px; line-height: 48px; }
.formRgWrp .forminput .inputBox .selectWrp .holder { font-size: 18px; font-family: "Lato Light"; font-weight: 300; color: #f26622; display: block; margin: 7px 0px 0 8px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative; z-index: -1; }
.formRgWrp .forminput .inputBox .selectWrp select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; }
.formRgWrp .forminput a { position: absolute; right: 10px; bottom: 0px; font-size: 14px; font-family: "Lato Light"; font-weight: 300; color: #231f20; float: right; margin: 0px 15px 0px 0px; padding-left: 20px; background: url("../images/icon-add.png") no-repeat 0px center; }
.formRgWrp .forminput .forgotPass { float: right }
.formRgWrp .forminput.submitbtn { width: 100%; }
.formRgWrp .forminput.submitbtn input { float: right; margin: 10px 1% 10px 0px; background: #040404; border: none; width: auto; text-align: center; font-size: 18px; font-family: "Lato Light"; font-weight: 300; color: #fff; padding: 10px 80px; }
.SitemapWapper { position: relative; }
.SitemapWapper .he { width: 100%; display: inline-block; font-size: 16px; color: #333333; font-weight: bold; margin-bottom: 10px; }
ul.sublink { margin: 0 0 10px 0; padding: 0; }
ul.sublink li { font-size: 14px; font-weight: 300; color: #333333; line-height: 25px; background: url(../images/dot.png) left center no-repeat; padding-left: 15px; list-style: none }
ul.sublink li a { color: #000; }
.checkbox-inline { padding-left: 0; display: table-cell; }
.AddnewNeed { position: relative }
.AddnewNeed h2 { font-size: 20px; line-height: 30px; color: #333333; margin: 10px 0; padding: 0; border-bottom: 2px solid #9055a2; display: inline-block; }
.AddnewNeed h2.ex-Border { border-bottom: 2px solid #46bc96; }
.AddnewNeed .t1 { font-weight: bold; font-size: 16px; }
.AddnewNeed .t2 { font-size: 16px; }
.BTN-addnew {border:0;  background-color: #000000; font-weight: bold; padding: 5px 30px; color: #fff; font-size: 14px; display: inline-block; margin-right: 5px; margin-top: 5px; margin-bottom: 10px; border-radius:20px; }
.BTN-addnew.bg {
background-color:#; color: #000 }
.BTN-addnew:hover { color: #fff }
.AdvanceBTN.sel { background: #d3d3d3 url(../images/icon-min.png) right center no-repeat; color: #000; }
.AdvanceBTN { background: #d3d3d3 url(../images/icon-plus.png) right center no-repeat; color: #000 }
.GreayBtn { background: #d3d3d3; color: #000;  }
.GreayBtn:hover { color: #000 }
.AdvanceFilter { display: none; }
.SearchWapper { margin-top: 20px; }
.SearchWapper h2 { font-size: 20px; line-height: 30px; color: #333333; margin: 20px 0; padding: 0; border-bottom: 2px solid #46bc96; display: inline-block; }
.ui-slider { height: 4px !important; background-color: #a8adb0 !important; border-color: #ced0d2; margin-top: 17px; }
.ui-datepicker  {  background-color: #a8adb0 !important; border-color: #ced0d2;  }

.ui-widget-header { background-color: #ff4500 !important; border-color: #ff4500 !important }
.ui-slider-horizontal .ui-slider-handle { top: -.5em; border-radius: 50%; }
.ShowResultBox { background-color: #ff4500; padding: 10px 0; font-size: 18px; color: #fff; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.Show-Re-he { font-size: 18px; color: #a1a1a1; padding-bottom: 5px }
.bg1 { background-color: #fcfcfc; border-top: 1px solid #f5f5f5 }
.BoxWapper { background-color: #f7f7f7; -webkit-box-shadow: 0px 0px 4px 0px rgba(219,219,219,1); -moz-box-shadow: 0px 0px 4px 0px rgba(219,219,219,1); box-shadow: 0px 0px 4px 0px rgba(219,219,219,1); margin-top: 20px; border-radius: 5px; padding-top: 15px; padding-bottom: 0px; display: inline-block; width: 100%; }
.BoxWapper h2 { font-size: 18px; color: #333333; margin: 0; padding: 0px 15px 5px 15px; font-weight: bold; }
.NeedSpeciBox { width: 100%; border: 1px solid #e3e3e3; position: relative; margin-bottom: 15px; }
.NeedSpeciBox .statusLable{ content:''; width:8px; height:100%; position:absolute; right:-5px; top:0px; display:inline-block; } 
.BoxWapper hr{ margin-top:20px; margin-bottom:10px; }
.BoxWapper .he { font-size: 18px; color: #f26622; margin: 0; padding: 0px 0px 5px 0px; font-weight: bold; text-align:left; }


.NeedSpeciBox .ImagBox { padding: 0; }
.NeedSpeciBox .ImagBox img { width: 100%; }
.NeedSpeciBox table { font-size: 11px; word-break: break-all;}
.DocBTN a { margin-right: 5px; margin-bottom: 10px; margin-top: 10px; display: inline-block; font-size: 14px; color: #ff4500; text-decoration: underline }
.DocBTN a img { margin-left: 10px; float: right; }
.EditdeletBox { border-left: 1px solid #e7e7e7; min-height: 149px; text-align: right; }
.EditdeletBox a { margin-right: 5px; display: inline-block; font-size: 14px; color: #535353; text-decoration: none; margin-top: 10px; }
.EditdeletBox a img { margin-left: 10px; }
.ViewBoxBTN { width: auto; height: auto; text-align: center; cursor: pointer; position: relative; float: right; background: #fff url(../images/view-more.png) no-repeat right top; padding: 3px 30px 3px 10px }
.ViewBoxBTN.sel { width: auto; height: auto; text-align: center; position: relative; float: right; background: #fff url(../images/close.png) no-repeat right top; padding: 3px 30px 3px 10px }
.hideBOx { display: none; }
.CommentWapper { position: relative }
.CommentWapper h2 { font-size: 24px; color: #ff4500; padding: 0; margin: 0; }
.Hadding { font-size: 30px; color: #000; line-height: 24px; position: relative }
.Hadding span { font-size: 16px; color: #ff4500; background-color: #fcfcfc; padding: 2px 10px; }
.Hadding:before { width: 40%; content: ""; position: absolute; left: 0; top: 18px; right: 0; margin: auto; height: 2px; z-index: -1; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(202,229,245,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 )
}
.Hadding2 { font-size: 30px; color: #000; line-height: 24px; position: relative }
.Hadding2 span { font-size: 22px; color: #000; background-color: #fcfcfc; padding: 2px 10px; text-transform: uppercase; }
.Hadding2:before { width: 50%; content: ""; position: absolute; left: 0; top: 15px; right: 0; margin: auto; height: 2px; z-index: -1; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(202,229,245,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.SubReplay { padding-left: 40px; padding-right: 10px; position: relative; }
.SubReplay hr { border-top: 1px dashed #acacac; }
.SubReplay .subpoint { width: 2px; height: 100%; position: absolute; left: 40px; top: 0; background: url(../images/re-desh.png) center center repeat }
.SubReplay .subpoint:after { content: ""; width: 11px; height: 100%; background: url(../images/dotnew.png) center center no-repeat; position: absolute; left: -5px; }
.DocumentWapper { margin: 20px 0; }
.DocumentWapper table { margin-bottom: 0; }
.DocumentWapper table.yellowColor th { background-color: #fed35f; }
.DocumentWapper table.greenColor th { background-color: #46ca9f; }
.DocumentWapper table.blueColor th { background-color: #07bedf; }
.table-curved { border-collapse: separate; border: solid #d0d0d0 1px; border-radius: 10px; border-left: 0px; border-top: 0px; }
.table-curved > thead:first-child > tr:first-child > th { border-bottom: 0px; border-top: solid #ddd 1px; }
.table-curved td, .table-curved th { border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
.table-curved > :first-child > :first-child > :first-child { border-top-left-radius: 8px; }
.table-curved > :first-child > :first-child > :last-child { border-top-right-radius: 8px; }
.table-curved > :last-child > :last-child > :first-child { border-bottom-left-radius: 8px; }
.table-curved > :last-child > :last-child > :last-child { border-bottom-right-radius: 8px; }
.imageRadius { border-radius: 8px; }
.table-striped>tbody>tr:nth-of-type(odd) { background-color: #e8e8e8; }
.table-curved th { border-left: 1px solid #fff; }
.mcs-horizontal-example { overflow-x: auto; white-space: nowrap;  }
.mcs-horizontal-example .item { display: inline-block; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle }
.NoDataFound { color: #757474 }
.TableName { font-size: 20px; color: #333333; line-height: 1.8em; border-bottom: 2px solid #000; margin-bottom: 20px; display: inline-block }
.BTNAdd { background-color: #99cc66; font-size: 16px !important; color: #fff !important; border-radius: 5px; padding: 10px 20px }
.modulewidth{ width:300px;}
.allcheckbox input { width:20px; height:20px; padding-right:10px; float:left}
.allcheckbox label { padding-left:10px; float:left}
.pagination { display: inline-block; margin:10px 0;}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.pagination2 table {
    display: inline-block; text-align:center; border:0 !important;
}
.pagination2 table tr td{ padding:0 !important}

.pagination2 table a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 0px solid #ddd; 
}
    .pagination2 table span {
        color: #fa863f;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
        border: 0px solid #ddd;
        background-color: rgba(240,116,55,1);
        font-weight: bold;
    }

    .pagination2 table a.active {
        background-color: #4CAF50;
        color: white;
        border: 1px solid #4CAF50;
    }

    .pagination2 table a:hover:not(.active) {
        background-color: #ddd;
    }

.form-control ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #f26622;
}

.form-control ::-moz-placeholder { /* Firefox 19+ */
    color: #555555;
}

.form-control :-ms-input-placeholder { /* IE 10+ */
    color: #555555;
}

.form-control :-moz-placeholder { /* Firefox 18- */
    color: #555555;
}

#LoadImg{ width:200px; height:200px; border:1px solid #fff;}
.jqte{ border: 1px solid #e7e7e7 !important; }
.SeguenceOption .form-control option {
    display: block;
    font-size: 18px !important; border-bottom:1px solid #fff; background-color:#eee; padding-left:10px;
}

@media (max-width: 767px) {
    .formRgWrp .forminput { width: 100%; float: left; position: relative; }
.top-margin { margin-tbop: 10px; }
.NeedSpeciBox .ImagBox { padding: 0 0 0 0; margin-bottom: 20px; }
.EditdeletBox { border-left: 0px solid #e7e7e7; min-height: 50px; text-align: left; float: left; margin-top: 0px; }
.Hadding2:before { width: 100%; }
.pagination a { color: black; float: left; padding: 4px 4px; font-size:10px}
.BoxWapper .he {float:left !important; text-align:left; width:100%; }
.paddtb20 { padding: 10px 0px; }
.paddtb30 { padding: 10px 0px; }
.paddtb40 { padding: 20px 0px; }
.paddtb50 { padding: 30px 0px; }
}
@media (max-width: 480px) {
.formRgWrp .forminput .inputBox { width: 100%; margin: 0px 0% 20px; }
}
/* Login Page */
.formwrp { width: 50%; margin: 0 auto; padding: 40px 0px; }
.formwrp .forminput { width: 100%; float: left; position: relative; clear: both; margin-bottom: 20px; display: inline-grid; }
.formwrp .forminput input { width: 100%; border: 1px solid #c9c8c8; min-height: 48px; padding: 10px 10px 10px 58px; font-size: 24px; font-family: "Lato Light"; }
.formwrp .forminput .iconuser { width: 32px; height: 30px; display: inline-block; position: absolute; left: 15px; top: 14px; background: url(../images/lpass-icon.png) no-repeat left top; }
.formwrp .forminput .iconpass { width: 32px; height: 30px; display: inline-block; position: absolute; left: 15px; top: 14px; background: url(../images/luser-icon.png) no-repeat left top; }
.formwrp .forminput a { float: left; font-size: 15px; color: #929292; text-decoration: underline; }
.formwrp .forminput .forgotPass { float: right }
.formwrp .forminput2 a { float: left; font-size: 15px; color: #929292; text-decoration: underline; }
.formwrp .forminput2 .forgotPass { float: right }
.formwrp .forminput.submitbtn input { float: right; margin: 10px 0px; background: url(../images/login-btn.png) no-repeat right top; border: none; width: auto; text-align: right; font-size: 40px; color: #f26622; padding: 0px 80px 0px 0px; }
/* Data Table */
#gvNeeds { width:100%;
}

.stablewrap {
    width: 100%;
    float: left;
    position: relative;
    clear: both;
}
.stablewrap table { font-family: "Lato Light"; font-size: 14px; font-weight: 300; margin: 0px 0px 8px 0px; border: 1px solid #c9c8c8; }
.stablewrap table tr th { text-align: left; background: #f26622; color: #fff; border: 1px solid rgba(255,255,255,1); padding: 10px 0px 10px 10px; min-width: 30px; }
.stablewrap table tr td { text-align: left; color: #000; border: 1px solid #d2d2d2; padding: 5px 10px 5px 10px; margin: 0; }
.stablewrap table tr:nth-child(even) { background: #fbfbfb }
.stablewrap table a { color: #000; text-decoration: underline; }
.stablewrap table .fa { color: #f26622; text-decoration: underline; text-align:center; display:block;  }
.stablewrap table .fa:hover { color: #000; text-decoration: underline; }
.stablewrap table th a { color: #fff; text-decoration: none;  width:auto; display: inline-block; }
.stablewrap table a:hover { text-decoration: none; }
.scroltable-wrapper { width: 100%; float: left; position: relative; clear: both; }
.scroltable-container { overflow: auto; width: 100%; float: left; position: relative ; clear: both; margin: 32px 0px; }
.scroltable-container .table{ max-width:none;}
.scroltable-nav { display: none; position: absolute; z-index: 1; width: 16px; height: 32px; display: inline-block; cursor: pointer }
.scroltable-nav.scroltable-nav-left { left: 0; background: url(../images/arrow-left.png) no-repeat center center; }
.scroltable-nav.scroltable-nav-right { right: 0; background: url(../images/arrow-right.png) no-repeat right center; }
.ltBotm { position: absolute; left: 0px; bottom: 26px; }
.rtBotm { position: absolute; right: 0px; bottom: 26px; }
.addBtn {  border:0;  background-color: #000000; font-weight: bold; padding: 5px 30px; color: #fff; font-size: 14px; display: inline-block; margin-right: 5px; margin-top: 5px; margin-bottom: 10px; border-radius:20px; float:right }
.addBtn.bg { background: url(../images/icon-add.png) no-repeat left center; }
.addBtn:hover, .addBtn:focus{ color: #fff; text-decoration:none; }
h1.hedding { font-size: 28px; margin: 10px 0 30px 0; padding: 0; float: left; color:#ff4500; }
.stablewrap table tr th { padding: 10px; }
.navbar-default { background-color: transparent; border: 0; }
.navbar { margin: 0; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background: transparent; }
.navbar-nav>li>.dropdown-menu { background: rgba(37,30,27,1); background: -moz-linear-gradient(left, rgba(37,30,27,1) 0%, rgba(0,0,0,1) 23%, rgba(240,116,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(37,30,27,1)), color-stop(23%, rgba(0,0,0,1)), color-stop(100%, rgba(240,116,55,1))); background: -webkit-linear-gradient(left, rgba(37,30,27,1) 0%, rgba(0,0,0,1) 23%, rgba(240,116,55,1) 100%); background: -o-linear-gradient(left, rgba(37,30,27,1) 0%, rgba(0,0,0,1) 23%, rgba(240,116,55,1) 100%); background: -ms-linear-gradient(left, rgba(37,30,27,1) 0%, rgba(0,0,0,1) 23%, rgba(240,116,55,1) 100%); background: linear-gradient(to right, rgba(37,30,27,1) 0%, rgba(0,0,0,1) 23%, rgba(240,116,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#251e1b', endColorstr='#f07437', GradientType=1 );
}
.navbar-nav>li>.dropdown-menu li { width: 100%; border-right: 0; border-bottom: 1px solid #fff; margin: 0; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { padding: 0; }
.navbar-default .navbar-toggle { background: #fff; }
.form-control { outline: none; resize: none;  transition: all 0.4s ease-out; position: relative; z-index: 2; background: #fff; width: 100%; border-radius:7px; border: 1px solid #c9c8c8; min-height: 45px; padding: 10px 10px 10px 10px; font-size: 16px; font-family: "Lato Light"; }
.form-control option { padding:10px 0; font-size:18px; line-height:3.2em; display:inline-block; }
.form-control option:first-child {
    font-size: 12px;
}
select.form-control { background-image: url(../images/arrow.png); background-position: 98% 46%; background-repeat:no-repeat;  }
select::-ms-expand {    display: none;}
select {    -webkit-appearance: none; appearance: none;}
.form-group{ display:inline-block; width:100%; margin-bottom:20px; }
.checkboxwidth{ width:184px; text-align:left}

.BtnSubmit {border:0;  background-color: #000000; font-weight: bold; padding: 5px 30px; color: #fff; font-size: 14px; display: inline-block; margin-right: 3px; margin-top: 5px; margin-bottom: 10px; border-radius:20px; }
.form-control.checkbox { float: right; width: 21px; min-height: 21px; margin: 0; padding: 0; }
.labelpa { padding-top: 7px }
.MainMenu ul li:last-child { border-right: 0; }
.alert { padding: 0px 10px; margin-bottom: 0; display: inherit; border-radius:0; font-size:12px; position:absolute; margin:0 4px; width:80%;  }
.form-control.imgHight { text-align: center; height: 200px; }
.form-control.imgHight img { width: 100%; height: 100%; }
.BtnLogout { position: relative; float: right; margin-top: -24px; padding-right: 15px; color: #fff !important; font-size: 16px; font-weight: 300 !important; font-family: 'Oswald', sans-serif; }
.usernameBtn { position: relative; float: right; margin-top: -24px; padding-right: 10px; margin-right: 60px; color: #fff !important; font-size: 16px; font-weight: 300 !important; font-family: 'Oswald', sans-serif; border-right: 1px solid #fff; }
.ngx-pagination .pagination-previous, .ngx-pagination .pagination-next { background-color: #000 !important; color: #fff; margin-top: 20px; }
.ngx-pagination a { color: #fff !important; }
.ngx-pagination li { background-color: #929292 }
.ngx-pagination .current { background: #fa863f !important; }
.table-bordered { border: 0; }
.cal-Icon { background:#fff url(../images/date-icon.png) no-repeat 98% 10px; }
.ngx-pagination table { background-color: #f26622; margin-bottom: 0; }
.UpDownWapper { position: relative; height: 110px; }
.UpDownWapper .up { position: absolute; left: 0; top: 0; text-decoration: none; outline: none; background-color: transparent; width: 40px; height: 40px; background: url(../images/up.png) left top no-repeat; background-size: 100% 100%; border: 0; }
.UpDownWapper .down { position: absolute; left: 0; bottom: 0; text-decoration: none; outline: none; background-color: transparent; width: 40px; height: 40px; background: url(../images/down.png) left top no-repeat; background-size: 100% 100%; border: 0; }
.scroltable-wrapper .scroltable-wrapper .scroltable-nav { display: none; }
.scroltable-wrapper .scroltable-wrapper .scroltable-container { margin: 20px 0; }
/*.all { display: block; margin: 4px 2px 16px 0px; padding: 0px 0 0 0; height: 27px; }*/
.all .radioBox { width: auto; height: 22px;  cursor: pointer; display:inline-block; }
.all .radioBtn { width: 22px; height: 22px;  position: relative; margin: 0 0px 0 0; background: #F0F0F0; float: left; border: 1px solid #D6D6D6; border-radius: 50%; transition: all ease-in 200ms; }
.all .radioBtn input[type="radio"] { width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; position: relative; }
.all .radioBtn.active { background: #F0F0F0; border: 1px solid #fa863f; position: relative; }
.all .radioBtn.active::before { position: absolute; content: ''; width: 16px; height: 16px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fa863f; border-radius: 50%; opacity: 1 }
.all .radioname, .all label { font-size: 14px; float: left; padding: 3px 10px 10px 6px; }
.all { display: block; /*margin: 5px 2px 16px 0px;*/ padding: 10px 0 0 0; height:45px; }
.all .checkBox { float: left; height: 24px; width: 24px; background: #F0F0F0; position: relative; border: 1px solid #D6D6D6; margin: 0; border-radius: 0; color: #5f9e45; margin: 2px 8px; }
.all .checkBox input[type="checkbox"] { height: 25px; width: 25px; opacity: 0; position: absolute; left: 0; top: 0; margin: 0; border: none; background-color: #fff; }
.all .checkBox.active { background: #FFF url(../images/checked.png) no-repeat center center; }
.all ol { margin: 0; padding: 0; }
.all ol li { margin: 0; padding: 0; list-style: none; width: auto; float: left; width: 33.3%;  }
.jqte_editor { min-height:calc(100% - 55px) !important;}
.needScrollBar table tr th.Di-width a {
    width: 600px;
}
.jqte { height:248px !important; }
textarea.form-control {
    height: 250px;
}
.needScrollBar table th.Edit {
    width: 51px;
}
.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
}
input[type=number] {
    -webkit-appearance: initial;
}

.needScrollBar table th.Delete {
    width: 68px;
}
.needScrollBar table th.Tags {  width:57px; }
.needScrollBar table th.Icon {  width:68px; }
.needScrollBar table th.Image {  width:68px; }
.needScrollBar table th.Comments {  width:99px; }
.needScrollBar table th.CompanyLogo {  width:124px; }
.needScrollBar table th.OrganisationLogo {  width:156px; }
.needScrollBar table th.Description {  width:368px; }
.needScrollBar table th.ADPNAME{  width:288px; }
.needScrollBar table th.FormNeed{  width:288px; }
.needScrollBar table th.DonorConsentDoc {  width:159px; }
.needScrollBar table th.Achievement{  width:159px; }
.needScrollBar table th.Link{  width:288px; }
.needScrollBar table th.EmailId{  width:188px; }
.needScrollBar table th.Title{width:288px;}
.needScrollBar table th.Message{width:288px;}
.needScrollBar table th.PageId{width:308px;}
.needScrollBar table.styleColor3 th.EXwidth{width:308px;}
.top{ width:30px; height:30px; position:fixed; z-index:9999; right:0; bottom:0; background-color:#fff; border-radius:50%; display:none}



.needDetailView .form-group label {
    width: 40% !important;
    margin-bottom: 20px !important;
    text-align: left;
}
.needDetailView .form-group span.form-control {
    width: 50% !important;
    margin-bottom: 20px !important;
    text-align: left;
}

.needScrollBar a{ width:100%; display:block; text-align:center;}
.needScrollBar a .fa {  }
.needScrollBar th a{ text-align:left;}
.needScrollBar{width:100%; float:left; clear:both; padding:10px 0 20px 0;}
.needScrollBar .table-curved {border-collapse:collapse !important; border-width:0px !important; border: solid #d0d0d0 1px;border-radius: 10px;border-left: 0px;border-top: 0px;}
.needDetailsWrp{border: 1px solid #46ca9f; border-radius:7px; float:left; padding:0px; text-align:center; margin:0px 15px;}
.needDetailsWrp .needTitle{background-color: #46ca9f; width:100%; float:left; clear:both; border-top-left-radius:7px; border-top-right-radius:7px; margin-bottom:20px;}
.needDetailsWrp .needTitle h2{ font-size:22px; color:#000; margin:0px; padding:10px 0px;}
.needScrollBar table.styleColor1 th{background-color: #fa863f;  border-top:1px solid #fa863f !important }
.needScrollBar table.styleColor1 th:first-child{ border-top-left-radius: 0px !important; border-left:1px solid #fa863f !important }
.needScrollBar table.styleColor1 th:last-child{ border-top-right-radius:0px !important; border-right:1px solid rgba(240,116,55,1) !important }
.needScrollBar table.styleColor2 th { background-color: #fed35f;  border-top-left-radius: 7px;     border-top-right-radius: 7px;}
.needScrollBar table.styleColor3 th{background-color: #46ca9f;  border-top-left-radius: 7px;     border-top-right-radius: 7px;}
.needScrollBar table.styleColor4 th { background-color: #07bedf;}
.needScrollBar table.styleColor5 th{background-color: #a951d2;}
.needScrollBar table.styleColor6 th { background-color: #5f6efe;}
.needScrollBar .styleColor1>tbody>tr>td{border: 1px solid #fa863f;}
.needScrollBar .styleColor2>tbody>tr>td{border: 1px solid #fed35f;}
.needScrollBar .styleColor3>tbody>tr>td{border: 1px solid #46ca9f;}
.needScrollBar .styleColor4>tbody>tr>td{border: 1px solid #07bedf;}
.needScrollBar .styleColor5>tbody>tr>td{border: 1px solid #a951d2;}
.needScrollBar .styleColor6>tbody>tr>td{border: 1px solid #5f6efe;}
.needScrollBar table>tbody>tr>td>img.mCS_img_loaded{width:120px;}
.needScrollBar .styleColor1>tbody>tr>td>table>tbody>tr>td span{ display:inline-block; background:rgba(250,134,63,.1); padding:2px 8px;}
.needScrollBar .styleColor1>tbody>tr>td>table>tbody>tr>td a{ display:inline-block; background:rgba(250,134,63,1); padding:2px 8px; text-decoration:none; outline:none; color:#000;}
.needScrollBar .styleColor2>tbody>tr>td>table>tbody>tr>td span{ display:inline-block; background:rgba(15,237,53,.1); padding:2px 8px;}
.needScrollBar .styleColor2>tbody>tr>td>table>tbody>tr>td a{ display:inline-block; background:rgba(15,237,53,1); padding:2px 8px; text-decoration:none; outline:none; color:#000;}
.needScrollBar .styleColor3>tbody>tr>td>table>tbody>tr>td span{ display:inline-block; background:rgba(70,202,159,.1); padding:2px 8px;}
.needScrollBar .styleColor3>tbody>tr>td>table>tbody>tr>td a{ display:inline-block; background:rgba(70,202,159,1); padding:2px 8px; text-decoration:none; outline:none; color:#000;}
.needScrollBar .styleColor4>tbody>tr>td>table>tbody>tr>td span{ display:inline-block; background:rgba(7,190,223,.1); padding:2px 8px;}
.needScrollBar .styleColor4>tbody>tr>td>table>tbody>tr>td a{ display:inline-block; background:rgba(7,190,223,1); padding:2px 8px; text-decoration:none; outline:none; color:#000;}
.needScrollBar .styleColor5>tbody>tr>td>table>tbody>tr>td span{ display:inline-block; background:rgba(169,81,210,.1); padding:2px 8px;}
.needScrollBar .styleColor5>tbody>tr>td>table>tbody>tr>td a{ display:inline-block; background:rgba(169,81,210,1); padding:2px 8px; text-decoration:none; outline:none; color:#000;}
.needScrollBar .styleColor6>tbody>tr>td>table>tbody>tr>td span{ display:inline-block; background:rgba(95,110,254,.1); padding:2px 8px;}
.needScrollBar .styleColor6>tbody>tr>td>table>tbody>tr>td a{ display:inline-block; background:rgba(95,110,254,1); padding:2px 8px; text-decoration:none; outline:none; color:#000;}
.needScrollBar .table-striped > tbody > tr:nth-of-type(odd) {background-color: #eaeaea;}
.needScrollBar .table-striped > tbody > tr:nth-of-type(even) {background-color: transparent;}
.needScrollBar .table{margin-bottom:0px !important;}
.needScrollBar table th {color: #000 !important;padding: 16px 8px !important; font-size: 14px !important; font-family: 'Lato Light' !important;line-height: 14px !important;border: 1px solid rgba(255,255,255,1) !important;}
.needScrollBar table th a{color:#000 !important; text-decoration:none;}
.needScrollBar table th.cellWT50{width: 50px;}
.needScrollBar table th.cellWT60{width: 60px;}
.needScrollBar table th.cellWT70{width: 70px;}
.needScrollBar table th.cellWT80{width: 80px;}
.needScrollBar table th.cellWT90{width: 90px;}
.needScrollBar table th.cellWT100{width: 100px;}
.needScrollBar table th.cellWT110{width: 110px;}
.needScrollBar table th.cellWT120{width: 120px;}
.needScrollBar table th.cellWT130{width: 130px;}
.needScrollBar table th.cellWT140{width: 140px;}
.needScrollBar table th.cellWT150{width: 150px;}
.needScrollBar table th.cellWT160{width: 160px;}
.needScrollBar table th.cellWT170{width: 170px;}
.needScrollBar table th.cellWT180{width: 180px;}
.needScrollBar table th.cellWT190{width: 190px;}
.needScrollBar table th.cellWT200{width: 200px;}
.needScrollBar table th.cellWT210{width: 210px;}
.needScrollBar table th.cellWT220{width: 220px;}
.needScrollBar table th.cellWT230{width: 230px;}
.needScrollBar table th.cellWT240{width: 240px;}
.needScrollBar table th.cellWT250{width: 250px;}
.needScrollBar table th.cellWT260{width: 260px;}
.needScrollBar table th.cellWT270{width: 270px;}
.needScrollBar table th.cellWT280{width: 280px;}
.needScrollBar table th.cellWT290{width: 290px;}
.needScrollBar table th.cellWT300{width: 300px;}
.needScrollBar table th.cellWT310{width: 310px;}
.Hadding2 { font-size: 30px; color: #000; line-height: 24px; position: relative; font-family: 'Lato-Regular'; width:100%; float:left; clear:both; text-align:center; margin: 20px 0px 15px; }
.Hadding2 span { font-size: 22px; color: #000; background-color: #fff; padding: 2px 10px; text-transform: uppercase;  display:inline-block;}
.Hadding2 span.hedding { font-size: 22px; color: #ff4500 !important;}
.Hadding2 .needName span{ font-size: 22px; color: #000;  padding: 2px 10px;  display:inline-block;text-transform:capitalize !important;}
.Hadding2:before { width: 50%; content: ""; position: absolute; left: 0; top: 15px; right: 0; margin: auto; height: 2px; z-index: -1; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(202,229,245,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(202,229,245,1) 50%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
.needDetailView{}
.needDetailView h1.hedding{margin: 10px 0 10px 0 !important;}
.needDetailView .form-group{position:relative; margin-bottom:0px !important;} 
.needDetailView .form-group .form-control.imgHight{height:auto !important;}
.needDetailView .form-group .form-control.imgHight img{width:80px !important;}
.needDetailView .form-group label {margin: 8px 6px 0px 0px !important; font-weight: 700; float: left !important;}
.needDetailView .neeDetalsWrp1 .form-group label {width:110px; text-align:left;}
.needDetailView .neeDetalsWrp2 .form-group label {width:172px; text-align:left;}
.needDetailView .form-group .form-control{width: auto !important;float: left !important;padding: 5px 0px 0px !important;min-height: 30px !important; border-radius: 0px !important;  border: none !important; box-shadow: none !important;}
.needDetailView .form-group textarea.form-control{width:100% !important;float: left !important;padding: 5px 10px 0px !important;min-height: 30px !important; border-radius: 4px !important; border: 1px solid rgba(70,202,159,0.5) !important;}
.NeedSpeciBox .ImagBox {padding: 8px 0px 0px 8px !important;}
.NEED_SHORT_DESCRIPTION{width:100%; float:left; overflow:auto; height:96px; padding:0px 6px;border: 1px solid #e3e3e3;}

.fileBrowseStyle1{ position:relative;}
.fileBrowseStyle1 .dvImgMsg{position: relative; left: 0px; top:0px; padding: 0px 10px 0px 0px;}
.fileBrowseStyle1 .imgThumbWrp{width:100%; height:250px; position:relative;}
.fileBrowseStyle1 .imgThumbWrp1 { width: 100%; height: 200px; position: relative; }
.fileBrowseStyle1 .fileBrowse{transition: all 0.4s ease-out; position: relative; overflow:hidden; z-index: 2;background: #d4d4d4;width: 100%; height:100%; border-radius: 7px; border: 1px solid #c9c8c8;min-height: 44px; font-size: 16px;font-family: "Lato Light";}
.fileBrowseStyle1 .fileBrowse input{opacity:0; cursor:pointer; height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.fileBrowseStyle1 .fileBrowse span{position:absolute; left:0px; top:1px; font-size: 13px; color:#000;height:100%; text-align: center;width:100%; line-height: 38px;}
.fileBrowseStyle1 .fileBrowse span img{position:absolute; left:0px; top:0px; z-index:2; width:100%; height:100%}
video { width: 100%; height: 100% }
.fileBrowseStyle1 .fileBrowse span video {position: absolute; left: 0px; top: 0px; z-index: 2; }
.fileBrowseStyle1 .fileBrowse::after{ content:'Choose Image'; text-transform:uppercase; border-radius: 7px; position:absolute; left:16%; top:60%; width:70%; height:35px; color:#fff;    text-align: center; padding: 10px 0px 0px 0px; font-size: 12px; font-weight: 600; background:#ff4500}
.fileBrowseStyle2 .fileBrowse::after { content: 'Choose Video'; }
.fileBrowseStyle1 .fileBrowse::before{ content:url(../../assets/images/fileBrowse2.png);position:absolute; left:45%; top:38%; width:80%; height:45px;}
.fileBrowseStyle1 .removeFile{position:absolute; right:1px; top:-2px; z-index:3; content:'X'; background:#ff4500; padding:10px 10px; display:inline-block;}
.fileBrowseStyle1 .removeFile:after{position:absolute; right:5px; top:-8px;content:'X'; font-size:14px; font-weight:600; color:#000; }

.iframeYoutube { background: #d4d4d4; border-radius: 7px; border: 1px solid #c9c8c8; }

.form-group .multiselect.btn { width: 100%; display: inherit; outline: none; resize: none; transition: all 0.4s ease-out; position: relative; background: #fff; border-radius: 0; border: 1px solid #c9c8c8; min-height: 38px; padding: 10px 10px 10px 10px; font-size: 16px; font-family: "Lato Light"; border-radius:7px;     text-align: left; overflow:hidden; }
.form-group .multiselect-native-select .btn-group{ width: 100%; }
.form-group .multiselect-native-select .btn-group .multiselect-selected-text{ text-align:left; }
    .form-group .multiselect-native-select .btn-group .btn .caret{ float:right;border-top: 0; background-image: url(../images/arrow.png); background-position: 98% 46%; background-repeat:no-repeat;  width: 26px; height: 16px; display: block;     position: absolute; right: 0; top: 0;bottom: 0; margin: auto;}
    .form-group .multiselect-native-select .btn-group .input-group-btn{ display:none;}
.multiselect-container > li > a{padding: 6px 6px;    position: relative;    border-bottom: 1px solid #f5f5f5;}
    .multiselect-container > li > a > label{    padding: 0px 10px 0px 27px;}
.open > .dropdown-menu{ width: 100%;position: absolute;left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #e8e8e8;border: 1px solid #ddd;box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);border-radius: 3px;}
.form-group .multiselect-native-select .btn-group .glyphicon {    font: normal normal normal 14px/1 FontAwesome;}
.form-group .multiselect-native-select .btn-group .glyphicon-search:before {  content: "\f002";}


@media (max-width: 767px) {
    .needDetailView .col-md-12{width:100%; float:left; clear:both;}
}
@media (max-width: 360px) {
.needDetailView .neeDetalsWrp1 .form-group label {width:auto; text-align:left;}
.needDetailView .neeDetalsWrp2 .form-group label {width:auto; text-align:left;}
}


.form-control[readonly] {
    background-color: #fff
}

.DiviedBox {
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    background-color: #fbfbfb;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (max-width: 1280px) {
    .stablewrap table { margin: 0px 0px 20px 0px; }
.ltBotm, .rtBotm { bottom: 22px; }
}
footer { width: 100%; float: left; clear: both; background: #fa863f; color: #fff; font-size: 12px; padding: 20px 0; text-transform: uppercase; }
footer .flinks { float: left; text-align: left; }
footer .fcopy { float: right; text-align: right; }
footer ul { float: left; margin: 0; padding: 0 }
footer ul li { color: #5f2160; float: left; list-style: none; margin: 0; padding: 0 10px; position: relative }
footer ul li::before { background: #fff none repeat scroll 0 0; content: ""; height: 12px; position: absolute; right: 0; top: 4px; width: 1px }
footer ul li:last-child::before { background: transparent; width: 0 }
footer ul li a { color: #fff; text-transform: uppercase }
footer ul li a:hover, footer ul li a:focus, footer ul li a:active { color: #fff; text-decoration: none; }

@media (max-width: 1200px) {
    .stablewrap table{ width:1100px;}
    .mCSB_container { width:1100px !important;}
}
@media (max-width: 1000px) {
    .all ol li { float: left; width: 50%; }
}
 @media (max-width: 767px) {
.header { width: 100%; min-height: 152px; height: auto; }
.header header .hlogolt { width: 50%; float: left; text-align: left; }
.header header .hlogort { width: 50%; float: left; text-align: right; padding-top: 10px; }
.formwrp { width: 70%; }
.MainMenu ul li { width: 100%; padding: 0; margin: 0; border-right: 0; border-bottom: 1px solid #fff; }
.MainMenu ul li a { padding: 10px 10px; }
.MainMenu ul li a.dis { display: none; }
.BtnLogout { margin-top: -77px; }
.navbar-nav .open .dropdown-menu { width: 100%; position: relative; }
.dropdown-menu { width: 100%; border: 0; position: relative; }
.navbar-nav>li>.dropdown-menu li:last-child { border: 0; }
.usernameBtn { position: relative; float: left; margin-top: -35px; padding-right: 10px; margin-right: 0px; margin-left: 10px; border: 0; }
.navbar-nav>li>.dropdown-menu { margin-left: 15px; background: transparent; }
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 10px !important }
.BtnSubmit { float: left; }
.all ol li { float: left; width: 100%; }
}
@media (max-width: 680px) {
}
@media (max-width: 580px) {
.header header { background: url(../images/login-banner-m.jpg) no-repeat center top; background-size: cover; }
.header { width: 100%; min-height: 152px; height: auto; }
.header header .hlogolt { width: 100%; float: left; text-align: center; }
.header header .hlogolt img { width: 180px; }
.header header .hlogort { width: 100%; float: left; text-align: center; padding-top: 10px; }
.formwrp { width: 92%; margin: 0 auto; }
footer .flinks { width: 100%; float: left; text-align: center; }
footer .flinks ul { float: none; display: inline-block; }
footer .fcopy { width: 100%; float: right; text-align: center; }
h1.hedding {width: 100%; margin: 10px 0 10px 0;}
}
@media (max-width: 480px) {
}
@media (max-width: 420px) {
}
@media (max-width: 380px) {
}
@media (max-width: 360px) {
.addBtn { width: auto; text-align: center; font-size: 14px; }
h1.hedding { width: 100%; text-align: center; }
.BtnSubmit { font-size: 14px; padding: 10px 20px; }
}
@media (max-width: 320px) {
}


/*#txtPassword {
    -webkit-text-security: disc;
}*/