.modal .modal-header{
    background: none repeat scroll 0 0 #3399FF;
    color: #FFFFFF;
    border-radius:6px 6px 0px 0px;
    padding: 6px 15px;
}

.modal .modal-body {
    background: none repeat scroll 0 0 #F2F2F2;
    padding: 0px 20px;
    overflow:auto;
    max-height:510px;
}
.modal-content .modal-footer {
    background: none repeat scroll 0 0 #F2F2F2;
    margin-top:0;
    border-radius:0px 0px 6px 6px;
    padding: 12px 20px;
}
.modal .modal-content{
    border-radius:9px;
}

.Visiting-data{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DFDFDF;
    height: 79px;
    padding: 27px;
    text-align: center;
    color:#9F9F9D;
}
.cursor{
    cursor:pointer;
}
.none{
    display:none;
}

div.navbar-default {
    background-color: #79c6ec;
    border-color: #E7E7E7;
    margin-top: 0;
}
div.navbar ul.navbar-nav li a{
    color: #FFFFFF;
}

.icon-arrow-left:before{
    content: "\e091";
}
.icon-arrow-right:before{
    content: "\e092";
}
.datepicker thead tr:first-child{
    background: none repeat scroll 0 0 #3399FF;
}
.datepicker table thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover {
    background: none repeat scroll 0 0 #3399FF;
}
tr.cursor:hover{
    background-color:#06C;
    color:#fff;
}
.paddingTop{
    padding-top:20px;
}

.padding-leftbtn{
    padding-left:20px;
}
@media only screen and (width : 320px) {
    /* Styles 
   .modal .modal-body {
   
          max-height:200px;
  }*/
}
@media (min-width: 240px) and (max-width: 480px) { 
    /*some CSS here */
    /*.modal .modal-body {
          overflow:hidden;
  }*/
}
@media (min-width: 440px) and (max-width: 320px) { 
    /* some CSS here 
    .modal .modal-body {
   
          max-height:250px;
          overflow:auto;
  }*/
}
@media handheld, screen and (max-width: 480px){
    #footer {
        /* Set the fixed height of the footer here */
        height: 80px;
    }
    /*
    #wrapper{width: 767px;}
    
    body {
    padding-right: 0px;
    padding-left: 0px;
    font-size:10px;
    }
    
    .hero-unit {
    margin-top:0px;
    padding-left: 12%;
    }
    
    .iphone {
    top: auto;
    left: 0;
    position: relative;
    }*/

    .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2px;
        padding-right: 2px;
    }

    .container #content {
        padding: 2px;
    }
    /*#footer {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
    }*/
}


.datefield * { 
    display: inline-block;
}

.datefield input { 
    width: 2em; 
    border: none; 
    font-size: 100%; 
    background: none;
    color: #000;            
}

.datefield input.year { width:4em; }
.datefield input:focus { outline:none; }

.multiselect {
    text-align: left;
}
.multiselect b.caret {
    position: absolute;
    top: 14px;
    right: 8px;
}
.multiselect-group {
    font-weight: bold;
    text-decoration: underline;
}
ul.list_none{
    list-style:none;
    margin:0px;
    padding:0px;
}
ul.list_none li{
    line-height:18px;
}
.areaData ul.list_none{
    list-style:none;
    border-right:1px solid #0F0;
    margin:0px;
    padding:0px;
}
.areaData ul.rolechoose{
    border:none;
}
/*input#JobRecruitment_other_functionalarea,input#JobRecruitment_company_belong_to{
        position:relative;
        cursor:default;
}*/
#other_functionalareaset b.caret,#industry_settype b.caret{
    position:absolute;
    right: 23px;
    top: 15px;

}
.choose{
    color:#969696;
    padding-left:5px;
    padding-bottom:10px;
}
.areaData{
    width:500px;
    border:1px solid #ccc;
    max-height:300px;
    overflow:auto;
    position:absolute;
    z-index:10;
    background:#FFF;
    border-radius:4px;
    padding:5px;
}
.areawidth{
    width:180px;
    margin-left:5px;
    padding-bottom:5px;	
}
input.cursorSet[readonly]{
    cursor:default;
}
.industrydiv{
    width:100%;
    border:1px solid #ccc;
    max-height:300px;
    overflow:auto;
    position:absolute;
    z-index:10;
    background:#FFF;
    border-radius:4px;
    padding:5px;
}
.widthindustry{
    margin-left:5px;
    padding-bottom:5px;
}
.carousel-control.left {
    background-image:none;
    background-repeat:no-repeat;
}
.carousel-control.right {
    background-image: none;
    background-repeat:no-repeat;
}
.deletefolio{
    position:absolute;
    top:-1px;
    right:195px;
    display:none;
    z-index:9999;
    font-weight:bold;
}
.editfolio{
    position:absolute;
    top:-1px;
    right:250px;
    display:none;
    z-index:9999;
    font-weight:bold;
}
div.item:hover .editfolio{
    display:block;
}
div.item:hover .deletefolio{
    display:block;
}
.payment-minhight{
    min-height:280px;
}

