/*styling for feature_comparison_mobile button*/
.moved_right {
    display: flex;
    justify-content: flex-end;
}
#shareButton{
    display: inline-block;
    background-color: #4b81e6;
    border-radius: 10px;
    border: 4px double #cccccc;
    color: #eeeeee;
    text-align: center;
    font-size: 15px;
    margin: 5px;
}
/*end styling for feature_comparison_mobile button*/


/* Portrait */
@media (min-device-width: 10px) { 

    #powershell_studio_boxshot-small, #primalscript-small, #vs_code-small, #ise-small{
        width: 42px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top:.7rem;
    }
    
    .SPS-spacer-text-start{
        display: none;
    }
    
    .SPS-spacer-text-end{
        display: inline-block;
        padding-left: 12px;
        color:rgba(0,0,0,0)
    }
    
    .PS-spacer-text-start{
        display: inline-block;
        padding-left: 1px;
    }
    
    .PS-spacer-text-end{
        display: inline-block;
        padding-left: 1px;
        
    }
    
    .VS-spacer-text-start{
        display: inline-block;
        padding-left: 0px;
    
    }
    
    .VS-spacer-text-end{
        display: inline-block;
        padding-left: 3px;
        color:rgba(0,0,0,0)
    }
    
    .ISE-spacer-text-start{
        display: inline-block;
        padding-left: 13px;
        color:rgba(0,0,0,0);
    }
    
    .ISE-spacer-text-end{
        display: inline-block;
        padding-left: 17px;
        color:rgba(0,0,0,0);
    }
    
    #feature-comparison{
        display: none;
    }
    
    #show-more-wrapper{
        display: none;
    }
    
    /* Show hyperlink when screen size is small 
    a[href='feature_comparison_mobile.php']{
        display: inline;
    }
    */
    .feature-header{
        max-width: 20px;
    }
    
    #feature-comparison-small{
        max-width: 358px;
        display: grid;
        grid-template-columns: 2.2fr repeat(4, 1fr);
        grid-template-rows: 2fr;
        column-gap: 1rem;
        margin-top: 4rem;
        margin-bottom: 4rem;
        column-gap: 0.32rem;
    }
    
    .feature-cell-small{
        padding: .2rem;
        font-size: 1.1rem;
        font-weight: normal;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        border-bottom: #edf2f7 dotted 1px;
    }
 
    .feature-cell-small img{
        margin-top: 1rem;
    }
      
    .feature-cell-small .fa-times{
        color: #718096;
    }
    
    .feature-cell-small .fa-check{
        color: #28a745
    }
    
    /* Remove border on cells that don't hold data */
    .feature-cell-small:nth-child(1), .feature-cell-small:nth-child(2), .feature-cell-small:nth-child(3), .feature-cell-small:nth-child(4), .feature-cell-small:nth-child(5), .feature-cell-small:nth-child(6), .feature-cell-small:nth-child(7), .feature-cell-small:nth-child(8), .feature-cell-small:nth-child(9), .feature-cell-small:nth-child(10), .feature-cell-small:nth-child(131), .feature-cell-small:nth-child(132), .feature-cell-small:nth-child(133), .feature-cell-small:nth-child(134), .feature-cell-small:nth-child(135),
    .feature-cell-small:nth-child(156),.feature-cell-small:nth-child(157), .feature-cell-small:nth-child(158), .feature-cell-small:nth-child(159), .feature-cell-small:nth-child(160), .feature-cell-small:nth-child(191), .feature-cell-small:nth-child(192), .feature-cell-small:nth-child(193), .feature-cell-small:nth-child(194), .feature-cell-small:nth-child(195){
        border-bottom: none;
    }
    
    /* Cells that are feature names */
    .feature-cell-small:nth-child(5n + 1){
        justify-content: flex-start;
        padding-left: 1rem;
        border-bottom: #a0aec0 dotted 1px;
    }
    
    /* Cells that are feature categories*/
    .feature-cell-small:nth-child(1), .feature-cell-small:nth-child(6), .feature-cell-small:nth-child(131), .feature-cell-small:nth-child(161), .feature-cell-small:nth-child(196){
        font-weight: bold;
        border-bottom: none;
    }
    
    /* Background Color For Columns */
    .feature-cell-small:nth-child(5n + 2){
        background-color: #d3e3f0;
    }
    
    .feature-cell-small:nth-child(5n+3){
        background-color: #f9d9c4;
    }
    
    .feature-cell-small:nth-child(5n+4), .feature-cell-small:nth-child(5n+5){
        background-color: #DDDDDD;
    }
    
    /* Round off the column endpoints */
    .feature-cell-small:nth-child(2), .feature-cell-small:nth-child(3), .feature-cell-small:nth-child(4), .feature-cell-small:nth-child(5)
    {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        display: block;
    }
    
    .bottom-row-small {
        padding-bottom: 5px !important;
        border-bottom: none !important;
        border-bottom-left-radius : 4px;
        border-bottom-right-radius: 4px;
    }
} 


