html, body { margin: 0 }

    body {
        background: #ffffff;
        margin:0;
        padding:0;
        min-width: 320px;
        color:#555;
    }

    body.print-dialog{
        background: #fff;
    }

    html.noscroll {
        overflow: hidden;
    }

    * {
        font-family: 'Roboto', sans-serif; 
        font-size:13px;
    }

    .fax-coverpage * {
       font-family: Verdana, Geneva, sans-serif;
    }

    table {
        border-spacing: 0px;
    }
    
    a {
        color: #000000;
        text-decoration: none;
    } 

    a:hover, 
    a:link,
    a:visited,
    a:active {
        color: #000000;
        text-decoration: none;
    }

    input[type=text],
    input[type=tel],
    input[type=email],
    input[type=password],
    select,
    textarea{
        border:1px solid;
        border-color:#dfe0e4;
        padding:0 5px 0 5px;
        outline:none;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    option::selection {
        background: red;
    }

    section.main a {
        color:#66afe9;
        font-size: 14px;
    }

    h1, h2, h3, h1, h2, h3{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 14px;
        font-weight: 600;
        color:rgba(220,93,84,1.0);
        letter-spacing: 1px;
        /** color: #c4554d; rgba(220,93,84,1.0)**/
    }  
    
    h2.red {
        font-size: 14px;
        color: rgba(220,93,84,1.0) !important;
    }


    *, *:before, *:after {
      box-sizing: border-box;
    }

    li{
        list-style-type: none;
    }

    hr {
        margin-top:5px;
        margin-bottom:0;
        border-top:1px solid #ccc;
    }

    label {
        font-weight: 500;
        display: initial;
        font-size: 1.0em;
        margin:0;
        /**  color:#78b6c9; **/
        color: #7B858E; **/
        transition: color 0.15s ease-in-out;
    }

    .sub-label label {
        color: #7B858E; 
    }    

    label.form-focus{
        color: #66afe9;
    }

    table label {
        margin:0;
    } 

    main {
        display: block;
    }
    
    .clear{clear:both;}

    .brk-wrd {
        white-space: normal !important;
        word-break: break-all !important;
    }

    .inner{
        position: relative;
        max-width:1280px;
        margin:0 auto 0 auto;
        padding:0 5px 0 5px;
        min-width:300px;
    }

    @media all and (min-width: 1921px) {
        .inner {
            max-width: 1680px;
        }
    }

    .inner header {
        clear:both;
    }

    .row,
    .row_0{
        margin:0;
        position: relative;
    }

    footer .row{
        margin:0 auto 0 auto;
    }

    .row::after,
    .row_0::after{
        content: '';
        display: block;
        clear: both;
    }
     
    .signature-box {
        display:inline-block;
        float:left;
        padding:0 10px 0 10px;
    }

    .l {
        float:left;
    }

    .r {
        float:right;
    }

    .tac{
        text-align: center;
    }

    .tar{
        text-align: right;
    }

    .tal{
        text-align: left;
    }

    .required{
        color: rgba(220,93,84,1.0) !important;
    }

    .filter{
        position: absolute;
        right:3px;
        top:37px;
        color:#fff;
        height:30px;
        line-height:30px;
        padding:1px 10px 0px 10px;
        cursor: pointer;
    }

    .tooltip-hover{
        cursor: pointer;
    }

    textarea.text-lg,
    input.input-lg,
    select.select-lg{
        padding:5px 5px 5px 5px;
        border-radius: 0;
        height:30px;
        font-size: 14px;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 1px;
        border-style: solid;
        border-color: rgb(204, 204, 204);
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    input.input-lg {
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 1px;
        border-style: solid;
        border-color: rgb(204, 204, 204);
    }

    input.input-lg-all{
        padding:5px 5px 5px 5px;
        height:30px;
        border-top: 1px;
        border-right: 1px;
        border-left: 1px;
        border-bottom: 1px;
        border-style: solid;
        border-color: rgb(204, 204, 204);
    }

    input.input-lg:focus,
    select.select-lg:focus,
    textarea:focus{
        border-color: #66afe9;
    }

    textarea.text-lg {
        resize: none;
        height:32px;
    }

    .highlight {
        box-shadow: 0 0 5px 2px rgba(255,217,0, 0.9);
        -webkit-box-shadow: 0 0 5px 2px rgba(255,217,0, 0.9);
        -moz-box-shadow: 0 0 5px 2px rgba(255,217,0, 0.9);
        -o-box-shadow: 0 0 5px 2px rgba(255,217,0, 0.9);
        -ms-box-shadow: 0 0 5px 2px rgba(255,217,0, 0.9);
        transition: all 0.30s ease-in-out;
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out;
        -ms-transition: all 0.30s ease-in-out;
        border-color:rgba(255,217,0, 0.9) !important;
    }

    .data-autoresize{
        overflow: hidden;
    }

    .w5 {width:5px;}
    .w10 {width:10px;}
    .w15 {width:15px;}
    .w19 {width:19px;}
    .w22 {width:22px;}
    .w25 {width:25px;}
    .w29 {width:29px;}
    .w30 {width:30px;}
    .w40 {width:40px;}
    .w41 {width:41px;}
    .w45 {width:45px;}
    .w47 {width:47px;}
    .w50 {width:50px;}
    .w55 {width:55px;}
    .w61 {width:61px;}
    .w62 {width:62px;}
    .w65 {width:65px;}
    .w68 {width:68px;}
    .w70 {width:70px;}
    .w71 {width:71px;}
    .w75 {width:75px;}
    .w82 {width:82px;}
    .w83 {width:83px;}
    .w85 {width:85px;}
    .w86 {width:86px;}
    .w88 {width:88px;}
    .w92 {width:92px;}
    .w95 {width:95px;}
    .w96 {width:96px;}
    .w97 {width:97px;}
    .w97 {width:97px;}
    .w180 {width:180px;}

    .w100p {width: 100%}

    .h30 {height:30px;}
    .h34 {height:34px;}
    .h41 {height:41px;}
    .h100p{height:100%  !important;}
    .mar0 {margin:0px !important;}

    .mart7 {margin-top:7px;}
    .mart10 {margin-top:10px;}
    .mart20 {margin-top:20px;}
    .marb10 {margin-bottom:10px;}

    .marr7{margin-right: 7px}
    .marr20{margin-right: 20px}

    .padr0 {padding-right:0px !important;}
    .padl0 {padding-left:0px !important;}
    .padt0 {padding-top:0px !important;}
    .padt20 {padding-top:20px !important;}
    .padt40 {padding-top:40px !important;}
    
    .padb5 {padding-bottom:5px !important;}
    

    /********************/
    /******* colors******/
    /********************/ 

    .primary-color {
        background:#000000/*rgba(35,52,65,1.0);*/
    }

    .primary-color-nav {
        background:#ffffff;/*80ff80rgba(35,52,65,0.95);*/
    }

    .secondary-color {
         background:rgba(51,108,166,1.0); 
       /* background:rgba(120,182,201,1.0);*/
        
    }

    .tertiary-color{
        background: rgba(220,93,84,1.0);
    }

    .tertiary-color-border{
        border: 2px solid rgba(220,93,84,1.0);
        color:rgba(220,93,84,1.0);
    }

    .tertiary-color-home-btn{
        background: rgba(220,93,84,0.7);
    }

    .tertiary-color-home-btn-selected{
        background: rgba(220,93,84,1.0);
    }    

    .primary-color-fnt {
        color:#000000/*rgba(35,52,65,1.0);*/
    }

    .secondary-color-fnt {
        /** color:rgba(51,108,166,1.0);
        color:rgba(120,182,201,1.0); **/        
       color: #000000;
    font-family: 'Helvetica', sans-serif;
    }

    .tertiary-color-fnt{
       color: #000000;
    }

    /********************/
    /******* colors******/
    /********************/ 

    /********************/
    /******* Flex *******/
    /********************/  
    .fg-lg-1,.fg-lg-2,.fg-lg-3,.fg-lg-4 {
        position: relative;
    }

    .flex-row{
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
               -ms-flex-wrap: wrap;
        flex-direction: row;
            -ms-flex-direction: row;
               -webkit-flex-direction: row;
    }

        .fg-lg-1 {
            -webkit-flex: 0 0 8.33333%;
                -ms-flex: 0 0 8.33333%;
                    flex: 0 0 8.33333%;
            max-width: 8.33333%;
        }
        
        .fg-lg-2 {
            -webkit-flex: 0 0 16.66667%;
                -ms-flex: 0 0 16.66667%;
                    flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }
        
        .fg-lg-3 {
            -webkit-flex: 0 0 25%;
                -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
            max-width: 25%;
        }

        .fg-lg-4 {
            -webkit-flex: 0 0 33.33333%;
                -ms-flex: 0 0 33.33333%;
                    flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }
        
        .fg-lg-5 {
            -webkit-flex: 0 0 41.66667%;
                -ms-flex: 0 0 41.66667%;
                    flex: 0 0 41.66667%;
            max-width: 41.66667%;
        }
        
        .fg-lg-6 {
            -webkit-flex: 0 0 50%;
                -ms-flex: 0 0 50%;
                    flex: 0 0 50%;
            max-width: 50%;
        }
        
        .fg-lg-7 {
            -webkit-flex: 0 0 58.33333%;
                -ms-flex: 0 0 58.33333%;
                    flex: 0 0 58.33333%;
            max-width: 58.33333%;
        }
        
        .fg-lg-8 {
            -webkit-flex: 0 0 66.66667%;
                -ms-flex: 0 0 66.66667%;
                    flex: 0 0 66.66667%;
            max-width: 66.66667%;
        }

        .fg-lg-9 {
            -webkit-flex: 0 0 75%;
                -ms-flex: 0 0 75%;
                    flex: 0 0 75%;
            max-width: 75%;
        }
          
        .fg-lg-10 {
            -webkit-flex: 0 0 83.33333%;
                -ms-flex: 0 0 83.33333%;
                    flex: 0 0 83.33333%;
            max-width: 83.33333%;
        }
          
        .fg-lg-11 {
            -webkit-flex: 0 0 91.66667%;
                -ms-flex: 0 0 91.66667%;
                    flex: 0 0 91.66667%;
            max-width: 91.66667%;
        }
          
        .fg-lg-12 {
            -webkit-flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
            max-width: 100%;
        } 

    .fg1{
         flex:1 1 ;
        -ms-flex:1 1;
    }

    .fg2{
        flex:2 1 ;
        -ms-flex:2 1 ;
    }
    
    .fg3{
        flex:3 1 ;
        -ms-flex:3 1 ;
    }

    .fg4{
        flex:4 1 ;
        -ms-flex:4 1 ;
    }

    @media all and (max-width: 1024px) {
        .fg-md-1 {
            -webkit-flex: 0 0 8.33333%;
                -ms-flex: 0 0 8.33333%;
                    flex: 0 0 8.33333%;
            max-width: 8.33333%;
        }
        
        .fg-md-2 {
            -webkit-flex: 0 0 16.66667%;
                -ms-flex: 0 0 16.66667%;
                    flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }
        
        .fg-md-3 {
            -webkit-flex: 0 0 25%;
                -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
            max-width: 25%;
        }

        .fg-md-4 {
            -webkit-flex: 0 0 33.33333%;
                -ms-flex: 0 0 33.33333%;
                    flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }
        
        .fg-md-5 {
            -webkit-flex: 0 0 41.66667%;
                -ms-flex: 0 0 41.66667%;
                    flex: 0 0 41.66667%;
            max-width: 41.66667%;
        }
        
        .fg-md-6 {
            -webkit-flex: 0 0 50%;
                -ms-flex: 0 0 50%;
                    flex: 0 0 50%;
            max-width: 50%;
        }
        
        .fg-md-7 {
            -webkit-flex: 0 0 58.33333%;
                -ms-flex: 0 0 58.33333%;
                    flex: 0 0 58.33333%;
            max-width: 58.33333%;
        }
        
        .fg-md-8 {
            -webkit-flex: 0 0 66.66667%;
                -ms-flex: 0 0 66.66667%;
                    flex: 0 0 66.66667%;
            max-width: 66.66667%;
        }

        .fg-md-9 {
            -webkit-flex: 0 0 75%;
                -ms-flex: 0 0 75%;
                    flex: 0 0 75%;
            max-width: 75%;
        }
          
        .fg-md-10 {
            -webkit-flex: 0 0 83.33333%;
                -ms-flex: 0 0 83.33333%;
                    flex: 0 0 83.33333%;
            max-width: 83.33333%;
        }
          
        .fg-md-11 {
            -webkit-flex: 0 0 91.66667%;
                -ms-flex: 0 0 91.66667%;
                    flex: 0 0 91.66667%;
            max-width: 91.66667%;
        }
          
        .fg-md-12 {
            -webkit-flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
            max-width: 100%;
        }    

        .fgt1{
            flex:1 1;
            -ms-flex:1 1;
            -webkit-box-flex: 1 1;
        }

        .fgt2{
            flex:2 1 50%;
            -ms-flex:2 1 50%;
            -webkit-box-flex: 2 1 50%;
        }

        .fgt3{
            flex:3 1;
            -ms-flex:3 1;
            -webkit-box-flex: 3 1;
        }
        
        .fgt4{
            flex:4 1 100%;
            -ms-flex:4 1 100%;
            -webkit-box-flex: 4 1 100%;
        }
    }

    @media all and (max-width: 768px) {
         .fg-m-1 {
            -webkit-flex: 0 0 8.33333%;
                -ms-flex: 0 0 8.33333%;
                    flex: 0 0 8.33333%;
            max-width: 8.33333%;
        }
        
        .fg-m-2 {
            -webkit-flex: 0 0 16.66667%;
                -ms-flex: 0 0 16.66667%;
                    flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }
        
        .fg-m-3 {
            -webkit-flex: 0 0 25%;
                -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
            max-width: 25%;
        }

        .fg-m-4 {
            -webkit-flex: 0 0 33.33333%;
                -ms-flex: 0 0 33.33333%;
                    flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }
        
        .fg-m-5 {
            -webkit-flex: 0 0 41.66667%;
                -ms-flex: 0 0 41.66667%;
                    flex: 0 0 41.66667%;
            max-width: 41.66667%;
        }
        
        .fg-m-6 {
            -webkit-flex: 0 0 50%;
                -ms-flex: 0 0 50%;
                    flex: 0 0 50%;
            max-width: 50%;
        }
        
        .fg-m-7 {
            -webkit-flex: 0 0 58.33333%;
                -ms-flex: 0 0 58.33333%;
                    flex: 0 0 58.33333%;
            max-width: 58.33333%;
        }
        
        .fg-m-8 {
            -webkit-flex: 0 0 66.66667%;
                -ms-flex: 0 0 66.66667%;
                    flex: 0 0 66.66667%;
            max-width: 66.66667%;
        }

        .fg-m-9 {
            -webkit-flex: 0 0 75%;
                -ms-flex: 0 0 75%;
                    flex: 0 0 75%;
            max-width: 75%;
        }
          
        .fg-m-10 {
            -webkit-flex: 0 0 83.33333%;
                -ms-flex: 0 0 83.33333%;
                    flex: 0 0 83.33333%;
            max-width: 83.33333%;
        }
          
        .fg-m-11 {
            -webkit-flex: 0 0 91.66667%;
                -ms-flex: 0 0 91.66667%;
                    flex: 0 0 91.66667%;
            max-width: 91.66667%;
        }
          
        .fg-m-12 {
            -webkit-flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
            max-width: 100%;
        }       
    }

    @media all and (max-width: 615px) {
        .fg-sm-1 {
            -webkit-flex: 0 0 8.33333%;
                -ms-flex: 0 0 8.33333%;
                    flex: 0 0 8.33333%;
            max-width: 8.33333%;
        }
        
        .fg-sm-2 {
            -webkit-flex: 0 0 16.66667%;
                -ms-flex: 0 0 16.66667%;
                    flex: 0 0 16.66667%;
            max-width: 16.66667%;
        }
        
        .fg-sm-3 {
            -webkit-flex: 0 0 25%;
                -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
            max-width: 25%;
        }

        .fg-sm-4 {
            -webkit-flex: 0 0 33.33333%;
                -ms-flex: 0 0 33.33333%;
                    flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }
        
        .fg-sm-5 {
            -webkit-flex: 0 0 41.66667%;
                -ms-flex: 0 0 41.66667%;
                    flex: 0 0 41.66667%;
            max-width: 41.66667%;
        }
        
        .fg-sm-6 {
            -webkit-flex: 0 0 50%;
                -ms-flex: 0 0 50%;
                    flex: 0 0 50%;
            max-width: 50%;
        }
        
        .fg-sm-7 {
            -webkit-flex: 0 0 58.33333%;
                -ms-flex: 0 0 58.33333%;
                    flex: 0 0 58.33333%;
            max-width: 58.33333%;
        }
        
        .fg-sm-8 {
            -webkit-flex: 0 0 66.66667%;
                -ms-flex: 0 0 66.66667%;
                    flex: 0 0 66.66667%;
            max-width: 66.66667%;
        }

        .fg-sm-9 {
            -webkit-flex: 0 0 75%;
                -ms-flex: 0 0 75%;
                    flex: 0 0 75%;
            max-width: 75%;
        }
          
        .fg-sm-10 {
            -webkit-flex: 0 0 83.33333%;
                -ms-flex: 0 0 83.33333%;
                    flex: 0 0 83.33333%;
            max-width: 83.33333%;
        }
          
        .fg-sm-11 {
            -webkit-flex: 0 0 91.66667%;
                -ms-flex: 0 0 91.66667%;
                    flex: 0 0 91.66667%;
            max-width: 91.66667%;
        }
          
        .fg-sm-12 {
            -webkit-flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
            max-width: 100%;
        }

        .fom-1 {
            order: 1;
        }

        .fom-2 {
            order: 2;
        }  

        .fom-3 {
            order: 3;
        }         
    } 

    /********************/
    /***** End Flex *****/
    /********************/
    .gs-btnblue {
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        border: 1px solid #233441;
        padding: 5px 12px 5px 12px;
        margin:0 5px 0 0;
        color: #233441;
        letter-spacing: .08em;
        cursor: pointer;
        float:left; 
        border-radius: 3px;
        text-align: center;
        transition: all 0.2s;
    }

    .gs-btnblue:hover  {
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        border: solid 1px #66afe9;
        padding: 5px 12px 5px 12px;
        color: #fff;
        background:#66afe9;
        letter-spacing: .08em;
    }

    .gs-btn,
    .gs-btn-two,
    .gs-btn-two-lng,
    .gs-btn-file-label  {
        display: block;
        width: 122px;
        height:35px;
        line-height: 35px;
        font-size: 14px;
        color:#fff;
        margin: 0 auto 0 auto;
        text-align: center;
        text-transform: uppercase;
        background:  rgba(220,93,84,1.0);
        cursor: pointer;  
        border-radius: 4px;  
        font-weight: normal !important; 
        transition: background 0.5s;  
    }
 
     .gs-btn-two-lng {
        width: 142px;
    }

     .gs-btn-sm {
        float:left;
        width:25px;
        height:25px;
        line-height: 25px;
        font-size: 12px;
        color:#233441;
        margin: 0 5px 0 5px;
        padding:0 2px 0 2px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;        
    }

     .gs-btn-sm-selected {
        float:left;
        height:25px;
        width:25px;
        line-height: 25px;
        font-size: 12px;
        color:#233441;
        margin: 0 5px 0 5px;
        padding:0 5px 0 5px;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 3px solid  rgba(220,93,84,1.0);
        cursor: pointer;        
    }

    .gray-out{
        background:  rgba(220,93,84,0.5);
    }

    .gs-btn-submit{
        float:left;
        width: 122px;
        height:45px;
        line-height: 45px;
        font-size: 14px;
        color:#fff;
        margin: 0 auto 0 auto;
        text-align: center;
        text-transform: uppercase;
        background:  rgba(220,93,84,1.0);
        cursor: pointer; 
        border:0;     
        border-radius: 4px;    
    }

    .gs-btn-submit-sh{
        display: block;
        width: 122px;
        height:35px;
        line-height: 35px;
        font-size: 14px;
        color:#fff;
        margin: 0 auto 0 auto;
        padding:0 2px 0 2px;
        text-align: center;
        text-transform: uppercase;
        background: #383453;
        cursor: pointer; 
        border:0;     
        border-radius: 4px;
    }

    .gs-btn-submit-sh-lg{
        display: block;
        width: 142px;
        height:35px;
        line-height: 35px;
        font-size: 14px;
        color:#fff;
        margin: 0 auto 0 auto;
        padding:0 2px 0 2px;
        text-align: center;
        text-transform: uppercase;
        background:  #383453;
        cursor: pointer; 
        border:0;     
        border-radius: 4px;
    }    

    .gs-btn-submit-sh-xl{
        display: block;
        width: 180px;
        height:35px;
        line-height: 35px;
        font-size: 14px;
        color:#fff;
        margin: 0 auto 0 auto;
        padding:0 2px 0 2px;
        text-align: center;
        text-transform: uppercase;
        background:  #383453;
        cursor: pointer; 
        border:0;     
        border-radius: 4px;
    } 

    .gs-btn-submit-two {
        float:left;
        margin: 0 5px 0 5px;
    }

    .gs-btn-file {
        width:122px;
        display: none !important;
    }

    .gs-btn:hover,
    .gs-btn-two:hover,
    .gs-btn-submit:hover,
    .gs-btn-submit-sh:hover,
    .gs-btn-submit-sh-lg:hover,
    .gs-btn-two-lng:hover,
    .gs-btn-file-label:hover{
        background: #383453 ;      
    }
    
    .gray-out{
        background:  rgba(220,93,84,.5); !important;        
    }   
    
    #login-container{
        position:absolute;
        top:40%;
        left:0;
        height:400px;
        width:100%;
        margin:-200px 0 0 0;
        background-image: url("http://localhost:8080/unidia/common/images/hero.jpg");
        background-size: 100%;
        background-position: 0% 50%;
    }

    @media all and (max-width: 615px) {
        #login-container{
            background-size: 615px 400px;
            background-position: 0% 50%;
            top: 50%;
        }
    }    
    
    #login-container .inner{
        height:400px;
        padding:40px 20px 40px 20px;
    }
    
    #bgo{
        background: rgba(35,52,65,0.3);
        height:100%;
        width:100%; 
    }
    
    .login{
        height:100%;
        background:rgba(255,255,255,0.9);
        width:400px;
        margin:0 auto 0 auto;
        padding:20px;
    }

    @media all and (max-width: 615px) {
        .login{
            width:100%;
        } 
    } 

    .login > header {
        float:left;
    }

    .login-warning{
        float:left;
    }

    .login-warning h3 {
        font-size: 14px;
        color:  #383453;
        margin:5px 0 10px 0;
    }

    .login-logo{
        position:absolute;
        top:-50px;
        left:10px;
        padding:0 10px 0 10px;
    }

    @media all and (max-width: 615px) {
        .login-logo {
            left: 50%;
            width:290px;
            transform: translateX(-50%);
        }   
    }      
    
    .login-btn{
        width:122px;
        margin:0 auto 0 auto;
        padding:10px 0  0 0;
        height:55px;
    }
    
    .login-footer{
        width:100%;
        position:absolute;
        top:400px;
        left:0;
        padding:0 10px 0 10px;
        text-align:center;
        color:#fff;
    }
    
    #login-container .login-footer .inner{
        padding:10px 20px 0px 20px;
        height:initial;
    } 
        
    #login-container .inner  input[type="text"],
    #login-container .inner  input[type="password"]{
        width: 100%;
        height:45px;
        padding:5px;
        font-size: 20px;
        background: rgba(255,255,255, 0.8);
        border: 1px solid rgba(0, 0, 0, 0.4);
        margin:0 0 10px 0;
    }

    #login-container .inner  input[type="checkbox"] {
        position:absolute;
        right:130px;
        top:2px;
        margin:0;
    }
    
    #login-container .inner label {
        display:block;
        font-size:14px;
        font-weight:normal;
    }
    
    #login-container .inner .login h2{
        font-size:20px;
    } 

    #login-container .inner .login a{
        color:#233441;
    } 
    
    .for-pass, 
    .rem-id{
        float:left;
        width:50%;
        position:relative;
    }
    
    .rem-id{
        text-align:right;
    }
    
    .links-container{
        width:100%;
        border-bottom:1px solid #fff;
    }
    
    .links-container section{
        padding:20px 0 20px 0
    }
    
    .links-container section:last-of-type a{
        margin:0;
        float:right;
    }  

    @media all and (max-width: 615px) {
        .links-container section:last-of-type a{
            margin:0;
            float:left;
        }  
    }

    .login-footer a {
        float:left;
        color:#fff;
    }
    
    .login-footer span{
        color:  #383453;
    }
    
    .login-footer a,
    .login-footer span{
        margin:0 20px 0 0px;
        font-size:14px;
    }

    .login-footer-two  {
        margin:0 auto 0 auto;
    }
    
    .login-footer-three   {
        margin:0 0 0 auto;
    }
   
    .login-footer table tr td {
        text-align:left;
        padding:2px 5px 0 0;
        font-size:14px;
    }
    
    .login-footer table tr td h2 {
        color:  #383453;
        font-size:14px;
    }

    @media all and (max-width: 768px) {

        .login-footer-two,
        .login-footer-three {
            margin:0 0 0 0;
        }

    }

    /********************/
    /***** Header  ******/
    /********************/

    header.hero {
        background-image: url("http://unidiatech.com/common/images/hero.jpg");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 0% 50%;
        background-size: cover;
        position: relative;
        width: 100%;
        padding:0;
        height: 328px;
        box-sizing: border-box;
        transition: height 0.5s;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
    .hero {
        background-image: url("http://unidiatech.com/common/images/hero.jpg");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 0% 50%;
        background-size: cover;
        position: relative;
        width: 100%;
        padding:0;
        height: 328px;
        box-sizing: border-box;
        transition: height 0.5s;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
 .hero1 {
        background-image: url("http://unidiatech.com/common/images/Stockx1.jpeg");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 0% 50%;
        background-size: cover;
        position: relative;
        width: 100%;
        padding:0;
        height: 328px;
        box-sizing: border-box;
        transition: height 0.5s;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
    #cartButtons {
        float:right;
        margin:0 20px 0 0;
        min-height: 30px;
        line-height: 30px;
        color:#233441;
        position: relative;
        cursor: pointer;
    }

    #cartButtons a{
        margin:0 0 0 10px;
    }

    #userProfile #cartButtons #cart-container{
        height:0px;
        position: absolute;
        left:-10px;
        top:32px;
        width:180px;
        background: #fff;
        z-index: 10000;
        -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
        -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.6);
        box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.6);
        transition: height 0.3s;
        overflow: hidden;        
    }

    #userProfile #cartButtons > div a {
        display:block;
        color:#233441;
        font-size: 14px;
        font-weight: 400;
        width:100%;
        clear:both;
        margin:0 0 0 0;
        padding:0 10px 0 10px;
    }
        
    #userProfile #cartButtons > div a:first-child {
        margin: 10px 0px 0px 0px;
    }
        
    #userProfile #cartButtons > div a:hover{
        background: #ebe9e9;
    } 

    #userProfile #cartButtons span,
    #userProfile #cartButtons font{
        display:block;
    } 

    #userProfile #cartButtons > div a#add-to-cart,
    #userProfile #cartButtons > div a#add-to-new-cart,
    #userProfile #cartButtons > div a#del-cart,
    #userProfile #cartButtons > div a#emp-cart{
        display: none;
    }

    .cartresult #userProfile #cartButtons > div a#add-to-cart,
    .cartresult #userProfile #cartButtons > div a#add-to-new-cart,
    .cartresult #userProfile #cartButtons > div a#del-cart,
    .cartresult #userProfile #cartButtons > div a#emp-cart{
        display: block;
    }

    @media all and (max-width: 615px) {
        #cartButtons {
            float:left;
            margin:0 0 0 0;
        }

        #userProfile #cartButtons > div{
            position: absolute;
            left:0px;
            top:32px;
            height:0;
            width:160px;
            background: #fff;
            z-index: 10000;
            -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
            -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.6);
            box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.6);
            transition: height 0.5s;
            overflow: hidden;
        }
    
        #userProfile #cartButtons > div a {
            display:block;
            color:#233441;
            font-size: 14px;
            font-weight: 400;
            width:100%;
            clear:both;
            margin:0 0 0 0;
            padding:0 10px 0 10px;
        }
        
        #userProfile #cartButtons > div a:first-child {
            margin: 10px 0px 0px 0px;
        }
        
        #userProfile #cartButtons > div a:hover{
            background: #ebe9e9;
        } 

        #userProfile #cartButtons span,
        #userProfile #cartButtons font{
            display:block;
        } 
    }

    /*** User Profile ***/
    
    #userProfile {
        position: fixed;
        top:0;
        width:100%;
        min-height: 32px;
        line-height: 32px;
        max-height: 32px;
        padding:0 10px 0 10px; 
        z-index: 4; 
        transition: min-height 0.5s;
    }

    #userProfile *{
        font-size: 13px; 
        color:#fff;
    }

    #userProfile #user{
        float:right;
        margin:0 0 0 0;
        min-height: 30px;
        line-height: 30px;        
        cursor: pointer;
        text-transform: capitalize;
    } 
    
    #userProfile #session {
        font-size: 14px; 
         background-image: url("http://localhost:8080/unidia/common/images/logo.png");
         background-repeat: no-repeat;
    }

    @media all and (max-width: 615px) {
        #userProfile #session{
            display: none;
        }
    }

    #userProfile #user span,
    #userProfile #cartButtons span{
        font-size: 11px;
        margin-right:6px;
    }
    
    #userProfile #cartButtons span{
        font-size: 12px;
        position:absolute;
        top:8px;
    }

    #userProfile #cartButtons font{
        display:inline-block;
        margin:0 0 0 20px;
    } 
    
    .rotate-zero{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        transition-duration:0.4s;
    }

    .rotate-one-eighty {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        transition-duration:0.4s;
    }

    header, footer {
        display: block;
        margin: 0px;
    }
    
    /****  Search Area ***/

    #search-area{
        min-height: 328px;
        padding:130px 0 0px 0;
        background: rgba(0,0,0,0.4);
    }

    #search-area #quick-search-links,
    #quick-search-buttons {
        width:690px;
        margin: 0 auto 0 auto;
    }

    #search-area #quick-search-box{
        position: relative;
        width:690px;
        margin: 0 auto 0 auto;
    }
    
    #search-area #quick-search-links{
        height:27px;
        padding: 0 10px 5px 0;
        margin: 10px auto 0 auto;
    }

    #search-area #quick-search-links > a{
        float:right;
        margin:0 0 0 10px;
        font-size: 16px;
    }

    #search-area #quick-search-box > input {
        width: 690px;
        height:60px;
        padding:14px;
        font-size: 20px;
        border:0;
        background: rgba(255,255,255, 1.0);
    }

    #search-area #quick-search-box > #qcksrchmlstxt {
        padding:14px 140px 14px 14px;
    }    

    #search-area  #quick-search-box .glyphicon-remove {
        position: absolute;
        top:50%;
        right:115px;
        font-size: 18px;
        transform: translate(0%, -50%);
        cursor: pointer;
        display: none;
    }

    #qcksrchmlstxt::-ms-clear, input::-ms-reveal {
      display: none;
    }

    #search-area  #quick-search-buttons {
        width:690px;
        margin:0 auto 10px auto;
        padding:15px 0 0 0;
        min-height: 70px;
    }

    #search-area  #quick-search-buttons .glyphicon {
        color:#fff;
        font-size: 22px;
        position: absolute;
        top:50px;
        left:50%;
        transform: translate(-50%, 0%);
    }

    #search-area #quick-search-buttons > div{
        position: relative;
        float:left;
        width: 152px;
        height:45px;
        line-height: 45px;
        font-size: 14px;
        color:#fff;
        margin: 0 10px 0 10px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer; 
    }

    @media all and (max-width: 768px) {
        #search-area #quick-search-links,
        #search-area #quick-search-box,
        #search-area  #quick-search-buttons {
            width: 90%;
            margin: 5px auto 0 auto;
            /** border:1px solid green;**/
        }

        #search-area  #quick-search-buttons {
            padding:15px 10px 0 10px;
            max-width:540px;
        }

        #search-area #quick-search-box > input {
            width: 100%;

        }

        #search-area #quick-search-buttons > div {
            width: 110px;
        }     
    }

    #search-area #quick-search-box > .process-search {
        position: absolute;
        top:0px;
        right:0px;
        width: 100px;
        height: 50px;
        font-size: 14px;
        margin: 5px 5px 0 10px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        cursor: pointer;
        z-index: 1;
        border:1px solid #fff;
        transition: all .2s;
        background: #383453;
        color:#fff;
    }

    #search-area #quick-search-box > .process-search:hover {
        background: rgba(220,93,84,0.8);
        color:#fff;
    }    

    #search-area #quick-search-buttons > div:nth-of-type(5) {
        margin: 0 0 0 0;
    }
    
    #search-area #quick-search-buttons > div:hover:not(:first-child) {
        background:  rgba(220,93,84,.9);
    }

    #search-help-outer{
        position: absolute;
        width: 690px;
        top:305px;
        left:50%;
        margin-left:-345px;
        z-index: 5;
        height: 0px; 
        overflow: hidden;
        -webkit-box-shadow: 0px 2px 30px 0px rgba(50, 50, 50, 0.36);
        -moz-box-shadow:    0px 2px 30px 0px rgba(50, 50, 50, 0.36);
        box-shadow:         0px 2px 30px 0px rgba(50, 50, 50, 0.36);
    }

    #search-help{
        width: 100%;
        height: 100%;
        background: #fff;
        padding:10px 10px 10px 10px;
        border:1px solid #CCC;
        overflow: auto;
    }

    #search-help-table{
        width: 100%;
    }

    #search-help-table tr td, #search-help-table tr th{
        padding:5px;
    }

    #search-help #search-help-table th {
        text-align: left;
        color: #78b6c9;
        font-weight: 400;
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
    }

    .search-table-zebra tr:nth-child(even){
        background: #f2f1f1;
    }

    #search-help #search-help-table a {
        color:#054a5f;
        text-decoration: underline;

    }

    #search-help #search-help-table th.sample-search-help{
        border:0;
    }

    @media all and (max-width: 615px) {
        #search-area{
            padding:90px 0 0px 0;
        }

        #search-area #quick-search-links{
            padding: 0 0 5px 0;
            width: 90%;
        }

        #search-area #quick-search-links > a{
            float:right;
            margin:0 0 0 10px;
            font-size: 11px;
        }

        #search-area #quick-search-links > a:last-child{
            margin:0 0 0 0;
        }  

        #search-area #quick-search-buttons .glyphicon {
            display: none;
        }   

        #search-area  #quick-search-buttons {
            width:240px;
            height:120px;
            padding:0px 0px 0 0px;
        }

        #search-area #quick-search-buttons > div {
            margin: 5px;
        } 

        #search-area #quick-search-box > input {
            width: 100%;
            height: 50px;
            font-size: 11px;
            margin:0 0 10px 0;
       }   

        #search-area #quick-search-box > .process-search {
            width: 80px;
            font-size: 12px;
            margin: 0 0 0 10px;
            padding:8px;
        }  

        #search-help-outer{
            width: 300px;
            top:335px;
            margin-left:-150px;
        }                   
    }

    /*** End Search Area ***/

    /****  Navigation ***/
    #navigation-container {
       
        top:0px;
        width: 100%;
        min-height: 35px;
        height: 100px;
        padding:1px 1px 1px 1px;
        margin:0;
        z-index: 3;
        transition: min-height 0.5s, padding 0.5s;
        position: fixed;
    }

    @media all and (max-width: 1024px) {
        #navigation-container{
            padding:1px 1px 1px 1px;
        }
    }

    @media all and (max-width: 615px) {
        #navigation-container {
            min-height: 44px;
            height: 44px;
             padding:1px 1px 1px 1px;
            background: #ffffff;
        }
    }

    .login-logo h1,
    #navigation-container h1 {
        color:#000000;
        font-size: 33px;
        margin: 0px 0 0 0px;
        transition:font-size 0.5s;
        font-weight: 300;
    }

    .login-logo h1 span,
    #navigation-container h1 span{
        font-size: 33px;
        margin: 0 0 0 0px;
        transition:font-size 0.5s;
    }  
    
    @media all and (max-width: 1024px) {
        #navigation-container h1,
        #navigation-container h1 span {
            font-size: 20px;
            color:#000000;
            margin-top:9px;
        }  
    }

    @media all and (max-width: 615px) {
        #navigation-container h1,
        #navigation-container h1 span {
            margin:0;
        }  
    }

    #sub--container {
        position: fixed;
        top:152px;
        width: 100%;
        min-height: 45px;
        line-height: 45px;
        padding:5px 10px 5px 10px;
        margin:0;
        /** background: #fff; **/
        background: #fff;
        z-index: 2;
        /** -webkit-box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.35); **/
        /**-moz-box-shadow:    0px 3px 15px 0px rgba(50, 50, 50, 0.35); **/
        /** box-shadow:         0px 3px 15px 0px rgba(50, 50, 50, 0.35); **/
    }

    @media all and (max-width: 768px) {
        #sub--container {
            padding: 5px 5px 5px 5px;
        }
    }

    @media all and (max-width: 615px) {
        #sub--container {
            top:121px;
            min-height: 35px;
            line-height: 35px;
        }
    }

    #sub--container.sub--container-no-header {
        position: fixed;
        top:45px;
    }    

    #sub--container.fixed-toolbar {
        top:106px;
        position: fixed;
    }

    #sub--container .inner{
        padding: 0 5px 0 5px;
        background: #000079;/*rgba(120,182,201,1.0);*/
        border-radius: 5px;
    }

    #sub--container .hotsheet-criteria{
        padding: 0 0 0 0;
        background: rgba(255,255,255,1.0);
        border-radius: 5px;
        max-width: 1280px;
        margin:0 auto;
    }

    @media all and (min-width: 1921px) {
        #sub--container .hotsheet-criteria{
            max-width: 1680px;
        }
    }

    @media all and (max-width: 615px) {
        #sub-navigation-container .hotsheet-criteria{
            padding: 5px 0 0 10px;
        }

        #sub-navigation-container .hotsheet-criteria div{
            width: 100%;
            line-height: 25px;
        }        
    }    
    
    #sub-navigation-container .inner.hotsheet-criteria h2{
        margin:0;
    }

    #navigation-container #logo {
        float:left;
    }

    nav.navigation {
        line-height:39px;
    }

    nav.subnavigation{
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        height: 45px;
    }

    @media all and (max-width: 615px) {
        nav.subnavigation{
            height: 35px;
        }    
    }

    nav.subnavigation-overflow{
        position: absolute;
        top:45px;
        right:5px;
        font-size: 16px;
        width:160px;
        background: #fff;
        z-index: 10000;
        padding:10px 0 10px 0;
        -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
        -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.6);
        box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.6);
        transition: height 0.5s;
        overflow: hidden;
        display: none;
        opacity: 0.0
    }

    nav.subnavigation a,
    nav.subnavigation-overflow a{
        font-size: 14px;
        color: #233441;
        font-weight: 400;
        background: rgba(255, 255 , 255, 1.0);
        border-left:1px dotted #ccc;
    }

    nav.subnavigation a:last-child{
        float: right;
    }

    nav.subnavigation-overflow a{      
        display: block;
        width: 100%;
        padding:0 10px 0 10px;
    }

    nav.subnavigation-overflow a:hover{
        color:#fff;
        background: rgba(220,93,84,1.0); 
    }

    nav.subnavigation a{
        display: inline-block;
        padding:0 15px 0 15px;
        margin:0 0 0 -3px;
        background: #000079;/*rgba(120,182,201,1.0);*/
        color:#000000;
        transition: background 0.2s;
    }

    nav.subnavigation a:first-child{
        margin:0 0 0 0px;
        border-left:0px dotted #ccc;
    }    

    nav.subnavigation a:hover{
        background: rgba(143,194,209,1.0);
    }
  
    nav.subnavigation a.offscreen{
        visibility: hidden;
    }

    nav.subnavigation a.last{
        position: absolute;
        right:0; 
        top:0px;
    }

    #overflowMenu{
        position: absolute;
        right: -5px;
        top:0px;
        height:35px;
        padding:0;
        color: #fff;
        cursor: pointer;
        display: none;
    }

    #overflowMenu .glyphicon  {
        color:#fff;
        font-size: 20px;
        top:5px;
    }

    /*** User Profile ***/
    #user-profile-menu{
        position: absolute;
        right:0px;
        top:32px;
        height:0px;
        background: #fff;
        z-index: 10000;
        -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
        -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.6);
        box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.6);
        transition: height 0.5s;
        overflow: hidden;
    }

    .profile-name {
        font-size: 13px !important;
        color:#fff;
    }

    #user-profile-menu > div {
        width: 100%;
        height:30px;
        line-height:30px;
        padding:0px 20px 0px 20px;
    } 

    #user-profile-menu > div:first-child {
        margin:10px 0px 0px 0px;
    } 

    #user-profile-menu > div:hover:not(.divider){
        background: #ebe9e9;
    } 

    #user-profile-menu div.divider{
        width: 100%;
        height:15px;
        border:1px solid #fff;
    } 
    
    #user-profile-menu div.divider hr{
        vertical-align:middle;
    }
    
    #user-profile-menu > div a,
    #contact-list > div a{
        color:#233441;
        font-size: 14px;
        font-weight: 400;
    }

    /* End User Profile */

    .disable-navigation {
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        z-index: 10000;
        display: none;
    }

    /********************/
    /***** End Header ***/
    /********************/

    /********************/
    /** Main Home Page **/
    /********************/
 
    section.main{
        width:100%;
        background: #fff;
    }

    section.main .inner{  
        padding:20px 0 20px 0;
        min-height: 400px;
        display: flex;
        flex-flow: row;
        transition: padding 0.5s;
        background: #fff;
    }
    
    main.no-hero {
        width:100%; 
        /** background: #ebe9e9; **/
        background: #fff;
    }

    main.no-hero > .inner{
        min-height: 50vh;
        padding:205px  0 45px 0;
    }

   @media all and (max-width: 615px) {
        main.no-hero > .inner{
            padding:168px 0 45px 0px;
        }
   }    

    main.no-hero-no-header {
        width:100%;
        background: #ebe9e9;
    }

    main.no-hero-no-header > .inner{
        min-height: 200px;
        padding:90px 0 45px 0;
    }    

    main.no-hero-results {
        padding:205px 0 0 0;
    }

    @media all and (max-width: 1280px) {
        main.no-hero-results {
            position: absolute;
            top: 205px;
            left: 0;
            bottom: 0;
            right: 0;
            padding:0;
            overflow-y: scroll;
            width:100%;
        }
    }

 
    main.no-hero-results.hotsheet-results {
        padding:252px 0 0 0;
    }    

    @media all and (max-width: 1280px) {
        main.no-hero-results.hotsheet-results {
            padding:0 0 0 0;
            top: 250px;
        }    

        main.no-hero-results .result-inner { 
            min-height: 100%;
            padding:0 0 0 0;
        }
    }

    @media all and (max-width: 615px) {
        main.no-hero-results.hotsheet-results {
            padding:0 0 0 0;
            top: 221px;
        }  
    }
    
    section.main aside {
        margin:0px;
        padding: 0 20px 10px 20px;
        /** border-top-right-radius:7pt;**/
        /** border-bottom-right-radius:7pt;**/
        background: #fff;
        flex: 0 1 33%;
        order: 3;
        overflow: auto;
    }

    section.main aside > div:first-child{
        position: relative;
        border-bottom:1px solid #ccc;
        line-height: 33px;
        height: 33px;
    }

    section.main aside > div .glyphicon {
        float:right;
        top:10px;
        font-size: 12px;
    }
    
    section.main aside > div:first-child div{
        display: inline-block;
    }

    section.main section {
        margin: 0 0 4px 0;
        padding: 0 20px 10px 20px;
        background: #fff;
        flex: 0 1 33%;
        overflow: auto;
    }
    
    @media all and (max-width: 768px) {
        section.main .inner{
            flex-flow: row wrap;
        }

        section.main aside {
            flex: 0 1 100%;
        }
        
        section.main aside > h2{
            display: inline-block;
        }

        section.main section {
            flex: 0 1 50%;
        }
    }

    @media all and (max-width:615px) {
        main.no-hero-results {
            top: 166px;
        }
    }   

    @media all and (max-width: 615px) {
        section.main section {
            margin: 0 4px 4px 0px;
            flex: 0 1 100%;
        }
    }

    section.main section .accordian-menu-list li:not(:first-child),
    section.main section .accordian-menu-list-inactive li:not(:first-child){
        display: block;
        margin: 8px 0 0 0;
    }

    section.main aside  h1,
    section.main section h1 {
        display: inline-block;
        font-size: 18px;
        margin:0 0 0 0;
        letter-spacing: 1px;
        font-size: 16px;
    }

    section.main aside .notices-view-all{
        float:right;
        width:70px;
        font-size: 12px;
        margin:0;
        cursor: pointer;
    }

    section.main section ul {
        margin:0;
        padding:0 0 0 0;
    }

    section.main section  .accordian-menu {
        position: relative;
        line-height: 33px;
        height: 33px;
        border-bottom:1px solid #ccc;
    }

    section.main section .accordian-menu > div {
        display: inline-block;
    }

    section.main section .accordian-menu .accordian-btn {
        position: absolute;
        top:50%;
        left:0;
        color: #fff;
        text-align: center;
        cursor: pointer;
        margin:0 0 0 0;
        transform: translateY(-50%);
    }

    section.main section .accordian-menu .accordian-btn .glyphicon{
        font-size: 16px;
        top:3px; 
    }

    section.main section .accordian-menu  .glyphicon-edit {
        display: block;
        float:right;
        font-size: 18px;
        top:8px;
        margin:0 5px 0 0;
        cursor: pointer;
    }

    section.main section .accordian-menu-list {
        height:190px;   
        overflow: hidden;
        padding:10px 0 0 0;
    }
    
    section.main section .accordian-menu-list{
        height:170px;
    }

    section.main section .accordian-menu-list-inactive,
    section.main section .accordian-menu-list {
        transition: all .5s
    }
    
    section.main section .accordian-menu-list-inactive {
         height:0px;
         overflow: hidden;
    }

    section.main section .accordian-menu .accordian-title{
        margin:0 0 0 25px;
        vertical-align: middle;
    }
    
    section.main section .accordian-menu .accordian-title h1{
        top:2px;
        display: block;
        font-size: 16px;
        letter-spacing: 1px;
    }

    #notice-history {
        position: fixed;
        right:-300px;
        top:0;
        height: 100vh;
        width: 300px;
        background: #fff;
        z-index: 100;
        padding:20px 15px 0 5px;
        box-shadow: rgba(50, 50, 50, 0.45) -5px 0px 5px 0px;
        overflow-y:auto;
        display: none;
        transition: right .5s;
    }

    .notice-history-open {
        right:0px !important;
    }

    #notice-history .glyphicon-remove {
        position: absolute;
        top:-15px;
        right:-10px;
        cursor: pointer;
    }

    /********************/
    /** Main Home Page **/
    /********************/

    /********************/
    /** Default Box **/
    /********************/
    
    .default-box > .inner > .flex-row > section,
    #edit-defaults-box > section {
        display: flex; /* new; nested flexbox */
        display: -ms-flexbox;
        display: -webkit-flex;
        padding:0 0px 10px 0px;
        /** background: #ebe9e9; **/
        background: #fff;
    }

    .default-box > .inner > .flex-row > section.min-section {
        min-height: 400px;
    }

    .default-box > .inner > .flex-row > section.has-left-menu {
        padding: 0 0 0 215px;
    }
    
    #edit-defaults-box > section {
        padding:5px 0 5px 0;
    }

    #edit-defaults-box > section {
        background: #fff;
    }

    .default-box > .inner > .flex-row .default-search{
        max-height: 398px;
    }

    .default-box > .inner > .flex-row  > section .section-inner,
    .default-box > .inner > .flex-row  > section .section-email{
        position: relative;
        width: 100%;
        background: #fff;
        padding:10px 0px 10px 0px;
        /** border:1px solid; **/
        /** border-color: #e5e6e9 #dfe0e4 #d0d1d5; **/
        /** box-shadow: 2px 2px 0 #e6e6e6; **/
        /** box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); **/
    }

    .default-box > .inner > .flex-row  > section .section-email {
       padding:10px;
    }
    
    .default-box > .inner > .flex-row  > section .section-inner .divider,
    .default-box > .inner > .flex-row  > section .section-inner .town-divider {
        padding:5px 0 5px;
    }

    .default-box > .inner > .flex-row  > section .section-scrollable{ 
        position: relative;
        width:100%;
        overflow: hidden;
        min-height: 80px;
    }
    
    .default-box > .inner > .flex-row  > section .section-inner table input{
        display: inline-block;
        float:initial;
    }    
    
    .default-box > .inner > .flex-row  > section .section-inner table{
        width: 100%;
    }

    .default-box > .inner > .flex-row  > section tr td {
        padding: 5px 2px;
    }

    .default-box > .inner > .flex-row  > section a{
        color:#054a5f;
    } 

    .default-box > .inner > .flex-row > section .tac input[type=checkbox]{
        margin:1px auto 0 auto;
        float:none;
    }    
    /**** menu left ****/
    #menu-left {
        padding: 0px;
        margin:0px;
        width: 100%;
        border:1px solid #ddd;
    } 
     
    #menu-left header{
        padding:5px 0 5px 10px;
        background: #f1f1f1;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    } 
    
    #menu-left header h2{
        margin:5px 0  5px 0;
    } 

    #menu-left ul {
        padding: 0 0 0 0px;
    } 
 
    #menu-left ul li{
        font-size: 14px;
        padding: 8px 0 8px 10px;
        cursor: pointer;
        border-top:1px solid #ddd;
        font-weight: 300;
        background: #fff;
    }   

    #menu-left ul li:hover:not(.selected){
        background: #ebeaea;
    }
 
    #menu-left .selected{
        background: #fff;
        color: rgba(220,93,84,1.0);
    }

    /**** menu left ****/

    /**** input menu left ****/

    #input-menu-left{
        padding: 0px;
        margin:12px 0 0 10px;
        position: fixed;
        width: 200px;
        z-index: 3;
        border:1px solid #ddd;
    }

    @media all and (min-width: 1280px) {
        #input-menu-left{
            margin:12px 0 0 5px;
        }
    }

    #input-menu-left header{
        padding:10px 0 10px 10px;
        background: #f1f1f1;
    } 
    
    #input-menu-left header h2{
        margin:9px 0  8px 0;
    } 

    #input-menu-left ul {
        padding: 0 0 0 0px;
    } 
 
    #input-menu-left ul li{
        font-size: 14px;
        padding: 8px 0 8px 10px;
        cursor: pointer;
        border-top:1px solid #ddd;
        font-weight: 300;
        background: #fff;
    }   

    #input-menu-left ul li:hover:not(.selected){
        background: #ebeaea;
    }

    #input-menu-left .selected{
        background: #fff;
        color: rgba(220,93,84,1.0);
    }

    /**** input menu left ****/

    .default-box > .inner > .flex-row > .w-section .section-inner {
        padding:10px 0 10px 0;
    }

    .section-column {
        position: relative;
        display: flex; /* new; nested flexbox */
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
               -ms-flex-wrap: wrap;
        flex-direction: column;
            -ms-flex-direction: column;
               -webkit-flex-direction: column;
        padding: 2px 10px 2px 10px;
        margin:0 0 10px 0;
    }

    #reslipsheet .section-column {
        flex-direction: row;
            -ms-flex-direction: row;
               -webkit-flex-direction: row;
    } 

    @media all and (max-width: 768px) {
        .section-column {
            padding: 2px 5px 2px 5px;
        }
    }

    .section-column > div,
    .section-column > header {
        width: 100%;
    }

    .section-column .edit-icon {
        right:20px;
        top:12px;
    }

    .section-column textarea {
        width: 100%;
        padding:5px;
        min-height: 28px;
    }
    
    .section-column select {
        width: 100%;
        min-width: 82px;
    } 

     @media all and (max-width: 615px) {
        .section-column select {
            width: 100%;
            min-width: 82px;
            max-width: 250px;
        }   
    }

    .section-column  header,
    #myfields header {
        /** background: #ebe9e9; **/
        /** border-bottom: 1px solid  rgba(220,93,84,1.0); **/        
        padding:5px 5px 5px 10px;
    } 

    .section-column > header{ 
        border-bottom: 1px solid  #f1f1f1;
        background: #f1f1f1;
        /** border-radius:5px; **/
    }

    .section-column > header.top-corner-only{ 
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

     #myfields > header {
        border-bottom: 1px solid  #f1f1f1;
        background: #f1f1f1;
        border-bottom-left-radius: 0; 
        border-bottom-right-radius: 0; 
    }

    .section-column header.header-no-back {
        background: #fff;
        border:0px;
        padding:5px 5px 5px 0px;
    }
    
    .section-column header h2,
    #myfields > header h2{
        margin: 5px 0 5px 0;
        font-size: 14px;
        display: inline-block;
        /** color:rgba(120,182,201,1.0);  **/
        color: #555;
    }

    .section-column .selection-item,
    .section-column .selection-item-lg{
        padding: 2px 5px 2px 5px !important;
    }

    .section-column .selection-item:nth-of-type(odd):not('.selection-item'){
        background: #f1f1f1;
    }

    .section-column input[type=checkbox],
    .section-column input[type=radio]{
        display: block;
        margin:1px 2px 0 0;
        float: left;
    }

    .edit-icon .glyphicon-trash{
        margin:0 8px 0 0;
    }

    #nav-close {
        display: none;
    }

    /********************/
    /**** Default Box ***/
    /********************/

    /*************/
    /**** tabs ***/
    /*************/

    .tab-container {
        width:100%;
        border-bottom:1px solid #ccc;
        background: #fff;
        height:39px;
        margin-top:-10px;
    }
    
    @media all and (max-width: 615px) {
        .tab-container {
            padding: 0 5px 0px 5px !important;
        }    
    }

    header.page-header .tab-container .options{
        margin:8px 0 0 0;
    }

    @media all and (max-width: 615px) {
        header.page-header .tab-container .options{
            margin:3px 0 0 0;
        }
    }    

    .tab-container .options input {
        border:0;
    }

    .tab-container .tab{
        margin-right: -3px;
        border-top:1px solid #ccc;
        padding:0px 20px 0px 20px;
        display:inline-block;
        border-right:1px solid #ccc;
        cursor: pointer;
    }

    @media all and (max-width: 950px) {
        .tab-container .tab {
            padding: 0px 10px 0px 10px;
        }
    }    

    @media all and (max-width: 768px) {
        .tab-container .tab{
            display: none;    
        }
    }

    .tab-container div:nth-last-child(2) {
        border-top-right-radius: 5px;
    }

    .tab-unselected:hover{
        background: rgba(220,93,84,1.0); 
        color:#fff;
    }

    .tab-left{
        border-left:1px solid #ccc;
        border-top-left-radius: 5px;
    }

    .tab-left.tab-selected{
        border-left:1px solid #dfe0e4;
    }

    .tab-selected{
        height:40px;
        line-height: 40px;
        background:#fff;
        color: rgba(220,93,84,1.0);
    }

    .tab-unselected {
        height:39px;
        line-height: 39px;
        background:#f2f1f1;
        border-bottom:1px solid #ccc;
        vertical-align: top;
    }

    /*************/
    /**** tabs ***/
    /*************/

    /***************************/
    /**** side menu for tabs ***/
    /***************************/
    
    .tab-mobile-menu {
        margin-top: -7px;
        border: 1px solid;
        border-color: #d0d1d5;
        min-width: 150px;
        display: none;
    }

    .tab-mobile-menu-spacer {
        display: none;
    }

    @media all and (max-width: 768px) {
        .tab-mobile-menu {
            display: block;
        }

        .tab-mobile-menu-spacer {
            display: inline-block;
        }
    }

    /***************************/
    /**** side menu for tabs ***/
    /***************************/
    
    /********************/
    /**** Search Page ***/
    /********************/

    .default-box > .inner > .flex-row  > section.quick-minmax{
        padding:0px 5px 0px 5px;
    }
    
    .default-box > .inner > .flex-row  > section.quick-minmax .section-inner{
        padding: 5px 10px 0px 10px;
        border-bottom:0;
    }

    .default-box > .inner > .flex-row  > section.quick-minmax-bottom{
        padding:0px 5px 10px 5px;
    }
    
    .default-box > .inner > .flex-row  > section.quick-minmax-bottom .section-inner{
        padding: 0px 10px 10px 10px;
        border-top:0;
    }

    .section-scrollable #county{
        max-height: 210px;
        height: 210px;        
        overflow-y: scroll;
    }

    #town1,
    #selectedtown {
        max-height: 310px;
        height: 310px;
        overflow-y: scroll;
        border-bottom:1px solid #ccc;
    }

    @media all and (min-width: 1024px) {
        #selectedtown .selection-item {
         min-width:130px;
        }
    }

    @media all and (max-width: 1024px) {
        #selectedtown {
            max-height: 310px;
            height: initial;
        }  
    }

    @media all and (max-width: 615px) {
        #town1,
        #selectedtown {
            height: initial;
        } 
    }


    .default-box > .inner > .flex-row > section table.other tr:nth-of-type(odd){
        background: #f7f7f7;
    }
   
    .default-box > .inner > .flex-row > section table.other tr td:nth-of-type(1){
        width:110px;
        white-space: nowrap;
    }

    .default-box > .inner > .flex-row > section table.other tr td{
            padding: 5px 5px;
    }    

    .default-box > .inner > .flex-row > section table.lnd-other tr td:nth-of-type(1){
        width:70px;
        white-space: nowrap;
    }
    
    .default-box > .inner > .flex-row > section table.other tr td:nth-of-type(2),
    .default-box > .inner > .flex-row > section table.other tr td:nth-of-type(4),
    .default-box > .inner > .flex-row > section table.other tr td:nth-of-type(6){
        width:15px;
        white-space: nowrap;
    }
        
    .default-box > .inner > .flex-row > section table.other tr td:nth-of-type(3),
    .default-box > .inner > .flex-row > section table.other tr td:nth-of-type(5){
         width:80px;
    }

    .default-box > .inner > .flex-row > section table.status-table {
        padding: 0 0 0 5px;
    }

    .default-box > .inner > .flex-row > section table.status-table td:nth-of-type(odd){
        width: 10px;
    }

    .default-box > .inner > .flex-row > section table.minmax-table td:first-child{
        width: 82px;
    }

    .default-box > .inner > .flex-row > section table.address-table tr:first-child td:nth-of-type(1),
    .default-box > .inner > .flex-row > section table.address-table tr:first-child td:nth-of-type(2){
        width:60px;
    }
    
    .default-box > .inner > .flex-row > section .selection-item,
    .default-box > .inner > .flex-row > section .selection-input,
    .default-box > .inner > .flex-row > section .selection-input-lg,
    #edit-defaults-box  >  section .selection-item,
    .default-box > .inner > .flex-row > section .selection-item-county,
    .default-box > .inner > .flex-row > section .selection-item-short,
    .default-box > .inner > .flex-row > section .selection-item-lg,
    #autoemail-message-box  .section-column .selection-item,
    #autoemail-message-box  .section-column .selection-item-lg{
        display:inline-block;
        line-height:15px;
        padding: 2px 10px 2px 0;
    }

    .selection-item label,
    .selection-item-county label, 
    .selection-item-short label,
    .selection-item-lg label {    
        color:#555;
    }

    .default-box > .inner > .flex-row > section .selection-item,
    .default-box > .inner > .flex-row > section .selection-input,
    #edit-defaults-box > section .selection-item,
    #autoemail-message-box  .section-column .selection-item {
        min-width: 162px;
    }

    .default-box > .inner > .flex-row > section .selection-input-lg,
    .default-box > .inner > .flex-row > section .selection-item-lg,
    #autoemail-message-box  .section-column .selection-item-lg  {
        min-width: 225px;
    }

    .default-box > .inner > .flex-row > section .selection-input-sm,
    .default-box > .inner > .flex-row > section .selection-item-sm,
    #autoemail-message-box  .section-column .selection-item-sm  {
        min-width: 60px;
        display: inline-block;
    }    

    .default-box > .inner > .flex-row > section .selection-input-sm,
    .default-box > .inner > .flex-row > section .selection-input-lg,
    .default-box > .inner > .flex-row > section .selection-input  {
        padding:10px 0 0 0;
    }   

    .default-box > .inner > .flex-row > section .selection-item-lg-x {
        min-width: 223px;
    }
    
    .default-box > .inner > .flex-row > section .selected-item-single-column{
        width:100%;
    }

    .default-box > .inner > .flex-row > section .selection-item-county{
        min-width: 132px;
    }

    .default-box > .inner > .flex-row > section input[type=text],
    .default-box > .inner > .flex-row > section input[type=password]{
        width: 100%;
    }

    .default-box > .inner > .flex-row > section input[type=checkbox] {
        display: block;
        margin:1px 3px 0 0 ;
        float: left;
    }

    .default-checkbox{
        display: block !important;
        margin:1px 2px 0 0 !important;
        float: left !important;
    }
    
    #check-all,
    #uncheck-all,
    #check-ausucs,
    #uncheck-ausucs {
        display: inline-block;  
        top:12px;
        cursor: pointer;
        margin:0 0 0 10px;
    }

    #check-divider{
        display: inline-block;  
        margin:0 0 0 10px;
    }

    #check-ausucs label,
    #uncheck-ausucs label,
    #check-all label,
    #uncheck-all label{
        cursor: pointer;
    }

    .check-hide{
        display: none !important;
    }

    .default-box > .inner > .flex-row > section .status-table tr:last-child td{
        padding-bottom:3px;
    }

    /********************/
    /**** Search Page ***/
    /********************/

    /********************/
    /** Advance Search **/
    /********************/    

    .default-box > .inner > .flex-row  > section .section-noscroll select {
        width:100%;
    }

    .advance-col{
        width: 100%;
    }

    .select-lg-adv{
        padding: 5px 5px 5px 5px;
        border-radius: 0;
        /* height: 30px; */
        font-size: 14px;
    }

    .advance-section {
        position: relative;
        padding:35px 0 40px 0;
    }

    .advance-section:last-child{
        padding:0 0 10px 0;
    }

    .adv-highlight td{
        border-top:2px solid rgba(120,182,201, 0.5) !important;
        border-bottom:2px solid rgba(120,182,201, 0.5) !important;
        background: rgba(120,182,201,0.4);
    }

    .adv-highlight td:first-child{
        border-left:2px solid rgba(120,182,201, 0.5) !important;
    }

    .adv-highlight td:last-child{
        border-right:2px solid rgba(120,182,201, 0.5) !important;
    }

    #paramdiv {
        padding:0 0 30px 0;
        border-bottom: 1px solid #ccc;
        width:100%;
        max-height: 254px;
        min-height: 154px;
        overflow: auto;
    }

    #paramdiv th {
        white-space: nowrap;
    }

    #paramdiv tr:nth-of-type(even){
        background: #f1f1f1;     
    }

    #paramdiv td:nth-of-type(3){
        white-space: initial;     
    }

    #params{
        width:100%;
        overflow: auto;
        max-height: 254px;
        min-height: 154px;
        padding:0 0 30px 0;
        border-bottom: 1px solid #ccc;
    }

    #params header {
        border:0;
        padding:0 0 0 5px;
    }

    .section-column #params .selection-item:nth-of-type(odd) {
        background: #fff;
    }

    #myfields .gs-btn{
        border-radius: 0;
    }

    #parameter-btn{
        position: absolute;
        bottom: 5px;
        left:0;
        width:138px;
    }  

    .orfield,
    .andfield,
    .notfield {
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        border: 1px solid #233441;
        padding: 5px 12px 5px 12px;
        margin:0 5px 0 0;
        color: #233441;
        letter-spacing: .08em;
        cursor: pointer;
        float:left; 
        border-radius: 3px;
        width: 51px;
        text-align: center;
        transition: all 0.2s;
    } 

    .selectedfield {
        color: #fff;
        background: #233441;
        border: solid 1px #233441;
    }

    .orfield:hover,
    .andfield:hover,
    .notfield:hover {
        color:#fff;
        background:#66afe9;
        border: solid 1px #66afe9;
    }    

    .clearfield {
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        border: solid 1px #233441;
        padding: 5px 12px 5px 12px;
        color: #233441;
        letter-spacing: .08em;
        cursor: pointer;
        float:right;
        border-radius: 3px;
        transition: all 0.2s;
    }

    .clearfield:hover {
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        border: solid 1px rgba(120,182,201,1.0);
        padding: 5px 12px 5px 12px;
        color: #fff;
        background:rgba(120,182,201,1.0);
        letter-spacing: .08em;
    }

    /********************/
    /** Advance Search **/
    /********************/

    /********************/
    /**** Result Page ***/
    /********************/

    header.inputsheet-fixed-header{
        position: fixed;
        top:205px;
        overflow: auto;
        width: 100%;
        /** background: #ebe9e9; **/
        background: #fff;
        margin:0;
        padding: 12px 0 5px 0;
       z-index: 2;
    }

    header.inputsheet-fixed-header .inner{
        padding: 0 5px 0 220px;
    }   

    header.inputsheet-fixed-header .inner .row{
        border: 1px solid #ddd;
        padding:10px 5px 10px 5px;
        background: #f1f1f1;
    }    

    header.inputsheet-fixed-header .options{
        position: relative;
        display: inline-block;
        float:right;
        margin:0 0 0 0;
        min-width: 130px;
    }

    header.page-header{
        position: fixed;
        top:107px;
        overflow: auto;
        width: 100%;
        /** background: #ebe9e9; **/
        background: #fff;
        margin:0;
        padding: 0 0 0 0;
        border-bottom:#b6b5b5;
        z-index: 1;
    }

    @media all and (min-width: 1280px) {
        header.page-header{
            padding:0 0 0 10px;
        }
    }

    @media all and (max-width: 615px) {
        header.page-header{
            top:76px;
            padding:0 0 0 0;
        }
    }

    /** for fax coverpage **/
    header.page-header.page-header-no-header{
        top:0px;
    }
    /** for fax coverpage **/

    .inventory-header div{
        padding:0 20px 0 0;
    }

    .inventory-header .flex-row > section {
        display: flex;
        padding: 0 20px 0 0;
    }

    .inventory-header .flex-row > section > span{
        display: inline-block;
        margin:6px 0 5px 3px;
    }

    .inventory-header  select{
        width:auto;
    }

    .inventory-header .clearfield {
        float:left;
        margin:2px 0 0 0;
    }

    header.page-header .inner{
        position: relative;
        height: 45px;
        padding: 15px 5px 15px 0px;
    }

    @media all and (max-width: 1280px) {
        header.page-header .inner{
            height: 45px;
            padding: 15px 10px 15px 10px;
        } 
    }

    header.page-header .inner h2{
        float:left;
        margin:0;
        color:rgba(220,93,84,1.0);
    }

    header.page-header .inner > select{
        float:left;
        background: #fff;
        font-size: 14px;
    }

    header.page-header .inner select.advance-sel{
        margin-top: -7px;
        border:1px solid;
        border-color: #d0d1d5; 
        min-width: 150px;
    }

    header.page-header .options{
        position: relative;
        display: inline-block;
        float:right;
        margin:-6px 0 0 0;
        min-width: 130px;
    }

    @media all and (max-width: 615px) {
        header.page-header .options{
            max-width: 150px;
        }
    }

    @media all and (max-width: 415px) {
        #results header.page-header .options{
            float:left;
        }   

        #results header.page-header h2{
            display: none;
        }     
        
        #filter-listings{
            width:150px;
        }    
    }

    header.page-header .options .glyphicon-filter{
        position: absolute;
        right:3px;
        top:7px;
        font-size: 16px;
    }
    
    header.page-header .options input{
        padding:5px 20px 5px 10px;
    }

    header.page-header .options select{
        float:right;
        max-width: 200px;
    }

    @media all and (max-width: 615px) {
        header.page-header .options select {
            max-width: 150px
        }
    }

    #issues #custom-results {
        width:260px;
        top:7px;
        float:right;
    }

    #issues #custom-results label{
        line-height: 30px;
    }

    #issues #custom-results select{
        width: initial;
        float:right;
    }

    section.results{
        background: #fff;
        padding:0 10px 0 10px;
        min-height: 50vh; 
    }

    @media all and (max-width: 1280px) {
        section.results{
            padding:0 0px 0 10px;
        }
    }

    section.results .inner{
        position: relative;
        background: #fff;
        padding:0 0 0 0;
    }

    @media all and (max-width: 1280px) {
        section.results .inner{
            padding:0 5px 0 5px;
        } 
    }

    section.results .divider {
       height: 15px;
       line-height: 15px;
    }

    section.results .divider hr {
        border-top: 1px solid #ebe9e9;
    }

    #display-type-menu {
        position:absolute;
        top:-10px;
        right:0;
        width:130px;
        z-index: 1001;
        background: #fff;
        padding:10px 5px;
        border:1px solid #ccc;
        display: none;
    }

    #display-type-menu a {
        display: block;
        padding: 0px 5px;
        width:100%;
        color:#555;
    }

    #display-type-menu a:hover {
        background: #ebe9e9;
    }

    #display-type-menu span {
        margin:0 5px 0 0;
    }

    #select-display-type {
        position: relative;
        float:right;
        padding:0 0 0 30px;
        cursor:pointer;
    }

    #select-display-type .glyphicon-triangle-bottom{
        font-size:10px;
        padding:0 0 0 5px
    }

    #options-label {
        float:right;
        padding:0 0 0 0;
    }

    @media all and (max-width: 615px) {
        #options-label {
            display: none;
        }
    }

    /********************/
    /**** Result Page ***/
    /********************/



    /** XPY Result Cells **/ 

    @media all and (max-width: 615px) {
        .gallery-image {
            position: relative;
            width: 100%;
            top:0;
            left:0;
            padding:0 0 0 0;
            text-align: center;
        }  

        .galleryview .result-row {
            min-height:360px;
            padding:10px 5px 10px 10px;
        }

        .galleryview .result-row::after{
            content: '';
            display: block;
            clear: both;
        }

        .galleryview #fl-result-table,
        .galleryview .result-row-header,
        .galleryview .item-number,
        .galleryview .code,
        .galleryview .diff{
            display: none !important;
        }

        .galleryview #result-table,
        .galleryview .result-row,
        .galleryview .gallery-image {
            display: block;
        }

        .galleryview .result-row .result-cell.mlnum,
        .galleryview .result-row .result-cell.media,
        .galleryview .result-row .result-cell.status {
            padding:40px 0 0 0;
        }

        .galleryview .result-row .result-cell.listprice,
        .galleryview .result-row .result-cell.address,
        .galleryview .result-row .result-cell.item-checkbox,
        .galleryview .result-row .result-cell.change {
            position: absolute ;
            font-weight: 600;
        }
                
        .galleryview .result-row .result-cell.item-checkbox{
            top:214px;
        }

        .galleryview .result-row .result-cell.address,
        .galleryview  .result-row .result-cell.listprice{
            top:212px;
            font-size: 14px;
        }

        .galleryview .result-row .result-cell.address{
            left:30px;
        }
    
        .galleryview  .result-row .result-cell.listprice {
            right:18px;
        }
        
        .galleryview .result-row .result-cell.change{
            top:212px;
            right:10px;
        }          

        .galleryview .result-row .result-cell.open{
            position: absolute;
            top:278px;
            right:10px;
        }        
    }
    /****************************/
    /**** Gallery Result Page ***/
    /****************************/

    /********************/
    /**** View Print  ***/
    /********************/

    #include table{
        width:initial;
    }
    
    #include table td{
        padding:0 5px 0 0;
    }
    
    #include table td:nth-of-type(3){
        padding:0 10px 0 0;
    }   
    /********************/
    /**** View Print ***/
    /********************/

    /********************/
    /**** Oneline  ******/
    /********************/

    .clone-option td:nth-of-type(2) {
        border-left: 2px solid rgba(102,175,233, 0.7) !important;
    }

    .clone-option td:nth-of-type(4) {
        border-right: 2px solid rgba(102,175,233, 0.7) !important;
    }

    .clone-option td {
        border-top: 2px solid rgba(102,175,233, 0.7) !important;
        border-bottom: 2px solid rgba(102,175,233, 0.7) !important;
        padding: 0 20px 0 0 !important;
    }

    .clone-option td:first-child,
    .clone-option td:last-child{
        display: none;
    }

    .clone-option tr.ui-draggable-dragging{
        cursor: move;
    }

    #options-oneliner{
        overflow: auto;
        max-height: 300px;
    }
    /********************/
    /**** Oneline  ******/
    /********************/

    /********************/
    /**** Email Page ****/
    /********************/

    .flex-row > section .email-recipient table tr td{
        white-space:normal !important;  
        padding:5px 0 5px 0 !important;
    }
        
    .flex-row > section .email-recipient > table tr td:first-child{
        width:30px;
        vertical-align: middle;
        border-bottom:0px solid #ebe9e9;
    }

    .flex-row > section  .email-recipient{
        padding:0 0 5px 0;
    }

    .default-box > .inner > .flex-row > section table input.email-input{
        width:100%;
    }

    .flex-row > section  .email-recipient input{
        outline: none;
    }

    #email-message textarea,
    #signature textarea {
        width: 100%;
    }  

    #email-message textarea {
        height: 320px;
    }

    @media all and (max-width: 615px) {
        #email-message textarea {
            height: 19px;
        }

        #signature textarea {
            margin:5px 0 0 0;       
            height: 19px;
        }
    }

    #signature textarea {
        margin:5px 0 0 0;       
        height: 120px;
    }

    #editor1,
    #editor1_new,
    #editor_all,
    #editor1_all {
        padding:10px;
    }
    
    #contact-list{
        position:absolute;
        top:0;
        left:0;
        min-height:150px;
        width:300px;
        padding:10px 0 10px 0;
        border-color: #e5e6e9 #dfe0e4 #d0d1d5;
        display: none;
        z-index: 1;
        background: #fff;
        -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.45);
        -moz-box-shadow:    0px 0px 16px 0px rgba(50, 50, 50, 0.45);
        box-shadow:         0px 0px 16px 0px rgba(50, 50, 50, 0.45);
        clear:both;
    }
    
    #contact-list > div{
        width: 100%;
        min-height:50px;
        padding:5px 10px 5px 10px;  
        cursor:pointer;
    }
    
    #contact-list > div:nth-of-type(odd):not(.contact-item-message){
        background: #f2f1f1;
    }

    #contact-list > div:hover:not(.contact-item-message){
        background:#cddde9;
    }

    #contact-list > div *{
        font-size:13px;
    }

    .contact {
        display: inline-block;
        padding:0 4px 4px 4px;        
    }

    .contact > div {
        background:#f2f1f1;
        border:1px solid #d0d1d5;
        padding:0 10px 1px 10px;  
    }

    .contact > div > span{
        padding:0 0 0 5px;  
        color:#939395;
        top:2px;
        cursor: pointer;
    }
    
    .openAllContacts{
        cursor:pointer;
        font-size: 14px;
    }
    
    .openAllContacts label {
        cursor: pointer;
        text-decoration: underline;
    }

    #addContact,
    #allContacts {
        position: fixed;
        left:0;
        top:0;
        background: rgba(37,52,65,0.95);
        height: 100%;
        width: 100%;
        z-index: 6;
        padding:20px 0 20px 0;
        overflow: auto;
        display: none;
    }

    @media all and (max-width: 615px) {
        #addContact {
            padding:0 0 0 0;
          
        }
    }

    #addContact .inner,
    #allContacts .inner {
        position: absolute;
        max-width:700px;
        min-height:200px;
        background: #fff;
        margin:0 auto 0 auto;
        padding:10px 10px 70px 10px;
        top:50%;
        left:50%;
        overflow:auto;
        -ms-transform: translate(-50%,-50%); /* IE 9 */
        -webkit-transform: translate(-50%,-50%); /* Safari */
        transform: translate(-50%,-50%);
    }

    @media all and (max-width: 615px) {
        #addContact .inner {
            width: 90%;
            top:10px;
            -ms-transform: translate(0%,0%);
                -webkit-transform: translate(0%,0%);
                transform: translate(-50%,0%);  
        }        
    }

    #addContact .inner select{
        height: auto;
    }
    
    #allContacts{
        padding:20px 10px 0 10px
    }

    #addContact .inner .content-table input,
    #addContact .inner .content-table select,
    #addContact .inner .content-table textarea{
        width:100%;
    }

    #addContact .inner .content-table .addContactLabel {
        width:75px;
    }

    #addContact .glyphicon-remove,
    #allContacts .glyphicon-remove,
    #report-bug-box .glyphicon-remove {
        position: absolute;
        right:30px;
        top:25px;
        cursor: pointer;
        font-size: 16px;
    }

    #allContacts .all-contacts-search {
        position: relative;
    }

    #allContacts .all-contacts-search .glyphicon-search {
        position: absolute;
        top:10px;
        right:15px;
    }

    #addContact .gs-btn {
        float:none;
    }

    #allContacts-header {
        position:relative;
        height:32px;
        margin:0 0 10px 0;
    }
    
    #allContacts-header > div {
        position: relative;
    }

    #allContacts-header input {
        padding:6px 20px 6px 6px;
        margin:0 0 0 0;
        min-width: 200px;
    }
    
    #allContacts-header .glyphicon-search{
        position: absolute;
        top:7px;
        right:0px;
        font-size: 16px
    }


    #allContacts-header select {
        float:right;
        padding:5px;
        width: 160px;
    }
    

    #allContacts-header > div > div > span{
        color:#FFF;
        font-size:12px;
        line-height:30px;
    }
    
    #allContactsOverflow{
        height:360px;
        overflow: auto;
    }

    #allContacts-footer > div{
        position:relative;
        float:left;
        width:50%;
        padding:20px 10px 10px 10px;
    }
    
    #allContacts-footer > div:first-child > div{
        float:right;
    }
    
    #allContacts table{
        width:100%;
    }
    
    #allContacts .inner table tr td,
    #allContacts .inner table tr th{
        font-size:14px;
        padding:10px 2px;
    }

    @media all and (max-width: 615px) {
        #allContacts .inner table tr td,
        #allContacts .inner table tr th{
            font-size:13px;
            padding:5px;
        }
    }

    #allContacts .inner table tr td:nth-of-type(1),
    #allContacts .inner table tr td:nth-of-type(2),
    #allContacts .inner table tr td:nth-of-type(3) {
        text-align: center;
    }

    .allContactsTable-sm{
        width: 34px;
    }
    
    #allContacts .inner table tr:nth-of-type(even){
        background: #f2f1f1;
    }
    
    #source-container table tr th{
        font-weight:normal;
    }
    
    #source-container {
        padding:0 0px 0px 0px;
    }
    
    #source-container table{
        border-top:1px solid rgba(220,93,84,1.0);
    }
    
    #source-container .default-table {
        margin:0 0 0 0;
    }

    #source-container  table tr td:nth-of-type(1),
    #source-container  table tr td:nth-of-type(2),
    #source-container  table tr td:nth-of-type(3) {
        text-align: center;
        width: 24px;
    }
    
    #source-header {
        width:100%;
    }   
    
    #source-header div{
        display:block;
        float:left;
        width:50%;
        margin: 0 0 0 0;
        padding:10px 0 10px  5px;
        cursor:pointer;
        white-space: nowrap;
    }

    #source-header div:first-child{
        border-top-left-radius: 5px;
    }

    #source-header div:last-child{
        border-top-right-radius: 5px;
    }
    
    #source-header div a{
        font-size: 14px;
        line-height: 17px;
        height: 17px;
        color: #233441;
        text-decoration:underline;
        margin:5px 0 5px 5px;
        font-weight: 600;
    }
    
    #source-header .active {
        background: rgba(220,93,84,1.0);
    }

    #source-header .active a{
        color:#fff;
        text-decoration: none;
    } 

    #source-container #sources,
    #source-container #category{
        display:none;
    }

    #source-container #sources  tr th:not(:last-child),
    #source-container #category  tr th:not(:last-child){
        width:20px;
    }   

    #email-options{
        padding:0 0 5px 0;
    }
    
    #email-options tr th,
    #email-options table tr td{
        padding:2px 5px 0 0px;
        text-align: left;
    }
    
    #email-options table tr td input[type=radio],
    #email-options table tr td label{
        vertical-align: top;    
    }

    #email-options table tr td label{
        padding:2px 5px 0 0;
    }
     
    #email-options input[type=checkbox], 
    #email-options input[type=radio] {
        margin: 0px 3px 0;
        float:left;
    }

    #email-options label {
        float:left;
        margin: 0px 3px 0;
    }

    .email-section-column {
        position: relative;
        display: flex; /* new; nested flexbox */
        flex: 1 1 auto; /* new */
        flex-wrap: wrap;
        padding: 2px 10px 2px 15px;
        margin:0 0 10px 0;
        max-width: 100%;
        min-width: 252px;
    }

    #signature select{
        width:100%;
    }

    #email-conf table tr td:first-child {
        width:55px;
    }

    @media all and (max-width: 768px) {
        #email-options table tr td input[type=radio],
        #email-options table tr td label{
            float:left;
        }
        
        #email-options table tr td input[type=radio] {
            margin:4px 5px 0 0;
        }
        
        #email-options table tr td input[type=radio]:nth-of-type(2){
            clear:both;
        } 
    }   
    /********************/
    /**** Email Page ****/
    /********************/

    /********************/
    /*** Contact Page ***/
    /********************/

    #category-edit,
    #source-edit{
        display:none;
    }

    #contact-message-box header {
        width: 100%;
    }

    #contact-name{
        margin:0 0 0 0px;
    }

    #allListings-section {
        display: none;
    }

    .glyphicon-plus-sign {
        font-size: 16px;
        color:rgba(220,93,84,1.0);
        cursor: pointer;
        transition: all 200ms ease-in-out;
    }

    .glyphicon-plus-sign:hover {
        color:  rgba(220,93,84,0.9);  
    }

    #addNewAutoEmail {
        margin:10px 0 0 0;
        background: #fff !important;
    }   
 
    #autoemail-message-box input[type=radio] {
        margin: 1px 5px 0 5px !important;
        vertical-align: middle;
    }

    .activation-label {
        margin: 0 5px 0 0;
        float:left;
    }

    .autoemail-section-label {
        font-size: 1.0em;
    }

    #autoemail-message-box  .section-column .selection-item {
        background: #fff !important;
    }

    #new_copy_self,
    #all_copy_self,
    #readreceiptonoffnew_self,
    #readreceiptonoffalllstng_self{
        margin: 1px 2px 0 5px;
    }

    #category1,
    #source {
        max-height: 395px;
        overflow: auto;
    }

    /********************/
    /*** Contact Page ***/
    /********************/
  
    
    /********************/
    /***** Profile ******/
    /********************/

    #editmyprofile  input[type=checkbox], 
    #editmyprofile  input[type=radio] {
        margin:0px 5px 0 0;
        vertical-align: middle;
    }
    
    #editmyprofile  input[type=checkbox]{
        float:initial;
        margin:-2px auto 0 auto;
    }

    #editmyprofile .signature-box input[type=radio]{
        margin: 6px 5px 0 0;
        vertical-align: middle;
        float: left;
    }

    #dis_shortcuts .selection-item input[type=checkbox] {
        margin:2px 2px 0 0;
    }

    .export-checkbox-container input[type=checkbox]{
        display: block;
    }

    #password-box input[type=password]{
        min-width: 236px;
    }

    @media all and (max-width: 615px) {
        #editmyprofile  select:not('.tab-mobile-menu') ,
        #editmyprofile  input[type="text"],
        #editmyprofile  input[type="password"]{
            width: 100%;
        }
    }

    #editmyprofile .inactive{
        display: none;
    }

    #emailOtherExp1text,
    #emailOtherExp2text,
    #emailOtherExp3text {
        min-width: 120px;
    }

    #editmyprofile .edit{
        position: absolute;  
        top:7px;
        right:10px; 
        font-size: 16px;
        color: rgba(120,182,201,1.0);
        cursor: pointer;
        display: none;
    }

    #editmyprofile .open-profile-page{
        position: relative;
        padding:0 0 70px 0;
        width:100%;
    }

    @media all and (min-width: 615px) {
        #pref .fg-lg-10 {
            max-width: 320px !important;
        }
    }

    #editmyprofile .default-box > .inner > .flex-row > section tr td {
        padding:2px 2px 2px 2px;
        height:35px;
    }

    .display-signature {
        padding: 5px 10px 5px 10px;
        background: #fff;
        height: 250px;
        overflow-x: auto;
        overflow-y: auto;
        cursor: pointer;
    }

    @media all and (max-width: 768px) {
        .display-signature {
            min-width: 0;
        }    
    }

    #editmyprofile .default-box > .inner > .flex-row .signature-wrapper,
    #editmyprofile .default-box > .inner > .flex-row .banner-wrapper{
        padding:0;
        border: 1px solid #d0d1d5;
    }

    .banner-container {
        min-width: 240px;       
    }

    #profile-message-box .button-container .gs-btn-two:last-child,
    #edit-defaults-box .button-container .gs-btn-two:last-child,
    #contact-message-box .button-container .gs-btn-two:last-child{
        margin:0 0 0 18px;
    }

    #shortcuts,
    #saved-searches{
        display: none;
    }

    #shortcut-list,
    #search-list {
        padding:0 0 0 0px;
        width: 100%;
        margin:0;
    }

    #shortcut-list li,
    #search-list li{
        padding:10px 0 10px 10px;
    }    

    #shortcut-list li:nth-child(odd),
    #search-list li:nth-child(odd) {
        background: #f1f1f1;
    }

    #edit-defaults-box section {
        display: none;
    }

    #edit-defaults-box section.active {
        display: block;
    }

    .selected-shortcuts,
    .selected-saved{
        padding:5px 0 5px 10px;
    }

    .selected-shortcuts:nth-child(odd),
    .selected-saved:nth-child(odd){  
        background: #f1f1f1;
    }

    .selected-shortcuts .glyphicon-remove,
    .selected-saved .glyphicon-remove{
        float: right;
        margin:0 5px 0 0;
        font-size:14px;
        cursor: pointer;
    }

    #dis_saved ,
    #saved-selected ,
    #dis_shortcuts ,
    #shortcuts-selected {
        max-height: 200px;
        overflow:auto;
    }
  
    /***** new ******/
    .default-box > .inner > .flex-row  > section .profile-banner{
        padding: 10px 10px 10px 10px
    }


    #editmyprofile .default-box > .inner > .flex-row > section > .profile-banner tr td {
        padding:2px 2px 2px 2px;
        height:15px;
    }

    .profile-banner .glyphicon-triangle-bottom {
        position: absolute;
        right:0;
        top:10px;
        display: none;
    }
    
    #profile-banner-photo {
        max-height: 90px;
    }

    .profile-banner-right {
        float:right;
    }

    #profile-banner-photo-wrapper{
        width:80px;
        vertical-align: middle;
        padding:2px 5px 2px 2px !important;
    }

    .img-circle {
        height:80px;
        width:80px;
        border-radius: 40px;
        margin-left:auto;
        margin-right:auto;
       -moz-border-radius: 40px;
        -webkit-border-radius:40px;

    }
     .img-focus{
	 width: 120px;
	 height: 120px;
	 background-image: url('http://unidiatech.com/common/images/foucs.jpg');
	 background-size: cover;
	 display: block;
	 border-radius: 60px;
	 -webkit-border-radius: 60px;
	 -moz-border-radius: 60px;
    }
    .img-vision{
	 width: 120px;
	 height: 120px;
	 background-image: url('http://unidiatech.com/common/images/Vision.png');
	 background-size: cover;
	 display: block;
	 border-radius: 60px;
	 -webkit-border-radius: 60px;
	 -moz-border-radius: 60px;
    }

    .img-mission{
	 width: 120px;
	 height: 120px;
	 background-image: url('http://unidiatech.com/common/images/Mission.png');
	 background-size: cover;
	 display: block;
	 border-radius: 60px;
	 -webkit-border-radius: 60px;
	 -moz-border-radius: 60px;
    }
    @media all and (max-width: 768px) {
        #profile-banner-photo {
            max-height: 90px;
        }

        #profile-banner-photo-wrapper{
            width:80px;
            vertical-align: middle;
        }

        .profile-banner-right {
            float:left;
        }
    }    

    @media all and (max-width: 615px) {
        #profile-banner-photo-wrapper{
            width: 0;
            padding:0 !important;
        }

        #profile-banner-photo-wrapper .img-circle{
            display: none;
        }

        #profile-banner-photo{
            display: none;
        }             
    }
    
    .export-checkbox-container {
        height: 33px;
        padding:8px 0 0 4px;
    }

    .resend-confirmation-email-CONFIRMED{
        visibility: hidden;
    }

    .resend-confirmation-email-UNCONFIRMED{
        visibility:visible;
    }
    
    .select-photo-wrapper{
        height:36px;
    }

    .signature-box {
        position: relative;
        display: inline-block;
        float:left;
        margin:0 0 0;
    }

    .banner-box {
        position: relative;
        display: inline-block;
        float:left;
        margin:5px 5px 0;
    }

    @media all and (max-width: 768px) {
        .signature-box,
        .banner-box {
            min-width: 100%;
            margin:0;
        }    
    }

    .banner-box img {
        width:100%;
        min-width: 90px;
    }

    .edit-icon{
        position: absolute;
        right:15px;
        top:6px;
        cursor: pointer;
        z-index: 1;
    }

    .banner-box .edit-icon{
        right:5px;
    }

    .edit-icon span {
        font-size: 16px;
    }

    #editmyprofile .glyphicon-trash {
        margin-right: 10px;
    }

    #password-box{
        width:238px;
        margin:15px auto 0 auto;
        display: none;
    }
    
    #password-error-message{
        text-align: center;
        margin:10px 0 0 0;
        color:red;
        display: none; 
    }

    /********************/
    /***** Profile ******/
    /********************/

    /********************/
    /***** Footer  ******/
    /********************/

    footer {
        position: relative;
        width: 100%;
        padding:10px;
        box-sizing: border-box;
        color: #f5f5f5;
        min-height: 170px;
        
        bottom:0px;

    }

    footer ul {
        list-style-type: none;
        padding: 0 0 0 0;
        margin:0 0 0 0;
    }
    
    footer ul li{
        padding: 2px 0 2px 0;
    }

    footer ul li a{
        font-size: 10px;
    }

    footer table tr td h2 {
        padding:10px 0 10px 0;
        margin: 0 0 0 0;
    }

    
    footer table.table-right{
        margin: 0 0 0 auto;
    }
    
    footer table.table-middle {
        margin: 0 auto 0 auto;
        font-size: 10px;
    }
    
    footer table tr td{
        padding: 2px 2px;
        font-size: 10px;
        color:#000000;
        vertical-align: top;
    }

    footer table *{
        font-size: 10px;
    }

    #toTop {
        position: fixed;
        bottom:10px;
        right:25px;
        width:35px;
        height:35px;
        line-height: 35px;
        color:#fff;
        font-size:18px;
        background: #78b6c9;
        text-align: center;
        z-index: 5;
        cursor: pointer;
        opacity: 0.0;
        display: none;
        transition: all 0.5s;
    }
    
    .tooltip {
        background-color: rgba(97,97,97,0.902);
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #fff;
        font-size: 10px;
        font-weight: 500;
        line-height: 22px;
        opacity: 1;
        padding: 0 8px;
        pointer-events: none;
        position: absolute;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transition: transform 200ms cubic-bezier(0.24,1,0.32,1),opacity 50ms linear;
        transition: transform 200ms cubic-bezier(0.24,1,0.32,1),opacity 50ms linear;
        white-space: nowrap;
        z-index: 5000;
        word-break: break-all;
        word-break: break-word;
    }

    .tooltip-hidden{
        opacity: 0;
        -webkit-transform: scale(0,0.5) translateY(-50px);
        transform: scale(0,0.5) translateY(-50px);
        -webkit-transition: opacity 70ms linear;
        transition: opacity 70ms linear;
    }

    .info-hover{
        cursor: pointer;
    } 

    div.infotip {
        top:0px;
        left:0px;
        position: absolute;
        max-width: 375px;
        line-height: 20px;
        padding: 10px;
        font-size: 14px;
        text-align: left;
        color: rgb(113, 157, 171);
        background: rgb(255, 255, 255);
        border: 1px solid #ccc;
        border-radius: 5px;
        text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
        box-shadow: 2px 3px 10px 0px rgba(50, 50, 50, 0.66);
        opacity: 0.0;
        display: block;
        z-index: 21;
    }

    .infotip:after, .infotip:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      
    }

    .infotip:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #fff;
        border-width: 10px;
        margin-top: -10px;
    }

    .infotip:before {
        border-color: rgba(204, 204, 204, 0);
        border-right-color: #ccc;
        border-width: 13px;
        margin-top: -13px;
    }

    div.infotip.right {
        box-shadow: -2px 3px 10px 0px rgba(50, 50, 50, 0.66);
    }

    .infotip.right:after, .infotip.right:before {
       left: 100%;
       transform:rotate(180deg);
    }

    @media all and (max-width: 768px) {
        footer table.table-left,
        footer table.table-right,
        footer table.table-middle { 
            margin:0 0 0 0;
        }
    }


    /********************/
    /***** Footer  ******/
    /********************/

    /********************/
    /*** Download  ******/
    /********************/

    #downloadcontacts #primary-category-list,
    #downloadcontacts #primary-source-list {
        height: 230px;
        overflow-y:scroll;
    }

    #downloadcontacts #contact-download-list {
        height: 530px;
        overflow-y:scroll;
    }
    
    #downloadcontacts .check-all-right,
    #downloadcontacts .uncheck-all-right{
        position: absolute;
        right: 20px;
        top: 10px;
    }

    #downloadcontacts .check-all-right *,
    #downloadcontacts .uncheck-all-right * {
        cursor: pointer;
    }    

    #downloadcontacts .uncheck-all-right {
        display: none;
    }

    /********************/
    /*** Download  ******/
    /********************/

    /********************/
    /***** Message  *****/
    /********************/
  
    #message-box-container,
    #profile-message-box-container,
    #edit-defaults-box-container,
    #contact-message-box-container,
    #autoemail-message-box-container,
    #edit-box-container,
    #editcart-box-container,
    #notice-box-container,
    #cart-box-container,
    #status-message-box-container,
    #xml-box-container{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background: rgba(36,53,65,0.3);
        display: none;
        overflow: auto;
    }

    #xml-box-container{
        z-index: 21;
    }

    #message-box-container,
    #edit-box-container,
    #editcart-box-container,
    #notice-box-container {
        z-index: 20;
    }  

    #profile-message-box-container,
    #edit-defaults-box-container,
    #contact-message-box-container,
    #autoemail-message-box-container,
    #cart-box-container,
    #status-message-box-container{
        z-index: 19;
    }

    #autoemail-message-box-container {
        padding:20px 0;
    }

    #message-box,
    #edit-box,
    #editcart-box,
    #cart-message-box,
    #addnewcart-box,
    #status-box {
        min-width:310px;
        max-width:400px;
        min-height:200px;
    }

    #message-box.wide {
        max-width:700px;
    }

    #message-box.full {
        max-width:90%;
    }

    #profile-message-box,
    #edit-defaults-box,
    #contact-message-box,
    #notice-box{    
        max-width: 700px;
    }

    #autoemail-message-box{
        max-width: 80%;
        height: 100%;
        overflow:auto;
    }

    #message-box,
    #profile-message-box,
    #edit-defaults-box,
    #contact-message-box,
    #edit-box,
    #notice-box,
    #cart-message-box,
    #editcart-box,
    #addnewcart-box,
    #status-box,
    #xmlView{
        position: relative;
        top:40%;
        margin:0 auto 0 auto;
        background: #fff;
        padding:20px 15px 70px 15px;
         -ms-transform: translate(0%,-50%); /* IE 9 */
        -webkit-transform: translate(0%,-50%); /* Safari */
        transform: translate(0%,-50%);
    }   

    @media all and (max-width: 615px) {
        #profile-message-box,
        #edit-defaults-box,
        #content-message-box,
        #contact-message-box{
            max-width: 700px;
            max-height:initial;
        }
    }

    #message-box.full{
        top:10px;
        transform: translate(0%,0%);
    }

    #xmlView{
        top:10px;
        width:70%;
        transform: translate(0%,0%);
    }

    #autoemail-message-box {
        position: relative;      
        margin:0 auto 0 auto;
        background: #fff;
        margin:0px auto 0 auto;
        padding:20px 15px 20px 15px;
    }

    #autoemail-message-box .glyphicon-remove {
        position: absolute;
        right:10px;
        top:10px;
        cursor: pointer;
    }

    #addnewcart-box,
    #editcart-box{
        display: none;
    }

    #addnewcart-box.open-edit-cart,
    #editcart-box.open-edit-cart{
        display: block;
    }

    #openadd-cart{
        cursor: pointer;
        height:20px;
        line-height:20px;
        padding:10px 0 0 4px;
        margin:5px 0 0 0;
        border-top:1px solid #ccc;
    }

    #select-a-search-all,
    #select-a-search,
    #autoemail-search-name{
        display: none;
    }

    #autoemail-search-name h2 {
        float:right;
    }

    @media all and (max-width: 768px) {
        #autoemail-search-name {
            margin:0;
        }

        #autoemail-search-name h2 {
            float:none;
        }
    }

    #message,
    #smessage{
        font-size: 16px;
        text-align: center;
        overflow: auto;
        padding:5px 0;
    }

    .default-table.message-center  tr th{
        text-align: center !important;
    }

    #message div {
        font-size: 15px;
    }

    #message .content-table div {
        font-size: 13px;
    }

    .all-status-bug{
        font-size:14px;
        width:270px;
        margin:10px auto 0 auto;
    }

    .all-status{
        width:270px;
        margin:10px auto 0 auto;
    }

    .all-status select{
        width:100%;
    }

    #message input[type="text"] {
        min-width: 236px;
        width:100%;
    }

    #message-box #title,
    #status-box #stitle,
    #edit-box #title,
    #editcart-box #title,
    #addnewcart-box #title{
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        padding: 0 0 10px 0;
    }

    .button-container{
        position: absolute; 
        display: table;
        bottom:20px;
        left:50%;
        width:270px;
        margin:0 auto 0 auto;  
        -ms-transform: translate(-50%,0%); /* IE 9 */
        -webkit-transform: translate(-50%,0%); /* Safari */
        transform: translate(-50%,0%);
    }

    #autoemail-message-box .button-container{
        position: relative; 
        display: block;
        width:270px;
        margin:0 auto 0 auto;
        bottom:initial;
        left:initial;  
        -ms-transform: translate(0%,0%); /* IE 9 */
        -webkit-transform: translate(0%,0%); /* Safari */
        transform: translate(0%,0%);
    }

    #notice-box  .button-container{
        position: absolute; 
        display: table;
        bottom:20px;
        left:50%;
        width:125px;
        margin:0 auto 0 auto;  
        -ms-transform: translate(-50%,0%); /* IE 9 */
        -webkit-transform: translate(-50%,0%); /* Safari */
        transform: translate(-50%,0%);
    }


    .button-container-lg{
        position: absolute; 
        display: table;
        bottom:20px;
        left:50%;
        width:310px;
        margin:0 auto 0 auto;  
        -ms-transform: translate(-50%,0%); /* IE 9 */
        -webkit-transform: translate(-50%,0%); /* Safari */
        transform: translate(-50%,0%);
    }    

    .button-container-no-absolute{
        position: relative; 
        display: block;
        height: 40px;
        width:125px;
        margin:15px auto 0 auto;        
    }

    #notice-box header {
        text-align: center;     
    }

    #show-signature-name{
       float:right;
    }

    @media all and (max-width: 615px) {
        #show-signature-name{
            float:left;
        }
    }

    .default-edit-box-inner:after{
        content: '';
        display: block;
        clear: both;
    }

    .default-edit-box-inner font {
        font-size: 14px;
        font-weight: 600;
        color: #555;
        letter-spacing: 1.2px;
    }

    .default-edit-box-content {
        float:left;
        width: 50%;
        min-width: 236px;
    }

    .section-container {
        width: 100%;
    }

    #primary-source-list,
    #primary-category-list {
        min-height: 180px;
    }

    #primary-source-list .selection-item,
    #primary-category-list .selection-item {
        min-width: 100%;
    }

    .default-edit-box .defaults-wrapper,
    .default-edit-box .defaults-wrapper-no-back{
        padding:5px;
        border: 1px solid #d0d1d5;
    }

    .default-edit-box .defaults-wrapper-no-back{
        border: 0px solid #d0d1d5; 
    }


    .default-edit-box table {
        width: 100%;
    }

    .default-edit-box  tr td.defaults-header{
        background: #f1f1f1;
        padding:5px 0px 5px 10px;
        border-top: 1px solid #d0d1d5;
    }

    .default-edit-box  tr td.defaults-header-no-back{
        padding:6px 0px 2px 5px;
    }

    .default-edit-box .defaults-header {
        padding:5px 0px 5px 5px;
        border-left: 1px solid #d0d1d5;
        border-right: 1px solid #d0d1d5;  
    }

    /********************/
    /***** Message  *****/
    /********************/

    /********************/
    /* Report a Problem */
    /********************/

    #report-bug-container{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background: rgba(36,53,65,0.3);
        z-index: 20;
        display: none;
    }
    
    #report-bug-box{
        position: relative;
        width:400px;
        margin:100px auto 0 auto;
        background: #fff;
        padding:20px 15px 70px 15px;
    }

    #report-bug-box select,
    #report-bug-box textarea,
    #report-bug-box .content-cell input,
    #report-bug-box td:last-child{
        width:100%;
        font-size: 14px;
    }

    #report-bug-box label{
        margin:0;
        white-space: nowrap;
        padding:0 0 0 0;
    }

    #current-page,
    #current-agent{
        padding:2px 2px 2px 5px;
        text-transform: capitalize;
    }

    #report-bug-box .gs-btn{
        float: initial;
    }
    
    #bug-desc{
        vertical-align: top;
    }

    #txarea-bug-desc{
        padding:10px;
    }

    /********************/
    /* Report a Problem */
    /********************/

    /********************/ 
    /***** Table  *******/
    /********************/
    .default-results .result-table a {
        color:#233441;
        text-decoration: underline;
    }

    .content-table {
        width: 100%; 
        display: table;  
        background: #fff;
        padding:5px 0 10px 0;
    }

    .content-table.content-table-no-width {
        width: initial; 
    }

    .content-row {
        display: table-row;
        width:100%;
    }

    .content-cell {
        display: table-cell;
        padding:2px 2px 2px 2px;
        vertical-align:middle;
        text-align: left;
    }

    .content-cell-center {
        text-align: center;
    }

    .result-row.subfooter {
        height: 45px;
        line-height: 45px;
        max-height: 45px;
        background: #fff !important;
    }

    .result-table{
        width: 100%; 
        display: table;  
        background: #fff;
        padding:0 0 0 0;
        min-width: 980px;
    }

    .result-table-no-min{
        min-width: 320px;
    }

    .no-min{
        min-width: 0px;
    }

    #issues .result-table{
        min-width: 0px;
        border-spacing:0px 5px;
    }

    .result-table-popup{
        display: table;  
        background: #fff;
        padding:5px 0 10px 0;
        margin:0 auto;
        min-width: 280px;
     }

    .result-row {
        display: table-row;
        width:100%;
    }

    .result-cell {
        display: table-cell;
        padding:5px 2px 5px 2px;
        white-space: nowrap;
        vertical-align:middle;
        border-left:1px solid #fff;
        border-right:1px solid #fff;
    }

    .result-row .result-cell.withdrawndate,
    .result-row .result-cell.expiredate,
    .result-row .result-cell.listdate,
    .result-row .result-cell.chghstDedate,
    .result-row .result-cell.pendingdate,
    .result-row .result-cell.closeddate,
    .result-row .result-cell.chghstDedate,
    .result-row .result-cell.lngchghstOldval,
    .result-row .result-cell.incomegrossoperating,
    .result-row .result-cell.expenseoperating,
    .result-row .result-cell.parknbravail,
    .result-row .result-cell.sqftprice,
    .result-row .result-cell.numunits,
    .result-row .result-cell.acres,
    .result-row .result-cell.lotsize,
    .result-row .result-cell.listprice,
    .result-row .result-cell.rooms,
    .result-row .result-cell.bedroom,
    .result-row .result-cell.bathnum,
    .result-row .result-cell.bathstotal,
    .result-row .result-cell.garage,
    .result-row .result-cell.salesprice,
    .result-row .result-cell.dom,
    .result-row .result-cell.officelist,
    .result-row .result-cell.salesprice{
        text-align:right;
    }     
    
    .result-row .result-cell.basement{
        text-align:center;
    }

    .customoneliner .result-cell {
        white-space: initial;
    }

    .result-table-wrap .result-cell{
        white-space:initial;
    }

    .result-table-nowrap .result-cell {
        white-space:initial;
    }

    .result-table-nowrap .result-cell:last-child {
        white-space:nowrap;
    }

    .result-cell input{
        display:block;
        margin:0;
    }
    
    .result-cell span {
        display: none;
    }

    .result-cell span.glyphicon {
        display: inline-block;
    }

    .result-table .result-row:nth-of-type(even){
        background: #f2f1f1;
    }

    .result-table.nocolor .result-row:nth-child(even){
        background: #fff;
    }

    .result-table.nowrap .result-row .result-cell{
        white-space: initial;
    }

    .result-table.nozebra .result-row:nth-child(odd){
        background: #fff;
    }

    .result-row-header{
        display:table-header-group;
        color:#78b6c9;
        cursor: pointer;
    } 

    .result-row-header .result-cell{
        border-bottom:1px solid #ebe9e9;
    }
 
    .result-row-header .result-cell.report-header,
    .result-row-header .result-cell.report-hotsheet-header{
        border-bottom:1px solid #ebe9e9;
        padding:10px 2px 10px 2px;
        text-align: center;
    }

    .result-row-header .result-cell.report-header.report-header-tal{
        text-align: left !important;
    }

    .report-hotsheet-header.descending:after,
    .report-header.descending:after{
        content:"\e252";        
        font-family: 'Glyphicons Halflings';
        font-size: 10px;
        margin:4px;
    }

    .report-hotsheet-header.ascending:after,
    .report-header.ascending:after{
      content:"\e253";
      font-family: 'Glyphicons Halflings';
      font-size: 10px;
      margin:0 4px;
    }    

    #fl-result-table-container{
        position: fixed;
        top:205px;
        overflow:hidden ;      
        z-index: 1;
    }

    .print-dialog .fl-result-table-container{
        display: none !important;
    }

    @media all and (max-width: 1280px) {
        #fl-result-table-container {
            top: 205px;
        }   
    }

    @media all and (max-width: 615px) {
        #fl-result-table-container{
            top:166px;
        }
    }    

    #fl-result-table-container.show{
        display: block;
    }

    #fl-result-table{
        display: table;
        background: #fff;
        padding:0 0 0 0;
        white-space: nowrap;
    }

    main.no-hero-results.hotsheet-results #fl-result-table{
        display: table;
        background: #fff;
        padding:0 0 0 0;
        white-space: nowrap;
    }

    @media all and (max-width: 1280px) {
        main.no-hero-results.hotsheet-results  #fl-result-table{
            top:250px;
            padding:0px 0px 0px 0px;
        } 
    } 

    #fl-result-title{
        padding:0 0 0 0;
        background: #fff;
    }

    .hotsheet-results #fl-result-table-container{
        top:252px;
    }

    @media all and (max-width: 615px) {
        .hotsheet-results #fl-result-table-container{
            top:221px;
        }
    }

    .hotsheet-result-type{
        font-weight: 600;
        background:#ebe9e9;
        padding:10px 10px
    }

    .default-table{
        margin:0 0 0 0;
        width: 100%;
    }

    .default-table th{
        padding:10px 2px 10px 2px;
    }

    .default-table tr:nth-child(even){
        background: #f2f1f1;
    }

    .default-table-nocolor{
        margin:10px 0 0 0;
        width: 100%;
    }

    .default-table-nocolor tr td{
        padding:2px;
    }

    .section-column .table-nowrap tr td,
    .section-column .table-nowrap tr th{
        white-space: nowrap;
    }

    .section-column .table-wrap tr td,
    .section-column .table-wrap tr th{
        white-space: initial;
    }

    .section-column .table-nowrap tr th,
    .section-column .table-wrap tr th {
        color: rgba(120,182,201,1.0);
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        border-bottom:1px solid #ccc;
    }

    .default-box > .inner > .flex-row  > section .section-inner table.table-fixed{
        table-layout: fixed;
        width: auto;
    }

    .section-column-result-table tr th {
        padding:4px 4px 3px 4px;
        border-bottom: 1px solid #ccc;
        color: #8A8B8A;
        font-weight: 500;
        font-size: 14px;
    }

    .section-column-result-table tr:nth-of-type(even):not(:first-child) {
        background-color: #f1f1f1;
    }
        
    .section-column-result-table tr td {
        padding:4px !important;
    }    

    .section-column-result-table tr td a {
        color:#337ab7;
    }

    #issuelist .result-table .result-row{
        cursor: pointer;
    }

    #issuelist .result-table .result-cell{
        padding:10px 10px 10px 2px;
    }

    .autoemail-table .row{
        margin:0 0 5px 0;
    }

    .autoemail-table .content-cell .row:first-child{
        margin:0 0 5px 0;
        height: 15px;
    }

    .autoemail-table .content-cell .row:last-child{
        margin:0 0 5px 0;
        min-height: 35px;
    }

    .autoemail-table #autoemail-search-name,
    .autoemail-table #autoemail-search-name-all {
        line-height: 25px;
    }

    .autoemail-table .radio-highlight,
    .autoemail-table .checkbox-padding {
        padding:5px 0 0 0;
    }

    .autoemail-table tr td{
        padding:10px 10px;
    }

    .autoemail-table tr td .glyphicon-copy{
        float:right;
        font-size: 14px;
        cursor: pointer;
    }

    #qckagentsearch-container{
        height: 200px;
        overflow: auto;
    }

    #qckagentsearch-table{
        width: 100%;
        margin:5px 0 0 0;
    }

    #qckagentsearch-table td.qckagentsearch-checkbox{
        width:15px;
    }

    #qckagentsearch-table tr td, #qckagentsearch-table tr th{
        padding:5px;
        text-align: left;
    }

    #qckagentsearch-table th {
        text-align: center;
        color: #78b6c9;
    }

    #qckagentsearch-table a {
        color:rgba(120,182,201,1.0);
        text-decoration: underline;
    }

    .table-filter .glyphicon-filter {
        position: absolute;
        top:12px;
        right:13px;
        font-size: 16px;
    }

    .table-filter input {
        padding:0 20px 0 0;
    }

    /********************/
    /*** End Table  *****/
    /********************/

    /****************************/
    /**** Gallery Result Page ***/
    /****************************/

    .gallery-image {
        height:192px;
        width:256px;
        position: absolute;
        top:10px;
        left:10px;
        display: none;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
            background-size: cover;
    }
    

    .galleryview .result-table{
        min-width: 320px;
    }

    .galleryview .result-row {
        display: block;
        position: relative;
        min-height:212px;
        width:100%;
        padding:10px 0 10px 0;
        overflow: hidden;
    }

    .galleryview .result-row .result-cell{
        display: block;
        float:left;
        font-size: 1.0em;
        margin:0;
        padding:3px 0 3px 0;
        border-left: 0px solid #fff;
        border-right: 0px solid #fff;
        text-align: left !important;
    }

    .galleryview #fl-result-table,
    .galleryview .result-row-header,
    .galleryview .item-number,
    .galleryview .code,
    .galleryview .diff{
        display: none !important;
    }

    .galleryview #result-table,
    .galleryview .result-row,
    .galleryview .gallery-image {
        display: block;
    }

    .galleryview .result-row{
        position: relative;
        padding:35px 0 10px 276px;
    }
    
    .galleryview .result-row .result-cell.listprice,
    .galleryview .result-row .result-cell.address,
    .galleryview .result-row .result-cell.item-checkbox,
    .galleryview .result-row .result-cell.change {
        position: absolute ;
        font-weight: 600;
    }
    
    .galleryview .result-row .result-cell.item-checkbox{
        top:12px;   
    }
    
    .galleryview .result-row .result-cell.address {
        top:11px;
        left:296px;
        font-size: 14px;
    }

    .galleryview  .result-row .result-cell.listprice {
        top:11px;
        right:15px;
        font-size: 14px;
    }
    
    .galleryview .result-row .result-cell.change{
        top:10px;
        right:5px;
    }
    
    .galleryview .rooms,
    .galleryview .town, 
    .galleryview .garage,
    .galleryview .saleprice,
    .galleryview .style {
        clear:both;
    }

    .galleryview .result-cell span {
        display: inline-block;
        font-weight: 500;
        font-size: 1.0em;
        margin:0 5px 0 0;
        color: #8A8B8A;
    }
    
    .galleryview .result-cell span.comp-label {
       font-weight: normal;
       text-decoration: underline;
    }


    .galleryview .result-row .result-cell.open{
        position: absolute;
        top:83px;
        right:10px;
    }
    
    /** Common Result Cells **/
    
    .galleryview .result-row .result-cell.mlnum,
    .galleryview .result-row .result-cell.media,
    .galleryview .result-row .result-cell.status,
    .galleryview .result-row .result-cell.history,
    .galleryview .result-row .result-cell.archive,
    .galleryview .result-row .result-cell.tax{
        width:33%;
    }

    /** Common Result Cells **/

    /** Res Result Cells **/

    .galleryview .result-row .result-cell.rooms,
    .galleryview .result-row .result-cell.bedroom,
    .galleryview .result-row .result-cell.bathnum,
    .galleryview .result-row .result-cell.garage,
    .galleryview .result-row .result-cell.basement,
    .galleryview .result-row .result-cell.salesprice,
    .galleryview .result-row .result-cell.diff,
    .galleryview .result-row .result-cell.dom{
        width:33%;
    }

   
    .galleryview .result-row .result-cell.style,
    .galleryview .result-row .result-cell.town{
        width:100%;
    } 

    /** Res Result Cells **/

    /** Multi-family Result Cells **/ 

    .galleryview .multi-family .rooms {
        clear:initial;
    }

    .galleryview .multi-family .result-row .result-cell.numunits{
        width:33%;
    }

    /** Multi-family Result Cells **/    

    /** Land Result Cells **/ 

    .galleryview .land .sect,
    .galleryview .land .lotsize {
        clear:both;
    }

    .galleryview .land .result-row .result-cell.sect,
    .galleryview .land .result-row .result-cell.acres,
    .galleryview .land .result-row .result-cell.lotsize{
        width:33%;
    }

    /** Land Result Cells **/   

    /** Business Result Cells **/ 

    .galleryview .business .busclassprimary,
    .galleryview .business .salesprice {
        clear:both;
    }

    .galleryview .business .result-row .result-cell.busclassprimary,
    .galleryview .business .result-row .result-cell.incomegrossoperating,
    .galleryview .business .result-row .result-cell.expenseoperating{
        width:33%;
    }

    /** Business Result Cells **/  

    /** Commercial Result Cells **/ 

    .galleryview .commercial .class,
    .galleryview .commercial .salesprice,
    .galleryview .commercial .history {
        clear:both;
    }

    .galleryview .commercial .result-row .result-cell.class,
    .galleryview .commercial .result-row .result-cell.fsl,
    .galleryview .commercial .result-row .result-cell.ppsft {
        width:100%;
    }


    .galleryview .commercial .result-row .result-cell.spsqf{
        width:33%;
    }

    /** Commercial Result Cells **/  

    /** XPY Result Cells **/ 

    .galleryview .xpy .class,
    .galleryview .xpy .garage,
    .galleryview .xpy .history {
        clear:both;
    }

    .galleryview .xpy .result-row .result-cell.ptype {
        width:100%;
    }

    .galleryview .xpy .result-row .result-cell.garage{
        width:33%;
    }

    /********************/
    /**** Inventory  ****/
    /********************/

    .inventory-mobile-sel {
        display: none;
    }

    @media all and (max-width: 768px) {
        .inventory-mobile-sel {
            display: block;
            position: absolute;
            top:12px;
            left:10px;
            border:0 !important;
        }
    }

    /**** inputsheet  ****/

    .default-box > .inner > .flex-row > section.has-left-menu {
        opacity: 0;
        display: none;
        min-height: 300px;
        transition: opacity 0.5s linear;
       -webkit-transition: opacity 0.5s linear;
       -moz-transition: opacity 0.5s linear;
       -o-transition: opacity 0.5s linear;
       -ms-transition: opacity 0.5s linear;
    }

    .default-box > .inner > .flex-row > section.has-left-menu.active{
        opacity: 1;
        display: flex;
        margin:70px 0 0 0;  
    }

    .sub-label label {
        font-size: 11px;
    }

    .listing-input-sheet .glyphicon-asterisk{
        font-size: 8px;
        color: rgba(220,93,84,1.0);
        margin: 0 0 0 5px;
        top:-1px;

    }

    .listing-input-sheet .content-cell span.radio-label{
        display: block;
        float:left;
        margin:0 15px 0 0;
    }

    input[type=radio].requirement-check{
        border:1px solid red;
    }

    .listing-input-sheet .content-cell input[type=radio]{
        display: block;
        float:left;
        margin:0 2px 0 0;
    }

    #next {
        float:right;
    }

    .inputsheet-submit-inactive {
        background: rgba(220,93,84,0.4);
    }

    .inputsheet-submit-inactive:hover{
        background: rgba(220,93,84,0.4);
    }
    /**** inputsheet  ****/

    .hide-changesection{
        display: none;
        min-height: 280px;
        padding: 0 5px 100px 5px;
    }

    .status-change .content-table{
        padding:0;
    }

    .status-change .status-selection-table {
        margin:0 0 10px 0;
    }

    .section-column.status-error-column{
        padding:0px 15px 0px 15px;
        margin:0;
    }

    .section-column.status-error-column.active{
        margin:0 0 10px 0;
    }

    #status-error div{
        text-align: left;
        color:red;
    }    

    .status-change .content-table .content-cell:first-child{
        height: 30px;
    }

    .status-change .status-selection-table .content-cell:first-child {
        height: 20px;
    }

    .status-change .content-table .content-cell{
        height: 30px;
    }

    .status-change .content-table .content-cell.saleprice_error,
    .status-change .content-table .content-cell.saleprice_cell,
    .status-change .content-table .content-cell.listprice_edit_error,
    .status-change .content-table .content-cell.listprice_edit_cell{
        height: 0px !important;
    }

    .status-change .content-table .content-cell.saleprice_error.error-loaded,
    .status-change .content-table .content-cell.listprice_edit_error.error-loaded{
        height: 30px !important;
    }    

    .status-change .content-table-top {
        padding:4px 0 0 0;
    }

    .status-change .content-message{
        padding:10px 0 0 0;
    }


    .status-sections{
        min-height: 132px;
        padding:5px 5px 20px 5px;
    }
    
    .status-edit{
        float: right;
        font-size: 13px;
        cursor:pointer;
    } 

    .content-cell.financial-section {
        padding:10px 0 10px 5px;
    }

    .financial-terms span,
    .financial-terms input[type=radio]{
        float:left;
    }

    .financial-terms span{
        padding:0 0 0 5px;
    }

    .financial-terms .content-cell:first-child{
        vertical-align: top;
        padding-top:10px;
    }

    /********************/
    /***** Status  ******/
    /********************/

    /********************/
    /**** Inventory  ****/
    /********************/

    /********************/
    /*** userissue ******/
    /********************/

    #bug-table{
        width: 100%;
    }

    #bug-table tr td{
        padding:5px;
        text-align: left;
    }

    #bug-table tr td:first-child{
        width:95px;
        white-space: nowrap;
    }

    #bug-table tr td:last-child{
        word-break: break-all;
    }

    #bug-table tr td textarea{
        width: 100%;
    }

    .tagname {
        color:rgba(120,182,201,1.0);
    }

    #xmlViewRaw{
        padding:10px;
        width: 100%;
        min-height: 200px;
    }

    /********************/
    /*** userissue ******/
    /********************/

    /** No classes prior **/

    @media all and (max-width: 768px) {
        #nav-toggle {
            display: block;
        }

        #side-menu-container {
            position: relative;
            display: none;
            position: fixed; 
            top:0px;
            width:0px;
            height:100%;
            z-index: 50; 
            padding:185px 0 0 0 ;
            overflow: hidden;
            background: #fff
        }


        #side-menu-container .section-inner{
            border:0;
            background: #fff;
            box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.00);
            padding:10px;
        }

        #side-menu-container #nav-close{
            font-size: 18px;
            position:absolute;
            right:15px;
            top:160px;
            cursor: pointer;
            z-index: 5;
        }

        #side-menu-container li {
            white-space: nowrap;
        }

        #side-menu-container #nav-close {
            display: block;
        }

        .banner-image {
            width:121px;
        }

    }

    @media all and (max-width: 615px) {
        #side-menu-container {
            padding:165px 0 0 0 ;
        }

        #side-menu-container #nav-close {
            top:183px;
        }

        .contact-results {
            position: absolute;
            top: 152px;
            left: 0;
            bottom: 0;
            right: 0;
            padding: 0;
            overflow-y: scroll;
            width: 100%;
            background: #233441 !important;
        }

        .contact-results .inner{
            padding:0px 0 10px 0px !important;
        }

        .contact-results .w-section {
            padding:0 5px 45px 5px !important;
        }


        .inventory-mobile-sel {
            display: block;
            width:140px;
            top:8px;
            border-bottom:1px solid #dfe0e4 !important;
        }         
 
        .banner-image {
            width:80px;
        }

        #advance-search-fields{
            max-width: 100%;   
        }
    }

    @media print {
        body {
            background: #fff;
            margin:0;
            padding:0;
            min-width: 320px;
            color:#000;
        }

        #fl-result-table-container{
            display: none;
        }       

        .result-row,
        .result-cell{
            -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
            page-break-inside: avoid; /* Firefox */
            break-inside: avoid; /* IE 10+ */
        }
    }
     .justify{
      text-align:justify;
      text-justify:inter-word;
     }
    .center{
        height:150px;
        width:150px;
    	 margin-left:auto;
        margin-right:auto;

    }
     .img-circle {
        border-radius: 100%;
        height:150px;
        width:150px;
       align:middle;
    }

 
.image {
   position: relative;
}

h3 {
   position: absolute;
   top: 150px;
   left: 30px;
   width: 100%;
   margin: 0 auto;
   width: 300px;
   height: 50px;
   color:#edde14;
}
 
.border {border:1px solid #003366;}
.borderltgrey{border:1px #f3f3f3 solid;}
.bordergrey {border:1px solid #8B8B8B;}
.bt {border-top:1px solid #003366}
.br {border-right:1px solid #003366}
.bb {border-bottom:1px solid #003366}
.bl {border-left:1px solid #003366}
.br2 {border-right:1px solid #fff}
.bl2 {border-left:1px solid #fff}
.bt3 {border-top:1px solid #000}
.br3 {border-right:1px solid #000}
.bb3 {border-bottom:1px solid #000}
.bl3 {border-left:1px solid #000}