@charset "utf-8";
/* CSS Document */
body {
	background: #393F4F;
	font-family: 'Open Sans', sans-serif;
}
.container, .container-fluid{
	background: #393f4f;
	    box-shadow: 0px 0px 1px #fff;
	    overflow: hidden;
	}
nav.login_header {
	background: transparent;
	max-height: 66px;
}
.img_login_logo_bb {
	height: 65px;
}
.outer_login_box {
	width: 100%;
    /*height: 98vh;*/
    background-color: #393f4f;
}
.inner_login_box {
    position:absolute;
    top: 200px;
    width: 100%;
    left: 50px;
}
.outer_login_box .inner_login_box {
	width: 500px;
	height: 300px;
	background: #5a6378;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.header_login_box {
	width: 100%;
	height: 60px;
	background: #f2f0f1;
	text-align: center;
}
.header_login_box img {
	padding: .5em 0em;
}
.container_for_login {
	width: 100%;
	position: absolute;
    border: 2px solid #393f4f;
    padding-bottom: 10px;
}
[draggable] {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	/* Required to make elements draggable in old WebKit */
	-khtml-user-drag: element;
	-webkit-user-drag: element;
	cursor: move;
}
.lvl-over {
	/* applied to a drop target when a draggable object is over it */
	border: 2px dashed black !important;
}

.lvl-target {
	/* 
	applied to all drop targets when a drag operation begins 
	removed when the drag operation ends
	used to indicate drop targets on a page 
	*/
}

.input_upload_progress {
    width: 300px;
    height: 34px;
}
.input_box {
	text-align: center;
	margin-top: 20px;
}
.input_box i img {
	width: 20px;
	position: absolute;
	left: 120px;
	opacity: .5;
}
.input_box input {
	width: 60%;
	height: 38px;
	text-align: center;
	background: #393f4f;
	border: 0px;
	color: #FFF;
	/*font-family: 'OpenSans-Regular';*/
    font-family: 'Open Sans', sans-serif;
}
.input_box input:focus {
	border: 0px;
	box-shadow: none;
}
.un {
	top: 28px;
}
.pwd {
	top: 86px;
}
.input_box_bottom {
	width: 60%;
	height: 34px;
	margin: 22px auto;
}
.remember_me {
	width: 145px;
	float: left;
	height: 100%;
	color: white;
}
.forgot-link {
    float: left;
    line-height: 34px;
    font-size: small;
    color: white;
}
.forgotText {
    color: white;
    margin: 10px;
}
.forgotLabel {
    color: white;
    text-align: right;
    width: 175px;
    margin: 10px;
}
.forgotButtonBar {
    margin-right: 20px;
}
.forgotHeading {
    color: white;
    text-align: center;
    width: 100%;
    font-size: large;
    padding-top: 10px;
}
.forgotInput {
	width:50%;
	height:34px;
	background:#5a6378;
	color:#FFF;
	border:0px;
	padding-left:10px;
    margin-bottom: 5px;
}
.remember_me .checkbox
{
	margin-top: 6px;
}
.button_login {
	width: 22%;
	float: left;
	height: 100%;
}
.btn-LOGIN {
	background: #393F4F;
	color: white;
    margin-right: 15px;
}
.btn-LOGIN:hover, .btn-LOGIN:focus, .btn-LOGIN a, .btn-LOGIN a:hover {
	color: #FFF;
	text-decoration: none;
}
.footer_for_login {
	min-width:100%;
	height: 50px;
	background: #282a30;
	position: fixed;
	bottom: 0px;
	color: #b6bfd0;
	text-align: center;
}
.copy_rights {
	margin-top: 5px;
}
ul.slidebar {
    padding-left: 10px;
}
ul.slidebar li a {
	/*text-decoration: none;
	color: #5a6378;*/
	text-decoration: none;
	color: #5a6378;
	position: relative;
	left: 10px;
	top: -5px;
}
ul.slidebar li {
	list-style: none;
	height: 5em;
	line-height: 6em;
	/*font-family: 'OpenSans-Regular';*/
    font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	color: #5a6378;
}
.seperater_menu {
	/*max-width: 257px;*/
	width:121;
	
	border-bottom: 1px solid #000;
	margin-left: -40px;
}
ul.slidebar li.NP {
	list-style: url(../images/N_p_1.png);
	list-style-position: inside;/*background: url(../images/N_p_1.png) no-repeat 0px 25px;
	list-style-position: inside;*/
}
ul.slidebar li.NP:hover, ul.slidebar li.NP.active {
	list-style: url(../images/N_p_2.png);
	list-style-position: inside;/*background: url(../images/N_p_2.png) no-repeat 0px 25px;
	list-style-position: inside;*/
}
ul.slidebar li.MP {
	list-style: url(../images/M_p_1.png) inside;
	list-style-position: inside;
}
ul.slidebar li.MP:hover, ul.slidebar li.MP.active {
	list-style: url(../images/M_p_2.png);
	list-style-position: inside;/*background: url(../images/N_p_2.png) no-repeat 0px 25px;
	list-style-position: inside;*/
}
ul.slidebar li.F {
	list-style: url(../images/F_1.png) inside;
}
ul.slidebar li.F:hover, ul.slidebar li.F.active {
	list-style: url(../images/F_2.png);
	list-style-position: inside;/*background: url(../images/N_p_2.png) no-repeat 0px 25px;
	list-style-position: inside;*/
}
ul.slidebar li.H {
	list-style: url(../images/H_1.png) inside;
}
ul.slidebar li.H:hover, ul.slidebar li.H.active {
	list-style: url(../images/H_2.png);
	list-style-position: inside;/*background: url(../images/N_p_2.png) no-repeat 0px 25px;
	list-style-position: inside;*/
}
ul.slidebar li.W {
	list-style: url(../images/HOME_1.png) inside;
}
ul.slidebar li.W:hover, ul.slidebar li.W.active {
	list-style: url(../images/HOME_2.png);
	list-style-position: inside;/*background: url(../images/N_p_2.png) no-repeat 0px 25px;
	list-style-position: inside;*/
}
ul.slidebar li.S {
	list-style: url(../images/S_1.png) inside;
}
ul.slidebar li.S:hover, ul.slidebar li.S.active {
	list-style: url(../images/S_2.png);
	list-style-position: inside;/*background: url(../images/N_p_2.png) no-repeat 0px 25px;
	list-style-position: inside;*/
}
ul.slidebar li.E {
	list-style: url(../images/E_1.png) inside;
}
ul.slidebar li.E:hover, ul.slidebar li.E.active {
	list-style: url(../images/E_2.png);
	list-style-position: inside;/*background: url(../images/N_p_2.png) no-repeat 0px 25px;
	list-style-position: inside;*/
}
ul.slidebar li.active, ul.slidebar li:hover {
	border-right: 4px solid #A01830;
}
ul.slidebar li:hover, ul.slidebar li.active {
	color: #A01830;
}
.menuItem {
    cursor: pointer;
}
.notAllowed {
    cursor: not-allowed;
}
.balloon {
    background-color: #c0c0c0;
    color: white;
    width: 250px;
    border-radius: 5px;
    /*box-shadow: 0 0 6px #B2B2B2;*/
    box-shadow: -2px 2px 2px -2px rgba( 178, 178, 178, .4 );
    position: absolute;
    /*top: 100px;
    left: 100px;*/
    padding:5px;
    z-index: 9999;
}
.balloon_header {
    font-weight: bold;
    margin-top: -15px;
    margin-bottom: 10px;
}
.balloon_body {

}
.EWcontextMenuModal {
    top:0px; 
    right:0px; 
    bottom:0px; 
    left:0px; 
    position:fixed; 
    z-index:1234;
}
.EWcontextMenu {
    position: absolute;
    background-color: #5a6378;
    color: white;
    box-shadow: -2px 2px 2px -2px rgba( 178, 178, 178, .4);
    padding: 10px;
    border-radius: 5px;
    z-index: 12346;
}
.EWcontextMenuItem {
    cursor: pointer;
}
.EWNoErrors {
    font-size:x-large;
    text-align: center;
}
.EWcontextMenuItemDisabled {
    color: 
}
.EWcontextMenuItem:hover {
    background-color: black;
}

