/* ========== Reset ========== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0;  font-size: 100%;  vertical-align: baseline;   background: transparent;}

html, body { height:100%;}
body {line-height: 1; background-color:#CCCCCC;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0;  font-size: 100%; background: transparent; text-decoration:none; cursor:pointer; }
/* change colours to suit your needs */
ins {background-color: #ff9; color: #000;  text-decoration: none;}
/* change colours to suit your needs */

del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;   cursor: help;}
table {border-collapse: collapse;  border-spacing: 0;}
/* change border colour to suit your needs */
hr {display: block; height: 1px;  border: 0;  bordar-top: 1px solid #cccccc;  margin: 1em 0;  padding: 0;}
input, select { vertical-align: middle;}
select::-ms-expand {display: nkne;}
select{-moz-appearance: none; appearance:none; -webkit-appearance:none;}

ul, ol{display:block;}
/* ========== Common ========== */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  }
html,body {height: 100%;margin: 0;padding: 0;		}
body {color:#000;  margin: 0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px;
      line-height: 20px ; font-weight:normal; }
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; font-weight:600; margin-top: 0px;}

p {margin: 0 0 20px;}
ul { list-style:none; display:block;}

.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both;}
.spacer{clear:both; display:block; line-height:0; font-size:0;}
img{display:block; margin:0 auto;}
.clearfix:after {visibility: hidden;  display: block;   font-size: 0;   content: " ";  clear: both;  height: 0; }
.clearfix { display: inline-block; }
.input-group {
    width: 100%;
}
.input-group select{background:#fff url(../images/icons/grey-dwn-arrw.png) no-repeat 95% center; -moz-appearance: none; border:solid 1px #cfcfcf; color: #000; font-size: 12px;  height: 30px; line-height: 1; padding: 5px; display:inline-block; vertical-align:middle; width:100%;}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

::-webkit-input-placeholder { color:#999999; font-family:Arial, Helvetica, sans-serif;  font-size:12px; }
::-moz-placeholder { color:#999999; font-family:Arial, Helvetica, sans-serif;  font-size:12px;} /* firefox 19+ */
:-ms-input-placeholder { color:#999999; font-family:Arial, Helvetica, sans-serif;  font-size:12px; } /* ie */
input:-moz-placeholder { color:#999999; font-family:Arial, Helvetica, sans-serif;  font-size:12px;}


/*.modalEach{width: 60% !important;}*/
.no-padding{padding:0 !important;}
.no-margin{margin:0 !important;}
.MT20{margin-top:20px;}
.center{text-align:center;}
.MR10{margin-right:10px;}
/*====================================================================================================
COLORS
======================================================================================================*/
.prospect{background:#cccccc;}
.future-event{background:#F7931E;}
.risk{background:#F15A24;}
.engaged{background:#7ECBD5;}
.qualified{background:#008EAF;}
.committed{background:#006B81;}
.dormannt{background:#174054;}
.closed-pending{background:#BEEA68;}
.impliment{background:#94C73F;}
.closed{background:#6F912D;}
.pending1{background:#666666;height:50px; color: #fff;  border-radius: 5px;color: #fff;border: none;display: block;padding: 15px;text-align: center;   cursor: pointer; font-size: 15px; float: left !important; margin-bottom: 8px; margin-right:1%;}
.submitted1{background:#333333;height:50px;color: #fff;border-radius: 5px; padding-left: 2%; padding-right: 2%; float: left;}

.pending, .submitted{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #373737 0%, #000000 100%) repeat scroll 0 0; border-radius: 5px; color: #ffffff; float: left; font-size: 14px; margin:  0;padding: 8px 16px; border: 0 none; margin-right:1%; cursor: pointer;text-transform: capitalize; box-shadow: none; text-shadow:none;}

/*====================================================================================================
LOGIN PAGE
======================================================================================================*/

.wrapper{width:100%;  min-height:100%;}
.wrap{min-height:100%; margin-bottom:-40px;}
/*==================== Header ====================*/

header{position:relative; padding:20px 0; background:#fff;}
.container{max-width:1170px; margin:0 auto;}
.logo{width:auto; margin:0 auto;}

.tagline{position:absolute; top:20px; right:20px;}

/*==================== Body ====================*/
.bodyContent{ border-top:solid 3px #008EAF; position:relative; }
.wrap:after {
    content: "";
    display: block;
}
.footer, .wrap:after {
    height: 40px; 
}

.loginBox {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    height: 360px;
    left: 50%;
    margin-left: -330px;
    margin-top: -180px;
    position: absolute;
    top: 50%;
    width: 670px;
}
.loginHead h1 {
    float: left;
    font-size: 30px;
    margin: 0;
}
.loginHead img {
    float: right;
}
.loginForm {
    border-bottom: 1px solid #fff;
    padding: 20px;
}
.loginHead {
    padding: 15px;
}
.loginForm .form-group {
    margin-bottom: 30px;
}
.loginForm .input-group-addon {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #d5d4d4 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-radius: 0;
    border-style: none solid none none;
    border-width: medium 1px medium medium;
}
.loginForm .form-control {
    background: #eeeeee none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    height: 40px;
}
.input-group-addon {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}
.input-group-addon, .input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.loginForm .input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}
.loginForm input[type="text"], [type="password"], textarea {
    display: block;
    margin-bottom: 0px;
    padding: 5px 8px;
    width: 100%;
}
















.loginBg{ height:100%; width:100%; background:#CCCCCC; border-top:solid 3px #008EAF; }
.loginbox{ position:absolute; height:auto; width:500px; top:50%; left:50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.login{width:100%; margin:0 auto;}
.login input[type=password], .login input[type=email]{display:block; width:100%; border:none; margin-top:20px; padding:8px; font-size:12px; font-weight:bold; color:#727272;}
.login input[type=submit]{float:right; background:#000000; border:none; color:#fff; height:auto; text-align:center;margin-top:5px; font-size:14px; font-weight:bold; padding: 27px 5px;border-radius:5px;}


.forget{float:right; width:230px; padding:13px 10px; text-align:center; color:#fff; background:#999999; margin-top:5px; font-weight:bold;  margin-right: 10px; }
.forget h2{font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.forget p{font-size:13px; margin-bottom:0;}
.forget a{font-size:13px; color:#fff;}
.success, .error, .alert {
    background-color: #f8f8f8;
    font-size: 12px;
    line-height: 18px;
    margin: 15px 0;
    padding: 5px 10px;
    text-align: left;
}
.error, .alert {
    border: 1px dotted #ff6262;
    color: #ff0000;
    background-color: #f2dede;
}
.success {
    border: 1px dotted #4CAF50;
    color: #4CAF50;
    background-color: #dff0d8;
}
.error p{margin: 0 !important;}
span.red { color: red;}

/*#footer{ padding:5px;  position: absolute;  bottom: 0;  left: 0;  width: 100%; background:#fff;  border-top:solid 3px #008EAF;}*/


/*====================================================================================================
ADMIN MENU
======================================================================================================*/


/*==================== HEADER ====================*/
.header{background:#000000;}

.headLeft{float:left; width:50%;}
.headRight{float:right; width:50%;}

.txtlogoLeft{float:left; padding:5px 25px 0; width:auto;}
.leftSec .txtlogoLeft{ width:100%;}
.txtlogoLeft h1{color:#fff; display:inline-block; vertical-align:middle; color:#7ecbd5; font-size:20px;}
.txtlogoLeft span{display:inline-block; vertical-align:middle; margin-right:10px;}/* background: #006b81*/
.dashLog{float: left; margin-top: 31px;  padding: 5px 5px 0;}
.logoRight{float:right;}
.hei40{height: 40px;}
.bluebutton {
    background: #35C9B9 none repeat scroll 0 0;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    text-decoration: none;
}

.smallWrap{width:70%; margin:0 auto; padding:70px 0;}
.head{margin-bottom:10px;}

.leftBox, .rightBox{width:50%;}
.leftBox{float:left;}
.rightBox{float:right;}
.content { padding: 0 30px;}

.blockButton .icon{text-align:center; width:100%;}

.head{min-height:65px;}
.head .list li { float: right !important;}

.list ul li span{color:#008eaf; font-size:12px; margin:0 auto; font-weight:400;}

.leftBox .blockButton{text-align:left;}
.leftBox .blockButton {width:100%; float:right;}
.leftBox .blockButton li{display:inline-block; vertical-align:top; text-align:center;  margin-left:12px; margin-bottom:12px; width:44%; }
.leftBox .blockButton li:first-child{}
.leftBox .blockButton li a {display: inline-block; background:#000; color:#fff; padding:7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; width:100%; min-height:75px; max-height:100px; height:90px;}
.leftBox .blockButton li a:hover, .leftBox .blockButton li.active a{background:#008eaf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.leftBox .blockButton li a span{margin-bottom:8px; display:block;}
.leftBox .content{border-right:solid 1px #aeacac; float: right;}


span.icon{width:36px; height:36px; display:block; padding:5px; margin-bottom: 5px !important;}
span.icon:hover, .list ul li.active span.icon, .list ul li:hover span.icon {background:#7ecbd5;}
span.icon img{max-width:100%;}

.rightBox .list ul{}
.rightBox .list ul li{display:inline-block; vertical-align:top; width:60px; margin:13px 45px 10px 10px; text-align:center;}
.rmghtBox .list ul li a {display: inline-block;}

.inputSearch{position:relative; max-width:300px;}
.inputSearch span{position:absolute; left:5px; top:10px; width:28px; height:28px;}

.inputSearch input[type=search]{width:100%; padding:10px 10px 10px 35px; font-size:12px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:solid 1px #aeacac;  -webkit-appearance: textfield; box-sizing: inherit; height: auto; margin: 0;}

/*==================== FOOTER ====================*/

.footer{padding:5px;  width: 100%; background:#fff;  border-top:solid 3px #008EAF; height:40px; position: fixed;  bottom: 0;z-index: 2;}/*new change 07042016 */
.footerLogo{float:right; margin-right: 50px;}

/*====================================================================================================
MY PROSPECTS
======================================================================================================*/
#wrap{padding-left: 250px;}
.leftSec { float: left; width: 50%;}
.rightSec { overflow: hidden; margin-top:38px;}


.logoBottomLinks{float:left; width:auto; /*margin: 10px 0 7px 65px;*/}
.logoBottomLinks {margin: 0;}
.logoBottomLinks ul{padding: 0;margin: 0 0 10px 25px;;}
.logoBottomLinks ul li{display:inline-block; vertical-align:top; margin-left:10px; padding:5px;}
.logoBottomLinks ul li:first-child{margin-left:0;}
.logoBottomLinks ul li:hover{background:#7ecbd5;}
.logoBottomLinks ul li.roundCl{background:#7ecbd5; border-radius:5px;}
.logoBottomLinks ul li.roundCl a{color:#fff; text-decoration:none;}
.logoBottomLinks ul li.roundCl a:hover{color:#fff; text-decoration:none;}

/*==================== SIDEBAR ====================*/
.sidebar{background: #cccccc none repeat scroll 0 0; height: 100%; float:left; text-align: center; width: 250px; }
.sidebar h3{background:#fff; color:#000; font-size:16px; padding:5px;line-height: 30px !important;}

p.title{color:#fff; font-weight:700; font-size:18px; margin:10px 0;}

.sidebar ul li{margin-bottom:7px;}
.sidebar ul li:hover a, .sidebar ul li.active a {color:#006B81; font-weight:bold;}/*#008eaf*/
.sidebar ul li a{font-size:15px; color:#000; text-transform:capitalize;}
.selectedmenu > a {color: #006B81 !important;font-weight: bold;}

.divider{height:2px; background:#000; margin: 0 auto; width: 90%;}
.blank{height:5px; background:#fff;}
a#pull::after {background: rgba(0, 0, 0, 0) url("../images/pull-menu.png") no-repeat scroll 0 0; content: ""; display: inline-block; height: 30px; position: absolute; right: 15px; top: 5px; width: 30px;}
a#pull {background-color: #333; display: none; height: 40px; position: relative; width: 100%;}


.rightBody{overflow:hidden;}
.topSec{background:#cccccc;height: 10px !important;} 
.lefttopSec{background:#cccccc;height: 10px;} 
.mainBody{background:#fff; margin-top:0px;}

.leftLinks{float:left;}
.rightLinks{float:right; margin-top: 20px;}
.rightLinks .select{float:left; margin-right:50px;}
.select{background:#000 url(../images/icons/dwn-arrow.png) no-repeat 95% center; -moz-appearance: none;  border: none; color: #fff;  display: block; font-size: 14px;  height: auto; line-height: 1; padding: 5px; width: 220px;}
.select option{padding:4px;}
.rightLinks select option{background:#006b81;}
.status{text-align:center; text-transform:uppercase; width:200px; float:right; margin-right:10px;}
.status label{display:block; color:#000; font-size:12px; font-weight:bold;}
.status span{background:#94c73f; display:block; padding:10px 50px;}


.leftMain{float:left; width:70%;padding:1%;}
.rightMain{overflow:hidden;}

.leftMain h2{color:#006b81; font-size:18px;}
.leftMain h3{font-size:12px;}

.sectionTop{width:100%;}
.location{margin-top:20px; width:60%; float:left;}
.location h4{margin-bottom:10px;}
.location form{width:100%; padding:0 15px;}
.location form input[type=text], textarea{display:block; width:100%; border:solid 1px #cfcfcf; height:30px; margin-bottom:5px; padding:5px 8px;}

.selectG{float:right; width:38%; margin-top:10%;}
.selectGroup{display:block; margin-bottom:20px;}
.selectGroup label{display:inline-block; vertical-align:middle; margin-right:10px;}

.form-group select{background:#fff url(../images/icons/grey-dwn-arrw.png) no-repeat 95% center; -moz-appearance: none; border:solid 1px #cfcfcf; color: #000; font-size: 12px;  height: auto; padding: 5px 8px; display:inline-block; vertical-align:middle; width:100%; height: 35px; margin-bottom: 5px;}

.sectionBottom{margin-top:20px;}
.sectionBottom h4{margin-bottom: 10px;}

.primary{display:inline-block; vertical-align:top; width:48%;}
.primary span{float:left;}
.primary form{padding:0 15px; overflow:hidden;}
.primary form input[type=text],input[type=email], textarea{display:block; width:100%; border:solid 1px #cfcfcf; height:30px; margin-bottom:5px; padding:5px 8px; }

.primary form input[type=tel]{width:48%; border:solid 1px #cfcfcf; height:30px; margin-bottom:5px; padding:5px 8px; }
#work{float:left;}
#cell{float:right;}

.secondary{display:inline-block; vertical-align:top; width:48%;}
.secondary span{float:left;}
.secondary form{padding:0 15px; overflow:hidden;}
.secondary form input[type=text],input[type=email], textarea{display:block; width:100%; border:solid 1px #cfcfcf; height:30px; margin-bottom:5px; padding:5px 8px; }

.secondary form input[type=tel]{width:48%; border:solid 1px #cfcfcf; height:30px; margin-bottom:5px; padding:5px 8px; }

.contacts{width:50%; text-align:center; padding-top:9px;}

.links{width:40%; display:inline-block;}
.links span{float:left; background:#000;}
.links a{font-size:15px; color:#000;}

.links a:hover, .links a.active{color:#7ecbd5;}

.rightMain p{display:inline;}
.full-width{width:100%;}
.rightMain form{margin-top:30px; float:right; text-align:right;}
.rightMain form label{display:inline-block; vertical-align:middle; margin-right:10px;}
.rightMain form input[type=text]{display:inline-block;  border:solid 1px #cfcfcf; height:30px; margin-bottom:5px; padding:5px 8px; overflow:hidden;}
.rightMain form select{background:#fff url(../images/icons/grey-dwn-arrw.png) no-repeat 95% center; -moz-appearance: none; border:solid 1px #cfcfcf; color: #000; font-size: 12px;  height: auto; line-height: 1; padding: 5px; display:inline-block; vertical-align:middle; width:150px;}

.submit-group{display: block; float: right;  margin-top: 30px;  width: 100%;}

/*====================================================================================================
MY PROSPECTS - TABLE
======================================================================================================*/

.white{background:#fff; width:250px; margin-top:-10px; margin-bottom:10px; padding-top: 5px;}
.white span{background:#fff; float:left; padding:0; margin-left:6px; margin-right: 6px; }
.white ul li{font-size:10px; float:left; margin-right: 10px;  margin-bottom: 6px;}
.white ul li img{float:left; margin-right:5px; margin-top:2px;}


.headRow{background:#006b81; padding: 8px;height: 40px;/*-webkit-margin-top: -10px;margin-top: -10px;*/}
div.title{width:30%; float:left;}
div.title span{float:left; margin:3px 5px 0 30px;}
div.title h2{color:#fff; font-size:18px;}

.order-info{width:40%; float:left; color:#fff; margin-top: 2px;}
.order-info p{margin-bottom:0; display:inline-block; font-size:14px;}

.pagination{float:right; margin-right:50px;}
.pagination ul{}
.pagination ul li{display:inline-block;}
.pagination ul li:first-child{margin-left:0;}
.pagination ul li a{color:#fff; font-size:15px;}

.tableDiv { padding: 20px;}

.top{padding-bottom:10px;float:left;width: 102%;}
.exporttop{padding-bottom:10px;float:left;width: 99%;}
.top label{float:left; color:#006b81; font-size:13px; margin-right:10px;}
.top ul{display: inline-block;overflow: hidden;width: 90%;}
.top ul li{display:inline-block; background:#006b81; padding:5px; margin-bottom:5px;}
.top ul li:hover, .top ul li.active{background:#00a9cf;}
.top ul li a{color:#fff;}
.top ul li a:hover{text-decoration: none;}
.reset{ background:#666666 !important;}
#archiveSearch .top, #reportTop .top, #fullTopwidth .top{width: 100%;}
#reportTop .top{float: none;}

.table-wrap{overflow-x:auto; width: 100%;}
.table{border-collapse: collapse; border-spacing: 0; min-width: 0px; margin:0 auto; width:100%;}
.table-wrap .table th{width:auto; background:#000; color:#fff; padding:2px; text-align: center;}
.table-wrap .table td { border-left: 0px solid #EFEFEF; min-width: 0px; padding: 10px; text-align: center;}
.table-wrap .table td:first-child{border-left:none;}
.table-wrap > table > tbody > tr:hover { background-color: #eef1f5;}
.editIcon {background: url(../images/edit-icon.png) no-repeat 6px center;width: 26px;height: 24px;display: block;}
.calIcon {background: url(../images/target.png) no-repeat 0px center;width: 26px;height: 24px;display: block; margin: 0 0 0 5px;}
.deleteIcon {background: url(../images/delete-icon.png) no-repeat 6px center;width: 24px;height: 24px;display: block;}
.deleteIconPros {background: url(../images/delete-icon.png) no-repeat 6px center;width: 24px;height: 24px;display: block;}
.calenderIcon {background: url(../images/calender-icon.png) no-repeat 6px center;width: 24px;height: 24px;display: block;}
.phoneIcon {background: url(../images/phone-icon.png) no-repeat 6px center;width: 24px;height: 24px;display: block;}
.resendIcon {background: url(../images/resend-20.png) no-repeat 6px center;width: 24px;height: 24px;display: block;}
.resendPass {background: url(../images/repass.png) no-repeat 6px center;width: 24px;height: 24px;display: block;}
.FloatL{float: left;}
.FloatR{float: right;}
.MarTop0{margin-top: 0%;}
.MarRight0{margin-right: 0px !important;}
.Wid100{width: 100% !important;}
.searchWidHei{width: 100%; height: 30px; margin-right: 1%;} 
.user_table_search_block_left.searchWidHei > input {height: 26px;}
.primary input[type="text"], [type="password"], textarea {border: 1px solid #cfcfcf;display: block;height: 30px;margin-bottom: 5px;padding: 5px 8px; width: 100%;}
form input[type="text"], [type="password"], textarea {border: 1px solid #cfcfcf;display: block;height: 35px !important;margin-bottom: 5px;padding: 5px 8px;width: 100%;}
form textarea{height: 100px;}
.addnew{cursor: pointer;font-weight: bold;padding: 5px 10px;}
.clearBoth{clear: both;} 
input[type="text"], [type="password"], textarea {
    border: 1px solid #cfcfcf;
    display: block;
    height: 35px;
    margin-bottom: 5px;
    padding: 5px 8px;
    width: 100%;
}
.ul{list-style:none!important;}
.tableDiv .leftBox .blockButton li .reset_a{width:99px;}
.resetDiv{display:inline-block;width:auto;padding:0;}
.tableDiv .leftBox .blockButton li a{display:inline-block;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;float:left;width:100%;min-height:0;text-decoration:none;height:100%;padding:7px;}
.tableDiv .leftBox .blockButton{width:100%;float:left;}
.tableDiv .leftBox{width:100%;}
.tableDiv .blockButton li{width:auto!important;margin-left:0!important;margin-bottom:4px!important;height:33px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
ul.blockButton li:hover,ul.blockButton li.active{background:#008EB0; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.footable > tfoot .pagination{float:left;margin:0;}
.blockButton a{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;font-size:12px!important;line-height:20px!important;font-weight:400;margin:0;}
.mainBody{padding-top:40px!important;}
/*.pending:hover,.submitted:hover{background:#008eaf!important;color:#fff;}*/
.pending:hover,.submitted:hover{background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #00a9cf 0%, #133739 100%) repeat scroll 0 0;color:#fff;}
/*.login input[type=submit]:hover,.login .forget:hover{background:#008eaf!important;}*/
.login input[type=submit]:hover,.login .forget:hover{background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #00a9cf 0%, #133739 100%) repeat scroll 0 0;}
.login .forget:hover .forget i{color:#fff;}
.login input[type=submit],.login .forget i{cursor:pointer;}
.login .forget{border-radius:5px;background:#000;}
.forget i{color:#008eaf;}
.login .forget:hover i{color:#000;}
.user_table_search_block_right select{height:36px!important;}
footer .submit-group{padding-left:4%;}
#popup1 footer .submit-group,#popup2 footer .submit-group{padding-left:2%;}




/*===========================================================================================================
 * start of bfs style 01 April 2016
=============================================================================================================*/

.modal-box h2{font-size:1.5vw;}
.modal-box h3{font-size:1.3em;padding:6px;}
.v-center{height:100vh;width:100%;display:table;position:relative;text-align:center;}
.v-center > div{display:table-cell;vertical-align:middle;position:relative;top:-10%;}
.modal-box{display:none;position:fixed;z-index:1000;width:60% !important;background:#FFF;border-bottom:1px solid #aaa;border-radius:4px;box-shadow:0 3px 9px rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0.1);background-clip:padding-box;}
.modalt{width:45%;left:27%!important;top:13%!important;margin:0 auto;}
.modal-box header,.modal-box .modal-header{border-bottom:1px solid #ddd;padding:1.25em 1.5em;}
.modal-box header h3,.modal-box header h4,.modal-box .modal-header h3,.modal-box .modal-header h4{margin:0;}
.modal-box .modal-body{padding:2em 1.5em;}
.modal-box footer,.modal-box .modal-footer{border-top:1px solid #ddd;background:rgba(0,0,0,0.02);text-align:right;padding:1em;}
/*.modal-overlay{opacity:0;filter:alpha(opacity=0);position:fixed;top:0;left:0;z-index:900;width:100%;height:100%;background:rgba(0,0,0,0.3)!important;}
#shade,#shadeaddnew{position:fixed;z-index:102;top:0;left:0;width:100%;height:100%;background:black;opacity:0.5;filter:alpha(opacity=50);}*/
#shade, #shadeaddnew, .modal-overlay {
    background: url(../images/overlay.png);
    height: 100%;
    left: 0;
    position: fixed;
    _position: absolute;
    _height: 1020px;
    top: 0;
    width: 100%;
    z-index: 102;
    display: none;
}
.modalcustom{position:fixed;top:33%;left:35%;width:30%;display:none;z-index:1000;background:#FFF;border-bottom:1px solid #aaa;border-radius:4px;box-shadow:0 3px 9px rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0.1);background-clip:padding-box;padding:2%;}
.close,.closeaddnew,.closeaddnewstate{cursor:pointer;float:right;font-weight:700;font-size:20px;opacity:0.4;padding:5px;}
a.close{line-height:1;font-size:1.5em;position:absolute;top:5%;right:2%;text-decoration:none;color:#000;opacity:0.9;}
a.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease;}
.tim{margin-right:2%;text-align:center!important;line-height:10px!important;}
.pendingt{color:#fff;border:none;display:block;text-align:center;cursor:pointer;font-size:15px;float:right;margin-bottom:8px;background:#666;margin-right:1%;padding:15px;}
.row label{display:inline-block!important;vertical-align:middle;margin-right:10px;margin-bottom:2%;font-weight:700;margin-top:1%;}
.err{margin-bottom:3%;background-color:#BC8F8F;color:#FFF;display:none;padding:1%;}
.errr{margin-bottom:3%;background-color:#BC8F8F;color:#FFF;padding:1%;}
.location{margin-top:0!important;}
.mainBody{padding-top:0!important;}
.submit-group{margin-top:0;margin-bottom:1%;}
.reminderset{display:none;background-color:#FFF;height:37%;width:55%;position:fixed;top:80%;box-shadow:0 6px 30px;padding:2%;}
.eventcset{display:none;background-color:#FFF;height:44%;width:55%;position:absolute;top:42%;box-shadow:0 6px 30px;left:22%;margin:0 auto;padding:2%;}
.eventlistset{display:none;background-color:#FFF;height:30%;width:16%;position:absolute;top:2%;box-shadow:0 6px 30px;left:678px;margin:0 auto;padding:2%;}
.submitrem{color:#fff;border:none;display:block;text-align:center;cursor:pointer;font-size:15px;float:right;margin-bottom:8px;background:#333;-webkit-appearance:button;width:20%;padding:15px;}
.pendingrem{color:#fff;border:none;display:block;text-align:center;cursor:pointer;font-size:15px;float:right;margin-bottom:8px;margin-right:1%;background:#666;padding:15px;}
.yui3-calendar-grid{height:354px;}
.top li{cursor:pointer;color:#FFF;}
.tb td,th,tr{text-align:center;border:1px solid #F5F5F5!important;padding:8px;}
#calendar{max-width:900px;margin:0 auto;}
.fc-center h2{font-size:25px;}
#shade,#modal,#shadeaddnew,#modaladdnew,#shadeaddnewstate,#modaladdnewstate,#demo1,#demo2{display:none;}
form input[type="date"],containerr input[type="text"],[type="password"],textarea{border:1px solid #cfcfcf;display:block;height:30px;margin-bottom:5px;width:100%;padding:5px 8px;}
.err1,.errr1{color:red;}
.remclose,.eventclose,.eventlistclose{float:right;}
.fc-time { /*display:none;*/ }


/*for autocomplete*/
#project-label{display:block;font-weight:700;margin-bottom:1em;}
#project-icon{float:left;height:32px;width:32px;}
#project-description{margin:0;padding:0;}
.ui-autocomplete{position:absolute;cursor:default;z-index:4000!important;}
/*end for autocomplete*/

form { margin: 0 0 0px; }

/*===========================================================================================================
 * end of bfs style 01 April 2016
=============================================================================================================*/

/* 31-03-2016 */
.p-20 {padding:20px;}
.heading{padding:0 20px;}
.panel.panel-green{background:#7ECBD5; color:#fff; border:none;}
.panel.panel-green .panel-body{background:#fff; color:#333;}
.panel.panel-green .panel-title a:hover, .panel.panel-green .panel-title a:focus{color:#fff;}

.chat {padding: 5px 20px 5px 10px;}
.chat .item {margin-bottom: 10px;}
.chat .item:before,
.chat .item:after {content: " ";  display: table;}
.chat .item:after { clear: both;}

.chat .item > .message { margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.chat .item > .message > .name {display: block; font-weight: bold; color:#008EAF; margin-bottom:5px;}
.chat .item > .message > .name .text-muted {}
.btn {font-weight:bold;}
.chat .item > .scheduleTxt { height:auto; border-bottom:1px solid #ccc;}
.chat .item .scheduleTxt > .scheduleTxtDetail { height: auto;float: left;width: 100%; }
.scheduleTxt p {margin: 0 0 5px}
.chat .item > .scheduleTxt .scheduleTxtDetail > .name {display: block; font-weight: bold; color:#008EAF; margin-bottom:5px;}





.form-control, .input-group-addon {border-radius:0;}



/* jQuery Alert Dialogs */
#popup_container{
    font-family: Georgia, serif;
    color: #A4C6E2;
    background: #005294;
    border-color: #113F66;
}

#popup_container #popup_title {
    color: #FFF;
    font-weight: normal;
    text-align: left;
    background: #76A5CC;
    border: solid 1px #005294;
    padding-left: 1em;
}

#popup_container #popup_content {
    background: none;
}

#popup_container #popup_message {
    padding-left: 0em;
}

#popup_container INPUT[type='button'] {
    border: outset 2px #76A5CC;
    color: #A4C6E2;
    background: #3778AE;
}
.form-group{
    margin-right:0px !important;
    margin-left:0px !important;    
}
smallsp{
    width:8%;
}
.wid {
    width: 7%;
}
table th {
    text-align: center;
}
table td {
    text-align: center;
}

.changeCompany{ background:#fff url(../images/icons/grey-dwn-arrw.png) no-repeat 95% center; -moz-appearance: none; 
                border: 0 none;
                color: #000;
                font-size: 16px;
                font-weight: bold;
                height: 40px;
                padding: 5px;
                text-align: center;
                width: 100%;}

.tableDiv .leftBox{height:36px !important; margin-bottom: 20px;}

input[type='text'] { height: 35px;}
label{ font-weight: bold;}
.optiondiv{position: relative;}
input[class='optiontxt']{padding: 5px 35px 5px 8px !important;}
.remove_field{position: absolute; right: 5px; top: 33%; width: 16px; height: 16px;}

.loaderfix {
    display: none;
    position: absolute;
    right: -20px;
    top: 20%;
}
.greyBtn {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #373737 0%, #000000 100%) repeat scroll 0 0; border-radius: 5px; color: #ffffff; float: left; font-size: 1.3em; margin:  0;padding: 8px 16px;cursor: pointer;}

.greyBtn:hover,.greyBtn:active,.greyBtn:focus{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #00a9cf 0%, #133739 100%) repeat scroll 0 0;text-decoration: none;color: #ffffff;}

.blueBtn{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #00a9cf 0%, #133739 100%) repeat scroll 0 0;text-decoration: none;border-radius: 5px; color: #ffffff; float: left; font-size: 1.3em; margin:  0;padding: 8px 16px;cursor: pointer; margin: 10px 5px 0 0;}

.blackBtn{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #373737 0%, #000000 100%) repeat scroll 0 0;text-decoration: none;border-radius: 5px; color: #ffffff; float: left; font-size: 1.3em; margin:  0;padding: 8px 16px;cursor: pointer; margin: 10px 5px 0 0;}

.greyBtnActive,.greyBtnActive:hover,.greyBtnActive:active,.greyBtnActive:focus{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #00a9cf 0%, #133739 100%) repeat scroll 0 0; border-radius: 5px; text-decoration: none; color: #ffffff; float: left; font-size: 1em; margin:  0;padding: 8px 16px 8px 8px;}

.blue-block {background: #f5f2f2 none repeat scroll 0 0;}
.samewidth{width: 80%;}
.widemodal{width: 80% !important;}
/*===========================================================================================================
 * start of admindoclib style 05 May 2016
=============================================================================================================*/
.adminlibdoc .container{border:1px solid #ccc;width:85%;height:300px;overflow-y:auto;padding:2%;}
.adminlibdoc .clonespace .img_up{width:100%!important;}
.adminlibdoc form{margin:0;}
.adminlibdoc h5{text-align:center;font-size:14.5px;}
.adminlibdoc h4{font-size:17.5px;}
.adminlibdoc .lef{float:left;width:100%!important;}
.adminlibdoc .blue{color:#7ecbd5;font-size:16.5px;margin-left:3%;}
.adminlibdoc .docmngbtn{height:auto!important;min-height:0!important;}
.adminlibdoc .docmngblu{height:auto!important;min-height:0!important;background-color:#7ecbd5!important;}
.adminlibdoc .leftBox{width:100%;}
.adminlibdoc .blockButton{margin-bottom:0;}
.adminlibdoc .errormsg{color:red;border:1px dotted #ff6262;background-color:#f2dede;font-size:12px;line-height:18px;text-align:left;display:none;margin:15px 0;padding:5px 10px;}
.errormsgpop{color:red;border:1px dotted #ff6262;background-color:#f2dede;font-size:12px;line-height:18px;text-align:left;display:none;margin:15px 0;padding:5px 10px;}
.adminlibdoc .successmsg{border:1px dotted #4CAF50;color:#4CAF50;background-color:#dff0d8;font-size:12px;line-height:18px;text-align:left;display:none;margin:15px 0;padding:5px 10px;}
.successmsgpop{border:1px dotted #4CAF50;color:#4CAF50;background-color:#dff0d8;font-size:12px;line-height:18px;text-align:left;display:none;margin:15px 0;padding:5px 10px;}
.adminlibdoc .relink,.adminlibdoc .rit{float:right;}
.adminlibdoc .docmngbtn:hover,.adminlibdoc .docmngblu:hover{text-decoration:none;}

/*for print style*/
.admindoclibprint .container{border:1px solid #ccc;width:85%;height:300px;overflow-y:auto;padding:2%;}
.admindoclibprint .clonespace .img_up{width:100%!important;}
.admindoclibprint form{margin:0;}
/*end for print style*/
/*===========================================================================================================
 * end of admindoclib style 05 May 2016
=============================================================================================================*/



/*===========================================================================================================
 * start of doclib style 06 May 2016
=============================================================================================================*/
.doclibdiv .container{border:1px solid #ccc;width:100%;height:auto;overflow-y:auto;padding:2%;}
.doclibdiv .clonespace .img_up{width:100%!important;}
.doclibdiv form{margin:0;}
.doclibdiv h5{text-align:center;font-size:14.5px;}
.doclibdiv h4{font-size:17.5px;}
.doclibdiv .lef{float:left;width:100%!important;}
.doclibdiv .blue{color:#7ecbd5;font-size:20.5px;}
.doclibdiv .docmngbtn{height:auto!important;min-height:0!important;}
.doclibdiv .docmngblu{height:auto!important;min-height:0!important;background-color:#7ecbd5!important;}
.doclibdiv .leftBox{width:100%;}
.doclibdiv .blockButton{margin-bottom:0;}
.doclibdiv main{min-width:320px;max-width:800px;background:#fff;margin:0 auto;padding:50px;}
.doclibdiv section{display:none;border-top:1px solid #ddd;padding:20px 0 0;}
.doclibdiv .r{display:none;}
.doclibdiv .labeldc{display:inline-block;font-weight:600;text-align:center;color:#bbb;border:1px solid #DDDDDD;margin:0 0 -1px;padding:15px 25px;}
.doclibdiv .labeldc:before{font-family:fontawesome;font-weight:400;margin-right:10px;}
.doclibdiv .labeldc[for*='1']:before{content:'\f15b';}
.doclibdiv .labeldc[for*='2']:before{content:'\f0c5';}
.doclibdiv .labeldc[for*='3']:before{content:'\f16b';}
.doclibdiv .labeldc[for*='4']:before{content:'\f1a9';}
.doclibdiv .labeldc:hover{color:#888;cursor:pointer;}
.doclibdiv .r:checked + label{color:#555;border:1px solid #ddd;border-top:2px solid orange;border-bottom:1px solid #fff;}
.doclibdiv #tab1:checked ~ #content1,.doclibdiv #tab2:checked ~ #content2,.doclibdiv #tab3:checked ~ #content3,.doclibdiv #tab4:checked ~ #content4{display:block;}
.doclibdiv .relink,.doclibdiv .rit{float:right;}
.doclibdiv .docmngbtn:hover,.doclibdiv .docmngblu:hover{text-decoration:none;}
@media(max-width:650px){
    .doclibdiv .labeldc{font-size:0;}
    .doclibdiv .labeldc:before{font-size:18px;margin:0;}
}
@media(max-width:400px) {
    .doclibdiv labeldc{padding:15px;}
}


.doclibdiv .addnew{margin:2px;padding:10px;}
.doclibdiv .topSec{height:10px!important;}
.doclibdiv .panel-body{padding-top:1%;padding-left:1%;padding-right:1%;}
.doclibdiv .top{margin-top:1%;}
.doclibdiv .upload-section{padding-right:5%;padding-left:2%;}
.doclibdiv .no-display{display:none;}
.doclibdiv .top-center{margin-top:1%;text-align:center;}
.doclibdiv .upldoc{width:30%;margin:3%;}
.doclibdiv .codered{color:red;}
.doclibdiv .container1{height:auto!important;}
.doclibdiv .ful-wid{width:100%;}
.doclibdiv .usrgrp-spc{padding-left:10%;}

.doclibdiv .top ul li{background:transparent;}
.doclibdiv .file-edit{display:none;margin-left:3%!important;}
.doclibdiv .img_upe{width:100%;margin-top:1%;display:inline-block;}
.doclibdiv .upld{margin-left:3%!important;}
.doclibdiv .delfile{margin-right:7%!important;float:right;width:30%;color:#FFF;}
.doclibdiv .errormsg{color:red;border:1px dotted #ff6262;background-color:#f2dede;font-size:12px;line-height:18px;text-align:left;display:none;margin:15px 0;padding:5px 10px;}

/*for print style*/
.doclibprint .container{border:1px solid #ccc;width:85%;height:300px;overflow-y:auto;padding:2%;}
.doclibprint .clonespace .img_up{width:100%!important;}
.doclibprint form{margin:0;}
/*end for print style*/
/*===========================================================================================================
 * end of doclib style 06 May 2016
=============================================================================================================*/

.doclibprint,.admindoclibprint,.userdoclibprint .submit-group {padding-left: 2% !important; padding-bottom: 8% !important;}

/*===========================================================================================================
 * start of masterdata style 09 May 2016
=============================================================================================================*/

.masterdatacontainer .success{margin-left:1.5%;width:96%;}
.masterdatacontainer .blockButton{width:85%;display:inline-block;}
.btn.btn-primary.btn-lg.sharp.samewidth.greencolor:hover {
    background: #008eaf none repeat scroll 0 0 !important;
}
.btn.btn-primary.btn-lg.sharp.samewidth.collapseProDet.bluecolor:hover {
    background: #008eaf none repeat scroll 0 0 !important;
}
.btn.btn-primary.btn-lg.sharp.samewidth.redcolor:hover {
    background: #008eaf none repeat scroll 0 0 !important;
}

/*===========================================================================================================
 * end of masterdata style 09 May 2016
=============================================================================================================*/




/*===========================================================================================================
 * Prospect index
=============================================================================================================*/
#country-list li, #contact-list li , #ticket-list li{
    /*border-bottom: 1px solid #f0f0f0;
    padding: 10px;*/
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#suggesstioncompany-box, #suggesstioncontact-box, #suggesstionticket-box {
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    height: auto;/*120px;*/
    left: 0;
    list-style: outside none none;
    overflow: auto;
    position: relative;
    top: 0px;
    z-index: 999;
}
/*===========================================================================================================
 * end  Prospect index
=============================================================================================================*/




/*===========================================================================================================
 * start of email attendee style 24 May 2016
=============================================================================================================*/
#popup15 .fstElement{font-size:1.2em;}
.fstToggleBtn{min-width:16.5em;}
.fstMultipleMode{display:block;}
.fstMultipleMode .fstControls{width:100%;}
#popup15 nav{display:none;}
#popup15 .inner{height:auto;padding:6%;}
#popup15 section{height:auto;font-size:10px;}
#popup15 .fstResults{font-size:8px;}
.fstChoiceItem{background-color:#000;border:1px solid #000;}
#popup1 .recipientlist {display: block;width: 100%;word-wrap: break-word;}
/*===========================================================================================================
 * end of email attendee style 24 May 2016
=============================================================================================================*/



/*===========================================================================================================
 * start of autocomplete style 24 May 2016
=============================================================================================================*/
.auto{padding-bottom:10px;}
.auto label{float:left; color:#006b81; font-size:13px; margin-right:10px;}
.auto ul{display: inline-block;overflow: hidden;width: 100%;color: #fff;}
.auto ul li{display:block; background:#006b81; padding:5px; margin-bottom:0px;}
.auto ul li:hover, .top ul li.active{background:#00a9cf;}
.auto ul li a{color:#fff;}
.auto ul li a:hover{text-decoration: none;}
/*===========================================================================================================
 * end of autocomplete style 24 May 2016
=============================================================================================================*/



/*===========================================================================================================
 * start of prospect add edit location style 31 May 2016
=============================================================================================================*/
#prospectlocation .form-group{margin-right:0px !important;margin-left:0px !important;}
#prospectlocation .workcell {padding-right: 0px !important;padding-left: 0px !important;}
#prospectlocation .redwid {width:6.333333% !important;}
#prospectlocation .img_loc .workcell.redwid.secondary {
    position: absolute;
    right: -35px;
    width: 33px !important;
    display: block;
}
.img_loc {
    position: relative;
}
.col-md-6.inputchecks {
    padding-right: 0;
}
.submit-group.user_cancel{
    margin-top: 20px;
}
/*===========================================================================================================
 * end of prospect add edit location style 31 May 2016
=============================================================================================================*/




/*===========================================================================================================
 * start of providers add edit style 31 May 2016
=============================================================================================================*/
#providers div.title span { margin-bottom: 26px; }
#providers #disconnect { color:red; }
#providers #section-exampls .fstResults { max-height: 17em; }
#providers #section-exampls2 .fstResults { max-height: 16em; }
#providers .fstResults { font-size: 9px; }
#providers .fstQueryInput { height: 20px; padding-top: 0px !important; padding-bottom: 0px !important; }
#providers .fstChoiceItem { font-size: 12px; padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; }
#providers .fstControls { padding-top: 4px; }
#providers .fstElement .fstMultipleMode { height:32px; }
#providers .addservice { height: 35px; padding-top: 8px; }
/*===========================================================================================================
 * end of providers add edit style 31 May 2016
=============================================================================================================*/



/*===========================================================================================================
 * start of event calendar style 22 July 2016
=============================================================================================================*/
#popup4 .eventcset{z-index: 20;height:auto;top:0px;}
.fc-scroller {min-height: 29px !important;max-height: 500px !important;height: 450px !important;}
#popup4 #calendar {height: 650px!important;max-height: 650px !important;}
#popup4 {height: 95% !important;top:5px !important;}
#popup4 #clndr{overflow-y: initial !important; height:auto;height: 530px !important;max-height: 530px !important;}
#popup4 .eventc{overflow-y: auto;height:100%;}
#popup4 .eventcset{width: 95%;left: 2%;}
#popup4 .eventcset .pending{float:right;}
/*===========================================================================================================
 * end of event calendar style 22 July 2016
=============================================================================================================*/
div#archiveSearch {
    float: left;
    width: 100%;
}
div#archiveSearch .searchWidHei{height: auto;}
#prospectTop .searchWidHei{width: 22%;}
.user_table_search_block_right.stagefilters label {
    margin-top: 2%;
}
.morecontent a.morelink {
    text-decoration:none;
    outline: none;
}
.morecontent span {
    display: none;
}
 .circle {
        width: 15px;
        height: 15px;
        background: #000;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        margin: 0 auto;
    }
#order-grid .ok i {
        width: 15px;
        height: 15px;
        color: green;
    } 
.panel-body .rDivCol{float: left; width: 50%}
.panel-body .lDivCol{float: left; width: 50%}
.chside{float: right}
.doclibdiv .panel-body .rDivCol{float: left; width: 60%}
.doclibdiv .panel-body .lDivCol{float: left; width: 40%}
.open_tt_count{ width:235px}
.open_sr_count{ width:260px; position:inherit;}

/*17-07-2018*/
.tblTopSec{ position:relative; clear:both;}
.greyRtBtn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #373737 0%, #000000 100%) repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    font-size: 1.3em;
    margin: 0;
    padding: 8px 16px;
    cursor: pointer;
	position:absolute;
	right:0;
}
.selectSec{padding-bottom: 10px; width:100%;}
.m-b-10{ margin-bottom:10px;}
.rowspecial{ margin-right: -15px; margin-left: -15px;}

/*18-01-2019*/
.widthblockAsSelect{width: 220px; display: inline-block; vertical-align: top; float:none; margin-left: 1px;}
.widthblockAsSelect input{height: 35px !important; border-radius: 0;}
.widthblockAsSelect #country-list{width:100%;}
.widthblockAsSelect #country-list li{margin-bottom:0; display: block;}


/* 30-12-19 */

#accordion .panel.panel-green{ background: transparent; }
#accordion .panel-heading{ background: #7ECBD5;}

.contact-txt {
    margin: -21px 0;
}