﻿
/*#region general css*/

.bold {
    font-weight:bold !important;
}

.container_grey {
    background-color:#d6d6d6;
    padding:15px;
    margin:20px 0;
    border-radius:5px;
}

.inline-block {
    display:inline-block !important;
}

.marginLeft-40 {
    margin-left:40px;
}

/*#endregion*/

/*#region footer css*/

.footer_participant {
    background-color:#58595B;
    color:white;
    font-weight:lighter;
    font-size:0.8em;
    padding:30px;

    height:180px;

    position:absolute;
    bottom:0;
    left:0;
    right:0;
}

.footer_participant section {
    display:inline-block;
}

.footer_participant .CompanyDetails {
}


.footer_participant section h4 {
    font-size:1.8em;
    margin:0 0 30px 0;
    padding:0;
}

.footer_participant section p {
    display:inline-block;
    padding:0;
    margin:0;
}

.footer_participant section span {
    color:#C4D948;
}

.footer_participant .CompanyDetails:first-child {
    float:left;
}

.footer_participant section p:last-child {
    line-height:25px;
}

.footer_participant .footerMenuWrapper {
    float:right;
    height:100%;
    border-left:1px solid white;
    padding:0 100px 0 40px;
}

.footer_participant .footerMenuWrapper ul {
    margin:0;
    padding:0;
}

.footer_participant .footerMenuWrapper ul li {
    list-style-type:none;
    line-height:25px;
}

.footer_participant .footerMenuWrapper ul li a {
    text-decoration:none;
    color:white;
    font-weight:lighter;
}

.footer_participant .footerMenuWrapper ul li a:hover {
    text-decoration:underline;
}

.footer_participant .footerMenuWrapper ul li a.selected {
    color:#C4D948;
}

.footer_participant .conditions {
    position:absolute;
    bottom:0;
}

.fixed_bottom {
    position:fixed;
    bottom:0;
}

/*#endregion*/


/*#region Lists*/

.cssFilterDropdowns {

}

.ui-listview li {
    cursor:pointer;
}

.ui-listview li a {
    font-weight:normal;    
    
}       

    .ui-listview li a span, .ui-listview li span {        
        vertical-align: top;
        margin-left: 5px;
        margin-right: 5px;
        width: 30%;
        overflow:hidden;
        min-width: 150px;
        display: inline-block;
        font-weight: normal;        
    }        



/*#endregion*/

/*#region input forms*/

form fieldset {
    max-width:300px;
    display:inline-block;
    vertical-align:top;
    margin:10px !important;
    background-color:white;
    padding:15px !important;
}

form fieldset ul {
    list-style: none;
    margin-left: 10px;
    padding-left: 10px;
}

form fieldset .jqte_Content ul {
    list-style:disc !important;   
    margin-left: 10px;
    padding-left: 10px; 
}

    form fieldset h3 {
        margin:0;
        font-weight:normal;
        color: #9EAA39;
    }

form .cssCheckboxList li input{
    margin:0 !important;
    padding:0 !important;
}

form .cssCheckboxList li div:last-child {
    margin-left:40px !important;
}

.cssTextRecommend {
    position:absolute !important;
    z-index: 99;
    max-height:400px !important;
    overflow:auto !important;
}

.cssTextRecommend li {

        /*display:block !important;*/        
        background-color: #dedddd !important;
        text-shadow:none !important;     
        cursor:pointer;        
        border-bottom:1px solid white !important;
    }

    .cssTextRecommend li:hover {
        background-color: #9EAA39 !important;
    }


/*#endregion*/

/*#region page procurement*/
.page_procure {
    background-color:#7d8724 !important;
    position:relative;
    z-index:0;
}

.page_procure:after {
    content:'';

    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;

    width:100%;
    height:100%;
    
    background-color:transparent;
    background-image: url('images/image_background_welding.jpg');
    background-size:cover;
    z-index:-1;

    opacity:0.75;
}

.page_procure form {
    padding:180px 20px 20px 20px;
    margin:60px auto 70px auto;
    position:relative;
    max-width:630px;

    box-shadow:10px 10px 50px rgba(0, 0, 0, 0.5);
}

.page_procure form .ui-line {
    background-color:rgba(255, 255, 255, 0.3);
}

.page_procure form .frm_header {
    background-color:#414141;
    margin:0;
    padding:40px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    border-radius:5px 5px 0 0;

    border-bottom:5px solid #9EAA39;
}

.page_procure form .frm_header h2 {
    color:#C4D948;
    font-weight:normal;
}

.page_procure form .frm_header h3 {
    color:#a8a8a8;
}

