@charset "utf-8";
/* CSS Document */
@font-face{font-family:'helve_thin';
 src:url('../fonts/helveticaneue-light.eot');
 src:url('../fonts/helveticaneue-light.eot?#iefix') format('embedded-opentype'),         
  url('../fonts/helveticaneue-light.woff') format('woff'),         
  url('../fonts/helveticaneue-light.ttf') format('truetype'),         
  url('../fonts/helveticaneue-light.svg#pontano_sansregular') format('svg');
 font-weight:200;
 font-style:normal;
 text-shadow:0px 0px 0px black;
}

@font-face{font-family:'helve_bold';
 src:url('../fonts/HelveticaNeueLTComBd.eot');
 src:url('../fonts/HelveticaNeueLTComBd.eot?#iefix') format('embedded-opentype'),         
  url('../fonts/HelveticaNeueLTComBd.woff') format('woff'),         
  url('../fonts/HelveticaNeueLTComBd.ttf') format('truetype'),         
  url('../fonts/HelveticaNeueLTComBd.svg#pontano_sansregular') format('svg');
 font-weight:200;
 font-style:normal;
 text-shadow:0px 0px 0px black;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');


/*html,body{height:100%; font-family:'helve_thin',Helvetica, Arial, sans-serif;}*/
html,body{height:100%; font-family:'Open Sans', Arial, sans-serif;}
/*.login-page {background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}*/
a{cursor:pointer;}
.breakword{word-wrap:break-word}

.uploadSec{padding:2% 0px;}
.login-in {padding:2% 20px;}
.loginLogo {text-align:center; padding-bottom:15px;}
.login-page .row,.uploadSec.row {margin-left:0px; margin-right:0px;}
.uploadSec .curveBx, .login-page .panel-bg {max-width:280px; background-color:#FFF; border-radius: 10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); position:relative; z-index:99;}
.login-page .panel-bg:after{content:""; display:block; clear:both;}
.login-page .panel-bg #main{max-width:100%; background-color:#FFF; border-radius: 10px;}
.login-page .panel-bg{ border-radius: 10px;    padding: 10px 20px 10px 23px;}
body.login-page .panel {max-width: 100%;}
.navbar { position: fixed; width: 100%; z-index: 9999!important; }
#content_wrapper {min-height:345px!important;}
#content {min-height:345px!important;}
#divmain{padding-bottom:40px;}
.footer-in { padding: 5px 15px 15px 0px; color: #c4c4c4;margin: auto;float: none;position: absolute;bottom: 0px;width: 100%;left: 0px;right: 0px; font-size: 12px;}
.footer-in a{color:#FFF;}
.footer-in a:hover{color:#6979b7;}
a:hover, a:focus{color:#a8a8a8;}
.profileBx{min-width:160px;}
.media-links{float:left;}
.upldFlds {padding:10px 0px;}
.loginFrm input[type="text"], .loginFrm input[type="password"]{ border-radius: 30px; border: 1px solid #b2b2b2; height: 35px; padding: 6px 20px;-webkit-box-shadow: 0px 0px 0px 3px rgba(235,235,235,1); -moz-box-shadow: 0px 0px 0px 3px rgba(235,235,235,1);
box-shadow: 0px 0px 0px 3px rgba(235,235,235,1);}
.login-in .upldFlds input[type="text"], .loginFrm input[type="text"], .loginFrm input[type="password"]{text-align:center!important;}

.upldFlds input[type="text"]{ border-radius: 30px; border: 1px solid #b2b2b2; height: 35px; padding: 6px 20px;-webkit-box-shadow: 0px 0px 0px 3px rgba(235,235,235,1); -moz-box-shadow: 0px 0px 0px 3px rgba(235,235,235,1);
box-shadow: 0px 0px 0px 3px rgba(235,235,235,1);}
.login-in .upldFlds input[type="text"]{text-align:center!important;}
.upldFlds textarea{ border-radius: 4px;}
.upldFlds label{width:100%; text-align:left; color:#8f8f8f;line-height: 1.3em;}
.upldFlds select {border-radius: 30px; border: 1px solid #b2b2b2; height: 35px; padding: 6px 20px;-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image:url(../images/slctbg.png); background-repeat:no-repeat; background-position:right; min-width: auto;text-overflow: ellipsis;-webkit-box-shadow: 0px 0px 0px 3px rgba(235,235,235,1); -moz-box-shadow: 0px 0px 0px 3px rgba(235,235,235,1);
box-shadow: 0px 0px 0px 3px rgba(235,235,235,1); border-left:0px;}
.upldFlds .multiselect {border-radius: 30px; border: 1px solid #b2b2b2; height: 35px; padding: 6px 20px;-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image:url(../images/mslctbg.png); background-repeat:no-repeat; background-position:right; min-width: auto;text-overflow: ellipsis;-webkit-box-shadow: 0px 0px 0px 3px rgba(235,235,235,1); -moz-box-shadow: 0px 0px 0px 3px rgba(235,235,235,1);
box-shadow: 0px 0px 0px 3px rgba(235,235,235,1); border-left:0px;}
.usrsLst .btn-group{position:static!important;}
.usrsLst .btn-group.open > .dropdown-menu{opacity:0; transition:.4s;}
/*.usrsLst .btn-group.open > .dropdown-menu{position: absolute;
left: 260px;
z-index: 9999;
box-shadow: 0 0 12px 0 rgba(0,0,0,0), 0 10px 30px 0 rgba(0,0,0,0);
padding: 5px 12px;
width: 250px;
height: 100%;
top: 0px;
bottom: 0px;
max-height: 100%;
border: 0px;
background-color: transparent; opacity:1; transition:.4s;}*/
.usrsLst .btn-group.open > .dropdown-menu .input-group{margin-top:2px;}
.usrsLst .btn-group.open > .dropdown-menu{position: absolute;
left: 260px;
z-index: 9999;
box-shadow: 0 0 12px 0 rgba(0,0,0,0), 0 10px 30px 0 rgba(0,0,0,0);
padding: 5px 12px;
width: 265px;
top: 15px;
bottom: 0px;
max-height: 100%;
border: 0px;
background-color: transparent; opacity:1; transition:.4s;overflow: auto !important;
height: 385px;}

.frmOption {position: absolute;
border-radius: 0px 10px 10px 0px;
left: 280px;
z-index: 90;
width: 280px;
background-color: #fff;
top: 0px;
height: 100%;}

.multiselect-container .mCSB_container{padding-right:10px!important;}
/*.upldFlds .input-group .input-group-addon{border-radius: 50% 0px 0px 50%;box-shadow: 0px 0px 0px 3px rgba(235,235,235,1); border-right: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;}*/
.multiselect .caret{display:none;}
.upldFlds .btn-group{min-width: auto;}
.form-control:focus, select:focus, textarea:focus, .btn-group.open > .multiselec{border-color: #b2b2b2; outline:0px;-webkit-box-shadow: 0px 0px 0px 3px rgba(174, 235, 230, 1)!important;
-moz-box-shadow: 0px 0px 0px 3px rgba(174, 235, 230, 1)!important;
box-shadow: 0px 0px 0px 3px rgba(174, 235, 230, 1); background-color:#e9fcfa!important;}
.upldFlds a{color:#666;}
.upldFlds a:hover{text-decoration:none; color:#999;}
.upldFlds .input-group-addon .fa{ color: #47cba4;}
input[type="button"] {-webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important;}

.optnlMsg {color:#8f8f8f!important; cursor:pointer;}
.optnlMsg:hover {color:#999;}
.mb0 {margin-bottom:0px!important;}
.loginFrm p{text-align:center; font-weight:bold; font-size:16px; color:#8f8f8f;margin-bottom: 10px;}
/*.loginFrm label{font-weight:bold!important;}*/
/*.drp_files p{text-align:center; font-weight:bold; font-size:16px; padding-bottom:15px; border-bottom: 1px solid #ccc;margin-bottom: 15px;}*/
/*.loginFrm .form-control{border: 2px solid #ccc!important; border-radius:4px;    height: 40px;}
.loginFrm span.valid {float:right;}
.loginFrm .form-control:focus{border: 2px solid #6979b7!important;}*/
.loginFrm .form-group {margin-bottom:0px;}
/*.btn-login {height:45px; background-color:#6979b7; color:#FFF; text-align:center; line-height:25px; width:100%; border-radius:25px; border:3px solid #a5b3e4; font-weight:bold;  margin-bottom: 20px;}*/
.valid { width: 100%; text-align: center!important; display: block; padding-bottom: 4px;}
.btn-login {height: 40px;background-color: #67c554;color: #FFF;text-align: center;line-height: 25px;width: 100%;border-radius: 4px;}
.loginFrm .form-control::-webkit-input-placeholder {  color: #9b9b9b; font-weight:bold; text-align:center; }
.loginFrm .form-control::-moz-placeholder { color: #9b9b9b; font-weight:bold; text-align:center; }
.loginFrm .form-control:-ms-input-placeholder { color: #9b9b9b; font-weight:bold; text-align:center; }
.loginFrm .form-control:-moz-placeholder { color: #9b9b9b; font-weight:bold; text-align:center; }
.loginFtr {text-align:center; color:#FFF; font-size: 14px; padding: 15px 0px;}
.loginFtr a{text-decoration:none;}
.loginFrm .cBox label {font-size: 13px; font-weight: bold;}
.btn-back {height: 40px;background-color: #666;color: #fff;text-align: center;line-height: 25px; border-radius: 4px; margin-top:15px;}
.btn-back:hover,.btn-back:focus {color: #999; transition:.2s;}
.btn-upload {height:45px; background-color:#4bcca6; color:#FFF; text-align:center!important; line-height:25px; width:100%; border-radius:25px; border:3px solid #c2f8ea; font-weight:bold;  margin:20px auto 0px auto; max-width:320px;}
@media (max-width:479px) { .login-page .panel-bg {max-width: 300px;}}

.uploadSec {min-height:100vh; width:100%;background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.main { background-repeat:no-repeat; background-size:cover; background-attachment:fixed; min-height: 100vh; padding-top: 65px; position:relative;}
#content_wrapper {background-color:#FFF; border-radius: 8px;}
.curveBx {padding: 12px 20px;}
.curveBx a{cursor:pointer;}
.curveBx a:hover{text-decoration:none;}
.drgdrpWrp { border:2px solid #000000!important; border-radius:8px; position:relative!important; width:100%!important; height:185px!important;margin-bottom: 10px;box-shadow: 0px 0px 0px 3px rgba(235,235,235,1);}

.drp_files input[type="file"].fileUploader:focus{outline:0px;}
    
.drp_files p i{font-size: 30px; float: left; color:#4ccda7;}
.drp_files .cstmChk {padding:5px 0px;}

.drpInfo {text-align:center; padding:15px 0px; font-size:15px; box-sizing: border-box; cursor: pointer; position:relative;}
.drpInfo .fa{ font-size: 30px; font-weight: bold; position: absolute; left: 10px; top: 10px; color: #9dd8fa;}
.drpInfo img{height:90px;}
.drpInfo p{border:0px!important;}
.drpInfo span{display:block;}

.cstmChk {font-size:13px; line-height:26px; color:#000; margin-bottom:20px; display:block;}
.cstmChk label{float:left; font-weight:bold;}
.cstmChk span{float:left;}
.cstmChk span label{margin-right:10px; padding-bottom: 0px; margin-bottom: 0px;}
.cstmChk input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; width:26px; height:26px; border:3px solid #e4e4e4; border-radius:5px; float:left; margin:0px 5px 0px 0px; cursor:pointer;}
.cstmChk input:checked {background-color:#5fbdbc; border:3px solid #e4e4e4; background-image:url(../images/check_sml.png); background-repeat:no-repeat;}
.cstmChk input:focus {outline:none;}

.usrsLst .btn-group.open > .dropdown-menu .input-group-addon{display:none;}
.multiselect-container .input-group {width:100%;margin-bottom: 20px !important;}
.multiselect-container .input-group input.multiselect-search{width:100%; border-radius:30px!important; position:relative;  background-image:url(../images/select-search.png); background-repeat:no-repeat; background-position:right;}
.multiselect-container.dropdown-menu li{line-height:1em; margin-bottom:5px;}
.multiselect-container.dropdown-menu .checkbox input{vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; width:18px; height:18px; border-radius:4px; border:1px solid #b2b2b2; width:20px; height:20px; position:static; margin-left:0px; margin-bottom:0px;background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(231,231,231,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);}
.multiselect-container.dropdown-menu .checkbox span{width: calc(100% - 30px); vertical-align:middle;display: inline-block;text-overflow: ellipsis;word-break: break-all;white-space: normal;
line-height: 1em;}
.multiselect-container li.active .checkbox input {background-image:url(../images/mselect_chk.png); background-repeat:no-repeat; background-position:center;}
.drp_files .mselect .dropdown-menu > .active > a, .drp_files .mselect .dropdown-menu > .active > a:hover, .drp_files .mselect .dropdown-menu > .active > a:focus{background-color:transparent!important;}
.drp_files .multiselect-container > li > a > label{padding:3px 10px!important; position:relative;font-size: 12px;text-overflow: ellipsis;}
.panel-body .multiselect-container li{max-width:100%;}
.panel-body .multiselect-container li a{white-space: normal;line-height:1em;}
.panel-body .multiselect-container .input-group { margin: 0px; padding: 5px;}
.panel-body .multiselect-container label{padding-left: 10px; font-size: 13px;}
.panel-body .multiselect-container label.checkbox{padding-left:35px; position:relative;}
.panel-body .multiselect-container label.checkbox input{position: absolute; left: 8px; top: 0px;    background-color: #fff;}
.panel-body .multiselect-container .input-group {margin-bottom: 5px !important;}
.panel-body .multiselect-container label.checkbox a{padding:3px 0px;}
.adtnlComnt {margin-bottom:23px;}

.upldFilelst{width:100%; min-height:140px;}
.multiselect-container .fa{color:#000!important;}
.upldFilelst .uFilelst{display:block; width:100%; padding:3px 20px; text-align:left; margin-bottom:3px; background-color: #e5e5e5; border-radius: 10px; font-size:12px; }
.upldFilelst .uFilelst .fileName {text-overflow: ellipsis;width: 70%;overflow: hidden;text-align: left; white-space: nowrap;}
.upldFilelst .uFilelst .fileName a{display: inline;}
.upldFilelst .uFilelst .fileSize {width:25%; text-align:right;}
.uFilelst a.fa:hover{color:#f44336;}
.drp_files input[type="file"] {z-index:999;}
.expDatefld {height:40px; background-image:url(../images/calendar_icon.jpg); background-repeat:no-repeat; width:100%; display:block; padding-left:31px; border:1px solid #ccc; border-radius:4px;}
.upldFilelst .uFilelst:after{content:""; clear:both; display:block;}

.boxCmp{width:100%; float:left; display:block;}
.compBx{width:48%; float:left; border:1px solid #ccc; border-radius:5px; margin-right:2%; padding:8px 5px; cursor:pointer;}
.compBx:hover{border-color:#6979b7;}
.compBx span{width:100%;display:block; text-align:center; font-weight:bold;}
.compBx .nmBx{padding-top:5px;}
.panel-body{min-height:150px;}
/* List */
.dwnldLst {background-color:#FFF; border-top:0px;}

/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); */

.dwnldLst.expire3{}
.dwnldLst.expire3 .panel-heading{background:#b91c37 !important;}

.dwnldLst.sentBX {}
.dwnldLst.sentBX .panel-heading{background:#bbe2bd !important; color:#444; font-weight:normal;}
.dwnldLst.sentBX .panel-heading strong{color:#444; font-weight:bold;}
.dwnldLst.sentBX .tblHdr th{background-color:#444!important;}

.dwnldLst.recieveBx{}
.dwnldLst.recieveBx .panel-heading{background:#8bc0f2 !important; color:#000; font-weight:normal;}
.dwnldLst.recieveBx .panel-heading strong{color:#000; font-weight:bold;}
.dwnldLst.recieveBx .tblHdr th{background-color:#444!important;}

.dwnldLst.expiredBx{}
.dwnldLst.expiredBx .panel-heading{background:#dadada !important; color:#444; font-weight:normal;}
.dwnldLst.expiredBx .panel-heading strong{color:#444; font-weight:bold;}
.dwnldLst.expiredBx .tblHdr th{background-color:#444!important;}

.dwnldLst .panel-heading { color: #fff;background: #6979b7; min-height: 30px; line-height: 30px;}
.dwnldLst .panel-body{min-height:auto;}
.dwnldLst .panel-title {font-size: 14px; display: inline-block;}
.fileExp {float:right; text-align:right; margin-right:45px;font-size: 13px; display:inline-block; letter-spacing:1.1;}
.fileExp .fa { color:#fff;font-style:normal;}
.dwnldLst .dwnldLbl{display:inline-block; width:100%;font-weight:bold; text-align:left; float:left; padding-left: 10px; padding-bottom:5px;}
.dwnldLst .dwnldVlu{display:inline-block; float:left; width:100%;}
.dwnldLst .fldSec {margin-bottom:15px; border:1px solid #ccc; padding:5px;}
.fldSec .dwnFile:nth-child(odd){background-color: #f8f8f8;}
.fldSec .trsfrTo:nth-child(odd){background-color: #f8f8f8;}
.bxshdow {-webkit-box-shadow: 0px 0px 5px 5px rgba(204,204,204,0.56);
-moz-box-shadow: 0px 0px 5px 5px rgba(204,204,204,0.56);
box-shadow: 0px 0px 5px 5px rgba(204,204,204,0.56);}


.bggrey{background-color:#f5f5f5; border-radius:3px; padding:5px 12px;}
.email-table.table-striped > thead > tr.tblHdr > th:first-child {padding-left:20px!important;}
.dwnldLst .fldSec:after {content:""; clear:both; display:block;}
.fileDtl {background-color:#e1e7ff; border-radius:3px; padding-top:5px; padding-bottom:5px;margin-bottom:15px; font-weight:bold;}
.trsfrTo {padding:5px 10px;}
.dwnFile {padding:5px 10px;}
/*.dwnFile:before {content:"\f016"; font-family:FontAwesome; display:block; width:24px; height:24px; position:absolute; left: -21px; font-size: 18px; top: 2px;}*/
.dwnFile > i{ font-size: 18px; top: 6px;}
.dwnldLst .panel-title .fa{font-size: 21px; border-right:0px;}
.dwnldLst .panel-title .fa-check-circle{color:#cddc39;}
.dwnldLst .panel-title .fa-times-circle {color:#f0f0f0}
.fileActn {display:inline-block; float:right;}
.fileActn a{display:inline-block; margin:-4px 3px 0px 3px; font-size:18px; cursor:pointer;}
.shdwBox {border-radius: 3px;margin-bottom:10px; min-height:60px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50); padding:10px; }

.expLst .panel-body {background-color:#f0f0f0;}
.dwnldLst.expLst {border: 2px solid #9e9e9e;}
.dwnldLst.expLst .panel-heading {background: #9E9E9E; border-bottom: 1px solid #9E9E9E;}
.dwnldLst.expLst .trsfrTo,.dwnldLst.expLst .dwnFile{background-color:#fff;}
.fileActn a{color:#6979b7;}
#content_wrapper { max-width:1200px; margin:0px auto!important;}
.user-info { float: right; border-bottom: 0px; display: inline-block; width: auto;}
.user-info h5.media-heading{ display: block; float: left;}
.user-info .media-object img { max-width: 40px!important; }
.navbar-branding .navbar-brand img { max-width: 100%; max-height: 50px; padding-left: 15px; }
/* navigation */
.topNav .submenu {display: none;position: absolute;background-color: #FFF;top: 60px;border: 1px solid #ccc;padding-left: 0px;width: 200px;left:0px;right: 0px;z-index: 99;-webkit-box-shadow: -1px 4px 11px -1px rgba(0,0,0,0.42);-moz-box-shadow: -1px 4px 11px -1px rgba(0,0,0,0.42);box-shadow: -1px 4px 11px -1px rgba(0,0,0,0.42);}
.topNav .submenu li{width: 100%;height: auto!important;border-right: 0px!important;line-height: 1em;padding: 5px 10px!important;border-bottom: 1px solid #f5f5f5;margin-bottom: 0px;}
.topNav > li:hover .submenu{display:block;}
ul.topNav{margin:0px; padding:0px;display: inline-block; float: right;}
ul.topNav li{display:inline-block; padding:10px 10px; border-right:1px solid #ccc; font-size:16px; font-weight:bold;height: 60px; position:relative; cursor:pointer;}
ul.topNav li a{display: block; padding-top: 8px; color:#6979b7; transition:.2s; font-size: 14px; letter-spacing: .03em; font-weight: normal;}
ul.topNav li a:hover{ text-decoration:none; color:#abb6e2;transition:.2s;}
.brandLogo {width:160px!important;}
.navbar-right {width:calc(100% - 360px)!important;}
.switch-inline label{margin-bottom:0px;}
.table-bordered td{padding:8px!important; vertical-align:middle!important;}
.table-bordered td a:hover{ text-decoration:none; color:#6979b7;}

/*logs list*/
.logLstWrp {background-color:#FFF;     border: 2px solid #a4cca6; /*border-radius: 10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/}
.logLstWrp .panel-heading { color: #777;    background: #bbe2bd;
    border-bottom: 1px solid #a4cca6; min-height: 35px; line-height: 35px;}
.logLstWrp .panel-body{min-height:auto;    padding: 5px;    background-color: #f0fbf1;}
.expired.logLstWrp .panel-body{min-height:auto;    padding: 5px;    background-color:#f9f9f9;}

.logLstWrp .panel-title {font-size: 14px; display: inline-block;}
.logLstWrp .panel-title i{color:#FFEB3B;}
.logLstWrp .logLst td{padding: 5px 8px!important;}
.logFltr .panel-body{min-height:50px!important; padding: 10px 5px 0px 5px;}
.logLst {width:100%; padding:3px 10px; background-color:#fff; border-radius:3px; display:table; margin-bottom:1px; border: 1px solid #f0f0f0; font-weight:normal;}
.logGrd { display:table-cell; vertical-align:middle; float:none!important;}
.tblHdr th{background-color:#3c8faa; color:#fff; vertical-align:middle!important; padding:3px 8px!important; border-bottom: 0px!important;font-family:'Open Sans', Arial, sans-serif; font-weight:bold;}
.logGrd td{font-weight:normal;}
.logFltr .submit {margin-top:23px;}
.popupWrp {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,.8); top:0px; left:0px; padding:9% 0; box-sizing:border-box; z-index:9999;}
.infoPopup {max-width:600px; margin:auto;background-color:#FFF; border:2px solid #167DBE; border-radius: 10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.infoPopup .panel-heading { color: #fff;background: #167DBE;    border-bottom: 1px solid #167DBE; line-height:18px !important;}
.infoPopup .panel-body{min-height:auto;}
.infoPopup .panel-title {font-size: 16px; padding-top:10px;}
.infoPopup .panel-heading i{color: #fff;transition:.2s;}
.closePop {display:block; position:absolute; width:30px; height:30px; font-size:30px; color:#FFF; right:0px; top:5px; cursor:pointer;}
.closePop:hover i{color:#c1c1c1; transition:.2s;}

.rounded-corners{-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px}
.showhidepass{ color: #000; text-decoration: none; cursor: pointer; position: absolute; right: 20px;  top: 30px;}

.errormsg{color:Red; font-size:12px;}

.rightmenu_toggle { display: none; }
.menuclosebtn { display: none; }

 /* ----------------------------------- Responsive CSS ---------------------------------- */
/* ------------------------------------------------------------------------------------- */


.w100 { width:100%;}
.overflow-a { overflow:auto; }

.brandLogo { width: auto;position: absolute;z-index: 9999;top: 5px; left: 20px;}
.navbar-branding .navbar-brand{width:125px; float:left; display:block;}
.brandLogo2{float:left; display:block;}
.navbar-company{width:140px; display:block; padding-top:12px;float:left;}
.navbar-company select{min-height:32px;}
.user-info { padding: 4px 20px!important;}
.topNav li { margin-bottom: 0px!important; }
.min-w-400 { min-width:400px;}
.min-w-550 { min-width:550px;}

span.menutogl, span.menutog { display:none; outline: 0;  background-color: #fff;  width: 32px;  height: 32px;  border: 1px solid #fff;  border-radius: 5px;  position: absolute; right: 10px; top: 22px; text-align: center; z-index: 9999; font-size: 20px; cursor:pointer; }

@media (max-width: 1024px) 
{
    ul.topNav { display:none; width: 100% !important; position: fixed; left: 0px; top: 60px; background-color: #fff; z-index: 99; border-bottom: 1px solid #ccc; }
    
}

@media (max-width: 767px) 
{
    .width-a { width:auto; }
    
    .infoTip span{right: 0px!important;bottom: 45px!important;    top: auto!important;}
    .infoTip span:before {
    content: "\f0d7"!important;
    display: block;
    width: 15px;
    height: 15px;
    left: 0px!important;
    right: 0px!important;
    margin: auto!important;
    top: auto!important;
    font-family: FontAwesome;
    color: #82c45a;
    position: absolute;
    font-size: 29px;
    bottom: 3px!important;
}
}
@media (min-width: 769px) 
{
    .btnsNav {display:block!important;}
    
}
@media (max-width: 600px) 
{
    ul.topNav li { display: block;    height: auto;    width: 100%;    border-bottom: 1px solid #ccc;    margin: auto;    border-left: 1px solid #ccc;  }
    .submenu { display: block !important; top: 0; position: relative; box-shadow: none; width: 100%; border: 0px;}
    ul.submenu li { border-left: 0px; padding: 10px 20px !important; }
    ul.submenu li:last-child  { border-bottom: none;}
    ul.topNav { border-bottom: 2px solid #ccc; top: 100px;}
    ul.topNav li a { padding-top: 0px;}  
    ul.topNav li { border-left:none!important;} 
    
    #content { margin-top: 40px!important; }
    /*span.menutogl { position: absolute; top: 60px; right: 0; padding: 0 20px 0 0; height: 40px; width: 100%; text-align: right; background-color: #FFF; border-bottom: 1px solid #c9c9c9; background-repeat: repeat-x; background-image: linear-gradient(to bottom, #ffffff 1%, #f3f3f3 100%); }*/
    .navbar-right { width: auto!important; }
    .mail-100 { width:100%;}
    .save-m { margin-top: 15px!important; }
    .reserved { padding-right:0; width:45%;}
    .whole { padding-left:0; width:55%;}
}

@media (min-width: 320px) and (max-width: 450px) 
{
     #content h3.headline { line-height: 1.5;}
}

@media (min-width: 320px) and (max-width: 400px) 
{
     .title-in .panel-heading { width: 85%; }
     .title-in .panel-heading i.fa-check { position: absolute; right: -40px; top: 0; }
     .navbar-branding .navbar-brand { width: 110px!important; }
     .reserved { font-size:10px; }
     .whole {  font-size:10px; }
     .panel-title > .fa { margin-right: 5px; }
}
/* Company Logo */
img.cmp-logo{ max-width:150px!important;  max-height:150px!important;}
div.cmp-logo{ text-align:center!important;}

/* Dashboard Tiles Style */
 .small-box > .inner
{
    padding: 10px;
    min-height: 115px;
}
.small-box:hover
{
    text-decoration: none;
    color: #f9f9f9;
}
        
.small-box h3
{
    font-size: 38px;
    font-weight: 700;
    margin: 0 0 10px;
    white-space: nowrap;
    padding: 0;
}
        
.small-box .icon
{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0,0,0,.15);
}
        
.small-box > .small-box-footer
{
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,.1);
    text-decoration: none;
}
.small-box.bg-red
{
    background-color: #dd4b39 !important;
}
.small-box
{
    color: #fff !important;
}
.small-box.bg-blue
{
    background-color: #3c8dbc !important;
}
.small-box
{
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.box, .small-box
{
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
        
/*top nav*/
.btnsNav {display:inline-block; float:right; padding:0px 5px; margin:0px; background-color:#fff; border-radius:50px;    box-shadow: 0 0 12px 0 rgba(0,0,0,0.1), 0 10px 30px 0 rgba(0,0,0,0.2);} 
.btnsNav li{    display: inline-block;float: left; margin-bottom:0px; text-align: center; border-right:1px solid #f1f1f1; position:relative;}
.btnsNav li:last-of-type{border-right:0px !important; }
.btnsNav li:hover .submenu{display:block;}
.btnsNav > li.logout{ min-width: 50px; line-height: 1em; border-right: 0px;}
.btnsNav > li.logout i{font-size:18px;}
.btnsNav li a{display:block; width:100%; font-size:13px; padding:10px 15px; color:#000;transition:.2s;height: 37px; cursor:pointer;}
.btnsNav li a:hover, .btnsNav li a:focus{text-decoration:none; color:#666; transition:.2s;}
.btnsNav .submenu {display: none;position: absolute;background-color: #FFF;top: 37px;border: 1px solid #f1f1f1;padding-left: 0px;width: 160px;left:0px;right: 0px;z-index: 99;-webkit-box-shadow: -1px 4px 11px -1px rgba(0,0,0,0.42);-moz-box-shadow: -1px 4px 11px -1px rgba(0,0,0,0.42);box-shadow: -1px 4px 11px -1px rgba(0,0,0,0.42); border-radius:0px 0px 4px 4px;}
.btnsNav .submenu a{padding:5px 10px; height:auto; transition:.5s; border-left:2px solid rgba(102,102,102,0); border-bottom:0px;}
.btnsNav .submenu a:hover, .btnsNav .submenu a:focus{ padding-left:20px; transition:.5s;color:#666; background-color:#fff; border-left:2px solid rgba(102,102,102,1); border-bottom:0px;}
.btnsNav .submenu li{width: 100%;height: auto!important;border-right: 0px!important;line-height: 1em;padding: 5px 10px!important;border-bottom: 1px solid #f5f5f5;margin-bottom: 0px; text-align:left;}
.actCount{display: block;padding: 5px;background-color: #fa2661;border-radius: 50%;width: 22px;height: 21px;font-size: 11px;margin-top: -1px;text-align: center;line-height: 10px;float: left;margin-right: 6px;font-weight: bold; color:#fff;}

/*.hdrUser{ text-align:left; width:auto; margin-left:20px; display:inline-block; float:right; padding:5px; margin-right:15px; line-height:1em; color:#c4c4c4;}*/
.hdrUser{text-align: left;width: auto;margin-left: 20px;display: inline-block;float: left;padding: 5px;margin-right: 15px;line-height: 1em;color: #ffffff;position: absolute;top: 15px;left: 0px;font-weight: bold;text-shadow: 2px 2px 2px rgb(0, 0, 0);    z-index: 9999; font-size:18px;}
.hdrUser span a{color:#fff!important;}
.hdrUser span{font-weight:bold;}
/*.nrmlfnt {font-family:'helve_thin',Helvetica, Arial, sans-serif;}  */
.nrmlfnt {font-family:'Open Sans', Arial, sans-serif; font-weight:normal;}  
.content{opacity: 1 !important;}
.btnsNav.black {background-color: #000;}
.btnsNav.black li{border-right: 1px solid #414141;}
.btnsNav.black li a{color:#FFF;}
.btnsNav.black > li.logout{border-right:0px;}
      

.bg1.main{background: linear-gradient(rgba(0,0,0,.33), rgba(0,0,0,.33)); background-image:url(../images/bg1.jpg); background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}
.bg2.main{background: linear-gradient(rgba(0,0,0,.33), rgba(0,0,0,.33)); background-image:url(../images/bg2.jpg); background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}
.bg3.main{background: linear-gradient(rgba(0,0,0,.33), rgba(0,0,0,.33)); background-image:url(../images/bg3.jpg); background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}
.bg4.main{background: linear-gradient(rgba(0,0,0,.33), rgba(0,0,0,.33)); background-image:url(../images/bg4.jpg); background-size: cover; background-repeat: no-repeat; background-attachment:fixed;}


.main {background-repeat:no-repeat; background-size:cover; background-attachment:fixed; min-height: 100vh; padding-top: 65px!important;}
.panel-title:after {content:""; display:block; clear:both;}
/*.dwnldBx {background-image:url(../images/download_bg.png);background-repeat:no-repeat; background-position:right bottom;}
.upldBx {background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(../images/upload_bg.png);background-repeat:no-repeat; background-position:right bottom;}
.notfndBx {background-image:url(../images/notfound_bg.png);background-repeat:no-repeat; background-position: 86px 72px;}
.dletdBx {background-image:url(../images/deleted_bg.png);background-repeat:no-repeat; background-position:234px 92px;}*/
      
      
.uploadSec {background:transparent; min-width:600px; padding-top:25px!important;min-height: auto;}
.uploadSec .curveBx{border:none; box-shadow: 0 0 12px 0 rgba(0,0,0,0.1), 0 10px 30px 0 rgba(0,0,0,0.2);}
    
    

.sidesec {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    padding-top: 15px;
    transition: 0.5s;
    -webkit-box-shadow: 3px 2px 16px -3px rgba(0,0,0,0.39);
-moz-box-shadow: 3px 2px 16px -3px rgba(0,0,0,0.39);
box-shadow: 3px 2px 16px -3px rgba(0,0,0,0.39);
   
}
.sideSecWrp{ padding-left: 30px;}
.sidesec .closebtn {
    font-size: 14px;
    line-height: 1em;
    top: 40px;
    color: #333;
    background-color: #fff;
    position: absolute;
    right: 15px;
    border: 2px solid #333;
    padding: 10px 15px;
    border-radius: 3px;
    text-transform: uppercase;
    transition:.5s;
}
.sidesec .closebtn:hover {
   
    color: #fff;
    background-color: #333;
    border: 2px solid #333;
    transition:.5s;
}

.dwnldCnt 
{
    width: 90%;
   padding-right: 10%;
   height: calc(100% - 110px);
   overflow: auto;
   position: absolute;
   }
.dwnldCnt h3{margin-bottom:10px; margin-top:20px;}
.sideSecWrp ::-webkit-scrollbar,.sideSecWrp ::-moz-scrollbar {
    width: 15px;
}
.sideSecWrp ::-webkit-scrollbar-track,.sideSecWrp ::-moz-scrollbar-track {
    border-radius: 10px;
    background-color:#ededed;
}
.sideSecWrp ::-webkit-scrollbar-thumb,.sideSecWrp ::-moz-scrollbar-thumb {
    background: #a8a8a8; 
    border-radius: 10px;
}
.sideSecWrp ::-webkit-scrollbar-thumb:hover, .sideSecWrp ::-moz-scrollbar-thumb:hover {
    background: #a8a8a8; 
}
#cntwrp {
    transition: margin-left .5s;
    padding: 20px;
    overflow:hidden;
    margin-right:0%;
}
.openCnt {cursor:pointer; display:inline-block; width:150px; background-color:#fff; padding:10px 15px; text-align:center; font-size:14px; border-radius:4px;}
.sidesecHdr {padding-bottom:15px;}
.sidesecHdr:after {content:""; clear:both; display:block;}
.sidesecHdr a:hover{text-decoration:none;}
.hdrTtl {font-size:28px; text-align:left;    padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.imgHdr {text-align:center; font-size:18px; padding:40px 0px;background-image:url(../images/green_bg.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:#2f2f2f;}
.bnftsLst {padding-top:20px; padding-bottom:20px;}
.navBdr {border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1;} 
.bnftsLst h3{font-size:18px;}
.bnftsLst ul{padding-left:30px;}
.bnftsLst ul li{display:block; position:relative;font-size: 18px;}
.bnftsLst ul li:before{content: "\f058"; font-size: 30px; position: absolute; width: 30px; height: 30px; left: -30px; top: 0px; font-family: FontAwesome; line-height: 1em; color:#67c554; }
.signupBtn {cursor:pointer; display:block; width:150px; background-color:#67c554; padding:10px 15px; text-align:center; font-size:14px; border-radius:4px;margin: 75px auto; color:#fff; margin:auto;}
.signupBtn:hover,.signupBtn:focus {text-decoration:none; color:#FFFFFF; background-color:#8cde7b; transition:.5s;}
.slideBtn {text-align:center;    padding-top: 100px;}
.slideBtn h2{font-size:24px;}
.slideBtn p{font-size:18px;}
@media screen and (max-height: 450px) {
    .sidesec {padding-top: 15px;}
    .sidesec a {font-size: 18px;}
}
#waitDiv{position:absolute;}
/*add file form*/

.addfileFrm{text-align:center; min-height:200px;}
/*.addfileFrm h2{font-size:20px; text-align:center; border-bottom:1px solid #f1f1f1;}*/
.boxTitle{    text-align: center!important;
    font-weight: bold!important;
    font-size: 16px!important;
    color: #8f8f8f!important;
    margin-bottom: 10px!important; border-bottom:0px!important;}
.boxTitle img{max-height: 22px; width: auto;}

.addfileFrm p{ text-align:center; font-size:16px; color:#03A9F4;}
.addfileFrm .filesLst {padding:0px; margin:0px;}
.addfileFrm .filesLst li{display:block; border-top:1px solid #e0e0e0; padding:5px 40px 5px 0px; box-sizing:border-box; position:relative; margin-bottom:0px;}
.addfileFrm .filesLst li a.filemore{font-size:30px; display:block; width:30px; position:absolute; right:5px; top:10px;    color: #03A9F4;}
.addfileFrm .filesLst li .filename{font-size:15px;display:block;}
.addfileFrm .filesLst li .filetype{font-size:12px;display:block;}

.sendFile {cursor:pointer; display:inline-block; width:100%; background-color:#82c45a; padding:8px 15px; text-align:center!important; font-size:16px; border-radius:30px;margin:0px auto 0px auto; color:#fff; left:0px; right:0px; border:2px solid #daf0cd; font-weight:bold;}
.sendFile i{font-size:18px; margin-right:5px;}
.sendFile:hover,.sendFile:focus {text-decoration:none; color:#FFFFFF; background-color:#8cde7b; transition:.2s;}
.dwnldHdr {position:fixed; top:10px; right:20px; z-index:9999;}
.sucsMsg {font-size: 18px; margin-top: 30px !important;margin-bottom: 30px;}
.email-list .panel-title a:hover, .email-list .panel-title a:focus{color:rgba(255,255,255,.7); text-decoration:none;}
/*.email-list .panel{margin-bottom:10px;}*/
.dirctnIcons {font-size: 35px;position: absolute;right: 10px;top:-4px;vertical-align: middle;height: 17px;display: block;}
.dirctnIcons i{color: #777; line-height: 17px; vertical-align: middle;}
.logLstWrp h3{margin-bottom:5px; margin-top:15px; font-size:16px;}
ul.cstmList {padding-left:0px; margin:0px; padding-bottom:20px; border-top: 1px solid #777; padding-top: 10px;}
ul.cstmList li{ display: block;margin-bottom: 5px;padding: 5px;    background-color: #bbe2bd;border-radius: 3px;}
.expired  ul.cstmList li{ display: block;margin-bottom: 5px;padding: 5px;      background-color: #dadada;border-radius: 3px;}
/* notification*/
.sldNote{max-width: 280px;background-color: #FFF;border-radius: 10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);position: absolute;width: 280px;top: 0px;height: 95%;z-index: 0;bottom: 0px;margin: auto;text-align:center;color:#8f8f8f;padding:40px;box-sizing:border-box;font-size:16px;font-family:'Open Sans', Arial, sans-serif; font-weight:bold;left: 0px; opacity:0; transition:1s;}
.sldNote.slidein {left: 275px; opacity:1; transition:1s;}
/*.sldNote p{font-family: 'helve_bold';}*/
   .sldNote strong{color:#000;}
   .noteCnt { display:inline-block; width:61px; height:75px; position:relative; margin:auto;margin-bottom: 15px;}
   .noteCnt span{display: block;position: absolute;top: 10px;right: -7px;background-color: #fc225f;color: #FFF;width: 30px;height: 30px;border-radius: 50%;padding: 3px;text-align: center;font-weight: bold;}
.activityBtn {cursor: pointer;display: inline-block;width: 160px;background-color: #fff;padding: 10px 15px;text-align: center!important;font-size: 16px;border-radius: 30px;color: #000;right: 0px;border: 2px solid #bef2ff;font-weight: bold;position:absolute;bottom:40px;right:20px;}
.activityBtn span{display: block;background-color: #fc225f;color: #FFF;width: 30px;height: 30px;border-radius: 50%;padding: 3px;text-align: center;font-weight: bold;position: absolute;top: 7px;left: 8px;}
.optMsg {height: 90%;width: 100%;position: absolute;top: 23px;right: -275px;z-index: 999;}
.optMsg textarea{border: 1px solid #b2b2b2;padding:10px;height:95%;}
.optMsg span{height:5%; text-align:left; display:block; width:100%;}

.closeFld {color: #333; display: block; position: absolute; right: 4px;top: 4px;font-size: 20px;line-height: 1em;cursor: pointer;}
a.upldMore {color: #80C653;font-weight: bold;margin-top: 20px;margin-bottom: 30px;display: block;}
.thnkcard .drp_files img{margin-top: 30px;}
.flip-container { perspective: 1000px;-webkit-perspective: 1000px; }
.flip-container, .front, .back, .thnkcard { width: 100%;}

.flipper {transition: 0.8s;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: relative;}
.front, .back, .thnkcard {/*backface-visibility: hidden;-webkit-backface-visibility: hidden;*/ top: 0;left: 0;}
/* .front {z-index: 9999; transform: rotateY(0deg);} */
/* .back {-webkit-transform: rotateY( 180deg );-moz-transform: rotateY( 180deg );-o-transform: rotateY( 180deg );transform: rotateY( 180deg );} */
/* .flipped .front {transform: rotateY(0deg);opacity:0;} */
/* .flipped .back {z-index: 99999; transform: rotateY(180deg);} */
/*.back {display:none;}
.front {display:block;}
.flipped .back{display:block;}*/
.flipped .front{display:none;-webkit-transform:rotateY( 180deg ); -moz-transform:rotateY( 180deg ); -o-transform:rotateY( 180deg ); transform:rotateY( 180deg );}
/*.thnkcard {-webkit-transform: rotateY( -180deg );-moz-transform: rotateY( -180deg );-o-transform: rotateY( -180deg );transform: rotateY( -180deg );}*/
.flipper.flipped  
{
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg ); 
}
.flipper .front{display:block;}
.flipper .back{display:none;}
.flipper .thnkcard{display:none;}
.flipper.flipped .front{display:none;}
.flipper.flipped .back{display:block;-webkit-transform: rotateY( -180deg );-moz-transform: rotateY( -180deg );-o-transform: rotateY( -180deg );transform: rotateY( -180deg );}
.flipper.flipped .thnkcard{display:none;}
.flipper.flipthnk .back {-webkit-transform: rotateY( -180deg );-moz-transform: rotateY( -180deg );-o-transform: rotateY( -180deg );transform: rotateY( -180deg );}


.keynote{height: 12px; width: 12px; display: block; float:left; margin:5px 5px 5px 10px;}
.keynote.green{background: #bbe2bd;}
.keynote.blue{background: #8bc0f2;}
.keynote.gray{background: #dadada;}
.chngPass{position:relative;}
.chngPass label {width: 100%;text-align: left;color: #8f8f8f;line-height: 1.3em;}
.passWelcome {display: inline-block;
position: absolute;
left: 400px;
font-size: 26px;
color: #FFF;
top: 10px;
font-weight: bold;
line-height: 1em;
text-shadow: 2px 2px 2px rgb(0, 0, 0);}
.passWelcome:before {content:""; width:85px; height:50px; position:absolute; left:-80px; background-image:url(../images/reset_arw.png); background-repeat:no-repeat;}
.dwnFile:after {content:""; display:block; clear:both;}
.slideWidth {width:60%;}
.slideClose {width:0%;}
/* message box */
.msgBox {width:255px;padding: 5px 15px 10px 30px;
    min-height: 70px;border-radius:10px; bottom:5px; top:5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);left:20px; transition:1s; background-color:#fff; position:absolute;z-index:-1; opacity:0;}
    
 .msgBox.showError{left:270px; transition:1s; opacity:1;}   
 .msgBox.hideError{left:20px; transition:1s; opacity:0;}    
 
 .msgBox.showAlert{left:250px; transition:1s; opacity:1;z-index:0 !important;}   
 .msgBox.hideAlert{left:10px; transition:1s; opacity:0;z-index:0 !important;}    
 
    
    .msgBox_close{    width: 25px;
    height: 25px;
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 25px; cursor:pointer;}
.msgBox p{font-weight:normal;     font-size: 13px;
    line-height: 1.4em; padding-top: 25px;    text-align: center;}
.msgBox p > .fa{    display: block;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    font-size: 60px;}
.warningMsg .fa{color:#ccc;}
.errorMsg .fa{color:#F44336;}
 /* -----------------------------------Responsive CSS ---------------------------------- */
/* ------------------------------------------------------------------------------------- */


@-webkit-keyframes mymove 
{
    0% {
    transform: rotateY( -180deg );}
    
    100% {
    transform: rotateY( 0deg );}
}

@keyframes mymove 
{
    0% {
    transform: rotateY( -180deg );}
    
  100% {
    transform: rotateY( 0deg );}
}
.flipper .thnkcard.flipthnk
{
    
    -webkit-animation: mymove 2s; /* Safari 4+ */
                    -moz-animation: mymove 2s; /* Fx 5+ */
                    -o-animation: mymove 2s; /* Opera 12+ */
                    animation: mymove 2s; /* IE 10+ */
    display:block;   backface-visibility: visible;
 }
@media (min-width: 1900x)
{
    .sendFile {padding:15px 15px!important;}        
}


@media (min-width: 769px) and (max-width: 1023px)

{
    .innerMenu .hdrUser { max-width:280px; font-size:18px;}
    .hdrTtl {font-size: 24px;}
    .sidesec .closebtn{top: 32px;}
    
}
@media (max-width: 990px)
{
.panel-body .Activity-frm:nth-child(3) { margin-bottom: 15px !important;}
}

@media (max-width: 900px)
{
/*.dwnldLst .panel-title { font-size: 12px; }*/
.dwnldLst .fileExp { font-size: 11px; }
}

@media (max-width: 768px)
{
.bg2.main { background-position: center; } 
.dwnldLst .panel-title { font-size: 12px; }
.dwnldLst .fileExp { font-size: 10px; }  
.innerMenu .hdrUser, .login-in .hdrUser { font-size: 12px; width: 90%; text-align: left; margin-left: 5px !important; }
.innerMenu .btnsNav, .login-in .btnsNav { float: none; display: none; padding: 0 !important; }
.innerMenu .dwnldHdr, .login-in .dwnldHdr { position: inherit; }
.innerMenu .dwnldHdr .fa, .login-in .dwnldHdr .fa {line-height: 29px; }
.innerMenu .rightmenu_toggle, .login-in .rightmenu_toggle { outline: 0;  background-color: #fff;  width: 32px;  height: 32px;  border: 1px solid #fff;  border-radius: 5px;  position: absolute; right: 10px; top: 22px; text-align: center; display: inline-block !important; z-index: 9999; }
.innerMenu .rightmenu_toggle_icon, .login-in .rightmenu_toggle_icon { display: inline-block; text-align: center; font-size: 20px; }
.innerMenu .btnsNav li, .login-in .btnsNav li { text-align: left; width: 100%; border-right: none!important; border-bottom: 1px solid #f1f1f1; }
.innerMenu .btnsNav li a, .login-in .btnsNav li a { font-weight: 600; padding-left: 35px; }
.innerMenu .btnsNav li:last-child, .login-in .btnsNav li:last-child { border-bottom: none!important; }
.innerMenu .btnsNav, .login-in .btnsNav { height: 100%;  position: fixed; overflow: auto; top: 0px; right: 0; z-index: 9999; border-radius: 4px 0px 0 4px; width: 85%; box-shadow:-5px 0px 18px 2px rgba(0,0,0,0.1), 0 5px 10px 0 rgba(0,0,0,0.2); padding-top: 45px !important; }
/*.innerMenu .btnsNav.black li, .login-in { border-bottom: 1px solid #525252; }*/
.innerMenu .actCount, .login-in .actCount {  display: inline-block;  float: none;  margin-left: 10px;}
.menuclosebtn { display: inline-block; color: #666; position: absolute;  top: 17px; right: 14px; font-size: 25px; z-index: 99999; }
.overlaybg { background: rgba(0, 0, 0, 0.4); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 490; display: none; }
span.menutogl { display:block!important;} 
.hdrTtl {font-size: 24px;}
.sidesec .closebtn{top: 5px; right:10px;} 
.slideWidth {width:100%;}
}    

@media (max-width: 767px)
{
.bg2.main { background-position: center; }  
 
.login-page .hdrUser { font-size: 12px; width: 90%; text-align: left; margin-left: 5px !important; } 
.login-page .panel-bg { margin: auto;  min-height: 327px; } 
/*.login-page .dwnldHdr { z-index: 999999; }*/
/*.login-page .sidesec { z-index: 99999;  }*/

.sidesec { z-index: 999999;  }

.dwnldLst .fileExp { display: block; float: none; width: 100%; text-align: left; padding-left: 15px !important; }
.dwnldLst .panel-title { display: block; width: 100%;}
.dwnldLst .panel-heading {line-height: 1.8em; }
.dirctnIcons { top: 5px; }

.mess-table { overflow: auto; }
.passWelcome{position:static; color:#333; display:block; text-align:center; font-size:18px; text-shadow:none;}
.passWelcome:before {display:none;}
.content .uploadSec .curveBx {  margin: auto; }
.msgBox{z-index: 9999!important;width: 0px;}
.msgBox p{padding-left:0px!important;}
.msgBox.hideError{width:0px;} 
.msgBox.showError {left:0px!important; width:100%!important; top:0px; bottom:0px;}   
.msgBox.hideAlert{width:0px; padding:0px 0px 0px 0px;}
.msgBox.showAlert {left:0px!important; width:100%!important; top:0px; bottom:0px; z-index:9999!important;} 
}
@media (min-width: 600px) and (max-width: 767px)
{

.panel-body .Activity-frm .select2-container {width: 100% !important;}

.panel-body .Activity-frm { width: 50%; float: left; }

.panel-body .Activity-frm a.btn { padding: 4px 8px; }  
.panel-body p.Activity-frm { padding-top: 0 !important; }      


}
@media (min-width: 668px) and (max-width: 736px)
{
.login-page {min-height: 130vh; }
}

@media (min-width: 641px) and (max-width: 667px)
{
.login-page {min-height: 130vh; }
.login-page .hdrTtl { font-size: 20px; }
.login-page .dwnldCnt h3 { margin-top: 10px; }
}


@media (min-width: 601px) and (max-width: 640px)
{
.content .hdrUser {margin-left: 15px; margin-right: 15px;}
.content .dwnldHdr { right: 15px; }
#cntwrp { padding: 65px 10px 15px 10px !important; }
.footer-in { padding: 5px 0px 15px 0px; }
.login-page {min-height: 140vh; }
.dirctnIcons {  top: 6px; }
.dwnldLst .panel-title { line-height: 1em !important; padding-top: 7px; }
.panel-body p.Activity-frm label { line-height: 1em; }

}

@media (max-width: 600px) 
{



.content .uploadSec { min-width: auto; }
.footer-in { padding: 5px 0px 15px 0px;} 


.content .frmOption { position: static; background-color: unset; }
.content .usrsLst .btn-group.open > .dropdown-menu { position: static; padding: 10px 0 0 0; width: 245px; }
.content .optMsg { position: static; }
.content .multiselect-container .input-group { width: 235px;  margin-left: 3px !important; margin-right: 0px !important; }
.content .closeFld { display: none; }

.content .upldFilelst { min-height: 40px; }
.content .slideBtn { padding-top: 50px; }
.content .upldFlds label { font-size: 12px; }
.content .drpInfo .fa { font-size: 26px; }
.content .drpInfo p { font-size: 14px !important; line-height: 20px; }

.login-page .hdrUser { width: 70%; }
.login-page .btnsNav li a { padding: 8px 15px; }
.login-page .loginFrm p { font-size: 15px; }
.login-page .hdrTtl { font-size: 20px; padding-top: 30px;}
.login-page .dwnldCnt h3 { margin-top: 10px; }
.hdrTtl {font-size: 18px; padding-top: 30px; } 

.dwnldCnt h3 { margin-top: 10px; }
.ftrBtns {text-align:center;}
.ftrBtns a{float:none!important; display:inline-block; margin:5px;}

}
@media (max-width: 599px)
{
.dwnldLst .panel-title { font-size: 12px; }
.dwnldLst .fileExp { font-size: 11px; }
.dwnldLst .panel-heading { line-height: 1.8em; }
}
@media (min-width: 534px) and (max-width: 568px)
{
.login-page {min-height: 150vh; }
}

@media (min-width: 481px) and (max-width: 533px)
{
.content .upldFilelst { min-height: 140px; }

}
@media (max-width: 533px)
{
.dwnldLst .panel-title { width: 95%; line-height: 1.2em; padding-top: 6px; }
.fldSec .dwnldVlu .fileActn { display: block; float: none;  margin-top: 2px; }
.fldSec .dwnldVlu { font-size: 11px; }
.mess-table table tr td { font-size: 11px; }
}

@media (min-width: 415px) and (max-width: 480px)
{
.reserved {width: 53%; }
.whole { width: 47%; }
.login-page {min-height: 150vh; }

}

@media (min-width: 376px) and (max-width: 414px)
{

.dirctnIcons { top: 2px; }
}

@media (min-width: 361px) and (max-width: 375px)
{
.content .hdrUser { width: 85%; }
.content .upldFilelst { min-height: 140px; }

.login-page .g-recaptcha { margin-left: 13px; }
.login-page { padding-top: 120px!important; }


}

@media (min-width: 321px) and (max-width: 360px)
{
.login-page .g-recaptcha { margin-left: 10px; } 
.login-page { padding-top: 120px!important; }
}

@media (max-width: 320px)
{ 
.content .curveBx { padding: 12px 15px; }           
.content .multiselect-container .input-group { width: 224px; }
.content .usrsLst .btn-group.open > .dropdown-menu { width: 230px; }
.login-page .panel-bg { padding: 10px 15px 10px 15px; }
.footer-in { bottom: -5px; }
.panel-body .Activity-frm a.btn { padding: 4px 10px; margin: 0 !important; }

}

/* tool tip */
.infoTip {position:absolute;right: 7px;
    top: 5px;
    width: 25px;
    height: 25px; background-color:#ccc; border-radius:50%; text-align:center; color:#666; cursor:pointer;}
  .infoTip .fa{    font-size: 20px;
    line-height: 25px;}
.infoTip span {display: none;}
.infoTip span:before {    content: "\f0d9";
    display: block;
    width: 15px;
    height: 15px;
    left: -11px;
    top: 25px;
    font-family: FontAwesome;
    color: #82c45a;
    position: absolute;
    font-size: 29px;}

.infoTip:hover span, .pwd-chklst:focus ~ .infoTip span
{    display: block; color:#FFF;
    width: 225px;
    padding: 10px;
    background-color: #82c45a;
    border-radius: 4px;
    position: absolute;
   right: -245px;
    top: -35px; }



.dnone {display:none !important;}

.fixHdr-table table{  width:100%;  table-layout: fixed;}
.fixHdr-table .table-bordered td{padding:5px !important;}
.fixHdr{  background-color: rgba(255,255,255,0.3); }
 .fixHdr td{background-color:#f9f9f9; font-weight:bold;word-wrap: break-word;}
.fixHdrtbl{  height:450px;  overflow-x:auto;  margin-top: -8px;  border: 1px solid rgba(255,255,255,0.3);}
.fixHdrtbl th{display:none;}
.fixHdrtbl td{word-wrap: break-word;}
.fixHdrtbl td span.label {display: block;white-space: normal; line-height:1em;word-wrap: break-word;padding: 5px;}