/*
Theme Name:     Blue Box
Description:    Child theme for Ultimatum
Author:         Ultimatum Theme
Template:       ultimatum
Version:        1.0.0
ULT ID: 26
*/


/* ULT CUSTOMIZATION */
#bodywrapper div.ult-container {background: #fff;}


/*2016 theme rtl bug fix*/
body {
    overflow-x: hidden;
	font-family:Arial;
}


/*questionnaire page*/
.silver_model {
    text-align: center;
    font-size: 20px;
    opacity: 0;
}

.silver_model .meter {
    width: 220px;
    height: 30px;
    border: 1px solid;
    margin: 0 auto;
    margin-top: -33px;
}

.silver_model #meter-progress-bar {
    right: 0px;
    height: 100%;
    width: 5%;
    background: black;
    text-align: right;
}

/*conclusion page*/

.silver-conclusion-announcement {
    margin-top: 90px;
    text-align: center;
    font-size: 20px;
}

.silver-hide-chart {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

canvas#silver-canvas {
    background: white;
}

/*clients pages*/

body.single-clients {
    direction: rtl;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0px;
    font-size: 17px;
}

.single-clients .client.detailes {
    text-align: right;
}

.single-clients .client.detailes p {
    text-align: right;
    margin: 5px;
    font-weight: bold;
}


.single-clients .client.detailes p span {
    font-weight: normal;
}

.single-clients table{
    margin: 50px auto;
}

.single-clients table,  .single-clients td{
    border:1px solid;
}


.single-clients td {
    padding: 5px;

}

