﻿ .style1
        {
            width: 100%;
            border-style: solid;
            border-width: 1px;
        }
        
        .btnNew-save, .btnNew-save:active, .btnNew-save:focus, .btnNew-save:hover
        {
            color: #fff;
            border-radius: 0;
            border: 0px solid;
            padding: 3px 8px;
            background: #555C6A; /* Old browsers */
            background: -moz-linear-gradient(top,  #555C6A 0%, #555C6A 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555C6A), color-stop(100%,#555C6A)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #555C6A 0%,#555C6A 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #555C6A 0%,#555C6A 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #555C6A 0%,#555C6A 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #555C6A 0%,#555C6A 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555C6A', endColorstr='#555C6A',GradientType=0 ); /* IE6-9 */
        }
        .btnNew-save .fa
        {
            transform: rotate(90deg);
            margin-right: 5px;
        }
        
          .someinput::-ms-clear
        {
            display: none;
        }
        ::-ms-clear
        {
            display: none;
        }
        ::-ms-reveal
        {
            display: none;
        }
        
         .style1
        {
            width: 100%;
            border-style: solid;
            border-width: 1px;
        }
        
        .someinput::-ms-clear
        {
            display: none;
        }
        
        ::-ms-clear
        {
            display: none;
        }
        
        ::-ms-reveal
        {
            display: none;
        }
        
        .tab-content
        {
            border-left: 1px solid #ccced0;
            border-right: 1px solid #ccced0;
            border-bottom: 1px solid #ccced0;
            border-top: 1px solid #ccced0;
            padding: 5px 5px 5px 5px;
             
        }
        
      
        .fontClass
        {
            font-weight: 500;
            color: #000;
            font-size: 14px;
        }
        
        .form-group .form-control
        {
            height: 25px;
        }
        
        .MarginSpace
        {
            margin-bottom: 3px;
            margin-top: 3px;
        }
        input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
        {
            background-color: White;
            background-image: none;
            color: rgb(0, 0, 0);
        }
        
       
        .web_dialog_overlay
        {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            background: #000000;
            opacity: .15;
            filter: alpha(opacity=15);
            -moz-opacity: .15; /*z-index: 101; */
            display: none;
        }
        .web_dialog
        {
            display: none;
            position: fixed;
            width: 380px;
            height: 200px;
            top: 50%;
            left: 50%;
            margin-left: -190px;
            margin-top: -100px;
            background-color: #ffffff;
            border: 2px solid #336699;
            padding: 0px; /*z-index: 102; */
            font-family: Verdana;
            font-size: 10pt;
        }
        .web_dialog_title
        {
            border-bottom: solid 2px #336699;
            background-color: #336699;
            padding: 4px;
            color: White;
            font-weight: bold;
        }
        .web_dialog_title a
        {
            color: White;
            text-decoration: none;
        }
        .align_right
        {
            text-align: right;
        }
        .col-md-9
        {
            padding: 0px;
        }
        
          .formico
        {
            position: relative;
            top: 34px;
            float: right;
            margin-right: 19px;
        }
        
        .rightbolck
        {
            margin-top: 10px;
            background-color: #f8f8f8;
            border-radius: 5px;
        }
        
        .topline
        {
            height: 5px; background-color: rgb(117, 133, 167);
            margin-bottom: 0px !important;
        }
        
        .col-md-9
        {
            padding-left:0px !important;
            padding-right:0px !important;
        }
        
       
        
        
        /* Custom, iPhone Retina */
@media only screen and (min-width : 320px)
{
     .rightlogo
    {
         height:55px;
    }
    .LogoName
    {
        padding-top:0px
    }
    
    .headertop
    {
        background-image: url("../seConfigFiles/images/Infrastructure_banner.png");
        background-repeat: no-repeat;
        margin-top: 10px;
        padding: 0px;
        background-size: 100% 100%;
        height: 195px;
    }
    
     .rightoverimg
        {
            height: auto; 
            float: right; 
            width:100%;
             -webkit-box-shadow: 0px 8px 69px -20px rgba(125,125,125,1);
            -moz-box-shadow: 0px 8px 69px -20px rgba(125,125,125,1);
            box-shadow: 0px 8px 69px -20px rgba(125,125,125,1);
        }
    
    
     .topline
        {
            height: 5px; background-color: rgb(117, 133, 167);
            margin-bottom: 0px;
        }
        
        .rightbox
      {
          padding-bottom: 7px; 
          margin-top: 15px;
          margin-left:72px;
          width:100%;
      }
      
      
        .tab-content1
        {
            border-left: 1px solid #e08d22;
            border-right: 1px solid #e08d22;
            border-bottom: 1px solid #e08d22;
            border-top: 1px solid #e08d22;
            padding: 5px 5px 5px 5px;
            width:100%; 


        }
        
        .tab-content2
        {
            border-left: 1px solid #216a6b;
            border-right: 1px solid #216a6b;
            border-bottom: 1px solid #216a6b;
            border-top: 1px solid #216a6b;
            padding: 5px 5px 5px 5px;
             width:100%;
            margin-top:10px !important; 
        }
        
        .appsearch
        {
            padding-left: 15px;
            margin-bottom: 14px;
        }
        
         .newfooter
        {
            background-color:#555C6A;
        }
        
}


/* Extra Small Devices, Phone
@media only screen and (min-width : 480px)
{

}
s */

/* Small Devices, Tablets */
@media only screen and (min-width : 700px)
{
    .rightlogo
    {
         height:77px;
         width: 69px;
    }
    .LogoName
    {
        padding-top:15px
    }
    
    .headertop
    {
        background-image: url("../seConfigFiles/images/Infrastructure_banner.png");
        background-repeat: no-repeat;
        margin-top: 10px;
        padding: 0px;
        background-size: 100% 100%;
        height: 314px;
    }
    
    .rightoverimg
        {
            height: auto; 
            float: right; 
            width:100%;
             -webkit-box-shadow: 0px 8px 69px -20px rgba(125,125,125,1);
            -moz-box-shadow: 0px 8px 69px -20px rgba(125,125,125,1);
            box-shadow: 0px 8px 69px -20px rgba(125,125,125,1);
        }

    .topline
        {
            height: 5px; background-color: rgb(117, 133, 167);
            margin-bottom: 14px;
        }
        
        .rightbox
      {
          padding-bottom: 7px; 
          margin-top: 15px; 
          display: -webkit-box;      /* iOS 6-, Safari 3.1-6 */
          display: -moz-box;         /* Firefox 19 */
          display: -ms-flexbox;      /* IE 10 */
          display: -webkit-flex;     /* Chrome */
          display: flex;             /* Opera 12.1, Firefox 20+ */
          margin-left:57px;
          width:100%;
      }
    
    
      .tab-content1
        {
            border-left: 1px solid #e08d22;
            border-right: 1px solid #e08d22;
            border-bottom: 1px solid #e08d22;
            border-top: 1px solid #e08d22;
            padding: 5px 5px 5px 5px;
            width: 43%;
            margin-left: 10px;
        }
        
        .tab-content2
        {
            border-left: 1px solid #216a6b;
            border-right: 1px solid #216a6b;
            border-bottom: 1px solid #216a6b;
            border-top: 1px solid #216a6b;
            padding: 5px 5px 5px 5px;
             width:43%; 
             margin-left: 10px;
             margin-top:0px !important; 
        }
        .mediapad
        {
            padding-left:5px;
        }
        
        .appsearch
        {
            padding-left: 25px !important;
            margin-bottom: 14px;
            margin-top: 36px;
        }
        
         .newfooter
        {
            background-image: url('../seConfigFiles/images/footer.png');
                background-repeat: no-repeat;
        }
        
        
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px)
{

}


@media only screen and (min-width : 1200px)
{
    .rightlogo
    {
         height:77px;
         width: 69px;
    }
    .LogoName
    {
        padding-top:15px
    }
    
    
    .headertop
    {
        background-image: url("../seConfigFiles/images/Infrastructure_banner.png");
        background-repeat: no-repeat;
        margin-top: 10px;
        padding: 0px;
        background-size: 100% 100%;
        height: 414px;
    }
    
    
    .rightoverimg
        {
            height: auto; 
            float: right; 
            width:100%;
            -webkit-box-shadow: 0px 8px 69px -20px rgba(125,125,125,1);
            -moz-box-shadow: 0px 8px 69px -20px rgba(125,125,125,1);
            box-shadow: 0px 8px 69px -20px rgba(125,125,125,1);
        }
    
    
    .topline
        {
            height: 5px; background-color: rgb(117, 133, 167);
            margin-bottom: 14px;
        }
        
      .rightbox
      {
          padding-bottom: 7px; 
          margin-top: 15px; 
          display: -webkit-box;      /* iOS 6-, Safari 3.1-6 */
          display: -moz-box;         /* Firefox 19 */
          display: -ms-flexbox;      /* IE 10 */
          display: -webkit-flex;     /* Chrome */
          display: flex;             /* Opera 12.1, Firefox 20+ */
          padding-left:70px;
          width:100%;
      }
      
        .tab-content1
        {
            border-left: 1px solid #e08d22;
            border-right: 1px solid #e08d22;
            border-bottom: 1px solid #e08d22;
            border-top: 1px solid #e08d22;
            padding: 5px 5px 5px 5px;
            width: 35%;
            margin-left: 40px;

        }
        
        .tab-content2
        {
            border-left: 1px solid #216a6b;
            border-right: 1px solid #216a6b;
            border-bottom: 1px solid #216a6b;
            border-top: 1px solid #216a6b;
            padding: 5px 5px 5px 5px;
            width:35%; 
            margin-left: 47px;
            margin-top:0px !important; 

        }
        
         .mediapad
        {
            padding-left:20px;
        }
        
        .appsearch
        {
            padding-left: 25px;
            margin-bottom: 14px;
        }
        
        .newfooter
        {
            background-image: url('../seConfigFiles/images/footer.png');
            background-repeat: no-repeat;
        }
        
}
