﻿.parentdivforMac
{
    width:97%; 
    height: 1130px; /*725px;*/ 
    min-height: 81vh;
    background-color: #E2E2E2;
    color:#606060;
    opacity : 0.983;
}

.topline-div
{
    
  width:100%; 
  height:15px; 
  background-color: #E2E2E2; 
  border-bottom-style:solid ; 
  border-bottom-width:1px; 
  border-bottom-color:Gray;
}

.Toptxt-display
{
    width:100%; 
    height:54px; 
    background-color: #E2E2DC; 
    border-bottom-style:solid;
    border-bottom-width:1px; 
    border-bottom-color:Gray;
}

.spantext-display
{
    font-family: 'Times New Roman', Times, serif;
    position: relative; 
    top: 16px; 
    font-size:24px;
    padding-left: 19px;
}

.maindiv-of-middletext-display-For-MAC 
{
    width: 85%; /*100%;*/
    height:550px;
    background-color: #E2E2E2;
    margin:0 auto;
    /*border-bottom-style:solid;
   border-bottom-width:1px; 
   border-bottom-color:Gray;*/
}

.maindiv-of-middletext-display-For-MAC .app-on-device 
{
    position: relative;
    width: 93%;
    height: 115px; /*165px;*/
    margin: 25px 0 7px 0;
}

.leftside-imagediv
{
    /*width: 36%;*/ 
    height:115px; 
    vertical-align:top;  
    position:relative;  
    /*top:15px;*/ 
    left:40px; 

    /*top: 50%;

    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);*/
}

#imgDownloadMacApp
{
    height:115px;
}

#imgDownloadPCApp
{
    height:115px;
}

.rightside-imagediv
{
    width: 88%; /*55%;*/ 
    height:125px; 
    position:relative;
    left:20px;
    /*top:28px;*/
}

.rightside-spantext
{
    display: inline-block; 
    font-size:18px;
    font-weight :bold;
}

.rightside-maincontenttext
{
    display: inline-block; 
    font-size:16px;
   
}
.down-maindiv-display
{
   width:100%; 
   height:55px; 

   
}

.download-button-div
{
  position:relative;
  top:15px;    
}

.subscription-steps
{
   font-family:Times New Roman;
   font-weight:bold;
   color:#63645F;
   font:14px; 
   padding-bottom:4px;
}

.downloadPage-quill-image
{
    margin-top:-13px;
    position:relative;
    right:-7px;
   
}
   
    
.childspan-textdisplay
{
   display: block; 

   font-weight:bold; 
}

.subchildspan-textdisplay
{
   display: block; 
   padding-left:30px;
}

.detailsContainer
{
    padding-left: 30px;
   
}
.relasenotes-textdisplay {
    display: block;
    padding-left: 0px;
}

.detailsContent
{
    height: 115px;
    background-color :White;
    /*border: 1px solid #A3A3A3;*/ /*#A0A0A0;*/ /*1px solid #BEBEBE;*/
    border-radius: 16px; /*10px;*/   
    padding : 13px 4px 0px 4px; /*4px;*/

    background-image: -moz-linear-gradient(rgb(156, 156, 156)0%, white 4%, white 100%, rgb(156, 156, 156)100%);
    background-image: -webkit-linear-gradient(rgb(156, 156, 156)0%, white 4%, white 100%, rgb(156, 156, 156)100%);
    background-image: linear-gradient(rgb(156, 156, 156)0%, white 4%, white 100%, rgb(156, 156, 156)100%);
    
    -webkit-box-shadow: inset 1px -3px 4px 1px rgb(212, 211, 211);
    -moz-box-shadow: inset 1px -3px 4px 1px rgb(212, 211, 211);
    box-shadow: inset 0px -2px 5px 1px rgb(179, 179, 179);/*inset 0px 0px 13px 1px #BEBEBE;*/
      
    line-height: 18px;
    color: rgb(65, 65, 65);
}

.details-left-section
{
    position:relative;
    left :15px;
    padding-top :3px;
}

.details-right-section
{
    position:relative;
    right:25px;
    padding-top :3px;
}

.details-header-text
{
    font-weight :bold;
}

.download-content
{
    /*position :relative;
    top:30px;
    width:55%;*/
    position: absolute;
    left: 274px;
    right: 0px;
    top: 50%;

    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.requirements-section
{
    padding-left: 10px;
}
.requirements-content
{
    position :relative;
    top:4px;    
}
.detailsAndRequirementsSection
{
    padding-left:20px;
}

.macDownloadbtnCursor
{
    cursor:default;
}
.maindiv-of-Mac-instructions-text-display 
{
    width: 768px;
    height: 380px;
    background-color: #E2E2E2;
    margin: 0 auto;
}

.maindiv-of-Mac-instructions-text-display .app-on-device 
{
    position: relative;
    width: 100%;        
}
.installation-instructions-content {
    position: absolute;
    left: 320px;
    right: 0px;    
    height:413px;
    margin: 40px 0px 7px 0px;
}

.pc-installation-instructions-content {
    position: absolute;    
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 263px;
}

.rightside-instructions-text {
    display: inline-block;
    font-size: 16px;    
    margin-left: 25px;
}
.warning-message-image {
    height: 297px;
    width: 253px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    margin: 25px 0 7px 0;
    box-shadow: 0px 3px 4px 2px #4f4f4f85;
}
.parentdivforPC {
    width: 97%;
    height: 935px;
    min-height: 81vh;
    background-color: #E2E2E2;
    color: #606060;
    opacity: 0.983;
}

.maindiv-of-middletext-display-For-PC {
    width: 85%; /*100%;*/
    height: 620px;
    background-color: #E2E2E2;
    margin: 0 auto;
}

.maindiv-of-middletext-display-For-PC .app-on-device {
    position: relative;
    width: 93%;
    height: 115px; /*165px;*/
    margin: 25px 0 7px 0;
}


.maindiv-of-PC-instructions-text-display {
    width: 97%;
    height: 120px;
    background-color: #E2E2E2;
    margin: 0 auto;
}

.maindiv-of-PC-instructions-text-display .app-on-device {
    position: relative;
    width: 100%;
    height:350px;
}

.spanbrowsersinfotext {
    font-family: 'Times New Roman', Times, serif;
    position: relative;
    bottom: 10px;
    font-size: 18px;    
}