.single-clients td > span {display: block;display: none;position: absolute;top: 38px;right: -53px;background: #444;border: solid 1px #999;box-shadow: 0 1px 5px #999;color: white;z-index: 1;padding: 6px;}


.single-clients td {
    position: relative;
    overflow: visible;
}

.single-clients td:hover span {
    display: block;
}

.single-clients .ltr {
    direction: ltr;
}

.single-clients .averages td{
    min-width: 74px;
}

.single-clients .summery span {
    margin-left: 20px;
}
.single-clients h4 {
    margin: 0;
}
.single-clients button {
    font-size: 20px;
    margin-top: 50px;
}

/*
.single-clients .red{
    background: darkred;
}
.single-clients .light-red{
    background: red;
}
.single-clients .white{
    background: white;
}
.single-clients .green{
    background: lightgreen;
}
.single-clients .light-green{
    background: #00ff00;
}

*/

/******* Yariv CSS *******/

/* Question Page */

#next-question {background-color: #4a5d38;border: 0;padding: 10px;color: white;border-radius: 5px;margin: 12px 0 27px 0;}
#next-question:hover {background-color: #334026;}
/*.rangeslider__fill {background: #20321f !important;}*/
.rangeslider--horizontal {margin: 23px 0 0 0;}
.silver_model #meter-progress-bar {background: rgba(107, 184, 220, 0.6);}
.silver_model .meter {height: 38px;border: 1px solid #334026;margin-top: -40px;}
output {font-size: 37px;}
#js-rangeslider-0:before {
    background: url(http://app.thesilverace.com/wp-content/uploads/2016/04/ruler.png);
    font-size: 34px;
    position: absolute;
    top: 23px;
    left: 0;
    color: #999;
    right: 0;
    width: 100%;
    content: "";
    height: 85px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.question h4 {font-weight: bold;font-size: 23px;}

/* Login Pgae */
form#silver-login > * {float: none;}
.woocommerce-page div.product div.summary {float: none;}
.images {display: none;}

/* Questionnaire Modal */
a.neki.wdpu-close {position: relative;top: auto;right: auto;background: none;color: white;background: #488CFD;padding: 4px 19px;}
a.neki.wdpu-close:hover {color:white;}



/* David CSS */

.page-id-6 #logo-container {padding: 12px 10px;background: #f2f2f2;margin-bottom: 0;}
.page-id-6 .container {padding-left: 0px;padding-right: 0px;}
.page-id-6 #bodywrapper div.ult-container {
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #8e8e8e 100%);
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#8e8e8e 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#8e8e8e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#8e8e8e',GradientType=0 );
    box-shadow: 0 0 34px 0px #444;
}
.page-id-6 p.out-of {margin-right: 0;}
.page-id-6 #next-question {background-color: #ddd;border: 2px solid whitesmoke;color: #000;border-radius: 25px;box-shadow: 2px 3px 4px #333;transition: 0.5s all;}
.page-id-6 #next-question:hover {background-color: whitesmoke;}
.page-id-6 p.out-of {background: #333;}
/*.page-id-6 .rangeslider__fill {background: #4a5d38 !important;}*/
.page-id-6 output {max-width: 90px;margin-top: 100px !important;margin: 0 auto;background-color: #020447;padding: 5px;border-radius: 27px;border: 2px solid #25276B;color: white;box-shadow: 2px 3px 8px #000;margin-bottom: 15px !important;}
.page-id-6 #js-rangeslider-0:before {
    background: url(http://app.thesilverace.com/wp-content/uploads/2016/04/ruler.png);
    max-width: 97%;
    content: "";
    height: 85px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 30px;
}
.page-id-6 .sliderBorder {
    max-width: 760px;
    margin: 0 auto;
    border: solid 1px transparent;
    border-radius: 45px;
    background: -webkit-linear-gradient(#4f4d4d, #afafb0 , #4f4d4d);
    background: -o-linear-gradient(#4f4d4d, #afafb0 , #4f4d4d);
    background: -moz-linear-gradient(#4f4d4d, #afafb0 , #4f4d4d);
    background: linear-gradient(#4f4d4d, #afafb0 , #4f4d4d);
    box-shadow: 2px 3px 14px #000;
    position:relative;
}
.page-id-6 .sliderBorder:before {
    content: "במידה נמוכה יותר";
    left: -1%;
    top: 50%;
    position: absolute;
    transform: translateX(-100%) translateY(-50%);
      max-width: 90px;
}
.page-id-6 .sliderBorder:after {
    content: "במידה גבוהה יותר";
    right: -1%;
    top: 50%;
    position: absolute;
    transform: translateX(100%) translateY(-50%);
      max-width: 90px;
}
.page-id-6 .question {margin-bottom: 24px;}



/* Joel Codes */
p.out-of {
    float: left;
    padding: 5px 20px;
    background: #20321f;
    color: #fff;
    margin-bottom: 30px;
    margin-left: 5px;
}

.before-question {clear: both;}
.question {max-width: 700px;margin: auto;background: rgba(107, 184, 220, 0.5);padding: 20px;border-radius: 33px;}
div#js-rangeslider-0 {max-width: 700px;margin: 30px auto !important;background: #888;cursor: pointer;}
span.QuestionBold {font-weight: 700;color: #000;}

.range-border {
    max-width: 700px;
    margin: 20px auto;
    border: 3px solid rgba(0, 0, 0, 0.49);
    padding: 20px 20px 72px;
    border-radius: 39px;
    box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.81) inset;
}
/* Yariv CSS */
.iframe input {margin-bottom: 12px;}
.iframe #silver-login {padding: 31px 12px 0 0;}
body.iframe header.headwrapper ,body.iframe footer.footwrapper,
body.iframe .wpb_column.vc_column_container.vc_col-sm-9.vc_col-has-fill {display: none;}


/* Chart Page */
.chartContainer {
border-radius: 10px;
padding: 10px 30px;
margin-top: 30px;
background: #f7dc96;
box-shadow: 0 0 30px #999;
background: -moz-linear-gradient(top,  #f7dc96 0%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #f7dc96 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #f7dc96 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dc96', endColorstr='#ffffff',GradientType=0 );}
.chart {margin-top: 15px;max-width:100%;background: transparent;padding: 4%;box-sizing: border-box;}
canvas#silver-canvas {background: transparent;}


.single-clients td > span {display: none!important;}