/* Changes for reskining */

body {
    overflow-x:hidden;

}
.alignpadding{
    margin-left:-20px!important;
    font-size:16px!important;
}

 .tile.tile-blue, b {
        display: inline-block\0;
        text-decoration: none\0;
    }

.aligndata {
    margin-left: 18px!important;
    font-size:16px!important;
}
.aligndatareport {
     margin-left:-20px!important;
    font-size:14px!important;
}
.clsWelcomeList {
    font-size: 12px !important;
}

.liststyletype {
    list-style-type:none !important;
    margin-top:-15px!important;
    font-size:16px!important;
}
.accessdata {
    font-size: 15px;
font-weight: normal;
}
.listtype {
    list-style-type:none;
     font-size:16px!important;
}

.aligndatapadding {
    margin-top: 10px;
}

.nominatvalues {
    height:39px;
}

#Volume
{
    width: 230px !important;
    display: inline;
}
.datastyle {
    font-style:italic;
    font-size: 18px;
}
.nominationsize {
    font-size:18px;
}
.buttonsearch {
    margin-top: 25px!important;
    margin-left:-95px;
}
.aligngroup {
    margin-left:15px;
}
.headerreport {
    font-size: larger!important;
    font-weight:normal;
}
.alignoptionspadding {
    margin-left:-22px!important;
    font-size: 16px!important;
}
.tile.tile-blue {
    background: #00a8e1;
    margin-top: -135px;
}
.left-nav
{
    min-height:360px!important;
    width: 100%;
position: absolute;
}

@-moz-document url-prefix() {
    .tile.tile-blue, b {
        display: inline-block;
        text-decoration: none;
    }
}
.contactustile{
    
margin-top: 484px;
width: 100%;
position: absolute;

}
.companydata {
    font-size: 17px!important;
font-weight: normal!important;
}
.buttonalign{
   margin-left:28% !important;
}

.textalign{
    margin-left:20px!important;
}
.alignpanel {
  margin-bottom:15px!important;
  margin-top:-25px;
}
.textdatastyle {
    font-style:italic;
    font-weight:normal;
}
.reportdata {
    font-size: 15px;
}
.labelcolumns {
 
    font-size:14px!important;

}
.loginalign {
    float:right!important;
    margin-top:-32px!important;
}
.labelwidth {
    width:40%!important;
}
.labelvalues {
  
     width:100%!important;
     width:350px\9!important;
}



.iconalign{
     position:relative;
    top:40px;
}

.labelcolalign {
    margin-top:30px;
}



/*---comapny---*/
.company .form-control {
width: 100% !important;
}


.complabel {
    width:100%;
}
.nominatedvalues {
    float:left;
     width:70%!important;
}
.alignbody {
    padding-bottom:50px!important;
}
.thdailyvolume {
    font-size:14px;text-align:center;
}
.thmonthlyvolume {
    width:250px;margin-left:19%;font-size:14px;text-align:center;
}
.thyearvolume {
    font-size:14px;text-align:center;
}
.divbuttons {
    height: 35px;margin-top: 15px; padding-left: 95px; padding-top: 0px;
}

.datealign {
    width: 65%!important;

}
.nomvalue {
    width:60%!important;
}

#panelpadding {
    padding-bottom:30px;
    }
.popupdata{
    font-size: 13px!important;
}
.popuplabel {
    font-size: 13px!important;
font-weight: 600!important;
width:32%!important;
}

.figure {
    margin-top:12px;
}

.mobdate {
 width:88%!important;
}
.mobdate{
width: 75%!important;
margin-left: -42px;
height:37px!important;
}
.bodyalignmain {
    margin-top:-24px;
}
 .mobdatelabel {
        margin-left:-20px!important;
    }

.labeldesktopfrom {
    margin-left: -42px!important;
}

.labeldesktopto {
    margin-left: -70px!important;
}

.clsPrintButtonClass{
    position: absolute !important;
      margin-top: -235px !important;
    margin-top: -222px\9!important;
margin-left: 432px !important;
}

.clsOkButtonClass {
   position: absolute !important;
margin-top: 10px !important;
margin-left: 50px !important;
}

.clsNominationsButtonClass {
  position: absolute !important;
margin-left: 130px !important;
width: 325px !important;

}
option.loading {
display: none!important;
}
.bottomalign{

    margin-bottom: -5px!important;
}

