@charset "utf-8";
/* CSS Document */
body {
background:#d6eaff;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
@font-face {
font-family: 'webfontregular';
src: url('../fonts/futuran-webfont.eot');
src: url('../fonts/futuran-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futuran-webfont.woff') format('woff'), url('../fonts/futuran-webfont.ttf') format('truetype'), url('../fonts/futuran-webfont.svg#webfontregular') format('svg');
font-weight: normal;
font-style: normal;
}
a {
transition: all 200ms ease-in 0s;
-moz-transition: all 200ms ease-in 0s;
-webkit-transition: all 200ms ease-in 0s;
}
a:hover {
transition: all 200ms ease-in 0s;
-moz-transition: all 200ms ease-in 0s;
-webkit-transition: all 200ms ease-in 0s;
}
h1, h2, h3, h4, h5, h6 {
margin:0px;
padding:0px;
font-weight: normal;
}
p {
margin:0px;
padding:0px;
}
/*==================LOGIN-PANEL-CSS====================*/
.login_wrapper {
max-width:635px;
margin:0px auto;
}
.login_wrapper .logo {
width:227px;
margin:33px auto;
}
.login_container {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
float:left;
background:#fff;
box-shadow:0px 0px 20px #d3d2d2;
border-radius:2px;
padding:4.6%;
margin: 0 2%;
padding: 4.6%;
width: 96%;
}
.login_container .login_panel {
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
float:left;
border:9px solid #cccccc;
border-radius:10px;
padding:24px 4% 70px;
}
.login_container .login_panel h3 {
width:100%;
font-size:19px;
color:#717171;
margin-bottom:25px;
}
.login_section {
margin: 0 auto;
width: 76%;
}
.login_section .name_field {
width:100%;
float:left;
margin-bottom:10px;
}
.login_section .name_field p {
font-size:14px;
color:#717171;
/* font-family: 'webfontregular'; */
float:left;
line-height:35px;
}
.login_section .name_field .login_input {
width:68%;
float:right;
box-shadow:inset 5px 0px 5px #fbfbfb;
color:#a2a2a2;
font-size:12px;
border:1px solid #e4e4e4;
padding:8px 10px;
margin:0px;
}
.login_section .btn_box {
width:74%;
float:left;
margin-left:100px;
}
.login_section .btn_box .login_btn {
width:61px;
float:left;
background:url(../images/login-bg.jpg) repeat-x;
color:#fff;
font-size:14px;
border:1px solid #f7f7f7;
padding:3px 0px;
border-radius:3px;
margin:0px 13px 0px 0px;
cursor:pointer;
transition: all 200ms ease-in 0s;
-moz-transition: all 200ms ease-in 0s;
-webkit-transition: all 200ms ease-in 0s;
}
.login_section .btn_box .login_btn:hover {
opacity:.7;
transition: all 200ms ease-in 0s;
-moz-transition: all 200ms ease-in 0s;
-webkit-transition: all 200ms ease-in 0s;
}
.login_section .btn_box p {
font-size:14px;
color:#dd0000;
float:left;
line-height:24px;
}
.login_section .btn_box p a {
text-decoration:underline;
color:#dd0000;
}
.login_section .btn_box p a:hover {
color:#000;
}
#project_toogle
{
background: none repeat scroll 0 0 #f7f7f7;
border-radius: 0 0 5px 5px;
display: none;
float: left;
padding: 10px;
position: absolute;
top: 29px;
max-width: 346px;
}
#project_toogle ul{ margin:0px; padding:0px;}
#project_toogle ul li{ border-bottom: 1px solid #CCCCCC;
display: block;
float: left;
height: 30px;
padding: 0;
width: 100%;}
#project_toogle ul li a{ color:#222; display:block; /* font-family: 'webfontregular'; */ text-decoration:none; font-size:13px;}
#project_toogle ul li a:hover{ color:#d60000;text-decoration:none;}
/*==================LOGIN-PANEL-END-CSS====================*/
/*=== FORMS ===*/
.entry_forms { clear:both; float:left; margin: 0 auto; width: 98%; }
.entry_forms .form_row { width:100%; float:left; margin-bottom:5px; }
.entry_forms .form_row p { font-size:14px; color:#717171; /* font-family: 'webfontregular'; */ float:left; line-height:35px; }
.entry_forms .form_row .input_message { width:68%; float:right; color:#a2a2a2; font-size:12px; padding:8px 10px; margin:0px; }
.entry_forms .form_row .input_text {
width:68%; float:right; /*box-shadow:inset 5px 0px 5px #fbfbfb; */color:#6B6B6B; font-size:12px; border:1px solid #c0c4c8;
padding:8px 10px; margin:0px; background-color: #e6e8ea;
}
.entry_forms .form_row .input_textarea {
width:100%; float:right; color:#6B6B6B; font-size:12px; border:1px solid #c0c4c8; padding:8px 10px; margin:0px; background-color: #e6e8ea;
}
.btnSubmit {
color:#FFFFFF; font-size:12px; font-weight:bold; border:1px solid #c0c4c8; padding:8px 10px; margin:0px; background-color: #e6e8ea;
background-color: #00ADEF;
}
.entry_forms .form_row .input_checkbox {
width:68%; float:right; color:#6B6B6B; font-size:12px; border:1px solid #e4e4e4; padding:8px 10px; margin:0px;
}
.entry_forms .form_row .textarea {
width:68%; float:right; box-shadow:inset 5px 0px 5px #fbfbfb; color:#6B6B6B; font-size:12px; border:0px solid #c0c4c8;
margin:0px;
}
.entry_forms .btn_box { width:74%; float:left; margin-left:100px; }
.entry_forms .btn_box .login_btn {
width:61px; float:left; background:url(../images/login-bg.jpg) repeat-x; color:#fff; font-size:14px; border:1px solid #f7f7f7;
padding:3px 0px; border-radius:3px; margin:0px 13px 0px 0px; cursor:pointer; transition: all 200ms ease-in 0s;
-moz-transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s;
}
.entry_forms .btn_box .login_btn:hover { opacity:.7; transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; }
.entry_forms .btn_box p { font-size:14px; color:#dd0000; float:left; line-height:24px; }
.entry_forms .btn_box p a { text-decoration:underline; color:#dd0000; }
.entry_forms .btn_box p a:hover { color:#000; }
/*==================DASHBOARD-PAGES-START-CSS====================*/
header {
width:100%;
float:left;
/* background:url(../images/header-bg.jpg) repeat-x top center; */
}
header .adm_hedr_container {
max-width:1317px;
margin:0px auto 0;
padding:0 37px 0 37px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
position:relative;
}
header .adm_hedr_container .header_logo {
width:227px;
float:left;
margin:24px 0px 19px 0px;
}
.adm_rht_col {
width:auto;
float:right;
}
.adm_rht_col ul {
margin:0px;
padding:0px;
}
.adm_rht_col ul li {
width:auto;
float:left;
margin-left:1px;
line-height:29px;
height:29px;
border-radius:0px 0px 3px 3px;
display:inline;
list-style:none;
padding:0px 17px;
}
.adm_rht_col ul li a {
font-family:;
font-size:14px;
color:#fff;
text-decoration:none;
/* font-family: 'webfontregular'; */
}
.adm_rht_col ul li a:hover {
opacity:.7;
}
.adm_rht_col .project_btn {
background:url(../images/project_bg.jpg) repeat-x;
}
.adm_rht_col .project_btn .arrow_icon {
float: right;
left: 9px;
position: relative;
top: -2px;
}
.adm_rht_col .change_password {
background:url(../images/password_bg.jpg) repeat-x;
}
.adm_rht_col .logout_btn {
background:url(../images/logout_bg.jpg) repeat-x;
}
.dashboard_wrapper {
width:100%;
float:left;
}
.dasbord_container { max-width:1316px; margin:0px auto; padding:15px; background-color:white; }
.content_container { max-width:1316px; margin:0px auto; padding:15px; background-color:white; }
.dasbord_container .dasbord_content {
width:100%;
float:left;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
background:#fff;
box-shadow:0px 0px 20px #d3d2d2;
border-radius:2px;
padding:19px 36px 30px 29px;
}
.dasbord_nav {
width:100%;
float:left;
border-bottom:3px solid #8d8d8c;
margin-bottom:22px;
}
.dasbord_nav ul {
margin:0px 6px 0px 0px;
padding:0px;
float:right;
}
.dasbord_nav ul li {
list-style:none;
float:left;
background:#8d8d8c;
font-size:14px;
color:#fff;
padding:5px 0px;
margin:0px 1px;
}
.dasbord_nav ul li a {
text-decoration:none;
padding:6px 30px;
/* font-family: 'webfontregular'; */
color:#fff;
}
.dasbord_nav ul li a:hover {
color:#fff;
background:#CCC;
}
.content_container h2 {
background:url(../images/welcome-bg.jpg) repeat-x;
border:1px solid #e1e1e1;
border-bottom:1px solid #c8c8c8;
box-shadow:0px 1px 0px #b2b2b2;
font-size:15px;
color:#26384a;
/* font-family: 'webfontregular'; */
padding:9px;
margin-bottom:18px;
float:left;
width:100%;
}
.pagination {
width:100%;
float:left;
margin-bottom:9px;
text-align:center;
}
.pagination ul {
margin:0px;
padding:0px;
}
.pagination ul li {
width:auto;
display:inline;
color:#0e53b5;
list-style:none;
padding:0px 22px 0px 0px;
}
.pagination ul li a {
font-size:12px;
color:#0e53b5;
}
.pagination ul li a:hover {
font-size:12px;
color:#000;
}
.dasbord_container .dasbord_content p {
font-size:14px;
color:#646464;
margin:0px 10px 36px 13px;
line-height:20px;
/* font-family: 'webfontregular'; */
}
.dashboard_col {
width:100%;
float:left;
border:1px solid #f2f2f2;
margin-bottom:11px;
}
.dashboard_col .email {
width:100%;
background:url(../images/email_bg.jpg) repeat-x;
font-size:15px;
color:#f7f7f7;
padding:9px;
/* font-family: 'webfontregular'; */
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-bottom:1px solid #cbcbcb;
}
.dashboard_col .row1.dash_head {
width:100%;
float:left;
background:url(../images/data_head_bg.jpg) repeat-x #515151;
border-bottom:1px solid #ebebeb;
}
.dashboard_col .row1.dash_head ul {
margin:0px;
padding:0px;
}
.dashboard_col .row1.dash_head ul li {
list-style:none;
float:left;
border-right:1px solid #5b5b5b;
font-size:14px;
color:#f7f7f7;
padding:9px 0 8px 15px;
}
.dashboard_col .row1.dash_head ul li.col_3 {
border-left: 1px solid #5B5B5B;
}
.dashboard_col .row1.dash_head ul li:last-child{
border-left: 1px solid #5B5B5B;
}
.dashboard_col .dash_head ul li:last-child {
border:0px!important;
}
.dashboard_col .row1.dash_head ul li a { font-size:14px; color:#f7f7f7; }
.dashboard_col .row1.dash_head ul li a:hover { font-size:14px; color:#E6E6E6; text-decoration:none; }
.dashboard_col .row1 {
background:#f7f7f7;
width:100%;
float:left;
line-height:22px;
border-bottom:1px solid #ebebeb;
}
.dashboard_col .row1.drk_bg {
background:#fff;
}
.dashboard_col .row1 ul {
margin:0px;
padding:0px;
}
.dashboard_col .row1 ul li {
list-style:none;
float:left;
border-right:1px solid #f0f0f0;
color:#636363;
font-size:12px;
padding:9px 0px 9px 15px;
/*height:41px;*/
}
.dashboard_col .row1 ul li:last-child {
border-right:0px;
}
.dashboard_col .row1 ul li a {
color:#0e53b5;
text-decoration:none;
}
.dashboard_col .row1 ul li a:hover {
color:#000;
text-decoration:underline;
}
.dashboard_col .row1 ul li.col_single {
width:100%;
}
.dashboard_col .row1 ul li.col_select {
width:4%;
}
.dashboard_col .row1 ul li.col_actions {
width:10%;
}
.dashboard_col .row1 ul li.col_2 {
width:28%;
}
.dashboard_col .row1 ul li.col_3 {
width:37%;
}
.dashboard_col .row1 ul li.col_4 {
width:22%;
}
.dashboard_col .row1 ul li.col_4 img {
margin-right:5px;
transition: all 200ms ease-in 0s;
-moz-transition: all 200ms ease-in 0s;
-webkit-transition: all 200ms ease-in 0s;
}
.dashboard_col .row1 ul li.col_4 img:hover {
opacity:.5;
transition: all 200ms ease-in 0s;
-moz-transition: all 200ms ease-in 0s;
-webkit-transition: all 200ms ease-in 0s;
}
.content_wrapper{width:100%; box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; float:left; background:#fff; box-shadow:0px 0px 20px #d3d2d2; border-radius:2px; padding:19px 36px 30px 29px;}
/*==================DASHBOARD-PAGES-START-CSS====================*/
footer {
width:100%;
float:left;
}
footer p {
font-size:12px;
color:#747373;
margin:0px auto;
text-align:center;
padding:20px 0px;
}
@media only screen and (min-width:720px) and (max-width:899px){
.dashboard_col .row1 ul li.col_4 {
width: 19%;
}
}
@media only screen and (min-width:460px) and (max-width:768px){
.adm_rht_col {
left: 13%;
position: absolute;
}
header .adm_hedr_container .header_logo {
margin: 54px 0 20px 87px;
}
.dasbord_nav ul li a {
padding:6px 18px;
}
.login_section .name_field .login_input {
width: 92%;
}
.dashboard_col .row1 ul li.col_2 {
width: 85%;
border-right:0px;
}
.dashboard_col .row1 ul li.col_3 {
border-left: 1px solid #F0F0F0;
margin-left: 37px;
width: 51%;
}
.dashboard_col .row1 ul li.col_4 {
width: 35%;
border-right:0px;
}
}
@media only screen and (min-width:300px) and (max-width:459px){
.adm_rht_col {
left: 2%;
position: absolute;
}
.dasbord_nav ul li a {
font-size: 12px;
padding: 6px 5px;
}
header .adm_hedr_container .header_logo {
margin:54px 0 20px 8px;
}
.adm_rht_col ul li {
padding: 0 16px;
}
.adm_rht_col ul li a {
font-size: 12px;
}
.login_section {
width: 100%;
}
.login_section .name_field .login_input {
width: 91%;
}
.login_section .btn_box {
margin-left: 0;
width: 100%;
}
.dashboard_col .row1 ul li.col_select {
width:18.6%;
}
.dashboard_col .row1 ul li.col_actions {
width:25%;
}
.dashboard_col .row1 ul li.col_2 {
border-right: 0 none;
width: 75%;
}
.dashboard_col .row1 ul li.col_3 {
border-left: 1px solid #F0F0F0;
border-right: 0 none;
margin-left: 46px;
width: 75%;
}
.dashboard_col .row1 ul li.col_4 {
border-left: 1px solid #F0F0F0;
border-right: 0 none;
margin-left: 46px;
width: 69%;
}
.dashboard_col .row1 ul li:last-child {border-left:1px solid #F0F0F0;}
}
a.publish { background: url(../images/actions/published.png) no-repeat top left; padding: 5px 10px 5px 10px; margin-right:5px; }
a.unpublish{ background: url(../images/actions/unpublished.png) no-repeat top left; padding: 5px 10px 5px 10px; margin-right:5px;}
a.edit { background: url(../images/actions/edit.png) no-repeat top left; padding: 5px 10px 5px 10px; margin-right:5px;}
a.delete { background: url(../images/actions/delete.png) no-repeat top left; padding: 5px 10px 5px 10px; margin-right:5px; }
.button{
/*background-color: ;*/
background-color: #CC0404;
height: 22px; border: 1px solid #efefef; font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF; padding: 0px 6px 3px 6px; font-weight: bold; cursor: pointer;
margin-left:30%;
}
.dasbord_content p.msg { clear:both; color:#FF0000; }
.permission_box{
width:100%;
float:left;
border:1px solid #ccc;
}
.set_permission{
width:100%;
float:left;
background:url("../images/data_head_bg.jpg") repeat-x scroll 0 0 #515151;
font-size:12px;
color:#fff;
}
.set_permission ul{
margin:0px;
padding:0px;
}
.set_permission ul li{
list-style:none;
float:left;
border-right:1px solid #ccc;
padding:10px;
}
.set_permission ul li:last-child{
border:0px!important;
}
.set_permission ul li.module{
width:27%;
float:left;
padding:11px;
}
.col{
width:14.3%;
float:left;
text-align:center;
}
.col input{
margin:0px;
}
.set_permission.select_row{
background:none;
color:#000;
border-bottom:1px solid #ccc;
}
.bdr_rght{ border:0px!important; }
.module_row{ width:100%; float:left; }
.module_row ul{ margin:0px; padding:0px; }
.module_row ul li{ list-style:none; float:left; border-right:1px solid #ccc!important; }
.main_section{width:100%; float:left; cursor:pointer;}
.show_check_col{width:100%; float:left;}
.reports{
width:100%;
float:left;
position:relative;
margin-bottom:10px;
}
.reports .dashboard_col {
margin-bottom: 0px;
}
.reports { z-index:0; }
.reports .dashboard_col { width:100%; float:left; border:1px solid #f2f2f2; margin-bottom:11px; }
.reports .dashboard_col .row1.dash_head { width:100%; float:left; background:url(../images/data_head_bg.jpg) repeat-x #515151; border-bottom:1px solid #ebebeb; }
.reports .heading_title {
background:url(../images/welcome-bg.jpg) repeat-x #f6f4f5;
border:1px solid #e1e1e1;
border-bottom:1px solid #c8c8c8;
box-shadow:0px 1px 0px #b2b2b2;
font-size:15px;
position:relative;
font-weight:bold;
color:#00467f;
font-family: 'webfontregular';
padding:0px 9px;
margin-bottom:18px;
float:left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width:100%;
}
.reports .heading_title.no_m{
margin-bottom:0px;
}
.reports, .heading_title, span.pad9, div.total_reports, span.dis_report {
padding:0px;
font-size:15px;
position:relative;
float:left;
color:#00467f;
width:220px;
font-family: 'webfontregular';
}
.green_col{
width:100%;
float:left;
background:#f7f7f7;
padding:3px 10px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}