@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; }