.headeralign{
    color: #00ae42!important;
font-family: "Open Sans Condensed", Arial, sans-serif;
font-weight: 700;
margin: 25px 0 6px;
padding-top: 25px;
text-transform: uppercase;
margin-left: 20px!important;
font-size: 48px !important;

}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
/*width: 90%!important;*/
 /*margin-left:0px!important;*/
}

.ui-dialog{
    height: 400px;
}
.ui-dialog-buttonpane{
    height:90px!important;
}

.hralign{

    width: 700px;
margin-left: -20px;
}

.hralignnomination{

       width: 700px;
margin-left: -30px;
}
#Invalid
{
    position: absolute;
margin-top: -46%;
margin-left: 10px;
color:red;
}

.todate {
    margin-left:-70px;
}
#NoRecords {
color:black;
position: absolute;
margin-top: -20%;
margin-left: -12px;
}
.nospace{
    margin-bottom:0px;

}
.textline {
    text-decoration:none!important;
    display:inline-block;
}
TABLE.tablesorter THEAD TR TH {
    border: 1px solid lightgrey;
    background-color: rgb(0,122,80) !important;
    text-align: left;
    border: 1px solid lightgrey\0;
    background-color: rgb(0,122,80)\0 !important;
    text-align: center\0;
    color:white;
    font-size:18px;
}

 .commpanyinfo {
        margin-left:10px!important;
    }


TABLE.tablesorter TBODY TD {
    background-color: white;
    border: 1px solid lightgrey;
    text-align: left;
    font-size:17px;
    font-weight:normal;
}

.clsParaNominations {
    margin-left: -20px !important;
    font-size: 16px!important;
}

.bulletalign {
    margin-left:-15px;
}
.commpanyinfo {
    margin-left:10px;
}

#commpanyname{
    margin-left:10px;
}

/* Side navigation */

 @media   (max-width:767px){
   .left-nav{
       position:absolute;
       min-height:0px !important;
       z-index:1;
          height:0px ;
          margin-left: -10px;
            width: 100%;
          transition: height 1s linear;
         -webkit-transition: height 1s linear;
          -moz-transition:height 1s linear;
         overflow:hidden;
      }

    
  }

  .sideNavFull{
      color:red;
    height:360px !important;
   
     transition: height 1s linear;
    -webkit-transition: height 1s linear;
    -moz-transition:height 1s linear;
}

/* Ipad */


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

    option.loading {
display: none!important;
}

    @media(orientation:landscape) {
        .clsPrintButtonClass {
        margin-top: -230px !important;
        position: absolute !important;
        margin-left: 78% !important;
    }
        .mobdate {
            width: 75% !important;
            margin-left: -40px !important;
        }
        #Invalid {
            position: absolute;
            margin-top: -46%;
        }
        .mobdatelabel {
            margin-left: -50px !important;
        }

        .buttonsearch {
            margin-left: -82px !important;
        }

        .btn-group.bootstrap-select.form-control {
            display: block !important;
        }

        select#Company {
            width: 100% !important;
        }

        .mobile-device {
            width: 272px !important;
            height: 100% !important;
            opacity: 1 !important;
            position: static !important;
        }

        .mobdatelabel {
            margin-left: -64px !important;
        }

        .todate {
            margin-left: -69px !important;
        }

        button.btn.dropdown-toggle.selectpicker.btn-select {
            display: none !important;
        }
    }

    

    @media(orientation:portrait){
        .ui-dialog {
            position: absolute;
            padding: .2em;
            overflow: hidden;
            top: 30% !important;
            margin-left: -130px!important;
        }
        .divbuttons {
            height: 35px;
            margin-top: 15px;
            padding-left: 35px !important;
            padding-top: 0px;
        }

       

        .clsPrintButtonClass{
            position: absolute !important;
            margin-top: -218px !important;
           margin-left: 84% !important;
            }
        .mobile-device {
            position:static!important;
            width: 100%;
            height: 100% !important;
            opacity: 1 !important;
        }
        button.btn.dropdown-toggle.selectpicker.btn-select {
            display: none!important;
            }
        select#CompanyName {
                width: 206px!important;
            }
        #Invalid {
            position: absolute;
            margin-top: -55%;
        }
        #NoRecords {
           
            margin-top: -24%;
        }

        .clsNominationsButtonClass {
            margin-top: 10px !important;
        }
    }

    

    .btn-group.bootstrap-select.form-control {
        display: block !important;
    }

    .btn-group.bootstrap-select.complabel {
        display: block !important;
    }

    .btn-group.bootstrap-select.labelwidth.commpanyinfo {
        display: block !important;
    }

    .commpanyinfo {
        margin-left: 10px !important;
    }
    .left-nav {
        width: 100%;
    }
}