.page_procure form .frm_header .ui-line {
    width:250px;
    padding:0;
    padding-bottom:1px;
    background-color:rgba(255, 255, 255, 0.1);

    border-color:black;
}

.page_procure form fieldset {
    padding:0 !important;
    margin:0 0 15px 0 !important;
}

.page_procure form fieldset header h3 {
    font-size:0.9em;
    color:black;
}

.page_procure form fieldset header .ui-line {
    margin:5px 0 0 0;                                                
}

.page_procure form fieldset ul li.inline-block {
    width:48%;
    box-sizing:border-box;
    min-width:150px;
}

.page_procure form fieldset ul li.inline-block:nth-child(odd) {
    margin-right:2%;
}

.page_procure form fieldset ul li label {
    font-size:0.7em;
    padding:0;
    margin:0 0 0 10px;
    font-weight:bold;
    color:#9EAA39;
}

.page_procure form fieldset ul li .ui-input-text {
    padding:0;
    margin:3px 0 10px 0;
}

    .page_procure form fieldset ul li #txtMessage {
        min-height:150px;
        padding:5px;
    }
    
    .page_procure form .btn_blue {
        margin: 0 !important;
        width: auto !important;
        display: block !important;
        box-sizing: border-box;
        width: 100% !important;
        font-size: 1em;
        padding: 12px 0;
    }

.page_procure form button:hover {
    opacity:0.8;
}


/*#endregion*/

/*#region page book css*/
/*.page_book {
    text-align:center;
}

.page_book #boxThankYou {
    background-color:#E6E7E8;
    text-align:left;
    display:inline-block;
    margin:0 0 50px 0;
    padding:10px 20px;
    border-radius:5px;
    box-shadow:5px 5px 20px rgba(0, 0, 0, 0.19);
}

.page_book #boxThankYou p {
    display:block;
    margin:15px 0;
}

.page_book #boxThankYou h2 {
    font-size:1.8em;
    font-weight:lighter;
}

.page_book #boxThankYou h3 {
    display:block;
    text-align:center;
    margin:0 auto !important;
    padding:15px 0;
    background-color:#d2d2d2;
    color:#9EAA39;
}

.page_book #boxThankYou .btn_blue {
    margin:20px 0 10px 0;
    width:100%;
}

.page_book #boxThankYou .btn_blue:hover {
    opacity:0.8;
}*/
.page_book {
    padding-top:30px !important;
}

.page_book form {
    padding-top:140px;
    padding-bottom:120px;
    min-height:280px;
    position:relative;
}

.page_book form fieldset {
    position:relative;
    min-height:280px;
    height:100%;
}

.page_book form fieldset .fixed {
    position:absolute;
    bottom:-110px;
    left:0;
    right:0;
    text-align:left;
}

.page_book form fieldset .fixed .btn_blue {
    float:right;
    width:150px !important;
}

.page_book form .frm_header {
    padding:20px 0 !important;
    border-bottom-width:4px;
}

.page_book .Participants .prereqs {
    background-color:#dddddd;
    margin:10px 0;
    padding:5px 10px;
    border-radius:3px;
}

.page_book .Participants .prereqs label {
    height:20px;
    position:relative;
    margin:0;
    display:block !important;

}

.page_book .Participants .prereqs label span {
    position:absolute;
    left:40px;
    top:12px;
    font-size:1em;
}

.prereqs .htmlContainer ul {
    list-style-type:disc !important;
    margin-left:10px !important;
    padding-left:10px !important;
}

.page_book form .participant ul li.inline-block {
    width:49.5%;
    box-sizing:border-box !important;
    min-width:140px;
    margin:0 !important;
}

.page_book form .participant {
    /*padding:20px !important;
    margin-top:20px !important;*/
    margin:20px 0;
    border-radius:3px !important;

    -moz-transition:all ease 500ms;
    -o-transition:all ease 500ms;
    -webkit-transition:all ease 500ms;
    transition:all ease 500ms;
}

.page_book form .participant header {
    position:relative;
    margin:0;
    padding:0 0 20px 0;

    -moz-transition:all ease 500ms;
    -o-transition:all ease 500ms;
    -webkit-transition:all ease 500ms;
    transition:all ease 500ms;
}

.page_book form .participant header .btn_collapse {
    top:-10px;
    outline:none !important;
    background-color:transparent !important;
    border:none;
    opacity:0.9;

    -moz-transition:all ease 500ms;
    -o-transition:all ease 500ms;
    -webkit-transition:all ease 500ms;
    transition:all ease 500ms;
}

.page_book form .participant header .btn_collapse:hover {
    opacity:0.5;
}