.balloon::after {
    background-color: #c0c0c0;
    box-shadow: -2px 2px 2px -2px rgba( 178, 178, 178, .4 );
    content: "\00a0";
    display: block;
    height: 20px;
    width:  20px;
    left: 212px;
    top: 15px;
    position: relative;
    transform:             rotate( 45deg );
        -moz-transform:    rotate( 45deg );
        -ms-transform:     rotate( 45deg );
        -o-transform:      rotate( 45deg );
        -webkit-transform: rotate( 45deg );
}
.project_tools {
    width: 25%;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.28);
    padding-left: 3px;
}

.project_tools_part {
    float: left;
}
.index-container {
    padding: 0px;
    height: 100vh;
    float: left;
    width: 100%;
}
.header_dash_board {
	/*width: 100%;*/
    height: 46px;
    margin-top: 15px;
}
.dashboard-container {
	padding: 0px;
    height: 100vh;
    float: left;
}
.profile_img img {
	width: 30px;
	margin-top:-3px;
}
.profile_btn {
	color: #FFF;
	background-color: rgba(230, 230, 230, 0);
	border-color: rgba(173, 173, 173, 0);
}.dropdown-menu {
    background-color: #5a6378 ;
        top: 40px;
}
.dropdown-menu>li>a, .dropdown-menu>li>a:hover {
    color: #FFF;
	cursor:pointer;
    background: transparent;
}
.dropdown-menu .divider {
    background-color: #282a30 ;
}
.arrow
{
   width: 0;
   height: 0;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-bottom: 9px solid #5a6378 ;
      margin-left: 9px;
   position: relative;
   top: -14px;
}
/*.open>.dropdown-menu:before
{
    content:'';
     border-top: 4px solid;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
    
}
*/.caret1
{
    background:url(../images/dropdown.png) no-repeat;
    display: inline-block;
   width:13px;
   height:7px;
    margin-top:-5px;
   margin-left: 2px;
   vertical-align: middle;
  border-top: 0px dashed;
   border-top: 0px solid;
   border-right: 0px solid transparent;
   border-left: 0px solid transparent;
}
.profile_details {
	
}
.profile_img {
	/*text-align: center;*/
    float: left;
}
.profile_name {
	padding: 0px;
	color: #FFF;
    margin: 3px 5px 0px 5px;
    float: left;
}
.profile_drop_trigger {
    float: left;
    margin-left: 5px;
}
.powerd_by_details {
	color: #FFF;
    float: right;
}
.logo_for_powerd_by {
	padding-left: 5px;
    display: none;
    float: right;
}
.error-message-container {
	height: 44px;
	line-height: 44px;
	background: #282a30;
	color: #b6bfd0;
}
.s20 img {
	width: 20px;
}
.s20, .error-value, .pasd0 {
	padding: 0px;
}
.error-value {
	padding: 0px 10px;
}
.w100 {
	width: 100%;
}
.w10 {
	width: 11.1%;
	float: left;
	text-align: center;
}
.pagination-progress {
	/*width: 850px;*/
	height: 100px;
	position: relative;
	margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
	z-index: 1;
}
.bar-progress {
	/*background: #8c8f97;*/
	width: 50px;
	height: 10px;
	position: absolute;
}
.bar1 {
	top: 20px;
	left: 68px;
	z-index: -1;
}
.bar2 {
	top: 20px;
	left: 165px;
	z-index: -1;
}
.bar3 {
	top: 20px;
	left: 257px;
	z-index: -1;
}
.bar4 {
	top: 20px;
	left: 355px;
	z-index: -1;
}
.bar5 {
	top: 20px;
	left: 448px;
	z-index: -1;
}
.bar6 {
	top: 20px;
	left: 542px;
	z-index: -1;
}
.bar7 {
	top: 20px;
	left: 634px;
	z-index: -1;
}
.bar8 {
	top: 20px;
	left: 732px;
	z-index: -1;
}
.bar9 {
	top: 20px;
	left: 830px;
	z-index: -1;
}
.pagination-progress span {
	color: #b6bfd0;
	margin-top: 5px;
    font-size: small;
    margin-bottom: 5px;
    display: block;
}
.pagination-progress p.white {
	color: #FFF;
}
.starting_text h3 {
	color: #f2f0f1;
	text-align: center;
    margin-bottom: 26px;
}
.starting_text p {
	color: #f2f0f1;
	text-align: center;
    margin-bottom: 26px;
}
.first-form {
	background: #5a6378;
	border: 0px;
	color: #b6bfd0;
	height: 36px;
	width: 190px;
}
.project_name {
	background: #5A6378;
	color: #fff;
	border: 0px;
	min-width: 394px;
	text-align: left;
	border-radius: 0px;
}
.center-align {
	text-align: center;
}
.btn-class {
	border-radius: 0px;
}
.footer-page-dashboard {
	color: #b6bfd0;
	bottom: 0px;
	text-align: center;
	background: #282a30;
	width: 100%;
	position: absolute
}
/*.center-align-w350 {
	width: 550px;
	margin: 0px auto;
	min-height: 120px;
}*/
.w60 {
	width: 60%;
	float: left;
}
.w40 {
	width: 40%;
	float: left;
}
.path-secform {
    float: left;
	background: #5a6378;
	color: #ffffff;
	border: 0px solid #fff;
	width: 300px;
	line-height: 34px;
	border-radius: 5px;
	text-align: left;
	padding-left: 10px;
    font-weight: normal;
    min-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.loading {
	animation-name: rotate;
	background: url(../images/l.png) no-repeat;
	width: 51px;
	height: 51px;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	margin: 0px auto;
}
@keyframes rotate {
0% {
 transform:rotate(0deg);
 background:url(../images/l.png) no-repeat;
}
100% {
 transform:rotate(360deg);
 background:url(../images/l.png) no-repeat;
}
}
.Dropdown-second {
	margin-top: 10px;
}
.clear {
	clear: both;
}
.second {
	width: 100%;
	height: 34px;
	text-align: left;
	padding-left: 10px;
}
.input-file {
	width: 330px;
}
.w25 {
	width: 25%;
	float: left;
}
.w35 {
	width: 35%;
	float: left;
}
.edit_project_label_left {
	float: left;
	line-height: 34px;
	color: #FFF;
	padding-left: 6px;
    padding-right: 6px;
	font-weight:normal;
    text-align: right;
    width: 130px;
}
.edit_project_label {
	float: left;
	line-height: 34px;
	color: #FFF;
	padding-left: 6px;
    padding-right: 6px;
	font-weight:normal;
}
.Custom_delimiter_input {
	width: 65px;
	height: 34px;
	float: left;
	background: #5A6378;
	border: 0px;
	color: #fff;
    padding-left: 10px;
}
.second_page_table_container {
	width: 96%;
	margin: 0px auto;
    overflow-x: auto;
    white-space: nowrap;
}
.second_page_table_container .table th
{
    text-align:left !important;
}
.second_page_table_container .table td
{
    text-align:left !important;
}
.header_table {
	color: #FFF;
}
.table-body-style {
	color: #b6bfd0;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border: 1px solid #b6bfd0;
}
.border_sec_page {
	width: 96%;
	margin: 0px auto;
	border: 1px solid rgba(182, 191, 208, 0.19);
}
.button_container {
	width: 96%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.content-container {
	width: 96%;
	margin: 0px auto;
}
.first_part_button {
	width: 50%;
	float: left;
	text-align: left;
}
.second_part_button {
	width: 50%;
	float: left;
	text-align: right;
}
fieldset.dnt_scroll {
	overflow: hidden;
}
fieldset {
	height: 100vh;
	
	overflow-y: scroll;
}
.report_top {
    height: 40px;
    padding-top: 3px;
}
.report_content
{
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}
.report-padding
{
    padding-left: 15px;
}
.report-padding-top {
    padding-top: 10px;
}
.report_label_left
{
	float: left;
	line-height: 34px;
	color: #FFF;
	padding-left: 6px;
    padding-right: 6px;
	font-weight:normal;
    text-align: right;
    width: 100px;
}
.report_select_label
{
    color: white;
    float: left;
    line-height: 34px;
    padding-right: 6px;
    font-weight: normal;
}
.report_date_picker
{
    width: 150px;
    float: left;
}
.report_date_input
{
    border-radius: 4px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    height: 34px;
    border: 1px solid transparent;
    padding-left: 5px;
    width: 110px;
}
.report_area {
    background-color: white;
    padding-left: 20px;
   	overflow-y: scroll;
    height: calc(100vh - 190px);

}
.report_label_button_bar {
    float: left;
    color: white;
    padding-left: 10px;
    height: 34px;
    padding-top: 7px;
    padding-right: 10px;
}
#report_select_button_bar {
    width: 150px;
}
#report_select_report {
    width: 300px;
}
.report_tree {
    color: white;
	background: #282a30;
	height: calc(100vh - 375px);
    overflow-y: scroll;
    width: 400px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
}