/*  Iphones*/

@media  (min-width:320px) and (max-width:480px) {
    option.loading {
display: none!important;
}
     
    .breadcrumb {
        margin-top:-23px;
    }
   
    .headernominations {
        font-size: 16px !important;
    }

    .clsParaNominations, .alignoptionspadding, .aligndata {
        font-size: 14px !important;
    }

    body.responsive .lead-in {
        font-size: 18px!important;
    }
    .liststyletype, .listtype {
        font-size:14px!important;
    }
 

    @media(orientation:portrait) {
        .ui-dialog {
            position: absolute;
            padding: .2em;
            height: 185px;
            width: 30%;
            left: 0% !important;
            top: 35% !important;
        }
        .tile.tile-blue.tile-margin {
            width: 320px !important;
        }
         .loginalign {
            float: right !important;
            margin-top: 24px !important;
        }

        #Invalid {
           
            margin-top: -82%!important;
            margin-left: 0px!important;
        }

        #NoRecords {
            margin-top: -104%!important;
            margin-left: -12px!important;
        }

        TABLE.tablesorter THEAD TR TH {
            background-color: #e6eeee;
            font-size:10px!important;
            padding-left: 0px!important;
        }
        TABLE.tablesorter TBODY TD {
        
            font-size: 10px!important;
        }
            .btn-group.bootstrap-select.labelwidth.commpanyinfo {
                display: block!important;
            }
        .hintsalign {
              margin-left: -10px !important;
        margin-right: -10px !important;
        }
        .tile.tile-blue {
            width: 320px!important;
            margin-left: -10px;
            background: #00a8e1;
            margin-top: 10px;
        }
        .mobpadding {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
         .divbuttons {
        padding-left:0px!important;
        height:50px;
    }
         .mobbutton {
        margin-left: -90px !important;
    }

       .btn-group.bootstrap-select.form-control{
            display:block!important;
        }
       button.btn.dropdown-toggle.selectpicker.btn-select {
display: none!important;
}
       .btn-group.bootstrap-select.complabel {
display: block!important;
}
       .mobdatelabel {
margin-left: 0px!important;
}
        .mobile-device {
            opacity:1;
        }
        .nospace {

margin-left: 10px;
}
        .alignchoos {
            margin-left: 10px;
        }
        #canmobbutton {
            width:96%;
        }
        .alignpagemob {
            margin-left:-10px;
            margin-right:-10px;
        }
        .ui-dialog {
           width: 319px!important;
        }
        .ui-dialog-buttonpane {
            height: 60px!important;
          }
        .clsOkButtonClass { 
            margin-left: 6px !important;
        }
        .clsNominationsButtonClass {
            position: absolute !important;
            margin-left: 60px !important;
            width: 235px !important;
            margin-top: 10px!important;
        }
        .clsPrintButtonClass {
            position: absolute !important;
            margin-top: -248px !important;
           margin-left: 246px !important;
        }
       .btn-group.bootstrap-select.complabel.dropup{
            display: block!important;
            }
         .mobile-device {
            position:static!important;
            width: 100%!important;
            height: 100% !important;
            opacity: 1 !important;
        }
        .labelwidth {
            width: 90% !important;
        }
        #Code{
            width: 259px!important;
        }
        .iconalign {
            position: relative;
            top: -35px;
            float: right !important;
            margin-right: -17px;
        }
        .mobdate {
            width: 94% !important;
            margin-left: 0px;
            height: 37px !important;
        }
        .buttonsearch {
            margin-top: 25px !important;
            margin-left: 0px;
            width: 100%;
        }

    }


    @media(orientation:landscape) {
        .ui-dialog {
            position: absolute;
            padding: .2em;
            height: 185px;
            width: 30%;
            margin-left: -8% !important;
            top: 35% !important;
        }
        input#Contact{
            width: 422px;
        }
        input#Contract{
            width: 422px;
        }
        .tile.tile-blue.tile-margin {
            width: 480px !important;
            margin-top: 0px;
            margin-left: -10px;
        }
       
        .ui-dialog {
          
            width: 480px !important;
        }
        #buttons {
            height: 35px !important;
            padding-left: 10px !important;
        }
        .labelinval {
            width: 423px !important;
        }
       .loginalign {
float: right!important;
margin-top: 24px!important;
}
       
        .btn-group.bootstrap-select.form-control{
            display:block!important;
        }
        .mobile-device {
            opacity:1;
        }
          .nospace {

margin-left: 12px;
}
          .alignpagemob {
            margin-left:-10px;
            margin-right:-10px;
        }
          .company .form-control {
width: 98% !important;
}
        .alignchoos {
            margin-left: 12px;
        }
        .clsPrintButtonClass {
            position: absolute !important;
            margin-top: -208px !important;
            margin-left: 410px !important;
        }
        div#NoRecords {
            margin-top: -66% !important;
        }
        table#acceptedNoms {
            margin-left: -12px;
        }
        div#Invalid {
            margin-top: -56% !important;
        }
        
    }

}





