@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form,
label, table, caption, tbody, tfoot, thead, tr, th, td, article, fieldset, legend, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
	border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 0; vertical-align:top;
}
body {margin: 0px;font-size: 100%;font-family:Arial, Helvetica, sans-serif;}
img {border: none;}
a {text-decoration: none;}
.clr{clear: both;}
.fullImage{width:100%; height:auto;}
h1{width:96%; height:auto; padding:5px 2% 25px 2%; font-size:25px; font-weight:300; text-align:left; color:#555; border-bottom:solid 1px #eee;}

.textBox1{width:95%; padding:7px 2.5%; color:#666; font-size:15px; border:solid 1px #ededed; border-radius:3px;}
.textBox2{width:95%; padding:7px 2.5%; display:block; color:#666; font-size:15px; border:solid 1px #ededed; border-radius:3px;}
.listBox1{width:100%; padding:7px 2.5%; color:#666; font-size:15px; border:solid 1px #ededed; border-radius:3px;}
.textArea1{width:95%; height:50px; padding:10px 2.5%; color:#666; font-size:15px; border:solid 1px #ededed; border-radius:5px;}
.textArea2{width:95%; height:150px; padding:10px 2.5%; display:block; color:#666; font-size:15px; overflow-y:scroll; border:solid 1px #ededed; border-radius:5px;}
.btn{width:auto; height:auto; padding:10px 20px; background:#3675d3; color:#fff; border:none; border-radius:5px; cursor:pointer;}
.btn:hover{background:#0099e6; color:#fff;}

.borderred{ border:solid 1px #f00 !important;}
.btnbox{width:100%; height:auto; padding:0; margin:0; text-align:right;}

.addbtn{width:auto; height:auto; padding:8px 10px; background:#4185c0; font-size:12px; color:#fff; border:none;border-radius:3px;cursor:pointer;}
.addbtn:hover{background:#216aa8; color:#fff;}
.viewbtn{width:auto; height:auto; padding:8px 10px; background:#3fd3ff; font-size:12px; color:#fff;border:none;border-radius:3px;cursor:pointer;}
.viewbtn:hover{background:#00b2e7; color:#fff;}
.updatebtn{width:auto; height:auto; padding:8px 10px; background:#5cb85c; font-size:12px; color:#fff;border:none;border-radius:3px;cursor:pointer;}
.updatebtn:hover{background:#3a9c3a; color:#fff;}

.activatebtn{width:auto; height:auto; padding:8px 10px; background:#41b800; font-size:12px; color:#fff; border:none;border-radius:3px;cursor:pointer;}
.activatebtn:hover{background:#389e00; color:#fff;}
.deactivatebtn{width:auto; height:auto; padding:8px 10px; background:#ffa200; font-size:12px; color:#fff; border:none;border-radius:3px;cursor:pointer;}
.deactivatebtn:hover{background:#ff8400; color:#fff;}

.deletebtn{width:auto; height:auto; padding:8px 10px; background:#ff690f; font-size:12px; color:#fff; border:none;border-radius:3px;cursor:pointer;}
.deletebtn:hover{background:#ef5a00; color:#fff;}

.editicon{ font-size:14px; color:#fff;}
.deleteicon{ font-size:14px; color:#fff;}

.edit{width:auto; height:auto; padding:4px 7px; margin:1px; background:#2d87d4; color:#fff; font-size:11px; display:block; 
border-radius:3px; text-transform:uppercase; float:left;}
.edit:hover{background:#005fb0; color:#fff;}
.delete{width:auto; height:auto; padding:4px 7px; margin:1px; background:#e21919; font-size:11px; display:block; color:#fff; border:none; border-radius:3px; cursor:pointer; text-transform:uppercase; float:left;}
.delete:hover{background:#7e0000; color:#fff;}


/*--Header--*/
.header{width:96%; height:auto; padding:7px 2%; background:#f7f7f7; border-bottom:solid 2px #ff6c00;}
.logo{width:auto; height:auto; padding:5px 0; float:left; color:#3675d3; font-size:30px; font-weight:bold; text-transform:uppercase;}
.headRBox{width:auto; height:auto; float:right; font-size:13px; position:relative;}
.userBox{width:auto; height:auto; padding:7px 14px; background:#fff; border:solid 1px #f2f2f2; border-radius:4px; cursor:pointer;}
.userDetails{width:150px; height:auto; padding:10px 15px; background:#fff; position:absolute; z-index:1; right:0px;border:solid 1px #f2f2f2; display:none;}
.userNav{width:100%; height:auto; padding:7px 0; color:#686868; display:block;}
.userNav:hover{color:#ff6c00;}

/*--Page Body--*/

.bodyWrap{width:100%; height:auto; background:#3675d3;}
.leftMenuPanel{width:18%; height:auto !important; padding:0; float:left; background:#3675d3; display:none;}
.leftPanelHeading{width:93%; height:auto; padding:5px 3.5% 4px 3.5%; margin:0 0 7px 0; background:#a8cbff; font-size:15px; font-weight:bold; color:#fff; text-transform:uppercase;}
.empImg{width:45%; height:auto; padding:30px 27.5%; margin:0 0 3px 0; border-bottom:solid 5px #fff;}
.empList{width:95%; height:auto; padding:5px 2.5%; margin:0 0 3px 0; border-bottom:solid 0px #fff;}
.managementList{width:95%; height:auto; padding:5px 2.5%; margin:0 0 10px 0; border-bottom:solid 5px #fff;}

.bodyContentPanel{width:98%; height:auto; padding:1% 1%; margin:0; float:right; background:#fff;}
/*.bodyContentPanel{width:78%; height:auto; padding:1% 2%; margin:0; float:right; background:#fff;}*/

.ContentBody{width:100%; height:auto; padding:0px 0 35px 0; margin:123px auto 20px auto;}
.buttonBox{width:100%; height:auto; padding:0; margin:0; text-align:right !important;}


.pageHeading{width:96%; height:auto; padding:12px 1%; margin:auto; background:#fafafa; font-size:15px; font-weight:bold; text-transform:uppercase; color:#ff6c00;border:solid 1px #f5f5f5;border-radius:3px;}

.contentBox{width:96%; min-height:450px; padding:10px 2%; margin:10px 0 0 0; /*background:#f5f5f5; border:solid 1px #eee; border-radius:3px;*/}

/*--Form--*/
.cFormRow1{width:100%; margin:12px 0px;}
.cFormLabel{width:25%; padding:7px 0 0 0; float:left; color:#686868; font-size:13px; font-weight:400; text-align:left;}
.mandat{color:#686868;}
.cFormField{width:68.5%; float:left; position:relative;color:#686868; font-size:13px; font-weight:400; text-align:left;}
.dataContaniner{width:96%; height:auto; padding:15px 2%; margin:10px 0 0 0; background:#fff;border-radius:3px;}
.dataTable {border-collapse: collapse; font-family:Arial, Helvetica, sans-serif;}
.dataTable th {padding:5px;border: 1px solid #409bf8; background:#6cb5ff; color:#fff; font-weight:bold; font-size:12px; text-align:left;}
.dataTable td {padding:5px;border: 1px solid #409bf8; color:#000; font-weight:400; font-size:11px; text-align:left;}

/*--Footer--*/
.footer{width:97%; height:auto; padding:15px 1.5%; background:#e6e6e6; font-size:12px; text-align:center; color:#707070;}

/*--Dashboard--*/
.dbContentBox{width:100%; height:auto; padding:0; margin:35px auto;}
.dbCol1{width:38%; height:390px; padding:0; margin:auto 1%; background:#fff; border:solid 0px #e5e5e5; border-radius:7px; float:left; border-bottom:solid 3px #f54c52;}
.dbCol2{width:30%; height:390px; padding:0; margin:auto 1%; background:#fff; border:solid 0px #e5e5e5; border-radius:7px; float:left; border-bottom:solid 3px #f54c52;}
.dbCol3{width:25%; height:390px; padding:0; margin:auto 1%; background:#fff; border:solid 0px #e5e5e5; border-radius:7px; float:left; border-bottom:solid 3px #f54c52;}
.dbHeading{width:94%; height:auto; padding:10px 3%; margin:auto; background:#f54c52; color:#fff; font-size:20px; border-radius:7px 7px 0px 0px; float:left;
    background: -webkit-linear-gradient(#fe7a7e, #f54c52); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fe7a7e, #f54c52); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fe7a7e, #f54c52); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fe7a7e, #f54c52); /* Standard syntax */
}
.dbInnContent{width:94%; min-height:250px; padding:35px 0; margin:25px auto; font-size:12px;}
.dbEditBtn{width:auto; height:auto; padding:4px 7px; background:#2d87d4; color:#fff; font-size:12px; display:block; 
border-radius:3px; text-transform:uppercase;}
.dbEditBtn:hover{ background:#76c02d;color:#fff;}

.TFtable{width:100%; border-collapse:collapse; }
.TFtable td{ padding:4px; border:#f3f3f3 1px solid; vertical-align:middle;}
.TFtable tr{background: #fbfbfb;}
.TFtable tr:nth-child(odd){ background: #fbfbfb;}
.TFtable tr:nth-child(even){background: #fff;}

.datasearch{width:200px; height:auto; padding:5px 7px; margin:0 0 7px 0; border-radius:3px; border:solid 1px #ccc;}

.pagerbox{width:100%; height:auto; padding:0;}
.pagernav{width:auto; height:auto; padding:3px 5px; background:#bbb; color:#fff; font-size:12px; border-radius:3px;}
.pagernav:hover{background:#090;color:#fff;}