/* Landscape */
@media (min-device-width: 100px) and (orientation: landscape){ 

    .feature-header{
        max-width: 50px;
    }
    
    #powershell_studio_boxshot-small, #primalscript-small, #vs_code-small, #ise-small{
        width: 84px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top:.7rem;
    }

    .SPS-spacer-text-start{
        display: inline-block;
        padding-left: 0px;
    }

    .SPS-spacer-text-end{
        display: none;
    }

    .PS-spacer-text-start{
        display: inline-block;
        padding-left: 15px;
    }


    .VS-spacer-text-start{
        display: inline-block;
        padding-left: 26px;
    }

    .VS-spacer-text-end{
       display: none;
        
    }

    .ISE-spacer-text-start{
        padding-left: 40px;
        padding-right: 0px;
        color:rgba(0,0,0,0);
    }

    .ISE-spacer-text-end{
        display: inline-block;
        color:rgba(0,0,0,0);
    }

    #feature-comparison{
        display: none;
    }

    #show-more-wrapper{
        display: none;
    }

    .feature-header{
        max-width: 500px;
    }

    #feature-comparison-small{
        max-width: 812px;
        display: grid;
        grid-template-columns: 2.2fr repeat(4, 1fr);
        grid-template-rows: 2fr;
        grid-auto-rows: .5fr;
        column-gap: 1rem;
        margin-top: 4rem;
        margin-bottom: 4rem;
        column-gap: 0.32rem;
    }

    .feature-cell-small{
        padding: .2rem;
        font-size: 1.1rem;
        font-weight: normal;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        border-bottom: #edf2f7 dotted 1px;
    }

    .feature-cell-small img{
        margin-top: 1rem;
    }

    .feature-cell-small .fa-times{
        color: #718096;
    }

    .feature-cell-small .fa-check{
        color: #28a745
    }    

    /* Remove border on cells that don't hold data */
    .feature-cell-small:nth-child(1), .feature-cell-small:nth-child(2), .feature-cell-small:nth-child(3), .feature-cell-small:nth-child(4), .feature-cell-small:nth-child(5), .feature-cell-small:nth-child(6), .feature-cell-small:nth-child(7), .feature-cell-small:nth-child(8), .feature-cell-small:nth-child(9), .feature-cell-small:nth-child(10), .feature-cell-small:nth-child(131), .feature-cell-small:nth-child(132), .feature-cell-small:nth-child(133), .feature-cell-small:nth-child(134), .feature-cell-small:nth-child(135),
    .feature-cell-small:nth-child(156),.feature-cell-small:nth-child(157), .feature-cell-small:nth-child(158), .feature-cell-small:nth-child(159), .feature-cell-small:nth-child(160), .feature-cell-small:nth-child(191), .feature-cell-small:nth-child(192), .feature-cell-small:nth-child(193), .feature-cell-small:nth-child(194), .feature-cell-small:nth-child(195){
        border-bottom: none;    
    }

    /* Cells that are feature names */
    .feature-cell-small:nth-child(5n + 1){
        justify-content: flex-start;
        padding-left: 1rem;
        border-bottom: #a0aec0 dotted 1px;
    }

    /* Cells that are feature categories */
    .feature-cell-small:nth-child(1), .feature-cell-small:nth-child(6), .feature-cell-small:nth-child(131), .feature-cell-small:nth-child(161), .feature-cell-small:nth-child(196){
        font-weight: bold;
        border-bottom: none;
    }
      
    /* Background Color For Columns */
    .feature-cell-small:nth-child(5n + 2){
        background-color: #d3e3f0;
    }

    .feature-cell-small:nth-child(5n+3){
        background-color: #f9d9c4;
    }

    .feature-cell-small:nth-child(5n+4), .feature-cell-small:nth-child(5n+5){
        background-color: #DDDDDD;
    }    

    /* Round off the column endpoints */
    .feature-cell-small:nth-child(2), .feature-cell-small:nth-child(3), .feature-cell-small:nth-child(4), .feature-cell-small:nth-child(5)
    {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        display: block;
    }

    .bottom-row-small {
        padding-bottom: 5px !important;
        border-bottom: none !important;
        border-bottom-left-radius : 4px;
        border-bottom-right-radius: 4px;
    }
}