::-webkit-scrollbar-thumb {
 border-radius: 10px;
 height:25px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar {
 width: 8px;
 height: 8px;
}
 
::-webkit-scrollbar-thumb {
 border-radius: 10px;
 height:25px;
 /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
 -webkit-box-shadow: inset 0 0 6px #868fa2;
}

.third-container-text {
	color: #FFF;
}
.date_container {
	height: 60px;
}
.df {
	color: #b6bfd0;
	height:34px;
	line-height:34px;
    float:left;
    padding-right:10px;
}
.dashboard-container .foo_right
{
	padding-right: 15px;
}
.dateformat {
	width: 130px;
}
.drop_box {
	width: 96%;
    margin: 0px auto;
    background: #5a6378;
    text-align: center;
}
.drop_inside_box {
	background: #282a30;
	color: #b6bfd0;
	padding: 3px;
	    display: inline-block;
	margin: 5px;
	text-align: center;
	border-radius:5px;	
}
.description_analys-container {
	margin: 0px auto;
}
.w50 {
	width: 50%;
	float: left;
}
.fff {
	color: #FFF;
}
.bold {
	font-weight: 600;
}
.right {
	text-align: right;
}
.border_third_page {
	width: 96%;
	margin: 0px auto;
	border: 1px solid rgba(182, 191, 208, 0.1);
}
.progress-for-third {
	height: 165px;
	background: #5a6378;
}

/*--Coding For Eula Page -------*/
.eula-container {
	height: calc(100vh - 100px);
	line-height: 25px;
	background: transparent;
	text-align: left;
    overflow-x: hidden;
}
.eula-container h3 {
	padding: 0px 0 0 43px;
	color: #fff;
	text-transform:uppercase;

	
	line-height:0px;
}
.eula_content {
	width: 100%;
	height: calc(100vh - 200px);
	text-align: left;
	padding: 0px 30px 0 30px;
	font-size: 13px;
	color: #fff;
    overflow-y: scroll;
}
.eula_button_bar {
    margin-top: 5px;
    margin-right: 10px;
}

/*-- Scheduled Page--*/
.scheduled_container {
	height: 86.5vh;
	line-height: 25px;
	background: transparent;
	text-align: left;
}
.scheduled_content {
	width: 100%;
	text-align: left;
	padding: 0px 30px 0 30px;
	font-size: 13px;
	color: #b6bfd0;
}
.scheduled_content .innertable .table-striped>tbody {
    overflow-y: scroll;
    height: 71vh;
    width: 94.7%;
    position: absolute;
    right: 30px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}
.scheduled_content .table tr {
    width: 100%;
    display: inline-table;
    table-layout: fixed;
}
th {
	font-weight: normal;
	color: #fff;
	background: #5a6378;
}
.scheduled_content .table th:nth-child(1){
	width:30% !important;
	padding-left: 10px !important;
}
.scheduled_content .table th:nth-child(2){
	width:25% !important;
}
.scheduled_content .table th:nth-child(3){
	width:45% !important;
}
.scheduled_content .table td:nth-child(1){
	width:30% !important;
	padding-left: 10px !important;
}
.scheduled_content .table td:nth-child(2){
	width:25% !important;
}
.scheduled_content .table td:nth-child(3){
	width:45% !important;
}
.scheduled_content .table-striped>tbody>tr:nth-of-type(odd) {
	background: #333947 !important;
}
.scheduled_content .table-striped>tbody>tr:nth-of-type(even) {
	background: transparent !important;
}
 .project_content .table-bordered>tbody>tr>td, .project_content  .table-bordered>tbody>tr>th, .project_content  .table-bordered>tfoot>tr>td, .project_content.table-bordered>tfoot>tr>th, .project_content  .table-bordered>thead>tr>td, .project_content .table-bordered>thead>tr>th,
 .history_content .table-bordered>tbody>tr>td, .history_content  .table-bordered>tbody>tr>th, .history_content  .table-bordered>tfoot>tr>td, .history_content .table-bordered>tfoot>tr>th, .history_content  .table-bordered>thead>tr>td, .history_content .table-bordered>thead>tr>th,
  .favorite_content .table-bordered>tbody>tr>td, .favorite_content  .table-bordered>tbody>tr>th, .favorite_content  .table-bordered>tfoot>tr>td, .favorite_content  .table-bordered>tfoot>tr>th, .favorite_content  .table-bordered>thead>tr>td, .favorite_content  .table-bordered>thead>tr>th, .scheduled_content .table-bordered>tbody>tr>td, .scheduled_content  .table-bordered>tbody>tr>th, .scheduled_content  .table-bordered>tfoot>tr>td, .scheduled_content  .table-bordered>tfoot>tr>th, .scheduled_content  .table-bordered>thead>tr>td, .scheduled_content  .table-bordered>thead>tr>th {
	border: 0px solid #000 !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 5px;
	vertical-align: middle;
}
.history_content .innertable .table-striped>tbody {
    overflow-y: scroll;
    height: 71vh;
    width: 94.7%;
    position: absolute;
    right: 30px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity: 1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 50%;
	position: relative;
	margin: 17% auto;
	/*  padding: 5px 20px 13px 20px;*/
   /* border-radius: 10px;*/
	background: #fff;
	background: #393f4f;
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover {
	background: #00d9ff;
}
.main {
	background: #5a6378;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	height: 35px;
	font-size: 20px;
	LINE-HEIGHT: 35px;
	border:1px solid #a2aaba;
}
.sub_main {
	padding: 3% 15% 3% 15%;
}
.main_buttons {
	width: 100%;
	height: 65px;
}
.cancelbtn {
	width: 50%;
	position: relative;
	left: 25px;
	float: left;
}
.cancel {
	background: #5A6378;
	color: #fff;
	border: 0px solid;
	padding: 4px;
	width: 35%;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 3px;
	height: 40px;
}
.downloadbtn {
	width: 50%;
	float: left;
	position: relative;
	text-align: -webkit-right;
	right: 27px
}
.download {
	background: #00ade3;
	color: #fff;
	border: 0px solid;
	padding: 4px;
	width: 35%;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 3px;
	height: 40px;
}
.countdown {
    font-size: large;
    text-align: center;
    width: 100%;
    margin-top: 15px;
}
.versionText {
    position: fixed;
    bottom: 0px;
    padding: 15px 0px 15px 15px;
    background: #b6bfd0;
    color: white;
    text-align: center;
    font-size: 12px;
    width: 16%;
}
.radio {
    padding-left: 0px !important;
}
.sup_main
{
	border:1px solid #5f646e;
}
.sub_main .radio label {
	font-size: 17px;
}
.sub_main .radio label::before
{
	top:3px !important;
}
.sub_main .radio label::after
{
	top:6px !important;
}
.s30 {
	padding: 0px;
	text-align: right;
}
/*-- Favorites --*/
.favorite_container {
	height: 86.5vh;
	line-height: 25px;
	background: transparent;
	text-align: left;
}
.favorite_content {
	width: 100%;
	text-align: left;
	padding: 0px 30px 0 30px;
	font-size: 13px;
	color: #b6bfd0;
}
.favorite_content  .table tr
{
	width: 100%;
display: inline-table;  
    table-layout: fixed;
}
.favorite_content .innertable .table-striped>tbody
{
	overflow-y: scroll;
    height: 71vh;
    width: 94.7%;
    position: absolute;
    right: 30px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}


.favorite_content .table-striped>tbody>tr:nth-of-type(odd) {
	background: #333947 !important;
	
}
.favorite_content .table-striped>tbody>tr:nth-of-type(even) {
	background: transparent !important;
	
}
.favorite_content  .table th:nth-child(1){
	width:34% !important;
	padding-left: 10px !important;
}
.favorite_content  .table th:nth-child(2){
		width:16.5% !important;
}
.favorite_content  .table th:nth-child(3){
		width:16.5% !important;
}
.favorite_content  .table th:nth-child(4){
		width:16.5% !important;
}
.favorite_content  .table th:nth-child(5){
		width:16.5% !important;
}
.favorite_content .table th:nth-child(2),.favorite_content .table th:nth-child(3),.favorite_content .table th:nth-child(4),.favorite_content .table th:nth-child(5){
	width:16.5%;
	text-align:center  !important;
}

.favorite_content .table td:nth-child(1){
    width: 35.2% !important;
	padding-left: 10px !important;
}
.favorite_content .table td:nth-child(2){
	width: 17.2% !important;
	text-align:center !important;
}
.favorite_content .table td:nth-child(3)
{
	    width: 17.4% !important;
	text-align:center  !important;
}
.favorite_content .table td:nth-child(4)
{
	    width: 17.2% !important;
	text-align:center  !important;
}
.favorite_content .table td:nth-child(5)
{
	width:16.5%  !important;
	text-align:center  !important;
}
.innertable
{
	height:62vh;
	overflow-x:hidden;
	overflow-y:scroll;
}
.b0
{
	margin-bottom:0px;
}
/*-- My Projects--*/

.project_container {
	height: 86.5vh;
	line-height: 25px;
	background: transparent;
	text-align: left;
}
.project_content {
	width: 100%;
	text-align: left;
	padding: 30px 30px 0 30px;
	font-size: 13px;
	color: #b6bfd0;
}
.project_content .table th:nth-child(1)
{
	width:28.1% !important;
	padding-left: 10px !important;
	
}
.project_content .table th:nth-child(2),
.project_content .table th:nth-child(3),
.project_content .table th:nth-child(4),
.project_content .table th:nth-child(5),
.project_content .table th:nth-child(6),
.project_content .table th:nth-child(7)
{
	width:12.5% !important;
	text-align:center !important;
}
.project_content .table td:nth-child(1)
{
	width:29.1% !important;
	padding-left: 10px !important;
	
}
.project_content .table-striped>tbody>tr:nth-of-type(odd) {
	background: #333947 !important;
}
.project_content .table-striped>tbody>tr:nth-of-type(even) {
	background: transparent !important;
}
.project_content .table td:nth-child(2), 
.project_content .table td:nth-child(3),
.project_content .table td:nth-child(4),
.project_content .table td:nth-child(5), 
.project_content .table td:nth-child(6),
.project_content .table td:nth-child(7)
{
	width:12.5% !important;
	text-align:center !important;
}
.project_top {
	height: 40px;
	line-height: 40px;
	background: #282a30;
	color: #b6bfd0;
}
.project_content .table tr {
    width: 100%;
    display: inline-table;
    table-layout: fixed;
}
.project_content .innertable1
 .table-striped>tbody {
       overflow-y: scroll;
    height: 60vh;
    width: 71%;
    position: absolute;
    right: 30px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
 }
 .p30
 {
	 padding:0px;
 }
/* Tab Navigation */
.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;    
}
.project_folders
{
	width: 20%;
    height: calc(100vh - 200px);
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    /*margin-top: 31px;*/
    position: relative;
    border-left: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    display: inline-block;
}
.nav-tabs>li
{
	width:100%;
	border: 1px solid #868fa2;
	float: left;
	clear: left;
	cursor: pointer;
	line-height: 40px;
	padding: 5px 5px;
	color: #b6bfd0;
    center;
	font-weight: normal;
}
.nav-tabs>li.active
{
	background: url(../images/tab_back.png) 98% 15px no-repeat #2C2E36;
}
.nav-tabs > li > a {
   /* background: #DADADA;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);*/
	color:#b6bfd0;
	border:0px;
}
.nav-tabs > li a:hover
{
	background: transparent;
	color: #b6bfd0;
	border:0px solid;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),0px 0px 0px 0px rgba(0,0,0,.4);
	cursor:pointer;
}
.nav-tabs > li.active > a{
    background: #2c2e36;
	color: #b6bfd0;
	border:0px solid;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),0px 0px 0px 0px rgba(0,0,0,.4);
	cursor:pointer;
}
.nav-tabs > li.active>a:hover,.nav-tabs>li.active>a:focus {
    background-color:#2c2e36 !important;
	color: #b6bfd0 !important;
	border:0px solid !important;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),0px 0px 0px 0px rgba(0,0,0,.4);
	cursor:pointer;
}
.menuIcon
{
    font-size: x-large;
}

