/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 4, 2017, 1:46:30 PM
    Author     : mittal
*/

.floatRight{
    float: right;
}

.preserveSpace{
    white-space: pre;
}

.imgRight {
    float: right; 
    min-width: 150px; 
    width: 20%;
    text-align: center;
    margin-top: 0px;
}

.imgLeft {
    float: left; 
    min-width: 150px; 
    width: 20%;
    text-align: center;
    margin-top: 0px;
}

.fullMaxWidth {
    max-width: 100%
}

.headerMenu{
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}

.tableHeader
{
    font-weight: bold;
}

.errorMessage
{
    color: red;
}

/* bottom to top scroll btn*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background: #25283d;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 5px;
  transition: all ease-in-out 300ms;
}

#myBtn:hover {
  background-color:orange;
  color: #25283d;
  transform: scale(1.1);
}

#tableForm\:payloads_content {
    border: none !important;
}

.planeStyle a {
    color: rgb(0,0,238) !important;
}

.ui-datatable .ui-datatable-footer
{
    font-weight: normal; 
    text-align: left; 
    background-color: #f2f0f0;
}

.ui-widget-header a {
    color: rgb(0, 0, 238);
}

.ui-layout-center
{
    z-index: 1000 !important;
    overflow: visible !important;
}

.ui-layout-unit .ui-layout-unit-content
{
    overflow: visible !important;
}

.ui-widget-content a {
    color: #FFFFFF;
}


.ui-datatable .ui-datatable-header
{
    background-color: #FFFFFF;
    height: 32px;
}


.ui-accordion .ui-accordion-header 
{
    font-weight: normal;
}

.ui-accordion .ui-accordion-header .ui-icon
{
    background-color: white;
}

/*Neethu*/

.ui-widget input
{
    background: #ffffff !important;
}

.ui-widget{
  font-size: 1em !important;
}

.ui-menu .ui-menuitem-text {
    font-family: Cambria;
}

b{
    font-style: italic !important ;
    font-size: 0.9em;
}

.btn{
    margin-top: 25px;
    text-align: center;
}

body .ui-menu{
    border-bottom: 4px solid black !important;
    border-radius: 10px !important;
}

.headerMenuHighlight{
    background: orange !important;
    color: black !important;
}

.headerMenu{
    background: #25283d !important;
    color: white !important;
}


.ui-datagrid-column {
    margin-right: 40px;
    margin-bottom: 50px;
    transition: all ease-in-out 400ms;
}

.ui-datagrid-column:hover {
    transform: scale(1.1);
    box-shadow: 0px 17px 20px -20px rgb(0, 0, 0);
}

.ui-state-hover{
    background:orange !important;
    box-shadow:none !important;
    color: black !important;
}

.ui-menubar .ui-menuitem-link{
    padding-right: 0.8em !important;
}

.ui-menu-active{
    color: black !important;
}

.header{
    padding-top: 10px;
    margin-left: 250px;
    padding-bottom: 1px;
}