/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (orientation: portrait) { 

    #powershell_studio_boxshot-small, #primalscript-small, #vs_code-small, #ise-small{
        width: 42px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top:.7rem;
    }
    
    .SPS-spacer-text-start{
        display: none;
    }
    
    .SPS-spacer-text-end{
        display: inline-block;
        padding-left: 12px;
        color:rgba(0,0,0,0)
    }
    
    .PS-spacer-text-start{
        display: inline-block;
        padding-left: 1px;
    }
    
    .PS-spacer-text-end{
        display: inline-block;
        padding-left: 1px;
    }
    
    .VS-spacer-text-start{
        display: inline-block;
        padding-left: 0px;   
    }
    
    .VS-spacer-text-end{
        display: inline-block;
        padding-left: 3px;
        color:rgba(0,0,0,0)
    }
    
    .ISE-spacer-text-start{
        display: inline-block;
        padding-left: 13px;
        color:rgba(0,0,0,0);
    }
    
    .ISE-spacer-text-end{
        display: inline-block;
        padding-left: 17px;
        color:rgba(0,0,0,0);
    }
    
    #feature-comparison{
        display: none !important;
    }
    
    #show-more-wrapper{
        display: none !important;
    }

    .feature-header{
        max-width: 20px;
    }
    
    #feature-comparison-small{
        max-width: 358px;
        display: grid;
        grid-template-columns: 2.2fr repeat(4, 1fr);
        grid-template-rows: 2fr;
        column-gap: 1rem;
        margin-top: 4rem;
        margin-bottom: 4rem;
        column-gap: 0.32rem;
    }
    
    .feature-cell-small{
        padding: .2rem;
        font-size: 1.1rem;
        font-weight: normal;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        border-bottom: #edf2f7 dotted 1px;
    }
 
    .feature-cell-small img{
        margin-top: 1rem;
    }
      
    .feature-cell-small .fa-times{
        color: #718096;
    }
    
    .feature-cell-small .fa-check{
        color: #28a745
    }
    
    /* Remove border on cells that don't hold data */
    .feature-cell-small:nth-child(1), .feature-cell-small:nth-child(2), .feature-cell-small:nth-child(3), .feature-cell-small:nth-child(4), .feature-cell-small:nth-child(5), .feature-cell-small:nth-child(6), .feature-cell-small:nth-child(7), .feature-cell-small:nth-child(8), .feature-cell-small:nth-child(9), .feature-cell-small:nth-child(10), .feature-cell-small:nth-child(131), .feature-cell-small:nth-child(132), .feature-cell-small:nth-child(133), .feature-cell-small:nth-child(134), .feature-cell-small:nth-child(135),
    .feature-cell-small:nth-child(156),.feature-cell-small:nth-child(157), .feature-cell-small:nth-child(158), .feature-cell-small:nth-child(159), .feature-cell-small:nth-child(160), .feature-cell-small:nth-child(191), .feature-cell-small:nth-child(192), .feature-cell-small:nth-child(193), .feature-cell-small:nth-child(194), .feature-cell-small:nth-child(195){
        border-bottom: none;
    }
    
    /* Cells that are feature names */
    .feature-cell-small:nth-child(5n + 1){
        justify-content: flex-start;
        padding-left: 1rem;
        border-bottom: #a0aec0 dotted 1px;
    }
    
    /* Cells that are feature categories */
    .feature-cell-small:nth-child(1), .feature-cell-small:nth-child(6), .feature-cell-small:nth-child(131), .feature-cell-small:nth-child(161), .feature-cell-small:nth-child(196){
        font-weight: bold;
        border-bottom: none;
    }
    
    /* Background Color For Columns */
    .feature-cell-small:nth-child(5n + 2){
        background-color: #d3e3f0;
    }
    
    .feature-cell-small:nth-child(5n+3){
        background-color: #f9d9c4;
    }
    
    .feature-cell-small:nth-child(5n+4), .feature-cell-small:nth-child(5n+5){
        background-color: #DDDDDD;
    }
    
    /* Round off the column endpoints */
    .feature-cell-small:nth-child(2), .feature-cell-small:nth-child(3), .feature-cell-small:nth-child(4), .feature-cell-small:nth-child(5)
    {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        display: block;
    }
    
    .bottom-row-small {
        padding-bottom: 5px !important;
        border-bottom: none !important;
        border-bottom-left-radius : 4px;
        border-bottom-right-radius: 4px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (orientation: landscape) { 

    .feature-header{
        max-width: 50px;
    }
    
    #powershell_studio_boxshot-small, #primalscript-small, #vs_code-small, #ise-small{
        width: 84px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top:.7rem;
    }

    .SPS-spacer-text-start{
        display: inline-block;
        padding-left: 5px;
    }

    .SPS-spacer-text-end{
        display: none;
    }

    .PS-spacer-text-start{
        display: inline-block;
        padding-left: 23px;
    }

    .VS-spacer-text-start{
        display: inline-block;
        padding-left: 30px;
    }

    .VS-spacer-text-end{
        padding-left: 25px;
    }

    .ISE-spacer-text-start{
        padding-left: 45px;
        padding-right: 0px;
        color:rgba(0,0,0,0);
    }

    .ISE-spacer-text-end{
        display: inline-block;
        color:rgba(0,0,0,0);
    }

    #feature-comparison{
        display: none !important;
    }

    #show-more-wrapper{
        display: none !important;
    }
    /* Show hyperlink when screen size is small 
    a[href='feature_comparison_mobile.php']{
        display: inline;
    }
    */

    .feature-header{
        max-width: 500px;
    }

    #feature-comparison-small{
        max-width: 812px;
        display: grid;
        grid-template-columns: 2.2fr repeat(4, 1fr);
        grid-template-rows: 2fr;
        grid-auto-rows: .5fr;
        column-gap: 1rem;
        margin-top: 4rem;
        margin-bottom: 4rem;
        column-gap: 0.32rem;
    }

    .feature-cell-small{
        padding: .2rem;
        font-size: 1.1rem;
        font-weight: normal;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        border-bottom: #edf2f7 dotted 1px;
    }

    .feature-cell-small img{
        margin-top: 1rem;
    }

    .feature-cell-small .fa-times{
        color: #718096;
    }

    .feature-cell-small .fa-check{
        color: #28a745
    }    

    /* Remove border on cells that don't hold data */
    .feature-cell-small:nth-child(1), .feature-cell-small:nth-child(2), .feature-cell-small:nth-child(3), .feature-cell-small:nth-child(4), .feature-cell-small:nth-child(5), .feature-cell-small:nth-child(6), .feature-cell-small:nth-child(7), .feature-cell-small:nth-child(8), .feature-cell-small:nth-child(9), .feature-cell-small:nth-child(10), .feature-cell-small:nth-child(131), .feature-cell-small:nth-child(132), .feature-cell-small:nth-child(133), .feature-cell-small:nth-child(134), .feature-cell-small:nth-child(135),
    .feature-cell-small:nth-child(156),.feature-cell-small:nth-child(157), .feature-cell-small:nth-child(158), .feature-cell-small:nth-child(159), .feature-cell-small:nth-child(160), .feature-cell-small:nth-child(191), .feature-cell-small:nth-child(192), .feature-cell-small:nth-child(193), .feature-cell-small:nth-child(194), .feature-cell-small:nth-child(195){
        border-bottom: none;    
    }

    /* Cells that are feature names */
    .feature-cell-small:nth-child(5n + 1){
        justify-content: flex-start;
        padding-left: 1rem;
        border-bottom: #a0aec0 dotted 1px;
    }

    /* Cells that are feature categories */
    .feature-cell-small:nth-child(1), .feature-cell-small:nth-child(6), .feature-cell-small:nth-child(131), .feature-cell-small:nth-child(161), .feature-cell-small:nth-child(196){
        font-weight: bold;
        border-bottom: none;
    }
      
    /* Background Color For Columns */
    .feature-cell-small:nth-child(5n + 2){
        background-color: #d3e3f0;
    }

    .feature-cell-small:nth-child(5n+3){
        background-color: #f9d9c4;
    }

    .feature-cell-small:nth-child(5n+4), .feature-cell-small:nth-child(5n+5){
        background-color: #DDDDDD;
    }    

    /* Round off the column endpoints */
    .feature-cell-small:nth-child(2), .feature-cell-small:nth-child(3), .feature-cell-small:nth-child(4), .feature-cell-small:nth-child(5)
    {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        display: block;
    }

    .bottom-row-small {
        padding-bottom: 5px !important;
        border-bottom: none !important;
        border-bottom-left-radius : 4px;
        border-bottom-right-radius: 4px;
    }
    
}