/* Tab Content */
.tab-content
{
	width:80%;
	float:left;
	/*height:70vh;
	overflow-y:scroll;
	overfloe-x:hidden;*/
}
.tab-pane {
   
   /* box-shadow: 0 0 4px rgba(0,0,0,.4);*/
    border-radius: 0;
    text-align: center;
	width:100%;
	
}

* {
	margin: 0;
	font-size: 14px;
}
dl {
	width: 100%;
	height: 74vh;
	position: relative;
	margin-top: 15px;
	overflow-y:scroll;
	overflow-x:hidden;
}
dl dt {
	width: 20.3%;
	border: 1px solid #868fa2;
	/*height: 40px;*/
	position: relative;
	background: #393f4f;
	float: left;
	clear: left;
	cursor: pointer;
	line-height: 40px;
	padding: 5px 42px;
	/* margin: 0 0 5px 0;*/
	color: #b6bfd0;
 center;
	/* z-index: 9;*/
	background: url(../images/folder_close.png) 10px 13px no-repeat;
	font-weight: normal;
}
dl dt:first-of-type {
/*margin: 15px 0 5px 0;*/
}
dl dt.current {
	background: url(../images/tab_back.png) 160px 15px no-repeat, url(../images/folder_open.png) 10px 13px no-repeat #2C2E36;/* background-position-y: 6px;
    background-position-x: 165px;*/
}
dl dd {
	width: 79.8%;
	/* height: 210px; */
	position: absolute;
	top: 0;
	left: 191px;
	margin: 0;
	-moz-border-radius: 5px;
}
.innertable1
{
	width:100%;
	/*height:62vh;
	overflow-x:hidden;
	overflow-y:scroll;*/
}
.name {
	  font-size: 14px;
    color: #fff;
    font-weight: normal;
    margin: 0px;
    line-height: 16px;
    background: #5A6378;
    padding: 6.5px;
    border: 1px solid #868fa2;
}
.table-bordered {
	border: 1px solid #868fa2 !important;
}
.project_content dd .table td:nth-child(1) {
	line-height: 30px;
}
.pl30 {
	padding-left: 30px;
}
.conservative-text {
	text-align: center;
	color: #f2f0f1;
	margin: 20px auto;
	font-size: 16px;
}
.border_gary98 {
	height: 1px;
	border-bottom: 1px solid rgba(190, 190, 190, 0.25);
	width: 100%;
}
.agree {
	font-size: 15px;
	color: #f2f0f1;
	text-align: center;
	margin-bottom: 0px;
    margin-top: 5px;
}
.agree span {
	font-size: 12px;
	color: #b6bfd0;
}
.process_options_header {
    font-weight: 100;
    color: #fff;
    
}
.VIN_text {
	text-align: left;
	color: #f2f0f1;
	font-size: 16px;
}
.checkbox_in_fifth {
	color: #b6bfd0 !important;
}
.current_value_box {
	margin-left: 37px;
}
.button_font {
	font-size: 14px;
	width: 100%;
	height: 36px;
}
.text_value {
	color: #b6bfd0;
	padding: 0px;
	height: 38px;
	line-height: 38px;
}
.button_container_value {
	width: 100%;
	padding: 0px;
	height: 38px;
}
.p0 {
	padding: 0px;
}
.text_front {
	text-align: left;
	color: #b6bfd0;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	padding-left: 26px;
    display: inline;
}
.first_container {
	width: 100%;
}
.bg-gray {
    color: white;
	background: #282a30;
	height: 620px;
    overflow-y: scroll;
}
.tl {
	text-align: left;
}
.tri {
	text-align: right;
	color: #b6bfd0;
}
.top_text-container-output {
	margin: 10px 0px
}
.heading_output {
	text-align: left;
	color: #f2f0f1;
	font-size: small;
	margin-bottom: 5px;
}
.header_row_input {
	background: #5a6378;
	color: #FFF;
	border: 0px;
	height: 34px;
	padding-left: 15px;
	width: 100%;
}
.output_table>tbody>tr>td, .output_table>thead>tr>th
{
	border: 1px solid #868FA2 !important;
	color:#FFF;
}
.margintopbottom{
	margin: 15px 0px 25px 0px;
}
.marginbottomtop
{
	margin:25px 0px 15px 0px;
}
.button_up_output{
	text-align:center;
}
.button_down_output{
    text-align:center;
    margin-top:20px;	
}
.scheduling_heading
{
    text-align: left;
	color: #f2f0f1;
	font-size: 16px;
	    margin-bottom: 10px;
}
.schedule_value {
    float: left;
	background: #5a6378;
	color: #ffffff;
	border: 0px;
	width: 300px;
	line-height: 34px;
    height: 34px;
	border-radius: 5px;
	text-align: left;
	padding-left: 10px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.schedule_input{
    float: left;
	background: #5a6378;
	color: #ffffff;
    border: 0px;
    width: 300px;
    height: 34px;
    padding-left: 10px;
	border-radius: 5px;
}
.schedule_label_left{
	float: left;
	line-height: 34px;
	color: #FFF;
	padding-left: 6px;
    padding-right: 6px;
	font-weight:normal;
    text-align: right;
    width: 130px;
}
.schedule_row{
    margin-bottom: 5px;
    margin-top: 5px;
}
.schedule_button_container {
    padding-left: 10px;
    float:left;
}
.ftp_input {
	background: #5a6378;
    border: 0px;
    height: 34px;
	color: #fff;
    padding-left: 12px;
    float: left;
}
.ftp_label_left {
	float: left;
	line-height: 34px;
	color: #FFF;
	padding-left: 6px;
    padding-right: 6px;
	font-weight:normal;
    text-align: right;
    width: 130px;
}
.ftp_row {
    margin-bottom: 5px;
    margin-top: 5px;
    height: 39px;
}

.dialog-btn
{
    margin-left: 5px;
}
.value_adjust_container
{
	margin-top:20px;}
.file_submission_container_in
{
    height:34px;
    line-height:34px;
    margin:10px 0px 10px 0px;
}
.file_submission_container_in button
{
    min-width:74px !important;
}
.text_in_file
{
    color: #b6bfd0;
    text-align: right;
    padding-right: 20px;
}
.ali-h
{
     height:34px;
	 line-height:34px;
}

.powerd
{
    padding:0px;
    font-size:85%;
    line-height: 25px;
	margin-left: 19px;
    display: none;
    float: right;
}
.starting_text
{
    margin-top: 67px;
}

.path-secform::-webkit-input-placeholder
{
  color:   #b6bfd0;
}

.path-secform:-moz-placeholder
{
  color:    #b6bfd0;
}

.path-secform::-moz-placeholder 
{
  color:    #b6bfd0;
}

.path-secform:-ms-input-placeholder 
{
  color:    #b6bfd0;
}
.number_for_select::-webkit-input-placeholder
{
  color:    #b6bfd0;
}

.number_for_select:-moz-placeholder
{
  color:    #b6bfd0;
}

.number_for_select::-moz-placeholder 
{
  color:    #b6bfd0;
}

.number_for_select:-ms-input-placeholder 
{
  color:    #b6bfd0;
}
.number_for_select
{
 margin: 0; 
 background:#5a6378;
 border:0px;
 padding-left:10px;
 color:#FFF;
}
input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    cursor:pointer;
    display:block;
    width:8px;
    color: transparent;
    text-align:center;
    position:relative;
}