@media (min-width:360px) and (max-width:640px) {

    @media(orientation:landscape) {
        .labelvalues {
            width: 96% !important;
        }
        input#Contact{
            width: 575px;
        }
        input#Contract{
            width: 575px;
        }
        .figure {
            margin-left: -6px!important;
        }
         .breadcrumb {
            margin-top: -23px!important;
            margin-left:-15px!important;
        }
        .mobbutton {
            margin-left: 0% !important;
        }
        .loginalign {
            float: right !important;
            margin-top: 25px !important;
        }
        .company .form-control {
            width: 98% !important;
        }
        .tile.tile-blue.tile-margin {
            margin-top: 0px;
            width: 640px !important;
            margin-left: -10px;
        }
        .labelwidth {
            width: 65% !important;
        }
        .clsPrintButtonClass {
            /*position: absolute !important;*/
            margin-top: -185px !important;
        }

        .clsNominationsButtonClass {
            margin-top: 10px !important;
        }
        .ui-dialog {
            position: absolute;
            padding: .2em;
            height: 185px;
            width: 30%;
            left: 8% !important;
            top: 35% !important;
        }
        .alignpanel {
            margin-bottom: 15px !important;
           margin-right:-10px;
            margin-left: -10px;
        }
        .hintsalign {
            margin-right:-10px;
            margin-left: -10px;
        }
        
        
        .btn-group.bootstrap-select.form-control {
        display: block!important;
       
            }
        .iconalign {
            position: relative;
            top: -36px;
            float: right !important;
        }
        .btn-group.bootstrap-select.labelwidth.commpanyinfo {
            display: block!important;
        }
        select#CompanyName {
            width:72%!important;
        }

        #NoRecords{
            margin-top: -50%!important;
        }
        div#Invalid {
            margin-top: -43% !important;
        }
        .mobpadding {
             margin-right:-10px;
            margin-left: -10px;
            margin-top:-16px!important;
        }
         button.btn.dropdown-toggle.selectpicker.btn-select {
            display: none!important;
        }
        .btn-group.bootstrap-select.complabel {
            display: block !important;
        }
        .labeldesktopfrom {
            margin-left: 0px !important;
        }
        .labeldesktopto {
            margin-left: 0px !important;
        }
        .mobdate {
            width: 75% !important;
            margin-left: 0px;
        }
        #NoRecords {
            margin-top: -55%;
        }
        #Invalid {
            margin-top: -48%;
            margin-left: 0px;
        }
        .buttonsearch {
            margin-left: 0px;
            width: 100% !important;
        }
           .mobile-device {
            position:static!important;
            width: 100%!important;
            height: 100% !important;
            opacity: 1 !important;
        }
        

        .datealign {
            width: 96% !important;
        }

      
    }
    @media(orientation:portrait) {
        input#Volume {
            width: 60% !important;
        }
        .tile.tile-blue.tile-margin {
            width: 360px !important;
        }
        .mobiphonebutton {
            width:46%!important;
        }
        div#Invalid {
            margin-top: -74% !important;
        }
        div#NoRecords {
            margin-top: -89% !important;
        }
        #Code {
            width: 290px !important;
        }
        #canmobbutton {
              width: 96%!important;
        }
        .clsPrintButtonClass {
            /*position: absolute !important;*/
           margin-top: -185px !important;
            margin-left: 270px !important;
        }
        .ui-dialog {
            position: absolute;
            padding: .2em;
            overflow: hidden;
            top: 30% !important;
            width: 360px !important;
            left: 0px !important;
        }
        }

    }