.headerIsda{
    background: -webkit-linear-gradient(top,orange,white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.isroLogo{
    float: left;
    margin-left: 40px;
    margin-top: 30px;
}

.headerMissionName{
    background: -webkit-linear-gradient(top,darkorange,white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navMenu{
    background:#25283d;
    border: none;
}
.navLogin{
    border: none !important;
    padding: 0px;
    margin: 0px;
}

.ui-menu{
    padding: 0.4em;
}

.ui-panel .ui-panel-titlebar {
    background-color: #25283d !important;
    color: white;
}

.ui-widget-header{
    background: none !important;
    text-shadow: none !important;
}

.ui-datatable thead th
{
    background-color: #25283d !important; 
    color: white;
}

.submitButton {
    font-weight: bold;
    background: #25283d;
    color: white;
    border: 0.5px groove gray;
    transition: all ease-in-out 300ms;
}

.submitButton:hover {
    background: orange;
    color: black;
    transform: scale(1.1);
}
.downloadScriptBtn{
    border: 2px outset black !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    color: white !important;
    transition: all ease-in-out 300ms;
}
.downloadScriptBtn:hover{
    background: orange;
    color: black;
    transform: scale(1.1);
}

.ui-state-default{
    background: none !important;
    font-weight: normal !important;
    text-shadow:none !important;
}


.ui-datatable .ui-datatable-header{
    background: #25283d26 !important;
    color:black !important;
}

.state_hover{

}

.state_hover:hover{
    background:orange !important;
    color: black !important;
}

.ui-state-highlight{
    background: #25283d33 !important;
}

.ui-paginator.ui-paginator-bottom {
    background: #25283d26 !important;
    color: black;
}

.ui-dialog .ui-dialog-titlebar {
    background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0)) !important;
}

.ui-menu .ui-menu-list .ui-menuitem{
    border-right: 1px solid orange;
    margin-right: 8px;
    padding-right: 8px;
    border-radius: 0px;
}

.ui-accordion .ui-accordion-header{
    background: #25283d3b  !important;
    color: black !important;
}

.ui-accordion .ui-accordion-header:hover{
    /*background: orange!important;*/
    /*color: black !important;*/
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: black !important;
    text-shadow: 1px 1px 1px #333333;
}

.ui-panel .ui-panel-content {
    font-size: 0.8em;
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
    padding-right: 10px !important;
}

/*Front page style classes*/
  /*start*/
.accessDataDiv{
    margin: auto;
    width: 300px;
    position: relative;
    border: 1px solid #808080a6;
    box-shadow: 0px 18px 20px -20px rgb(0, 0, 0);
    border-radius: 30px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(150deg,#f34079 ,#ee786e,#fc984d);
    display: flex;
    justify-content: center;
    transition: all ease-in-out 400ms;
}


.accessDataDiv:hover {
    transform: scale(1.2);
}

.accessDataLink{
    color: black;
    font-family: Cambria;
    font-weight: bold !important;
    font-size: 1.4em;
}

.accessDataLink:hover{
    color: white;
}

.onThisPageDiv{
    display: block;
    box-shadow: 0px 0px 5px 0px #cfcfcf;
    margin-top: 15px;
    background: #25283d08;
    font-size: 0.9em;
    padding: 2px;
    width: 400px
}

.onThisPage{
    color: #1c455f;
    font-weight: bold;
   
}

.missionInfoDiv{
    width: 1000px;
    margin: auto;
}

.missionName{
    margin-left: 5%;
    font-weight: bold;
    font-size: 1.2em;
}

.missionOtherInfo{
    cursor: pointer;
    color: black;
    text-decoration: none;
}
.missionOtherInfo:hover{
    text-decoration: underline;
}

.missionPayloadInfoSection{
    padding: 30px;
    padding-left: 100px;
    padding-right: 100px;
    font-size: 0.9em;
}

.gridCol4{
    border-right: 1px solid #a4bcce;
    border-bottom: 1px solid #a4bcce;
    height: 300px;
}

.ui-grid-row{
    margin-left: 80px;
    margin-right: 80px;
    text-align: center;
}

.payloadNumber{
    display: inline-block;
    width: 60px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    background: #b0cadd96;
    padding-top: 10px;
    margin-top: 20px;
}

.noBorderBottom{
    border-bottom: none;
}

.noBorderRight{
    border-right: none;    
}

.payload{
    margin: 2em;
}

.payloadContent{
    margin: 2em;
    background: white;
    padding: 1rem;
}

.payloadsSection{
    margin-bottom: 70px;
}

.payloadImgRight{
    float: right;
    margin-left: 40px;
    transition: all ease-in-out 400ms;
    max-width: 250px;
}

.w-full{
    width: 100%;
}

/*.payloadImgRight{
    float: right;
    width: 12%;
    margin-left: 40px;
    transition: all ease-in-out 400ms;
    min-width: 100px;
}*/

.payloadImgRight:hover{
    transform: scale(1.1);
}

.payloadImgLeft{
    float: left;
    margin-right: 40px;
    transition: all ease-in-out 400ms;
    max-width: 250px;
}

.ui-accordion .ui-accordion-content{
    margin-bottom: 50px;
}

/*End*/

.preview {
    max-width: var(--maxwidth);
}

.largerPreview {
    max-width: 500px;
}