input[type=number]:hover::-webkit-inner-spin-button { 
    background: url(../images/arrow_num.png) no-repeat 50% 50%;  
    background-size:contain;
	width: 10px;
    height: 20px;
    padding: 0px;
    position: relative;
    right: 4px;
    border-radius: 28px;
	top:2px;
}
input[type=number] {
    -moz-appearance: textfield;
}
input[type=number], input[type=text], input[type=password], button {
	
	border-radius:5px;
	}
.table_heading
{
    background:#5a6378;
	color:#fff;
	text-align:center;
	width:100%;
	height:34px;
	line-height:34px;
	border: 1px solid #b6bfd0;
}
.danger_table_heading
{
    background:#fff;
	color: red;
	text-align:center;
	width:100%;
	height:34px;
	line-height:34px;
	border: 1px solid #b6bfd0;
}
.input-file1
{
    width:140px;
}
.input-file2
{
    width:180px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    display:inline-block;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    display:inline-block;
    margin-top:2%;
    float:right;
}
input[type="date"]:hover::-webkit-calendar-picker-indicator {
    background:transparent;
}
input[type="date"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
}
.help_icon{
    width: 18px;
    margin-top: -6px;
    margin-right: 4px;}
.heading_slider {
    margin: 10px 0px;
    height: 20px;
	}
	.project_content .table th:nth-child(3), .project_content .table th:nth-child(6), .project_content .table th:nth-child(2) {
	text-align: center ;
}
.project_content td:nth-child(3), .project_content td:nth-child(6), .project_content td:nth-child(2) {
	text-align: center ;
}

