@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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-family: 'Poppins-Regular'; width:100%; height:100%; background:#e7e7e7;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
*{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
h6,h5,h4,h3,h2,h1{ margin:0; padding:0;  font-family: 'Poppins';}
img{ border:none;}
.clear{ clear:both;}
.container{position:relative; margin:0 auto; width:1200px;}
.container:after{ display:table; clear:both; content:"";}
/*------Header Section-------*/
header{ background:#FFF; padding:0px 19px; position:fixed; top:0; left:0; width:100%; z-index:100; border-bottom:#e2e2e2 solid thin;}
header:after{ display:table; clear:both; content:"";}
#logo{ float:left; height:auto;}
#logo img{ width:51%;}
#logout{ float:right; background:url(../adimages/logout.png) no-repeat right 4px; color:#ff0000; font-size:13px; padding:7px 20px 0 0;}
#logout:hover{ color:#9c1717;}
#user{ background:url(../adimages/user.png) no-repeat left center;  float:right; font-size:13px; padding:7px 37px; color:#999; margin:17px 0 0 0;}
#logout{ margin:17px 0 0 0;}
#user span{text-transform:uppercase; color:#000;}
/*------Header Section End-------*/

/*content part*/
#bluebg{ background:#1b3579 url(../adimages/login.png) no-repeat center top; height:440px; color:#FFF; font-size:18px;  text-align:center; padding:214px 0 0 0; box-sizing:border-box; line-height:39px;}
#bluebg h1{ text-align:center; font-size:39px; text-transform:uppercase;}
.login{ background:#FFFFFF  url(../adimages/lock.png) no-repeat 36px 30px; width:534px;padding:33px 41px 23px 171px; position:relative;color:#864c4c; line-height:21px; font-size:14px; margin:25px auto 0 auto; box-sizing:border-box; -moz-box-shadow: 0px 1px 8px #828282;-webkit-box-shadow: 0px 1px 8px #828282;
box-shadow: 0px 1px 8px #828282; text-align:left;}
.boxes{ float:left; width:24.4%; float:left; background:#e7ecf9; display:table; margin:0 6px 0 0; height:82px; color:#636c84; padding:15px; box-sizing:border-box; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; overflow:hidden; position:relative;  border:#c6cde0 solid thin; font-size:14px;}
.boxes div{ position:absolute; left:0; bottom:0; background:#c9d0e2; width:100%; padding:6px 17px; color:#212734; font-size:14px;}
.login input{ padding:11px 44px; font-size:13px; border:#bfbfbf solid thin; margin-top:7px; font-family: 'Poppins-Regular'; width:100%; box-sizing:border-box; background:#FFF; outline:none;}
#unm{ background:url(../adimages/name.png) no-repeat 12px center;}
#pwd{ background:url(../adimages/password.png) no-repeat 12px center;}
#forgot-pswrd{ display:block; color:#b01717; text-transform:none; background:none; padding:0; margin:5px 0 0 0; font-size:13px; text-align:left;}
#plan-table{ float:left; width:400px; border:#cfd6e7 solid thin;}
.links{ text-decoration:underline;  float:left; margin:20px 22px 0 0; border-radius:7px; color:#737373;}
#disp_div, #disp_div1{ color:#6e6e6e;}
.login .login-sbt{ background:#1b3579; text-align:center; font-size:15px; text-transform:uppercase; color:#FFF;  font-family: 'Poppins';  cursor:pointer;}
.login .login-sbt:hover{ background:#0f245a;}
.login-other a{ display:block; background:#985555; padding:12px 12px; color:#FFF; margin:22px 0 0 0; border-radius:8px; -webkit- border-radius:8px; -moz- border-radius:8px; font-family: 'Poppins'; text-transform:uppercase;}
.login-other a:hover{ background:#824141;}
#content-cover:after{ display:table; clear:both; content:"";}
a,a:hover,a:focus {color: inherit;text-decoration: none;transition: all 0.3s;}
.navbar {border: none;border-radius: 0;padding:0; }
.navbar:after{ display:table; clear:both; content:""}
.navbar-btn {box-shadow: none;outline: none !important;border: none;}
.btn-info{ background:none; padding:0; border:none; outline:none; float:left;}
.botomlinks{ margin:17px 0 0 0; list-style:none; padding:0; height:189px; overflow:auto; position:relative;}
.botomlinks.hidden{ display: none; }
#content {padding: 56px 14px 55px 14px;min-height: 100vh;transition: all 0.3s; box-sizing:border-box; position:relative;}
#page-titel{ font-size:18px; color:#6f6f6f; float:left; margin:7px 53px 15px 23px; font-family: 'Poppins-Regular'; text-transform:capitalize;}
.search-frm{ float:left; margin:0 0 15px 0; width:91%;}
.search-frm2{ float:left; margin:0 0 15px 0;}
.search-frm label{ float:left; font-size:13px; margin:3px 10px 0 5px;}
.search-frm input{ border:#cacaca solid thin; width:156px; float:right; padding:6px 10px; box-sizing:border-box; font-size:12px; outline:none;}
.search-frm2 input{ border:#cacaca solid thin; width:156px; float:left; padding:9px 10px; box-sizing:border-box; font-size:12px; outline:none; margin:0 15px 0 0;}
.table_bg1{ background:#FFF;}
.table_bg2{ background:#ebeef5;}
.search-frm-div{ float:left; font-size:12px; line-height:16px; margin:8px 15px 0 0; text-transform:capitalize; width:31%;}
.search-frm div select{  border:#cacaca solid thin; width:156px; float:right; font-family: 'Poppins-Regular'; padding:6px; outline:none; background:#FFF; }
option{font: -moz-pull-down-menu;}
.search-frm div .smalldrop{ width:86px;}
.search-frm input.smalldrop2{ width:50px; margin-left:10px;}
.search-frm2 .search-submit{ background:#525252 url(../adimages/search.png) no-repeat center; width:32px; height:32px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; cursor:pointer; border:none;}
.search-frm .btn{ background:#1e2d53; cursor:pointer; margin:10px 15px 0 0; border:none; float:left; color:#FFF; width:auto; padding:6px 29px;}
.new1{ background:#f1f1f1  url(../adimages/add.png) no-repeat 6px center; padding:3px 10px 3px 25px; display:inline-block; background-size:16px; font-size:12px; border-radius:3px; color:#6e6e6e; border:solid 1px #ccc;}
.reporticon{ background:#dbe5ff url(../adimages/report.png) no-repeat right center; padding:2px 23px 0 8px; display:inline-block; background-size:16px; font-size:12px; border-radius:5px; color:#525f7e;}
.search-frm .search-submit:hover{ background-color:#4970d4;}
/*FRM Form Style
--------------------------------------------*/
fieldset{ width:auto;border:0;}
legend{ color:#6e6e6e;font-size:43px;}
fieldset label{ text-align:left;float: left;width: 178px; font-size:13px; margin-top:7px;	margin-right: 1em;font-weight:normal;}
fieldset input {margin-left:0px;font-size:13px;line-height:17px;font-weight:normal;color:#929292;width:356px;border:solid 1px #ccc;padding:7px 13px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; outline:none; font-family: 'Poppins-Regular';}
fieldset .smallinput{ width:169px;}
fieldset select {margin-left:0px;font-size:12px;line-height:12px;font-weight:normal;color:#929292;width:354px;border:solid 1px #ccc;padding:10px 13px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; outline:none; font-family:Arial, Helvetica, sans-serif;}
fieldset ul {} 
fieldset li {text-align:left;padding-bottom: 12px; color:#6e6e6e;font-size:13px;list-style:none; clear:both;}
fieldset li div{ color:#F00; font-size:12px;}
fieldset ul h4{ color:#5a5a5a; font-size:15px;margin-bottom:10px;} 
fieldset li span {padding-left: 10px;color:#F00;font-size:12px;} 
.txt{margin-left:0px;margin-right:15px;font-size:11px;line-height:12px;font-weight:normal;color:#000000;width:125px;}
.label1{margin-left:0px;margin-right:35px;font-size:11px;line-height:12px;font-weight:normal;color:#0033FF;width:125px;}
.spantxt { color:#990;font-size:12px;} 
fieldset textarea{border:solid 1px #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width:356px;padding:5px;color:#929292; font-size:13px; outline:none; resize:none; overflow:auto; height:52px; font-family: 'Poppins-Regular';}
.err { font-size:10px;font-weight:normal;font-family:Tahoma, Geneva, sans-serif;color:#F00;font-size:11px;} 
.sub_mit { width:auto !important;margin:0px 0px 0px 0;background:#3e4c6d;color:#fff;cursor:pointer;border:0!important; padding:9px 45px;  font-family: 'Poppins'; text-transform:uppercase; font-size:13px;} 
.sub_mit:hover{background:#22345f;}  
#btn-cover{ float:right;}
#delete{ background:url(../adimages/delete.png) no-repeat center; background-size:contain; width:22px; height:16px; display:block; outline:none; border:none; cursor:pointer;}
#msg_div{ color:#090; margin:10px 0; font-size:14px;}
#new{ background:#4764af; border-radius:25px; float:right; padding:1px 15px; color:#FFF; font-size:13px; margin:3px 0 0 0; line-height:24px; height:24px; box-sizing:border-box;}
#new:hover{ background:#234ebf;}
#report-cover{ background:#FFF; padding:12px; font-size:13px; color:#666; clear:both; margin:21px; display:flow-root;}
#report-table{ border-collapse:collapse;}
#report-table tr,td{ padding:9px 13px; font-size:13px; line-height:20px;}
#report-table #titel{  font-family: 'Poppins'; color:#37486f; font-size:14px; border-bottom:#cfd6e7 solid 2px; text-transform:uppercase;}
fieldset .hur{ width:79px; margin:0 8px 0 0;}
fieldset .subject{ width:119px; margin:0 8px 0 0;}
#pagination{width:auto;text-align:center;margin:15px auto;}
#pagination a{text-decoration:none;color:#666;background:#fff;padding:2px 10px;border:solid 1px #ccc;margin:0 2px 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px; font-size:12px;}
#pagination strong{ padding:2px 10px; background:#1e2d53; -webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px; font-size:12px; color:#FFF;}
#pagination span{background:#1e2d53;color:#fff;padding:0px 8px;margin:0 3px 0 0;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px; font-size:12px;}
#pagination a:hover{background:#1e2d53;color:#fff;}
#welcome{ background:url(../adimages/user2.png) no-repeat center top; padding:138px 0 0 0; text-align:center; font-size:24px; margin:100px 0; line-height:36px;}
#welcome span{ display:block; font-size:31px; color:#2b9ed8;}
.save{ background:#3e4c6d; width:109px; float:left; margin:0 15px 0 0; color:#FFF; border:none; cursor:pointer;}
.save:hover{ background:#44557d;}
.dlt{ background:#c32033; width:109px; float:left; margin:0 15px 0 0; color:#FFF; border:none; cursor:pointer;}
#tab-cover{ float:left; width:290px; background:#dfe6f9; margin-right:52px; padding:16px 8px;}
.smk_accordion {
  position: relative;
  margin: 0;
  padding: 0;
  background:#f9f9f9;
  list-style: none;
  margin-bottom: 20px;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
  border: 1px solid #ccc;
  position: relative;
  z-index: 10;
  margin-top: -1px;
  overflow: hidden;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
  position: relative;
  background: #dee6f9 url(../adimages/tabplus.png) no-repeat center right;
  color:#2e416f;
  font-size: 16px;
  display: block;
  cursor: pointer;
}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
}
.acc_active{background:#fff;}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_content {
  background: #fff;
  color: #7B7E85;
  padding: 3px 10px;
}
.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
  margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
  border-radius:0;
}
.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {
  border-radius: 0 0 3px 3px;
}
.smk_accordion .accordion_in.acc_active > .acc_content {
  display: block;
}
.smk_accordion .accordion_in.acc_active > .acc_head {
  background: #fff url(../adimages/tabminus.png) no-repeat right center; color:#1c65bf; border-bottom:#becdf1 solid thin; margin-bottom:15px;
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
  background: url(../adimages/plusminus.png) center -18px;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon .accordion_in .acc_content {
  padding: 14px;
}
.acc_content{padding:0px 14px 20px 14px!important;}
#user-profile{ float:left; width:50%;}
#user-profile div{ margin-bottom:15px; display:flow-root;}
#user-profile span{ float:left; width:227px; color:#313131;}
#user-profile input{ width:100%; border:#c3c3c3 solid thin; padding:10px 12px; font-size:13px; outline:none; margin-bottom:17px;}
#user-profile textarea{ width:100%; border:#c3c3c3 solid thin; padding:10px 12px; font-size:13px; outline:none; height:170px; overflow:auto; resize:none; margin-bottom:15px;}
#action-box{ float:right; background:#dbe5ff; padding:16px; width:206px;}
#action-box a{ display:block; background:#FFF; margin-bottom:5px; padding:9px 18px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:13px; color:#3a4d7f; border:#b9cbfb solid thin;}
#action-box a:hover{ background:#e1eaff;}
#action-box h2{ font-size:22px;}

@media (max-width:1200px){
.container{ width:992px;}
#page-titel, .search-frm{ float:none;}
#page-titel{ margin-left:55px;}
.search-frm input{ width:153px;}
.navbar{ margin-bottom:8px;}
}

@media (max-width:992px){
.container{ width:768px;}
#delete, #new{ float:left; margin:0 6px;}
#btn-cover{ float:none; clear:both; padding:5px 52px;}
.search-frm div select, .search-frm input{ width:105px;}
fieldset label, fieldset input, fieldset textarea, fieldset select{ width:96%;}
fieldset .smallinput{ width:100%;}
}


@media (max-width:768px){
.container{ width:448px;}
.login{ width:100%;}
#logo{ float:none; margin-bottom:4px;}
#user{ float:left;}
.search-frm div{ height:39px; margin:0 20px 0 0;}
.search-frm div select, .search-frm input{ margin:0 15px 0 0;}
.search-frm .search-submit{ margin:0;}
#content{ padding:89px 14px 55px 14px;}
}

@media (max-width:448px){
.container{ width:300px;}
#bluebg{ height:379px; line-height:26px; background-size:96px; padding:180px 0 0 0;}
#bluebg h1{ font-size:26px;}
.login{ background-image:none; padding:25px;}
.search-frm div select, .search-frm input, .search-frm div{ float:none; height:auto; width:100%; margin:4px 0;}
.search-frm .search-submit{ width:100%; border-radius:0;} 
}