.payment-style-set{
    font-weight:bold; 
    padding:10px 20px 20px;
    text-align:justify;
}
ul.list_styleul{

    margin:0;
    padding:0;
}
h3.titlesset{
    text-align:center;
    font-weight:bold;
}
div.changeheading{
    background-color:#E2DAC5;
}
div.changeheading > div.panel-heading{
    color:#FFF;
    background:#00A650;
}
div.form-backcolor {
    background: none repeat scroll 0 0 #e6e7e9;
}
.font-familypayment{
    font-family:"GrandHotel-Regular";
    font-style: italic;
    font-size:46px;
}
.Your-choice {
    font-family: "Lucida Console";
    font-size: 18px;
}
.folio-style{
    color: #770404;
    font-size: 25px;
    font-weight: bold;
}
.folio-or-style{
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.folio-compName-style{
    color:#999;
    font-size: 25px;
    font-weight: bold;
    border-bottom:solid 1px #000;
}
.errors{
    background: none repeat scroll 0 0 #fee;
    border-color: #c00;
}
.successbk{
    background: none repeat scroll 0 0 #e6efc2;
    border-color: #c6d880;
}
/*.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}
*/
.justify{
    text-align:justify;
}
div.agreementstyle{
    padding: 7px 15px 0 0;
}
div.notification-msg{
    position:relative;
}
div.notification{
    position:absolute;
    width:auto;
    height:17px;
    padding:2px 3px;
    top:-10px;
    left:59px;
    background:red;
    border-radius:6px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    text-align:center;
}
.notificationCheck{
    background:#BBB;
    cursor:pointer;
}
.notificationOpen{
    background:#fff;
    cursor:pointer;
}
.setColorRow{
    background:#CFC;
}
.msz-empty {
    border: 1px solid #888;
    color: #b2b2b2;
    font-size: 16px;
    font-weight: bold;
    padding: 50px 0;
}
div.notification-cart{
    position:absolute;
    width:auto;
    height:17px;
    padding:2px 3px;
    top:-10px;
    right:20px;
    background:red;
    border-radius:6px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    text-align:center;
}
div.preNoti{
    left:53px;
}
#logo div a {
    font-size:13pt;
}
.agreement-design {
    background: none repeat scroll 0 0 #f5f5f5;
    margin-bottom: 6px;
    padding: 15px;
}
.mobile-no{
    color:#0070C0;
}
.Agreementname-set{
    margin-bottom:3px;
}
.padding0{
    padding:0;
}
.pre-folio-position,.post-folio-position{
    position:relative;
}

div#pre-folio-position:hover ul.pre-position,div#post-folio-position:hover ul.post-position{
    display:block;
}
ul.pre-position,ul.post-position{
    position:absolute;
    display:none;
    background:#FFF;
    border:solid 1px #fdfdfd;
    background:#3276B1;
    text-align:left;
    padding:15px;
    line-height:21px;
    z-index:5;
    border-radius:4px;
}


ul.post-position li a, ul.pre-position li a{
    color:#fff;
}
li.open.dropdown ul.dropdown-menu {
    background: none repeat scroll 0 0 #fff;
}
li.open.dropdown ul.dropdown-menu li a{
    color:#555555;
}
li.open.dropdown ul.dropdown-menu li a:hover{
    color:#FFF;
    background:#1990cf;
}
.folio_set{
    line-height:26px;
}
.trbackground:hover{
    background:#06F;
    cursor:pointer;
    color:#FFF;
}
select option{
    padding:2px 5px;
}
.img-loading{
    background:#fff;
    height:50px;
    padding:20px;
}
.emailCheck{
    background:#F7FBF0;
    color:#222222;
    cursor:pointer;
    font-weight:bold;
}
.emailOpen{
    background:#E9EFDF;
    cursor:pointer;
    color:#222222;
    font-weight:normal;
}
.sendMailtr{
    background:#E9EFDF;
    font-weight:normal;
    color:#222222;
    cursor:pointer;
}
.draftcolor{
    color:red;
}
.drafttr{
    cursor:pointer;
    font-weight:normal;
    color:#222222;
    background:#E9EFDF;
}
.table-responsive {
    border: 1px solid #dddddd;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
}
.headerbg {
    background-color: #b0ddf4;
}
.skipBtnCss{
    margin-right:5px;
}
#confirm .modal-dialog {
    width: 319px;
}
.main h1{
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin-top:0px;
}
.margin-top{
    margin-top:10px;
}
.margin-right{
    margin-right:10px;
}
.modalCompose{
    bottom:0px;
    top:auto;
    left:auto;
    right:0px;
}
.error{
    color:#F00;
}
.justify{
    text-align:justify;
}
.termHeading{
    margin-top:20px;
    margin-bottom:20px;
}
ul.list_styleulContact{
    list-style:none;
    margin:0;
    padding:0;
}
ul.list_styleulContact li{
    line-height:30px;
}
ul li.normal-lineHeight{
    line-height:normal;
}
ol.policyList li{
    padding-top:20px;
    padding-bottom:20px;
}
.socialloginimg{
    line-height: 47px;
}
a.socialloginimg .img-rounded {
    width: 200px;
}
fieldset {
    border: 1px solid #bce8f1;
    padding: 0.35em 1.0em 0.75em;
}
table .label {
    border-radius: 0.25em;
    display: inline;
    color: #000;
    font-size: 100%;
    font-weight: 700;
    line-height: 2;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.exists-class{
    background: red;
}
#linkhover:hover a{
    display:inline;
}
#linkhover{
    font-size: 10px;
}
tr.backcolorset{
   background: #eeeeee none repeat scroll 0 0;
}
div.wrapper1{
    overflow-x: scroll;
    overflow-y: hidden;
    width: 1070px;
    height: 20px;
}
div.wrapper2{
    overflow-x: scroll;
    overflow-y: hidden;
    width: 1070px;
}
div.div1{
    width: 2542px;
    height: 20px;
}
tr.mainIndustry{
    background-color: #d8d8d8;
}
#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 9999;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 50%;
  z-index: 100;
}
.top-paddings{
    padding-top: 50px;
    padding-bottom: 10px;
}