.footer-page-eula {
    color: #b6bfd0 ;
    bottom: 0px;
    text-align: center;
    background: #282a30 ;
    width: 83.33333333%;
    position:fixed;
    padding:15px;
    z-index: 3;
}


.foo_left
{
    width: 50%;
   float: left;
   text-align: left;
   padding-left: 15px;
   font-size: 12px;
    
}
.foo_right
{
    width:50%;
    float:left;
    text-align:right;
       font-size: 12px;
}
.border_third_page1 {
    width: 100%;
    margin: 0px auto;
	    margin: 15px 0px 10px 0px;
    border: 1px solid rgba(182, 191, 208, 0.1);
    float: left;
}
.ui-state-default, .ui-widget-content .ui-state-default
{
	border: 0px solid #cccccc;
    background:url(../images/arrow_for_drag.png) 50% 50% repeat-x;
	background-size:contain;
}
.ui-slider .ui-slider-handle
{
    position: absolute;
    z-index: 2;
    width: 2em;
    height: 2em;
    cursor: default;
    border-radius: 0px;
}
.ui-widget-content
{
    border: 1px solid rgba(221, 221, 221, 0);
    background: #9099ad;
}
span.ui-slider-handle.ui-state-default.ui-corner-all:focus
{
	border:0px solid #000;
}
.modal-ftp {
    width: 480px !important;
}
.modal-dialog {
    width: 600px;
    margin: 8% auto;
}
.dashboard-container .modal {
    background: rgba(1, 1, 42, 0.35);
}
#runProject .modal-content
{
    background-color: #393f4f;
	color:#b6bfd0;
	border-radius:0px;
	border: 1px solid #606570;
}
#runProject .modal-header {
    padding: 8px;
    border-bottom: 1px solid #e5e5e5;
    color: #fff;
    background: #5a6378;
    text-align: center;
    border: 0px;
}
#runProject .modal-header h4
{
	color:#FFF;
	text-align:center;
}
#runProject .modal-body {
	padding: 25px 75px;
	}
#runProject .modal-footer
{
     border-top:0px;
}
.fullm{
	width:100%;
	min-height:34px;
	margin-top: 20px;
}
.w80m {
	width:80%;
	float:left;
}
.w20m {
	width:20%;
	float:left;
}
.w100m {
    width:100%;
	
}
.sec_input_model_100 {
	width: 98%;
    height: 33px;
	background:#5a6378;
	border:0px;
	margin:0px auto;
	color:#FFF;
	padding-left:10px;
	}
.first_input_model_80 {
	width: 98%;
    height: 33px;
	background:#5a6378;
	border:0px;
	color:#FFF;
	padding-left:10px;
 }
.modal-footer .btn-default, .modal-footer .btn-default:hover
 {  
    color: #FFF;
    background-color: #5A6378;
    border-color: #5A6378;
	float:left;
	border-radius: 3px;
}
.modal-footer .btn-info, .modal-footer .btn-info:hover
{
    border-radius: 3px;
	min-width:78px;
}
#changePasswordHeader{
    padding: 8px;
    border-bottom: 1px solid #e5e5e5;
    color: #fff;
    background: #5a6378;
    text-align: center;
	border:0px;
}
#impersonateUserHeader {
	padding: 8px;
	border-bottom: 1px solid #e5e5e5;
	color: #fff;
	background: #5a6378;
	text-align: center;
	border: 0px;
}
#alertDialogHeader{
    color: #fff;
    background: #5a6378;
}
#alertDialogBody{
    color: #fff;
    background: #393f4f;
    padding: 30px;
}
#alertDialogFooter {
    color: #fff;
    background: #393f4f;
}
.model-change_pswd_100
{
	width:100%;
}
.changePasswordLabel
{
    width:28%;
    color:#fff;
}
.model_input_for
{
	width:70%;
	height:34px;
	background:#5a6378;
	color:#FFF;
	border:0px;
	padding-left:10px;
    margin-bottom: 5px;
	}
#changePasswordBody{
    padding: 30px;
    background: #393f4f;
 }
#changePasswordFooter{
	background: #393f4f;
	padding:10px;
	border:0px;}
#impersonateUserBody {
	padding: 30px;
	background: #393f4f;
}
#impersonateUserFooter {
	background: #393f4f;
	padding: 10px;
	border: 0px;
}

  /* Div Containers */
  .from_container, .buttons_container{
	
	text-align: center;
	
  }
  
  .to_container{
	
	text-align: center;
	
  }