.page_book form .participant.collapsed {
    background-color:#dbdbdb;
    padding:8px 10px 8px 10px !important;
    box-sizing:border-box;
    margin:10px 0;
}

.page_book form .participant.collapsed header {
    padding:0 !important;
}

.page_book form .participant.collapsed header h3 {
    color:#8d8d8d;
}

.page_book form .participant.collapsed .ui-line {
    display:none;
}

.page_book form .participant.collapsed header .btn_collapse {
    top:-13px !important;
    opacity:0.3 !important;
}



.page_book form .btn_addPart {
    border-radius:3px;
    border:none !important;
    height:34px;
    margin-bottom:25px;
    background-color:#bbbbbb;
    text-align:left;
    padding:0 10px;
    font-weight:bold;
    text-shadow:none;
    color:white;
}

.page_book form .btn_addPart:hover {
    background-color:#969696;
    text-shadow:none;
    font-weight:bold;
    color:white;
}

.page_book form .btn_removePart {
    border-radius:3px;
    border:none !important;
    height:34px;
    margin-top:-10px;
    margin-bottom:15px;
    background-color:#ff5252;
    text-align:left;
    padding:0 10px;
    font-weight:bold;
    text-shadow:none;
    color:white;
    opacity:0.7;
}

.page_book form .btn_removePart:hover {
    background-color:#ff5252;
    text-shadow:none;
    font-weight:bold;
    color:white;
    opacity:1;
}

.page_book form .Invoice .fixed {
    bottom:-120px;
}

.page_book form .Payment header {
    margin-top:5px;
    margin-bottom:20px;
}

.page_book form .Payment .form-row {
    margin-bottom:10px;
}

.page_book form .Payment .container_grey header h3 {
    font-size:1em;
    color:#7d8724;
}

.page_book form .Payment .expiration .ui-input-text {
    width:60px !important;
    display:inline-block;
}

.page_book .Payment .cvc label {
    margin:0;
    padding:0;
}

.page_book .Payment .cvc .ui-input-text {
    width:60px;
}

.page_book form .Payment .expiration label {
}

.page_book form .Payment .expiration span {
    display:inline-block;
    font-family:'Open Sans' !important;
    font-size:1.6em !important;
    font-weight:100 !important;
    position:relative;
    top:5px;
}

.page_book form .Payment .Info .ui-line {
    margin:8px 0;
}

.page_book form .Payment .Info .Info_Row {
    display:block;
}

.page_book form .Payment .Info .Info_Row span:last-child {
    float:right;
}

.page_book #boxThankYou {
    margin:100px auto 100px auto;
    padding:20px 20px;
    box-sizing:border-box;
    border-radius:5px;
    min-width:300px;
    width:40%;

    position:relative;
    padding-top:80px;

    background-color:#E6E7E8;
}

.page_book #boxThankYou header {
    background-color:#414141;
    position:absolute;
    top:0;
    left:0;
    right:0;

    width:100%;
    height:80px;

    border-radius:5px 5px 0 0;
    text-align:center;
    border-bottom:3px solid #9EAA39;
}

.page_book #boxThankYou header .ui-line {
    width:80%;
    margin:0 auto;
    background-color:rgba(255, 255, 255, 0.14);
    display:none;
}

.page_book #boxThankYou header h2 {
    font-size:1.2em;
    color:#C4D948;
    text-shadow:none !important;
    font-weight:normal;
    width:200px;
    margin:15px auto;
}

.page_book .thx_Content {
    margin:0 0;
    padding:10px;
}

.page_book #boxThankYou h3 {
    color:#9EAA39;
}

.page_book #boxThankYou h4 {
    margin:0;
}

.page_book #boxThankYou p:last-child {
    margin:5px 0 20px 0;
}

.page_book #boxThankYou .btn_blue {
    font-size:1em;
    padding-right:0;
    padding-left:0;
    width:100%;
    margin:0;
}

.page_book form .Payment .input {
    border-radius:3px !important;
    border:none !important;
    border:1px solid rgba(128, 128, 128, 0.15) !important;
    line-height:2em !important;
    padding:3px 5px !important;
    margin-top:10px !important;
    box-sizing:border-box !important;
    box-shadow:inset 2px 2px 4px rgba(54, 54, 54, 0.05) !important;
    background-color:#fcfcfc !important;
    width:30px;
    text-align:center !important;
}
    
.page_book form .Payment .input::-webkit-outer-spin-button,
.page_book form .Payment .input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none !important;
    margin: 0 !important; /* <-- Apparently some margin are still there even though it's hidden */
}

.page_book form .Payment .input.cvc {
    width:50px !important;
    text-align:left !important;
}

/*#endregion*/