/*
select:focus, select:active, select option, select option:focus, select option:active
  {
	  background:transparent !important;
	  }
select {
   width: 224px;
   height: 270px !important;
   *height: 270px; 
   border:0px #000033 solid;
    -moz-border: 0px #000033 solid;
	-webkit-border: 0px #000033 solid;
	-ms-border: 0px #000033 solid;
	-o-border: 0px #000033 solid;
	border: 0px #000033 solid;
   background-color:#393F4F;
   font-size:18px;
    -webkit-appearance:none !important;
	 -moz-appearance: none;
     appearance: none;
  }
select option
  {
	padding: .6em;
	color: #fff;
    -moz-border: 1px solid #868FA2;
	-webkit-border: 1px solid #868FA2;
	-ms-border: 1px solid #868FA2;
	-o-border: 1px solid #868FA2;
	border: 1px solid #868FA2;
	border-width: 1px;
    border-color: #868FA2;
    border-style: solid;
	-webkit-border-width: 1px;
    -webkit-border-color: #868FA2;
    -webkit-border-style: solid;
	  -webkit-appearance:none !important;
}

.first_in_select, .second_in_select{
 overflow: hidden;
	} 
.first_in_select
{
	width:100%;
}
.second_in_select
{
    width: 100%;
}
*/
 
  #container{
  	margin:0 auto;
	clear:both;
  }
  .heading_in_select
  {
	      background: #5A6378;
    color: #fff;
    border: 1px solid #868FA2;
    padding: .5em;}
	

th .drop_inside_box{
    background:transparent;
	padding:0px;
	width:auto;
	margin:0px;
	color:#FFF;
}
.open
{
	border:2px solid #5379bb;
	border-radius:3px;
	margin: -2px !important;}
.col-sm-2 .open
{
	border:0px;
}

.btn-info {
    color: #fff;
    background-color: #00c2ff;
    border-color: #00c2ff;
}
.buttons_container
{
	text-align:right;}

.welcome-text {
    color: #fff;
    text-align: center;
}
.modal-for-spinner {
    opacity: 0.5; 
    top:0px; 
    right:0px; 
    bottom:0px; 
    left:0px; 
    background-color: #000000; 
    position:fixed; 
    z-index:12345;
}
.spinner
{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -8px; /* half width of the spinner gif */
    margin-top: -8px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    /*width: 100px; 
    height: 102px;*/
}
.login-error
{
    width: 50%;
    float: left;
    display: block;
}
.login-error-block
{
    margin: 0px auto;
    width: 60%;
}
.dialogHeader{
    color: #fff;
    background: #5a6378;
}
.dialogBody{
    color: #fff;
    background: #393f4f;
    padding: 30px;
}
.dialogFooter {
    color: #fff;
    background: #393f4f;
}
.nameInput {
    color: #fff;
    background: #5a6378;
}
.projectExplorerTable {
    height: calc(100vh - 200px);
    display: block;
}
.projectExplorerTable tbody, #projectExplorer thead {
    display: block;
}
.projectExplorerTable tbody{
    overflow-y: auto;
    height: calc(100vh - 232px);
    display: block;
}
#historyTable {
    height: calc(100vh - 182px);
    display: block;
}
/*#historyTable tbody, #historyTable thead , #historyTable tr, #historyTable th, #historyTable td{
    display: block;
}*/
#historyTable tbody {
    overflow-y: auto;
    height: calc(100vh - 212px);
    display:block;
}
/*-- History container --*/

.history_container {
	line-height: 25px;
	background: transparent;
	text-align: left;
}
.history_content {
	text-align: left;
	padding: 0px 30px 0 30px;
	font-size: 13px;
	color: #b6bfd0;
    position: absolute;
    display: block;
}
.history_content .table tr {
    width: 100%;
    display: inline-table;
    table-layout: fixed;
}
.history_content .table th:nth-child(1) {
	width:5% !important;
}
.history_content .table th:nth-child(2) {
	width:12% !important;
	padding-left: 10px !important;
}
.history_content .table th:nth-child(3) {
	width:22% !important;
}
.history_content .table th:nth-child(4) {
	width: 16% !important;
}
.history_content .table th:nth-child(5) {
	width: 8% !important;
	text-align:right !important;
}
.history_content .table th:nth-child(6) {
	width: 15% !important;
}
.history_content .table th:nth-child(7) {
    width: 15% !important;
}
.history_content .table th:nth-child(8),.history_content .table th:nth-child(9),.history_content .table th:nth-child(10) {
	width: 4% !important;
}

.history_content .table td:nth-child(1) {
	width:5% !important;
   	text-align: center !important ;
}
.history_content .table td:nth-child(2) {
	width:12% !important;
	padding-left: 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.history_content .table td:nth-child(3) {
	width:22% !important;
   	text-align:left !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.history_content .table td:nth-child(4) {
	width:16% !important;
}
.history_content .table td:nth-child(5) {
	width:8% !important;
	text-align:right !important;
}
.history_content .table td:nth-child(6){
	width:15% !important;
}
.history_content .table td:nth-child(7){
	width:15% !important;
}
.history_content .table td:nth-child(8),.history_content .table td:nth-child(9),.history_content .table td:nth-child(10) {
	width:4% !important;
   	text-align: center !important ;
}
.history_content .table-striped>tbody>tr:nth-of-type(odd) {
	background: #333947 !important;
}
.history_content .table-striped>tbody>tr:nth-of-type(even) {
	background: transparent !important;
}
.truncate30 {
  width: 30vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate40 {
  width: 45vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
select
{
    height: 34px;
    background-color: #5a6378;
    color: #ffffff;
    text-indent: 8px;
    vertical-align: middle;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;
    cursor: pointer;
}
select option
{
    padding: 0.2em 0.4em 0.2em 0.4em;
    border:none;
}
.selectLabel
{
    position: relative;
    display: inline-block;
    font-weight:normal;
    border-radius: 5px;
}
.selectLabel::after
{
    content: "\25bc";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20pt;
    line-height: 34px;
    vertical-align: middle;
    text-align: center;
    background: #5a6378;
    color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    pointer-events: none;
    /*margin-top: 1px;*/
}
.dfselectLabel
{
    position: relative;
    display: inline-block;
    font-weight:normal;
    border-radius: 5px;
}
.dfselectLabel::after
{
    content: "\25bc";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20pt;
    line-height: 34px;
    vertical-align: middle;
    text-align: center;
    background: #5a6378;
    color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    pointer-events: none;
    margin-top: 1px;
}
#inputFileFormatSelect, #outputFileFormatSelect {
    width: 175px;
}
#inputFileFormatSelectLabel, #outputFileFormatSelectLabel {
    float: left;
}
#inputFileHeaderRows, #outputFileHeaderRows {
    width: 60px;
    height: 34px;
    float: left;
}
#inputFileDelimiterSelect, #outputFileDelimiterSelect {
    width: 100px;
}
#inputFileDelimiterSelectLabel, #outputFileDelimiterSelectLabel {
    float:left;
}
input[type=file] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}
input[type=file] + label {
    height: 34px;
    background-color: #00c2ff;
    border-color: #00c2ff;
    color: #ffffff;
    text-indent: 4pt;
    vertical-align: middle;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;
    cursor: pointer;
    padding: 6px 16px 11px 11px;
    margin-left: 10px;
    font-weight: 400;
}
.inputFileName {
    height: 34px;
    background-color: #5a6378;
    color: #ffffff;
    text-indent: 4pt;
    vertical-align: middle;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-top: 11px;
    font-weight: 400;
}
#runDialogInputFileName {
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float:left;
}

.preview_header {
    background:#5a6378;
	color:#000;
}
.fix-radio {
    position: inherit !important;
    margin-left: auto !important;
}
.editScroll {
    height: calc(100vh - 320px);
    display: block;
    overflow-y: auto;
}
.outputColumnScroll {
    height: calc(100vh - 365px);
    overflow-y: auto;
}
#editMilesPerYear {
    width: 100px;
    height: 34px;
}
#editCanadianMilesPerYear {
	width: 100px;
	height: 34px;
}
#history_days {
    width: 50px;
    height: 34px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
#trendNumberOfIntervals {
    width: 75px;
    height: 34px;
}
.trend_label {
    text-align: right;
    color: #fff;
    line-height: 34px;
}
#residualNumberOfMonths {
    width: 75px;
    height: 34px;
}
#marketFrequencies {
    color: #a0a0a0;
}
#outputFields {
    color: #a0a0a0;
}
.autoRefreshCheckbox ::before {
    line-height: 20px;
}
.warning-color {
    color:orange;
    font-size: large;
}
.wait-color {
    color: cornflowerblue;
    font-size:large;
}
.processed-color {
    color: mediumseagreen;
    font-size:large;
}
.running-color {
    color: lightgreen;
    font-size:large;
}
.canceled-color {
    color:orangered;
    font-size:large;
}
.error-color {
    color: orangered;
    font-size:large;
}
.folder-color {
    color:#ffd200;
    font-size: large;
}
.file-color {
    color: floralwhite;
    font-size: large;
}
.info-color {
    color: darkslategray;
    font-size: larger;
}
.star-color {
    color: cornflowerblue;
}
.money-color {
    color: forestgreen;
}
.info-field-color {
    color: cornflowerblue;
}
.category-color {
    color:#ffd200;
}
.output_format_checkbox {
    padding-left: 20px;
    margin-bottom: 10px;
}
.outputLayoutTable {
    width: 90%;
    float: left;
    color: white;
    border: 1px solid;
    border-collapse:collapse;
}
    .outputLayoutTable thead {
        vertical-align: middle;
    }
    .outputLayoutTable thead th:nth-child(1) {
        width: 1000px;
        padding: 4px;
        border: 1px solid;
        border-right: none;
    }
    .outputLayoutTable thead th:nth-child(2) {
        width: 70%;
        padding: 4px;
        border: 1px solid;
        border-right: none;
        border-left: none;
    }
    .outputLayoutTable thead th:nth-child(3) {
        width: 8px;
        border: 1px solid;
        border-left: none;
    }
    .outputLayoutTable tbody td:nth-child(1) {
        width: 1000px;
        padding: 4px;
        border: 1px solid;
    }
    .outputLayoutTable tbody td:nth-child(2) {
        width: 70%;
        padding: 4px;
        border: 1px solid;
    }
    .outputLayoutTable tbody {
        overflow-y: auto;
        max-height: calc(100vh - 565px);
        display: block;
        cursor: pointer;
    }
    .outputLayoutTable thead {
        display: block;
    }
.OutputColumnSelected {
    background-color: black;
}
.OutputLayoutDivider {
    margin: 5px 0px 5px 0px;
}
.editColumnHeading {
    color: black;
    width: 60%;
}
.editProjectName {
    width: 250px;
    height: 30px;
    color: black;
}
.projectNameLabel {
    margin-right: 5px;
    color: white;
    float: left;
}
.FTPSiteSelected {
    background-color: black;
}
.ftpSiteTable {
    width: 100%;
    border: 1px solid;
}
.ftpSiteTable thead th, .ftpSiteTable tbody td {
    padding: 4px;
    border: 1px solid;
}
.ftpSiteTable thead th:nth-child(1) {
    width: 70%;
}
.ftpSiteTable thead th:nth-child(2) {
    width: 15%;
    text-align: center;
}
.ftpSiteTable thead th:nth-child(3) {
    width: 15%;
    text-align: center;
}
.ftpSiteTable tbody td:nth-child(1) {
    width: 70%;
}
.ftpSiteTable tbody td:nth-child(2) {
    width: 15%;
    text-align: center;
}
.ftpSiteTable tbody td:nth-child(3) {
    width: 15%;
    text-align: center;
}
.ftpBrowserSelected {
    background-color: darkgray;
}
.recycleBinTable {
    width: 100%;
    border: 1px solid;
}
.recycleBinTable tbody {
    overflow-y: auto;
    max-height: 55vh;
    display: block;
}
.recycleBinTable thead {
    display: block;
}
.recycleBinTable thead th, .recycleBinTable tbody td {
    padding: 4px;
    border: 1px solid;
}
.recycleBinTable thead th:nth-child(1) {
    width: 300px;
}
.recycleBinTable thead th:nth-child(2) {
    width: 120px;
}
.recycleBinTable thead th:nth-child(3) {
    width: 108px;
    text-align:center;
}
.recycleBinTable tbody td:nth-child(1) {
    width: 300px;
}
.recycleBinTable tbody td:nth-child(2) {
    width: 120px;
}
.recycleBinTable tbody td:nth-child(3) {
    width: 108px;
    text-align:center;
}

.folder-indent {
    padding: 5px 5px 0px 30px;
}
.folder-close {
    padding: 5px 5px 0px 0px;
}
/* For phones */
.side_menu {
    height: 100vh;
    background: white;
    padding: 0px !important;
    width: 100%;
}
.header_logo {
    display:none;
}

#leftMenuIcon {
    color: white;
    font-size: x-large;
}

#leftMenuButton {
    float: left;
    padding: 0px 20px;
}

@media only screen and (min-width: 768px) {
    #leftMenuButton 
    {
        display: none;
    }
    .header_logo {
        display: block;
        background: #a01830;
        text-align: center;
    }
    .powerd, .logo_for_powerd_by
    {
        display:block;
    }
    .side_menu {
        width: 16%;
        float: left;
    }
    .nav-tabs>li.active
    {
	    /*background: url(../images/tab_back.png) 98% 15px no-repeat, url(../images/folder_open.png) 10px 13px no-repeat #2C2E36;*/
    }
    .nav-tabs>li
    {
	    width:100%;
	    border: 1px solid #868fa2;
	    float: left;
	    clear: left;
	    cursor: pointer;
	    line-height: 40px;
	    /*padding: 5px 42px;*/
	    color: #b6bfd0;
	    /*background: url(../images/folder_close.png) 10px 13px no-repeat;*/
	    font-weight: normal;
    }
    .index-container {
        width: 84%;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
/* Detects Internet Explorer >= 10*/
{
    .dfselectLabel::after
    {
        margin-top: 2px;
        border-radius: 0px;
        -webkit-border-radius: 0px;
    }
    .dfselectLabel
    {
        border-radius: 0px;
        -webkit-border-radius: 0px;
    }
    select
    {
        border-radius: 0px;
        -webkit-border-radius: 0px;
        padding-left: 5px;
    }
    .selectLabel::after
    {
        border-radius: 0px;
        -webkit-border-radius: 0px;
    }
}